/* CSS Style 27.10.23 Theme Name: bon-balloon.ru Author: Vladimir */ @import url(reset.css); @font-face { font-family: 'Mont'; font-style: normal; font-weight: 900; src: local('Mont'), url('fonts/mont/Mont-Black.woff2') format('woff2'), url('fonts/mont/Mont-Black.woff') format('woff'), url('fonts/mont/Mont-Black.ttf') format('ttf'), url('fonts/mont/Mont-Black.eot') format('eot'); } @font-face { font-family: 'Mont'; font-style: normal; font-weight: 800; src: local('Mont'), url('fonts/mont/Mont-Heavy.woff2') format('woff2'), url('fonts/mont/Mont-Heavy.woff') format('woff'), url('fonts/mont/Mont-Heavy.ttf') format('ttf'), url('fonts/mont/Mont-Heavy.eot') format('eot'); } @font-face { font-family: 'Mont'; font-style: normal; font-weight: 700; src: local('Mont'), url('fonts/mont/Mont-Bold.woff2') format('woff2'), url('fonts/mont/Mont-Bold.woff') format('woff'), url('fonts/mont/Mont-Bold.ttf') format('ttf'), url('fonts/mont/Mont-Bold.eot') format('eot'); } @font-face { font-family: 'Mont'; font-style: normal; font-weight: 600; src: local('Mont'), url('fonts/mont/Mont-SemiBold.woff2') format('woff2'), url('fonts/mont/Mont-SemiBold.woff') format('woff'), url('fonts/mont/Mont-SemiBold.ttf') format('ttf'), url('fonts/mont/Mont-SemiBold.eot') format('eot'); } @font-face { font-family: 'Mont'; font-style: normal; font-weight: 500; src: local('Mont'), url('fonts/mont/Mont-Regular.woff2') format('woff2'), url('fonts/mont/Mont-Regular.woff') format('woff'), url('fonts/mont/Mont-Regular.ttf') format('ttf'), url('fonts/mont/Mont-Regular.eot') format('eot'); } @font-face { font-family: 'Mont'; font-style: normal; font-weight: 300; src: local('Mont'), url('fonts/mont/Mont-Light.woff2') format('woff2'), url('fonts/mont/Mont-Light.woff') format('woff'), url('fonts/mont/Mont-Light.ttf') format('ttf'), url('fonts/mont/Mont-Light.eot') format('eot'); } html { height:100%; } body { margin:0; padding:0; font-family: Mont, Arial, Helvetica, sans-serif; height:100%; } images { border:0; } a { color:#000000; text-decoration:none; } /*p { margin: 10px 0 10px 0; }*/ h1,h2,h3,h4 { font-weight:normal; color:#1E1A17; } h1 { font-size:44px; margin-bottom: 20px; } h2 { font-size:20px; } h3 { font-size:16px; font-weight: bold; } h4 { font-size:14px; } div { box-sizing: border-box; } .clr { clear:both; } .animated { animation-duration: 1.25s; animation-fill-mode: both; -webkit-animation-duration: 1.25s; -webkit-animation-fill-mode: both; } @keyframes bounce{20%,53%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{from,to{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}}.pulse{animation-name:pulse}@keyframes rubberBand{from,to{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{from,to{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}.tada{animation-name:tada}@keyframes wobble{from,to{transform:none}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}.wobble{animation-name:wobble}@keyframes jello{11.1%,from,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}.bounceInUp{animation-name:bounceInUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes lightSpeedIn{from{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rollIn{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInUp{animation-name:slideInUp} .elementor-animation-grow{transition-duration:.3s;transition-property:transform}.elementor-animation-grow:active,.elementor-animation-grow:focus,.elementor-animation-grow:hover{transform:scale(1.1)}.elementor-animation-shrink{transition-duration:.3s;transition-property:transform}.elementor-animation-shrink:active,.elementor-animation-shrink:focus,.elementor-animation-shrink:hover{transform:scale(0.9)}@keyframes elementor-animation-pulse{25%{transform:scale(1.1)}75%{transform:scale(0.9)}}.elementor-animation-pulse:active,.elementor-animation-pulse:focus,.elementor-animation-pulse:hover{animation-name:elementor-animation-pulse;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes elementor-animation-pulse-grow{to{transform:scale(1.1)}}.elementor-animation-pulse-grow:active,.elementor-animation-pulse-grow:focus,.elementor-animation-pulse-grow:hover{animation-name:elementor-animation-pulse-grow;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}@keyframes elementor-animation-pulse-shrink{to{transform:scale(0.9)}}.elementor-animation-pulse-shrink:active,.elementor-animation-pulse-shrink:focus,.elementor-animation-pulse-shrink:hover{animation-name:elementor-animation-pulse-shrink;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}@keyframes elementor-animation-push{50%{transform:scale(0.8)}100%{transform:scale(1)}}.elementor-animation-push:active,.elementor-animation-push:focus,.elementor-animation-push:hover{animation-name:elementor-animation-push;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1}@keyframes elementor-animation-pop{50%{transform:scale(1.2)}}.elementor-animation-pop:active,.elementor-animation-pop:focus,.elementor-animation-pop:hover{animation-name:elementor-animation-pop;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1}.elementor-animation-bounce-in{transition-duration:.5s}.elementor-animation-bounce-in:active,.elementor-animation-bounce-in:focus,.elementor-animation-bounce-in:hover{transform:scale(1.2);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.elementor-animation-bounce-out{transition-duration:.5s}.elementor-animation-bounce-out:active,.elementor-animation-bounce-out:focus,.elementor-animation-bounce-out:hover{transform:scale(0.8);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.elementor-animation-rotate{transition-duration:.3s;transition-property:transform}.elementor-animation-rotate:active,.elementor-animation-rotate:focus,.elementor-animation-rotate:hover{transform:rotate(4deg)}.elementor-animation-grow-rotate{transition-duration:.3s;transition-property:transform}.elementor-animation-grow-rotate:active,.elementor-animation-grow-rotate:focus,.elementor-animation-grow-rotate:hover{transform:scale(1.1) rotate(4deg)}.elementor-animation-float{transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.elementor-animation-float:active,.elementor-animation-float:focus,.elementor-animation-float:hover{transform:translateY(-8px)}.elementor-animation-sink{transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.elementor-animation-sink:active,.elementor-animation-sink:focus,.elementor-animation-sink:hover{transform:translateY(8px)}@keyframes elementor-animation-bob{0%{transform:translateY(-8px)}50%{transform:translateY(-4px)}100%{transform:translateY(-8px)}}@keyframes elementor-animation-bob-float{100%{transform:translateY(-8px)}}.elementor-animation-bob:active,.elementor-animation-bob:focus,.elementor-animation-bob:hover{animation-name:elementor-animation-bob-float,elementor-animation-bob;animation-duration:.3s,1.5s;animation-delay:0s,.3s;animation-timing-function:ease-out,ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:forwards;animation-direction:normal,alternate}@keyframes elementor-animation-hang{0%{transform:translateY(8px)}50%{transform:translateY(4px)}100%{transform:translateY(8px)}}@keyframes elementor-animation-hang-sink{100%{transform:translateY(8px)}}.elementor-animation-hang:active,.elementor-animation-hang:focus,.elementor-animation-hang:hover{animation-name:elementor-animation-hang-sink,elementor-animation-hang;animation-duration:.3s,1.5s;animation-delay:0s,.3s;animation-timing-function:ease-out,ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:forwards;animation-direction:normal,alternate}.elementor-animation-skew{transition-duration:.3s;transition-property:transform}.elementor-animation-skew:active,.elementor-animation-skew:focus,.elementor-animation-skew:hover{transform:skew(-10deg)}.elementor-animation-skew-forward{transition-duration:.3s;transition-property:transform;transform-origin:0 100%}.elementor-animation-skew-forward:active,.elementor-animation-skew-forward:focus,.elementor-animation-skew-forward:hover{transform:skew(-10deg)}.elementor-animation-skew-backward{transition-duration:.3s;transition-property:transform;transform-origin:0 100%}.elementor-animation-skew-backward:active,.elementor-animation-skew-backward:focus,.elementor-animation-skew-backward:hover{transform:skew(10deg)}@keyframes elementor-animation-wobble-vertical{16.65%{transform:translateY(8px)}33.3%{transform:translateY(-6px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}100%{transform:translateY(0)}}.elementor-animation-wobble-vertical:active,.elementor-animation-wobble-vertical:focus,.elementor-animation-wobble-vertical:hover{animation-name:elementor-animation-wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-horizontal{16.65%{transform:translateX(8px)}33.3%{transform:translateX(-6px)}49.95%{transform:translateX(4px)}66.6%{transform:translateX(-2px)}83.25%{transform:translateX(1px)}100%{transform:translateX(0)}}.elementor-animation-wobble-horizontal:active,.elementor-animation-wobble-horizontal:focus,.elementor-animation-wobble-horizontal:hover{animation-name:elementor-animation-wobble-horizontal;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-to-bottom-right{16.65%{transform:translate(8px,8px)}33.3%{transform:translate(-6px,-6px)}49.95%{transform:translate(4px,4px)}66.6%{transform:translate(-2px,-2px)}83.25%{transform:translate(1px,1px)}100%{transform:translate(0,0)}}.elementor-animation-wobble-to-bottom-right:active,.elementor-animation-wobble-to-bottom-right:focus,.elementor-animation-wobble-to-bottom-right:hover{animation-name:elementor-animation-wobble-to-bottom-right;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-to-top-right{16.65%{transform:translate(8px,-8px)}33.3%{transform:translate(-6px,6px)}49.95%{transform:translate(4px,-4px)}66.6%{transform:translate(-2px,2px)}83.25%{transform:translate(1px,-1px)}100%{transform:translate(0,0)}}.elementor-animation-wobble-to-top-right:active,.elementor-animation-wobble-to-top-right:focus,.elementor-animation-wobble-to-top-right:hover{animation-name:elementor-animation-wobble-to-top-right;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-top{16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}100%{transform:skew(0)}}.elementor-animation-wobble-top{transform-origin:0 100%}.elementor-animation-wobble-top:active,.elementor-animation-wobble-top:focus,.elementor-animation-wobble-top:hover{animation-name:elementor-animation-wobble-top;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-bottom{16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}100%{transform:skew(0)}}.elementor-animation-wobble-bottom{transform-origin:100% 0}.elementor-animation-wobble-bottom:active,.elementor-animation-wobble-bottom:focus,.elementor-animation-wobble-bottom:hover{animation-name:elementor-animation-wobble-bottom;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-skew{16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}100%{transform:skew(0)}}.elementor-animation-wobble-skew:active,.elementor-animation-wobble-skew:focus,.elementor-animation-wobble-skew:hover{animation-name:elementor-animation-wobble-skew;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-buzz{50%{transform:translateX(3px) rotate(2deg)}100%{transform:translateX(-3px) rotate(-2deg)}}.elementor-animation-buzz:active,.elementor-animation-buzz:focus,.elementor-animation-buzz:hover{animation-name:elementor-animation-buzz;animation-duration:.15s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes elementor-animation-buzz-out{10%{transform:translateX(3px) rotate(2deg)}20%{transform:translateX(-3px) rotate(-2deg)}30%{transform:translateX(3px) rotate(2deg)}40%{transform:translateX(-3px) rotate(-2deg)}50%{transform:translateX(2px) rotate(1deg)}60%{transform:translateX(-2px) rotate(-1deg)}70%{transform:translateX(2px) rotate(1deg)}80%{transform:translateX(-2px) rotate(-1deg)}90%{transform:translateX(1px) rotate(0)}100%{transform:translateX(-1px) rotate(0)}}.elementor-animation-buzz-out:active,.elementor-animation-buzz-out:focus,.elementor-animation-buzz-out:hover{animation-name:elementor-animation-buzz-out;animation-duration:.75s;animation-timing-function:linear;animation-iteration-count:1} .wow { visibility: hidden; } .box { width: 1170px; margin: 0 auto; padding: 0 15px 0 15px; box-sizing: border-box; } .logo { margin: 23px 0 0 0; float: left; } .quiz .logo { margin: 18px 0 0 20px; float: left; color: #fff; font-size: 28px; } .quiz .top_links { align-items: center; padding: 15px 0px; float: right; text-align: right; } .logo_after { float: left; color: #fff; font-size: 10px; margin: 28px 0 0 30px; line-height: 14px; } .header__phone__online { font-size: 9px; color: #fff; letter-spacing: 0.1px; justify-content: center; align-items: center; margin-bottom: 5px; } .header__phone__online::before { display: inline-block; width: 6px; height: 6px; border-radius: 50%; content: ''; margin-right: 0.375rem; background-color: #4ec35a; animation: shine2 1s cubic-bezier(1, 0, 0, 1) infinite; } @keyframes shine { 0% { opacity: 0.3; } 100% { opacity: 1; } } @keyframes shine2 { 0% { opacity: 0; } 100% { opacity: 1; } } .quiz .top_link { color: #fff; font-size: 18px; } .fast_consult_link { display: inline-block; font-size: 11px; border-bottom: 1px dotted #fff; color: #fff; } /*.quiz .banner_wrapper { min-height: 100vh; position: relative; overflow: hidden; display: flex; flex-direction: column; display: flex; flex-direction: column; } .quiz .banner_wrap { background-size: cover; background-position: top center,top left,top right; background-repeat: no-repeat; position: absolute; pointer-events: none; top: 0; left: 0; width: 100vw; height: 100%; }*/ .quiz .banner_wrap { width: 100%; max-width: 100%; display: block; margin: 0 auto; height: auto; min-height: 100vh; /* background-size: cover; */ background: url(img/bg12.jpg) 100% 0% no-repeat; background-size: cover; position: relative; } .quiz.thanks .banner_wrap { width: 100%; max-width: 100%; display: block; margin: 0 auto; height: 100vh; /* background-size: cover; */ background: url(img/bg10.jpg) 100% 50% no-repeat; background-size: cover; position: relative; } .quiz.thanks .logo, .quiz.thanks .logo_after, .quiz.thanks .header__phone__online, .quiz.thanks .top_link, .quiz.thanks .main_title, .quiz.thanks .main_title span { color: #000000; } .quiz.thanks .main__subtitle { background-color: #feea8c; } .quiz.thanks .banner_wrap:before { content: ""; position: absolute; width: 100%; height: 100%; /*background: rgba(0, 0,0, 0);*/ background-image: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(30%, #fff), color-stop(70%, rgba(0, 0,0, 0)), to(rgba(0, 0,0, 0))), -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(30%, rgba(0, 0,0, 0)), to(rgba(0, 0,0, 0))); background-image: -o-linear-gradient(left, #fff, #fff 30%, rgba(0, 0,0, 0) 70%, rgba(0, 0,0, 0)), -o-linear-gradient(bottom, #fff, rgba(0, 0,0, 0) 30%, rgba(0, 0,0, 0)); background-image: linear-gradient(to right, #fff, #fff 30%, rgba(0, 0,0, 0) 70%, rgba(0, 0,0, 0)), linear-gradient(to top, #fff, rgba(0, 0,0, 0) 30%, rgba(0, 0,0, 0)); opacity: 0.8; z-index: 0; left: 0; top: 0; min-height: 100vh; z-index: 0; } /*.quiz .banner_wrap::after{ position: absolute; content: ''; height: 100%; width: 100%; top: 0; left :0; background-image: -webkit-gradient(linear, left top, right top, from(#000000), color-stop(30%, #000000), color-stop(70%, rgba(0, 0,0, 0)), to(rgba(0, 0,0, 0))), -webkit-gradient(linear, left bottom, left top, from(#000000), color-stop(30%, rgba(0, 0,0, 0)), to(rgba(0, 0,0, 0))); background-image: -o-linear-gradient(left, #000000, #000000 30%, rgba(0, 0,0, 0) 70%, rgba(0, 0,0, 0)), -o-linear-gradient(bottom, #000000, rgba(0, 0,0, 0) 30%, rgba(0, 0,0, 0)); background-image: linear-gradient(to right, #000000, #000000 30%, rgba(0, 0,0, 0) 70%, rgba(0, 0,0, 0)), linear-gradient(to top, #000000, rgba(0, 0,0, 0) 30%, rgba(0, 0,0, 0)) }*/ .quiz .banner_wrap:before { /* content: ""; position: absolute; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(#000000), color-stop(30%, #000000), color-stop(70%, rgba(0, 0,0, 0)), to(rgba(0, 0,0, 0))), -webkit-gradient(linear, left bottom, left top, from(#000000), color-stop(30%, rgba(0, 0,0, 0)), to(rgba(0, 0,0, 0))); background-image: -o-linear-gradient(left, #000000, #000000 30%, rgba(0, 0,0, 0) 70%, rgba(0, 0,0, 0)), -o-linear-gradient(bottom, #000000, rgba(0, 0,0, 0) 30%, rgba(0, 0,0, 0)); background-image: linear-gradient(to right, #000000, #000000 30%, rgba(0, 0,0, 0) 70%, rgba(0, 0,0, 0)), linear-gradient(to top, #000000, rgba(0, 0,0, 0) 30%, rgba(0, 0,0, 0)) z-index: 0; left: 0; top: 0; min-height: 100vh; z-index: 0;*/ content: ""; position: absolute; width: 100%; height: 100%; /*background: rgba(0, 0,0, 0);*/ background-image: -webkit-gradient(linear, left top, right top, from(#000000), color-stop(30%, #000000), color-stop(70%, rgba(0, 0,0, 0)), to(rgba(0, 0,0, 0))), -webkit-gradient(linear, left bottom, left top, from(#000000), color-stop(30%, rgba(0, 0,0, 0)), to(rgba(0, 0,0, 0))); background-image: -o-linear-gradient(left, #000000, #000000 30%, rgba(0, 0,0, 0) 70%, rgba(0, 0,0, 0)), -o-linear-gradient(bottom, #000000, rgba(0, 0,0, 0) 30%, rgba(0, 0,0, 0)); background-image: linear-gradient(to right, #000000, #000000 30%, rgba(0, 0,0, 0) 70%, rgba(0, 0,0, 0)), linear-gradient(to top, #000000, rgba(0, 0,0, 0) 30%, rgba(0, 0,0, 0)); opacity: 0.6; z-index: 0; left: 0; top: 0; min-height: 100vh; z-index: 0; } .quiz .banner_wrap .box { position: relative; z-index: 1; } .banner_wrap .col-2 { width: 58%; } .quiz .banner_wrap .col-2 { /*width: 68%;*/ width: 60%; } .main__btn-wrap { margin-top: 1.5rem; display: flex; align-items: center; position: relative; } .main__btn__text { display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 700; letter-spacing: 1.5px; line-height: 0; text-align: center; text-transform: uppercase; font-family: Mont, Arial, Helvetica, sans-serif; } .main__btn__text--min { font-size: 1.719rem; } .main__btn__text svg { height: 2.2rem; width: 2.2rem; } .main__btn__text svg.last { transform: scaleX(-1); margin-left: 1.4rem; } .main__btn__text svg.first { margin-right: 1.4rem; } .main__btn__text svg .st1, .main__btn__text svg .st2, .main__btn__text svg .st0 { animation: shine3 infinite 1.5s; } .main__btn__text svg .st0 { animation-delay: 0.6s; } .main__btn__text svg .st1 { animation-delay: .3s; } .main__btn { height: 85px; padding: 0 28px; border-radius: 15px; color: #fff; } .main__btn { background-image: linear-gradient(to top, #1700c1, #0064f2); display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; } .main__btn::before { margin-left: -30px; content: " "; width: 1.5rem; height: 300px; background: #fff; -webkit-animation-delay: 0.05s; animation-delay: 0.05s; position: absolute; left: -40px; top: -70px; animation-timing-function: ease-in-out; transition: all 0.1s; animation-name: slideme; animation-duration: 3.5s; animation-iteration-count: infinite; transform: rotate(45deg); z-index: 5; } .main__btn span, .main__btn div { position: relative; z-index: 3; text-align: center; } .main__btn::after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; border-radius: 7px; } .main__btn:hover::after, .main__btn:focus::after { opacity: 0.15; } .main__btn::after { z-index: 2; border-radius: 8px; opacity: 0; transition: opacity 100ms linear; background-color: #fff; } .main__btn[disabled] { opacity: 0.5; cursor: no-drop; } .main__btn[disabled]::after, .main__btn[disabled]::before { display: none; } .btn__load{ display: none; height: 4rem; width: 4rem; } .main__btn--min { padding: 0 3.3rem; } .main__btn__add-text { font-size: 10px; font-weight: 600; letter-spacing: 0.35px; color: #fffefe; margin-top: 0.3rem; display: block; font-family: Mont, Arial, Helvetica, sans-serif; } .main__btn__text { display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 700; letter-spacing: 0.1rem; text-align: center; text-transform: uppercase; } .main__btn__text--min { font-size: 1.719rem; } .main__btn__text svg { height: 20px; width: 20px; } .main__btn__text svg.last { transform: scaleX(-1); margin-left: 1.4rem; } .main__btn__text svg.first { margin-right: 1.4rem; } .main__btn__text svg .st1, .main__btn__text svg .st2, .main__btn__text svg .st0 { animation: shine3 infinite 1.5s; } .main__btn__text svg .st0 { animation-delay: 0.6s; } .main__btn__text svg .st1 { animation-delay: .3s; } @keyframes slideme { 0% { left: -30px; margin-left: 0px; } 30% { left: 110%; margin-left: 80px; } 100% { left: 110%; margin-left: 80px; } } @keyframes shine3 { 0% { opacity: 0.3; } 100% { opacity: 1; } } @keyframes shine2 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes blink { from { transform: scale(0); opacity: 1; } 50% { transform: scale(1); opacity: 0.8; } to { transform: scale(2); opacity: 0; } } @keyframes nxt { from { transform: translateX(-0.1rem); } to { transform: translateX(0.1rem); } } @keyframes pulsation { 0% { opacity: 1; transform: scale(0); } 75% { opacity: 0.6; transform: scale(0.75); } 100% { opacity: 0; transform: scale(1); } } @keyframes floating { 0% { transform: translateY(0em); } 100% { transform: translateY(0.8em); } } @keyframes roll { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes pulse1 { 0% { box-shadow: 0 0 0 0 rgba(var(--accent-color-rgb), 0.6); } 70% { box-shadow: 0 0 0 1rem rgba(var(--accent-color-rgb), 0); } 100% { box-shadow: 0 0 0 0 rgba(var(--accent-color-rgb), 0); } } @keyframes pulse3 { 0% { box-shadow: 0 0 0 0 rgba(0, 146, 255, 0.6); } 70% { box-shadow: 0 0 0 0.7rem rgba(0, 146, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(0, 146, 255, 0); } } @keyframes progres { from { background-position: 0 0, 0 0; } to { background-position: 2000px 0, 0 0; } } @keyframes moveIt { from { background-position: 0 center; } to { background-position: 2.49rem center; } } @keyframes scale { from { transform: scale(1.3); } to { transform: scale(1); } } @keyframes scale2 { from { transform: scale(1.1); } to { transform: scale(1); } } .quiz { background: #321265; min-width: 1170px; /*background: url(img/bg_calc.jpg) 100% 50% no-repeat; background-size: cover;*/ } .quiz .copyrihgt { line-height: 24px; font-size: 14px; color: #fff; font-weight: 300; padding: 30px 0; } .quiz__wrap { background: #fff; border-radius: 10px; padding: 30px; } .quiz__left { width: 25%; box-sizing: border-box; float: left; padding: 30px; border-radius: 30px; background-color: #fff; background-image: url(../img/quiz-bg.png); background-size: cover; background-repeat: no-repeat; padding-top: 2.875rem; padding-bottom: 1.75rem; position: relative; background: #f4f3f3; border-radius: 30px; } .quiz__right { width: 75%; padding: 0 30px; box-sizing: border-box; float: left; border-radius: 30px; background-color: #fff; background-image: url(../img/quiz-bg.png); background-size: cover; background-repeat: no-repeat; /*padding-top: 2.875rem; padding-bottom: 1.75rem;*/ position: relative; } .quiz #progress_wrapper { position: relative; bottom: 0; left: 5px; width: 99%; box-sizing: border-box; } .quiz #calc_popup .calc_with_img label { /* min-height: 185px;*/ } .quiz .calc_with_img .form-field-radio--text span.label_title { /*padding: 5px 5px 10px 10px;*/ padding: 5px 5px 5px 10px; text-align: center; font-size: 13px; } .quiz .fildset_inside { min-height: 430px; } .quiz__manager { width: 140px; height: 140px; margin-right: auto; margin-left: auto; } .quiz__manager img { height: 100%; width: 100%; object-fit: contain; object-position: center bottom; } .quiz__manager__name { width: max-content; padding: 12px 30px 12px 30px; border-radius: 5px; background-color: #feea8c; transform: skew(-5deg); font-size: 12px; letter-spacing: 0.45px; text-align: center; margin-right: auto; margin-left: auto; } .quiz__manager__name span { display: block; transform: skew(5deg); } .quiz__manager__post { font-size: 10px; letter-spacing: 0.35px; text-align: center; margin-top: 0.5rem; } .quiz__help { display: flex; justify-content: center; align-items: center; margin-top: 40px; } .quiz__help img { width: 3.5rem; height: auto; } .quiz__help p { max-width: 14.5rem; margin-left: 1.188rem; font-size: 10px; } .quiz__gift { margin-top: 40px; } .quiz__gift__title { font-size: 12px; text-transform: uppercase; text-align: center; text-transform: uppercase; } .quiz__gift ul { margin-top: 1.5rem; } .quiz__gift li { width: 100%; box-sizing: border-box; height: 50px; border-radius: 10px; margin-right: auto; margin-left: auto; overflow: hidden; position: relative; display: flex; align-items: center; padding-left: 50px; cursor: not-allowed; } .quiz__gift li:not(:last-child) { margin-bottom: 10px; } .quiz__gift li p { position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; font-size: 10px; letter-spacing: 0.38px; color: #fff; } .quiz__gift li p::before { content: ''; width: 1.438rem; height: 1.438rem; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='486.733px' height='486.733px' viewBox='0 0 486.733 486.733' style='enable-background:new 0 0 486.733 486.733;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M403.88,196.563h-9.484v-44.388c0-82.099-65.151-150.681-146.582-152.145c-2.225-0.04-6.671-0.04-8.895,0 C157.486,1.494,92.336,70.076,92.336,152.175v44.388h-9.485c-14.616,0-26.538,15.082-26.538,33.709v222.632 c0,18.606,11.922,33.829,26.539,33.829h321.028c14.616,0,26.539-15.223,26.539-33.829V230.272 C430.419,211.646,418.497,196.563,403.88,196.563z M273.442,341.362v67.271c0,7.703-6.449,14.222-14.158,14.222H227.45 c-7.71,0-14.159-6.519-14.159-14.222v-67.271c-7.477-7.36-11.83-17.537-11.83-28.795c0-21.334,16.491-39.666,37.459-40.513 c2.222-0.09,6.673-0.09,8.895,0c20.968,0.847,37.459,19.179,37.459,40.513C285.272,323.825,280.919,334.002,273.442,341.362z M331.886,196.563h-84.072h-8.895h-84.072v-44.388c0-48.905,39.744-89.342,88.519-89.342c48.775,0,88.521,40.437,88.521,89.342 V196.563z'/%3E%3C/g%3E%3C/svg%3E"); filter: drop-shadow(0 0 1.25rem var(--grad-from)); margin-right: 50px; } .quiz__gift li::before { height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(40, 39, 40, 0.75); content: ''; z-index: 1; } .quiz__gift li img { width: 90px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .quiz__online { width: 70px; height: 25px; display: flex; justify-content: center; align-items: center; border-radius: 10px; background-color: #4ec35a; position: absolute; top: 1.3rem; right: 1.25rem; font-size: 9px; letter-spacing: 0.41px; color: #fff; } .quiz__online::before { width: 5px; height: 5px; background-color: #fff; margin-right: 0.375rem; content: ''; border-radius: 50%; animation: shine2 1s cubic-bezier(1, 0, 0, 1) infinite; } .portfolio__title { font-size: 34px; line-height: 1.2; font-weight: 300; margin-top: 3rem; text-align: center; color: #fff; margin-bottom: 40px; } .fw-bold { font-weight: bold; } .quiz-buttons__next-icon:after { content: ''; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21.8 14.1' style='enable-background:new 0 0 21.8 14.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23ffffff;%7D .st1%7Bopacity:0.4;fill-rule:evenodd;clip-rule:evenodd;fill:%23ffffff;enable-background:new ;%7D .st2%7Bopacity:0.25;fill-rule:evenodd;clip-rule:evenodd;fill:%23ffffff;enable-background:new ;%7D%0A%3C/style%3E%3Cpath id='bupath-1' class='st0' d='M21.8,7.1L21.8,7.1l-6.9,7L13.8,13l5.9-5.9l-5.9-6L14.9,0L21.8,7.1L21.8,7.1z'/%3E%3Cpath id='bupath-1_1_' class='st1' d='M14.9,7.1L14.9,7.1l-6.9,7L6.9,13l5.9-5.9l-5.9-6L8,0L14.9,7.1L14.9,7.1z'/%3E%3Cpath id='bupath-1_2_' class='st2' d='M8,7.1L8,7.1l-6.9,7L0,13l5.9-5.9L0,1.1L1.1,0L8,7.1L8,7.1z'/%3E%3C/svg%3E%0A"); height: 10px; width: 15px; background-repeat: no-repeat; background-position: center; vertical-align: middle; margin-left: 7px; } .quiz-buttons__next-icon svg { display: none; } .btn-primary div { font-family: Mont, Arial, Helvetica, sans-serif; text-transform: none; font-weight: 500; font-size: 14px; } .btn-default div { display: inline-block; vertical-align: middle; font-family: Mont, Arial, Helvetica, sans-serif; text-transform: none; font-weight: 500; font-size: 14px; } .btn-default { font-family: Mont, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px; vertical-align: middle !important; } .quiz-buttons__prev-icon:before { content: ''; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21.8 14.1' style='enable-background:new 0 0 21.8 14.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23282728;%7D .st1%7Bopacity:0.4;fill-rule:evenodd;clip-rule:evenodd;fill:%23282728;enable-background:new ;%7D .st2%7Bopacity:0.25;fill-rule:evenodd;clip-rule:evenodd;fill:%23282728;enable-background:new ;%7D%0A%3C/style%3E%3Cpath id='bupath-1' class='st0' d='M21.8,7.1L21.8,7.1l-6.9,7L13.8,13l5.9-5.9l-5.9-6L14.9,0L21.8,7.1L21.8,7.1z'/%3E%3Cpath id='bupath-1_1_' class='st1' d='M14.9,7.1L14.9,7.1l-6.9,7L6.9,13l5.9-5.9l-5.9-6L8,0L14.9,7.1L14.9,7.1z'/%3E%3Cpath id='bupath-1_2_' class='st2' d='M8,7.1L8,7.1l-6.9,7L0,13l5.9-5.9L0,1.1L1.1,0L8,7.1L8,7.1z'/%3E%3C/svg%3E%0A"); height: 10px; width: 15px; background-repeat: no-repeat; background-position: center; transform: scaleX(-1); vertical-align: middle; margin-right: 7px; } .quiz .calc_img { width: 100%; height: 130px; border-radius: 5px; } .quiz #progress { position: relative; height: 16px; background-color: #eee; margin-bottom: 20px; width: 100%; display: inline-block; border-radius: 13px; } .quiz #progress-complete { border: 0; position: absolute; height: 16px; min-width: 0; background-color: #1700c1; transition: width .2s ease-in-out; border-radius: 13px; } .quiz .form-field-radio-item:hover { box-shadow: 0 1px 3px 0 var(--color-bg-2,rgba(0,0,0,.1)); } .quiz .form-field-radio-item.selected { background: #fff; color: #000000; border: none; box-shadow: 0 1px 3px 0 var(--color-bg-2,rgba(0,0,0,.1)); } .quiz #progress-complete span::after { background-image: linear-gradient(-45deg,hsla(0,0%,100%,.2) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 75%,transparent 0,transparent); } .quiz .btn-primary { background: #1700c1; background-image: linear-gradient(to top,#1700c1,#0064f2); } .quiz .form-field-radio-item { border: none; } .quiz .btn-primary { padding: 12px 26px 15px; border: 0; border-radius: 15px; display: inline-flex; font-family: Mont, Arial, Helvetica, sans-serif; } .quiz .btn-primary div { display: inline-block; vertical-align: middle; font-family: Mont, Arial, Helvetica, sans-serif; text-transform: none; font-weight: 500; font-size: 14px; } .quiz .btn-default { padding: 12px 26px 15px; border: 0; border-radius: 15px; float: left; display: inline-flex; } .quiz__question__head { display: flex; justify-content: center; align-items: center; padding: 0 4.896rem; margin: 10px 0 40px 0; } .quiz__question__progress { width: 70px; /* min-width: 7.688rem; */ height: 25px; border-radius: 10px; background-color: #feea8c; display: flex; justify-content: center; align-items: center; transform: skew(-4deg); margin-right: 1.375rem; font-size: 8px; letter-spacing: .13px; text-align: center; } .quiz__question__title { font-size: 1.5rem; line-height: 1.25; letter-spacing: .6px; } .quiz #calc_popup label { float: left; box-sizing: border-box; width: 90%; } .quiz .final_quiz { width: auto; margin: 0 auto; text-align: left; } .quiz__contact { display: flex; justify-content: space-between; margin-top: 1.5rem } .quiz__contact__box { width: 7.563rem; height: 8.563rem; border-radius: 15px; display: flex; justify-content: center; align-items: center; flex-direction: column; cursor: pointer; transition: var(--transition) } .quiz__final__form input[type="text"], .quiz__final__form input[type="email"] { width: 100%; } .quiz__final__btn { width: 100%; height: 60px; border-radius: 15px; margin-top: 0; font-size: 14px; letter-spacing: .19px; background-image: linear-gradient(to top, #1700c1, #0064f2); color: #fff; font-family: Mont, Arial, Helvetica, sans-serif; display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; font-weight: 600; margin-bottom: 5px; } .quiz__final__btn::before { margin-left: -30px; content: " "; width: 1.5rem; height: 300px; background: #fff; -webkit-animation-delay: 0.05s; animation-delay: 0.05s; position: absolute; left: -40px; top: -70px; animation-timing-function: ease-in-out; transition: all 0.1s; animation-name: slideme; animation-duration: 3.5s; animation-iteration-count: infinite; transform: rotate(45deg); z-index: 5; } .quiz__final__btn::after { z-index: 2; border-radius: 8px; opacity: 0; transition: opacity 100ms linear; background-color: #fff; } .quiz__final__form input[type="text"].wpcf7-not-valid, .quiz__final__form input[type="email"].wpcf7-not-valid, .final_quiz input[type="text"].wpcf7-not-valid, .final_quiz input[type="email"].wpcf7-not-valid, .form-consult input[type="text"].wpcf7-not-valid, .form-consult input[type="email"].wpcf7-not-valid { border: 1px solid #1700c1; } .quiz__final__btn__text { display: flex; align-items: center; } .quiz__final__form { max-width: 350px; margin-top: 1.2rem; } .quiz__final__form__title { font-size: 20px; line-height: 1.2; letter-spacing: .75px; font-weight: 600; margin: 10px 0 30px 0; } .quiz__final__form .quiz__question__progress { width: 100px; } .quiz__final__btn.loading { opacity: 1; cursor: wait } .quiz__final__btn__text { display: flex; align-items: center; padding: 0 20px; } .quiz__final__btn--bonus { padding: 3px 5px; border-radius: 5px; background-color: #fff; color: #282728; margin-left: 0.75rem; display: block; font-weight: 500; font-size: 12px; } .quiz__final__gift { width: 100%; height: 140px; border-radius: 10px; /*box-shadow: 0 0 70px 0 #28272826;*/ background-color: #f9f9f9; display: flex; align-items: center; padding-left: 10px; margin-top: 20px; } .quiz__final__gift__item { font-size: 10px; letter-spacing: .35px; font-weight: 600; } .quiz__final__gift__item:not(:last-child) { margin-right: 10px; } .quiz__final__gift__img { width: 60px; height: 70px; position: relative; } .quiz__final__gift__item:not(:last-child) { margin-right: 10px; } .quiz__final__gift__img::after { position: absolute; content: ''; bottom: 10px; left: 38px; width: 17px; height: 17px; background-size: contain; background-repeat: no-repeat; background-image: url(img/lock.png) } .quiz__final__gift__title { font-size: 11px; text-transform: uppercase; margin-right: 10px; } .quiz__final__gift__img img { max-width: 5.5rem; height: auto; top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; max-width: 55px; height: 100%; object-fit: contain } .quiz__right.final { width: 100%; } .quiz__hand { width: 430px; height: auto; position: relative; /*bottom: -20px;*/ } .quiz__hand__wrap { position: absolute; bottom: 0; right: 0; } .quiz__hand__circle { width: 100px; height: 100px; background-color: #feea8c; border-radius: 50%; position: absolute; top: 0rem; right: 0rem; top: 100px; right: 130px; } .quiz__hand__circle--roll { height: 100%; width: 100%; animation: 15s linear 0s normal none infinite running roll; } .quiz__hand__circle__text { text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 8px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } .quiz__hand__circle__text--timer { font-size: 24px; font-weight: 500; padding-left: 1.5rem; position: relative; margin: .3rem 0 } .quiz__hand__circle__text--timer::before { content: ''; width: 2.318rem; height: 1.575rem; background-image: url(img/clock.png); position: absolute; background-size: contain; left: -0.8rem; top: 50%; transform: translate(0,-50%); } .quiz .final_quiz { position: relative; } .quiz #calc_popup { position: relative; max-height: auto; overflow: auto; z-index: 9999; width: 100%; } .quiz .quiz__wrap { background: #fff; border-radius: 10px; /* padding: 30px; */ position: relative; } /*.quiz__final__form_right { width: 600px; position: relative; float: right; }*/ #popup_consult { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: none; opacity: 0; z-index: 5; /* overflow-y: scroll; */ /* overflow: auto;*/ z-index: 99999; } #popup_consult #modal_close { width: 21px; height: 21px; position: absolute; top: 15px; right: 15px; cursor: pointer; display: block; font-size: 18px; } #overlay { z-index: 999 !important; } .quiz #overlay { z-index: 9999 !important; } .popup_consult { width: 500px; height: auto; background-color: #ededed; padding: 30px; border-radius: 25px; } .popup_consult .quiz__final__btn { height: 45px; font-size: 12px; } .popup_consult .col-1.accept { text-align: center; font-size: 9px; margin-bottom: 0; } .popup_consult .col-1.accept a { color: #000000; font-weight: 600; font-size: 9px; } .popup_consult .calc_with_img .form-field-radio-item { padding: 0; float: left; width: 60px; } .form-consult__title { font-size: 22px; font-weight: 700; color: rgb(40,40,40); text-align: center } .form-consult__subtitle { font-size: 10px; text-align: center; color: rgb(40,39,40); width: max-content; height: 3.75rem; padding: 12px 15px; border-radius: 10px; background-color: #feea8c; transform: skew(-3deg); max-width: 100%; height: auto; margin-right: auto; margin-left: auto; margin-top: 1.6rem } .popup--drk { background-color: rgba(0,0,0,.85) } .form-consult__subtitle--skew { position: relative; transform: skew(3deg); display: block } .form-consult__title2 { font-size: 16px; font-weight: 700; line-height: 1.5; text-align: center; color: rgb(40,40,40); max-width: 30rem; margin-right: auto; margin-left: auto; margin: 15px 0; } .popup_consult input[type="text"], .popup_consult input[type="email"] { min-height: auto; padding: 13px 20px; width: 100%; font-size: 12px; } .popup_consult input[name="your-name-consult"] { margin: 0 0 10px 0; } .form-consult__img { position: absolute; bottom: 0px; right: -120px; width: 280px; -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(5px 5px 5px #222); } .popup_consult .form-field-radio-item { margin: 0; } .quiz .popup_consult .calc_with_img .final_quiz .form-field-radio--text span.label_title { padding: 0px 0px 0px 0px; text-align: center; font-size: 10px; } .form-consult__form { width: 250px; margin-top: 20px; } .form-consult__contact-title { font-size: 14px; color: rgb(40,39,40); text-align: center; margin-bottom: 15px; } .form-consult__list-title { font-size: 1.125rem; font-weight: 500; line-height: 1.39; letter-spacing: .45px; color: rgb(40,40,40); margin-bottom: 2rem } .header__callback { color: var(--accent-color); text-decoration: underline; font-size: 1rem; margin-bottom: 1.5rem; margin-left: .5rem } input:checked+.quiz__contact__box,.quiz__contact__box:hover { box-shadow: 0 7px 27px 0 #28282819; background-color: #fff; box-shadow: 0 0 0 1px var(--accent-color) } .quiz .calc_with_img .selected .form-field-radio--text::before { opacity: 1; background-color: #1215cb; } .quiz .selected .form-field-radio--text::before { background-color: #1215cb; } .option_wrap { display: flex; justify-content: space-between; margin-top: 1.5rem; } #calc_popup .calc_with_img .final_quiz label { width: 70px; } .quiz .calc_with_img .final_quiz .form-field-radio--text span.label_title { padding: 0px 0px 0px 0px; text-align: center; font-size: 11px; } .quiz .final_quiz .form-field-radio-item { border: 1px solid transparent; } .quiz .final_quiz .form-field-radio-item.selected { border: 1px solid #1700c1; } .quiz .final_quiz .form-field-radio--text { display: flex; vertical-align: middle; text-align: center; align-items: center; flex-direction: column; padding: 10px 10px 0 10px } .quiz .calc_with_img .final_quiz .selected .form-field-radio--text::before { display: none; } .calc_with_img .form-field-radio--text span.quiz__contact__icon { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-bottom: .8rem; } .quiz__contact__icon--wa { background-color: #25d266 } .quiz__contact__icon--viber { background-color: #7460f3 } .quiz__contact__icon--tg { background-color: #00a2f2 } .quiz__contact__icon--mail { background-color: #1700c1; } .quiz__contact__icon img { height: 25px; width: 25px; } .form-consult__list-title { font-size: 13px; font-weight: 700; line-height: 1.39; letter-spacing: .45px; color: rgb(40,40,40); margin-bottom: 2rem } .form-consult--lg .form-consult__form { margin-left: 0; width: 200px; min-width: 200px; } .form-consult__list { margin-top: 50px; padding-right: 20px; } .form-consult__list li { margin-top: 20px; font-size: 10px; font-weight: 600; line-height: 1.67; letter-spacing: .38px; color: rgb(40,40,40); display: flex; align-items: center; } .header__callback { color: var(--accent-color); text-decoration: underline; font-size: 1rem; margin-bottom: 1.5rem; margin-left: .5rem } .form-consult__list li:before { min-width: 1.378rem; width: 1.387rem; height: 1.387rem; border-radius: 50%; background-color: #1700c1; margin-right: 20px; content: ''; background-size: .45rem; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 26.4' style='enable-background:new 0 0 30 26.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,6.2L25.3,4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4,0-0.8,0.2-1.1,0.5L12.4,14.7L7.6,9.9C7.3,9.6,6.9,9.4,6.5,9.4 S5.7,9.6,5.4,9.9l-2.2,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.2,0.8,0.5,1.1l5.9,5.9l2.2,2.2c0.3,0.3,0.7,0.5,1.1,0.5 s0.8-0.2,1.1-0.5l2.2-2.2L27.5,8.4c0.3-0.3,0.5-0.7,0.5-1.1S27.8,6.5,27.5,6.2L27.5,6.2z'/%3E%3C/svg%3E"); } .form-consult__c { display: flex; } .fast_consult { width: 560px; min-height: 450px; padding-bottom: 10px; border-radius: 25px; background-color: #ededed; margin: auto; background-size: cover; padding-top: 40px; position: relative; } .fast_consult .quiz__final__btn { height: 50px; } .form-consult__person { display: flex; align-items: center; margin-top: 1.3rem; color: rgb(40,39,40); margin-bottom: 1.5rem } .form-consult__person__info { margin-left: 20px; } .form-consult input[type="text"], .form-consult input[type="email"] { min-height: auto; padding: 13px 20px; width: 100%; font-size: 12px; } .form-consult input[name="your-subject"] { margin: 0 0 10px 0; } .form-consult .col-1.accept { text-align: center; font-size: 9px; } .form-consult .col-1.accept a { color: #000000; font-weight: 600; font-size: 9px; } .form-consult__person__name { font-size: 18px; font-weight: 600; } .form-consult__person__post { margin-top: 0.8rem; font-size: 12px; } .form-consult__person__photo { border-radius: 4rem; position: relative; width: 80px; min-width: 80px; height: 80px; background-color: #fff; } .form-consult__person__photo img { position: absolute; width: 100%; height: auto; bottom: 0; left: 0; border-radius: 5rem } .col-1.accept { text-align: center; font-size: 10px; } .col-1.accept a { color: #000000; font-weight: 600; font-size: 10px; } .main__subtitle { width: max-content; height: 3.75rem; padding: 15px 30px; border-radius: 10px; background-color: #feea8c; font-size: 14px; text-align: center; transform: skew(-3deg); max-width: 100%; height: auto; background-color: #fff; color: #282828; margin: 150px 0 0 0; } .main_title { margin: 100px 0 0 0; /*font-size: 44px; line-height: 60px;*/ font-size: 40px; line-height: 56px; text-transform: uppercase; font-weight: 700; color: #232323; } .main_title span { /*color: #b57a1b;*/ color: #c39053; } .quiz .main_title { margin: 30px 0 0 0; font-size: 34px; font-weight: 300; line-height: 1.2; text-transform: none; font-weight: 300; color: #fff; } .quiz .main_title span { /*color: #b57a1b;*/ color: #fff; font-size: 34px; font-weight: 700; line-height: 1.2; } .kuhni .main_title { } .kuhni .main_title span { font-size: 36px; } .tre { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .main__advantage { font-weight: 400; color: #fff; font-size: 13px; line-height: 16px; position: relative; } .fw-medium { font-weight: 600; color: #fff; font-size: 13px; } .main__advantage::before { width: 15px; height: 15px; content: ''; position: absolute; background-image: url(img/ok.png); background-size: contain; z-index: 4 } .main__advantage:nth-child(1)::before { left: 40px; top: 35px; } .main__advantage:nth-child(2)::before { left: 40px; top: 35px; } .main__advantage:nth-child(3)::before { left: 40px; top: 35px; } .main__advantage:nth-child(4)::before { left: 40px; top: 35px; } .main__advantage img { height: 50px; width: auto; } .main__advantages { display: flex; margin-top: 50px; } .main__advantage:not(:last-child) { margin-right: 30px; } .main__advantage_under { font-weight: 300; line-height: 1.2; margin-top: 22px; color: #fff; font-size: 20px; } .main_title_adv { font-size: 24px; color: #231f20; font-weight: 500; margin-top: 15px; line-height: 30px; margin: 40px 0 20px; } .main_title_adv span { font-size: 20px; color: #000000; /*color: #5f6568;*/ /*color: #f07c01;*/ display: inline-block; /*border-bottom: 1px dotted;*/ line-height: 30px; font-weight: 700; } .main_title_adv.thanks span { border-bottom: none; } .profits div, .profits img, .profits svg { display: inline-block; vertical-align: middle; } .profits div span { font-weight: 700; } .profits svg { /*stroke: #0468e4;*/ stroke: #c39053; /*fill: #00aeef;*/ fill: #c39053; margin-right: 10px; } .profits { font-size: 18px; line-height: 40px; margin-top: 20px; font-weight: 600; } .main svg { fill: #192744; display: inline-block; vertical-align: middle; /*margin-left: 70px;*/ margin-left: 40px; margin-right: 5px; } .main svg.no_margin { margin-left: 0; } .top_links { padding: 35px 10px; /*border-bottom: 1px solid #e3e3e3; width: 390px;*/ float: right; } .top_link { color: #192744; display: inline-block; vertical-align: middle; font-weight: 700; } .whatsapp { margin-right: 5px; display: inline-block; vertical-align: middle; } .page_adv { margin-bottom: 50px; } .page_adv svg { margin-bottom: 20px; fill: #c39053; } .item_content { text-align: center; margin: 30px 0; font-size: 16px; padding-left: 30px; padding-right: 30px; } .adv_title { margin-top: 20px; font-weight: 700; } .item_content svg{ /*fill: #c39053;*/ fill: #938dca; } .advantages { background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ec5e00), color-stop(49%, #ef8000), color-stop(100%, #f2aa00)); background: -webkit-linear-gradient(left, #ec5e00 0%, #ef8000 49%, #ec5e00 100%); background: -o-linear-gradient(left, #ec5e00 0%, #ef8000 49%, #f2aa00 100%); background: -ms-linear-gradient(left, #ec5e00 0%, #ef8000 49%, #f2aa00 100%); background: linear-gradient(to right, #ec5e00 0%, #ef8000 49%, #f2aa00 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1); text-align: center; padding: 0 0 10px 0; } .advantages svg { display: inline-block; } .col-55 { width: 55%; padding: 0 20px; float: left; text-align: left; } .col-55.no_padding { padding: 0; } .col-45 { width: 45%; padding: 0 20px; float: left; text-align: left; } .company_img { margin: 20px 0 0 150px; } .auto_img { margin: 100px 0 0 0px; } .item_content { /*padding: 35px 8px 32px 8px;*/ padding: 35px 30px 32px 30px; box-sizing: border-box; text-align: center; /*min-height: 270px;*/ font-size: 20px; line-height: 30px; font-weight: 500; transition: all 0.4s ease; box-shadow: 0px 0px 49px 0px rgb(0 0 0 / 20%); border-radius: 20px; background: #fff; } .item_content span { /*color: #0079bd;*/ font-weight: 700; } .item_title { font-size: 24px; margin: 25px 0 10px; font-weight: 700; color: #fff; } .adv_wrap { background: url(img/bg.png) 50% -500px no-repeat; background-size: cover; } .page_adv { margin-bottom: 50px; width: 1170px; margin: 0 auto; padding-bottom: 70px; /*background: url(img/bg.png) 50% 0% no-repeat; background-size: cover;*/ } .page_adv .col-3 { padding: 0 30px 0 0; } .col-3-title { font-size: 20px; font-weight: 700; line-height: 28px; /*margin-bottom: 40px;*/ margin-bottom: 10px; } .col-3-text { font-size: 16px; font-weight: 500; line-height: 24px; } .col-3-text span { /*color: #c39053; font-weight: 700;*/ font-weight: 600; } .title { text-align: center; font-size: 34px; font-weight: 700; /* text-transform: uppercase; */ padding: 80px 0 50px 0; color: #fff; } .title.adv { padding: 80px 0 100px 0; } /*.title span { display: inline-block; color: #c39053; border-bottom: 2px dashed #c39053; padding-bottom: 5px; }*/ .gallery_item { width: 100%; border: 5px solid #321265; display: inline-block; height: 250px; height: 330px; background-position: center center; background-size: cover; transform-origin: center top; animation-duration: 350ms; float: left; position: relative; animation-duration: 1.2s; } .title.white { color: #fff; text-align: center; font-size: 36px; font-weight: 700; /* text-transform: uppercase; */ padding: 80px 0 20px 0; } .steps_wrap { background: url(img/bg.png) 50% 0 no-repeat; background-size: cover; padding-bottom: 70px; } .counter .title { text-align: center; /*font-size: 32px;*/ line-height: 42px; font-weight: 700; padding: 30px 0 10px 0; } .comment { margin-top: 15px; font-size: 12px; color: #808080; } .wrap.counter { /*background: #c39053;*/ background: url(img/calc_bg.jpg) 50% 0% no-repeat; background-size: cover; padding: 50px 0; position: relative; z-index: 3; overflow: hidden; } /*.wrap.counter:before { position: absolute; z-index: -1; top: 50%; left: 50%; display: block; width: 740px; height: 740px; margin: auto; content: ''; transform: translate(calc(-50% - 32px), calc(-50% + 212px)); opacity: .11; border-radius: 50%; background: #fff; } .wrap.counter:after { position: absolute; top: 50%; left: 50%; display: block; z-index: -2; width: 936px; height: 936px; margin: auto; content: ''; transform: translate(calc(-50% - 32px), calc(-50% + 212px)); opacity: .11; border-radius: 50%; background: #fff; }*/ .wrap.counter:after { content: ""; position: absolute; top: 0; left: 0; display: block; z-index: -2; width: 100%; height: 100%; margin: auto; /*background: rgba(1, 93, 145, 0.85);*/ background: rgba(112, 107, 170, 0.85); } .calc-result-wrap { display: inline-block; } .calculator { background: #fff; box-shadow: 0px 0px 49px 0px rgb(0 0 0 / 20%); border-radius: 20px; padding: 10px 0 0; margin: 32px 0 } .wrapper { position: relative; /* padding-top: 70px;*/ } .wrap.baza { /*background: #f8b64a;*/ background: #e5c89a; /*background-image: linear-gradient(135deg, #6d68a8 0%, #C1BAF3 100%); background-image: linear-gradient(135deg, #c39053 0%, #8c87c9 100%);*/ background-size: cover; padding: 50px 0; /* position: relative; */ z-index: 3; overflow: hidden; padding: 50px 0; margin-bottom: 0px; } .baza_img { float: right; margin-right: 50px; position: absolute; /* margin-top: -300px; */ /*margin-left: 100px; bottom: 0;*/ margin-left: 50px; bottom: 50px; box-shadow: 0px 30px 70px 0px rgb(35 31 32 / 30%); } .baza_title { font-size: 30px; font-weight: 700; line-height: 42px; } .baza_text { font-size: 20px; font-weight: 500; margin-top: 30px; line-height: 24px; } .button { /*background: #EBA127;*/ background: #c39053; padding: 20px 40px; margin-top: 20px; border-radius: 50px; color: #fff; font-weight: 600; font-size: 18px; text-transform: none; display: inline-block; text-align: center; border: none; box-shadow: 0px 30px 70px 0px rgb(35 31 32 / 30%); } .button.orange { background: #fff; color: #c39053; box-shadow: none; } .wrap_services { padding-bottom: 100px; } .services { margin-top: 25px; padding: 50px; box-shadow: 0px 0px 49px 0px rgb(0 0 0 / 20%); border-radius: 20px; display: grid; grid-template-columns: 1fr 1fr; } .service_item { padding: 20px; line-height: 24px; } .services svg { margin: 0px 10px 0 0px; fill: #c39053; display: inline-block; vertical-align: middle; } .service_body { width: calc(100% - 60px); display: inline-block; vertical-align: middle; } .service_title { font-size: 20px; font-weight: 700; } .service_text { font-size: 16px; color: #8f8f8f; font-weight: 500; margin-top: 10px; } .company svg { margin: 0px 10px 0 0px; fill: #c39053; display: inline-block; vertical-align: top; } .company .service_text { font-size: 16px; color: #000000; font-weight: 300; } .title_after { font-size: 24px; line-height: 38px; text-align: left; margin-bottom: 50px; font-weight: 300; } .title_after span { font-weight: 700; } .company_img { /*margin: 70px 0 0 0px;*/ margin: 0px 0 0 0px; } figure { margin: 0; padding: 0; } .overlay-5 { position: relative; /*float: left;*/ line-height: 0; display: inline-block; margin:20px 0 0 0; } .content .overlay-5 p{ padding:0; line-height: 0; } .overlay-5 { position: relative; /*float: left;*/ line-height: 0; } .content .overlay-5 p{ padding:0; line-height: 0; } .overlay-5::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(32, 32, 32, 0.5); } .slider-video-title { /* display: inline-block; position: absolute; min-width: 300px; line-height: 30px; color: #fff; font-size: 20px; font-weight: 700; bottom: 10%; left: 50%; transform: translate(-50%, -50%); text-align: center;*/ display: inline-block; position: absolute; line-height: 30px; color: #fff; font-size: 24px; font-weight: 500; bottom: 5%; left: 0; text-align: center; margin-left: 20px; } .slider-video-title svg { display: inline-block; vertical-align: middle; margin-bottom: 3px; /*fill: #45cd8f;*/ fill: #fff; } .slider-video-icon { display: inline-block; /*padding-top: 14px;*/ position: absolute; right: 50%; margin-right: -35px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 999; } .slider-video-icon svg { fill: #c39053; /*fill: #fff;*/ vertical-align: middle; margin: 0 0 0 5px; } .slider-video-icon a { text-align: center; display: inline-block; position: relative; } .slider-video-icon a, .video-icon-box a { border-radius: 50%; -webkit-animation: ripple-white 1s linear infinite; animation: ripple-white 1s linear infinite; -webkit-transition: .5s; } .slider-video-icon a, .video-icon-box a { background: #fff; /*background: #cd4545;*/ height: 70px; width: 70px; top: 50%; left: 0; right: 0; margin: auto; text-align: center; border-radius: 50%; line-height: 70px; color: #0c5adb; font-size: 15px; position: relative; display: inline-block; } .slider-video-icon a i, .em-call-to-video i { font-size: 28px; } .slider-video-icon a i { width: 75px; height: 75px; line-height: 75px; } @-webkit-keyframes ripple-white{0%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.3),0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3);box-shadow:0 0 0 0 rgba(255,255,255,.3),0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3)}100%{-webkit-box-shadow:0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3),0 0 0 30px rgba(255,255,255,0);box-shadow:0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3),0 0 0 30px rgba(255,255,255,0)}}@keyframes ripple-white{0%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.3),0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3);box-shadow:0 0 0 0 rgba(255,255,255,.3),0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3)}100%{-webkit-box-shadow:0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3),0 0 0 30px rgba(255,255,255,0);box-shadow:0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3),0 0 0 30px rgba(255,255,255,0)}} .review_box { display: flex; justify-content: center; } .review_img { width: 200px; height: 400px; margin: 0 15px; } /*Contacts*/ #contacts { width:100%; min-width:1140px; /*margin-bottom: 50px;*/ } /*#contacts:before { box-shadow: rgb(185, 185, 185) 0px 11px 30px -8px inset, rgb(204, 204, 204) 0px -11px 21px -10px inset; content: ''; position: absolute; width: 100%; min-width: 1140px; height: 675px; z-index: 1; pointer-events: none; } */ .gift { margin-bottom: 30px; } .gift span, .gift img { display: inline-block; vertical-align: middle; } #discount2 { margin: 0 auto; } #footer_top { margin-top: 50px; } #discount2_right_wrap { max-width: 1200px; margin: 0 auto; z-index: 1; position: relative; } #discount2_left { position: relative; width:100%; font-size: 22px; font-weight: 300; } #discount2_left_title { font-size: 58px; font-weight: 600; margin-bottom: 70px; line-height: 70px; /*color: #ff8f00;*/ } #discount2_left_title span { font-weight: 400; font-size: 36px; /*color: #fff;*/ } .block_title2 { width:100%; text-align: center; color: #fff; font-size:40px; font-weight: 600; text-transform: uppercase; padding: 60px 0 40px 0; } .block_title4 { font-size: 32px; font-weight: 700; text-align: center; } #discount2_right { position: absolute; top: 0px; margin: 82px 55px 25px; width:460px; padding: 30px 30px 30px; background: rgba(255, 255, 255, 1); box-shadow: 0 4px 38px #7d7d7dbf; font-size: 18px; font-weight: 300; } #contact_item a { font-weight: 300; } #contact_item { margin: 0 0px 20px 0px; padding: 0 0 20px 0; display: block; border-bottom: 1px solid #e5e5e5; } #contact_item.last { border-bottom: none; } #contact_item img, #contact_item div { display: inline-block; vertical-align: middle; } #contact_item img { vertical-align: middle; } #contact_item div.contact_item_img { width:39px; text-align: center; } #contact_item div.contact_item_text { width: calc(100% - 60px); padding-left: 20px; line-height: 24px; } .contact_button_wrap { text-align: center; } .contact_button_wrap .button { margin-top: 30px; color: #fff; font-weight: 600; } #mapexMap { width: 100%; height: 675px; } .form_title { font-size: 24px; font-weight: 700; margin: 0 0 10px 0; } .form_title_after { margin: 0 0 30px 0; } @media only screen and (max-width:767.98px) { .calculator { margin: 30px -15px; padding: 30px 0 0 } } .calculator__title { margin: 0 0 30px } .calculator__title h2 { font-size: 27px; line-height: 27px; } @media only screen and (max-width:767.98px) { .calculator__title { margin: 0 0 30px } .content .calculator__title h2 { font-size: 28px } } .calculator__title h2 { text-align: center; margin: 0 } .calculator__body { position: relative } .calculator__fields { /*max-width: 463px; max-width: 700px;*/ width: 100%; padding: 0 235px; margin: 0 auto } @media only screen and (max-width:575.98px) { .calculator__fields { padding: 0 10px } } .calculator__field { margin: 0 0 25px } .calculator__body strong{ font-weight: 100; } @media only screen and (max-width:767.98px) { .calculator__field { margin: 0 0 20px } } .calculator__field:last-child { margin: 0 } .calculator__field-title { position: relative; padding-left: 0px; font-size: 20px; line-height: 1; font-weight: 700; margin: 40px 0 20px } @media only screen and (max-width:767.98px) { .calculator__field-title { font-size: 22px } .calculator__footer { text-align: center } } /*.calculator__field-title [class*=" icon-"], .calculator__field-title [class^=icon-] { color: #ddd; position: absolute; left: 0; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }*/ .calculator__field--range { position: relative; height: 60px } .calculator__field--radio { font-size: 0 } .calculator__field--radio>* { /*width: 100%;*/ min-width: 300px; display: inline-block; font-size: 18px; margin-bottom: 15px; } .calculator__field--radio [type=radio]:checked, .calculator__field--radio [type=radio]:not(:checked) { position: absolute; left: -9999px } .calculator__field--radio [type=radio]:checked+span, .calculator__field--radio [type=radio]:not(:checked)+span { position: relative; padding-left: 39px; font-size: 16px; cursor: pointer; line-height: 20px; display: inline-block } .calculator__field--radio [type=radio]:checked+span:before, .calculator__field--radio [type=radio]:not(:checked)+span:before { content: ''; position: absolute; left: 0; top: 0px; width: 18px; height: 18px; border: 1px solid #c39053; border-radius: 100%; background: #fff } .calculator__field--radio [type=radio]:checked+span:after, .calculator__field--radio [type=radio]:not(:checked)+span:after { content: ''; width: 10px; height: 10px; background: #c39053; position: absolute; top: 5px; left: 5px; border-radius: 100%; transition: all .2s ease } .calculator__field--radio [type=radio]:not(:checked)+span:after { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0) } .calculator__field--radio [type=radio]:checked+span:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .calculator__footer { position: relative; font-size: 19px; background: #e5e5e5; padding: 25px 35px; margin-top: 47px; /*text-align: center;*/ border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; width: 100%; padding: 25px 235px; } @media only screen and (max-width:575.98px) { .calculator__footer { padding: 25px 5px } } .calculator__footer:before { content: ""; position: absolute; top: -20px; left: 50%; margin-left: -38px; width: 0; height: 0; border-style: solid; border-width: 0 38px 20px; border-color: transparent transparent #e5e5e5; } .calculator__footer .btn { width: 100% } .calculator #calc-result { font-size: 24px; font-weight: 700; line-height: 1; display: block; margin-top: 20px; white-space: nowrap; } .calculator #calc-result span { font-size: 39px } @media only screen and (max-width:767.98px) { .calculator #calc-result { text-align: center; margin-bottom: 20px; font-size: 20px } } .front-calculator { background: #f8f8f8 } .front-calculator .calculator { margin: 0 } @media only screen and (min-width:1200px) { .front-calculator { background: url(../images/bg2.png) center bottom no-repeat; padding: 102px 0 123px } .front-calculator .calculator { padding: 0; background: 0 0 } .front-calculator .calculator h2 { max-width: 50%; text-align: left } .front-calculator .calculator__title { margin: 0 0 86px } .front-calculator .calculator__fields { margin: 0 } .front-calculator .calculator__footer { width: 100%; max-width: 461px; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 1px; margin-top: 0; text-align: center; padding: 54px 35px; font-size: 26px } .front-calculator .calculator__footer:before { border-width: 48.5px 49px 48.5px 0; border-color: transparent #e5e5e5 transparent transparent; top: 50%; left: 0; margin-top: -38px } .front-calculator .calculator__footer .col-md-6 { -ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .front-calculator .calculator #calc-result { font-size: 73px; margin: 14px 0 42px } } .btn, .irs-hidden-input, .irs-line, a { outline: 0!important } .collapsing, .irs, .irs-line { position: relative } .dropdown .dropdown-menu[x-placement^=bottom], .dropdown .dropdown-menu[x-placement^=left], .dropdown .dropdown-menu[x-placement^=right], .dropdown .dropdown-menu[x-placement^=top] { right: auto; bottom: auto } .dropdown .dropdown-menu.show { display: block } .collapse { display: none } .collapse.show, .irs, .irs-bar, .irs-line { display: block } .collapsing { height: 0; overflow: hidden; transition: height .35s ease } .irs { user-select: none; font-size: 12px; } .btn .help, .irs--theme .irs-grid .irs-grid-text { font-weight: 600; } .irs-line { overflow: hidden } .irs-bar, .irs-shadow { position: absolute; width: 0; left: 0 } .irs-shadow { display: none } .irs-from, .irs-handle, .irs-max, .irs-min, .irs-single, .irs-to { display: block; position: absolute; cursor: default } .irs-handle { box-sizing: border-box; z-index: 1 } .irs-handle.type_last { z-index: 2 } .irs-min { left: 0 } .irs-max { right: 0 } .irs-from, .irs-single, .irs-to { top: 0; left: 0; white-space: nowrap } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px } .irs-with-grid .irs-grid { display: block } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000 } .irs-grid-pol.small { height: 4px } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000 } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: 0 0; z-index: 2 } .lt-ie9 .irs-disable-mask { background: #000; cursor: not-allowed } .irs-disabled { opacity: .4 } .irs-hidden-input { position: absolute!important; display: block!important; top: 0!important; left: 0!important; width: 0!important; height: 0!important; font-size: 0!important; line-height: 0!important; padding: 0!important; margin: 0!important; overflow: hidden; z-index: -9999!important; background: 0 0!important; border-style: solid!important; border-color: transparent!important } .irs--flat { height: 40px } .irs--flat.irs-with-grid { height: 60px } .irs--flat .irs-line { top: 25px; height: 12px; background-color: #e1e4e9; border-radius: 4px } .irs--flat .irs-bar { top: 25px; height: 12px; background-color: #ed5565 } .irs--flat .irs-bar--single { border-radius: 4px 0 0 4px } .irs--flat .irs-shadow { height: 1px; bottom: 16px; background-color: #e1e4e9 } .irs--flat .irs-handle { top: 22px; width: 16px; height: 18px; background-color: transparent } .irs--flat .irs-handle>i:first-child { position: absolute; display: block; top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; background-color: #da4453 } .irs--flat .irs-handle.state_hover>i:first-child, .irs--flat .irs-handle:hover>i:first-child { background-color: #a43540 } .irs--flat .irs-max, .irs--flat .irs-min { top: 0; padding: 1px 3px; color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; background-color: #e1e4e9; border-radius: 4px } .irs--flat .irs-from, .irs--flat .irs-single, .irs--flat .irs-to { color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #ed5565; border-radius: 4px } .irs--flat .irs-from:before, .irs--flat .irs-single:before, .irs--flat .irs-to:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #ed5565 } .irs--flat .irs-grid-pol { background-color: #e1e4e9 } .irs--flat .irs-grid-text { color: #999 } .irs--big { height: 55px } .irs--big.irs-with-grid { height: 70px } .irs--big .irs-line { top: 33px; height: 12px; background-color: #fff; background: linear-gradient(to bottom, #ddd -50%, #fff 150%); border: 1px solid #ccc; border-radius: 12px } .irs--big .irs-bar { top: 33px; height: 12px; background-color: #92bce0; border: 1px solid #428bca; background: linear-gradient(to bottom, #fff 0, #428bca 30%, #b9d4ec 100%); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, .5) } .irs--big .irs-bar--single { border-radius: 12px 0 0 12px } .irs--big .irs-shadow { height: 1px; bottom: 16px; background-color: rgba(66, 139, 202, .5) } .irs--big .irs-handle { top: 25px; width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, .3); background-color: #cbcfd5; background: linear-gradient(to bottom, #fff 0, #b4b9be 30%, #fff 100%); box-shadow: 1px 1px 2px rgba(0, 0, 0, .2), inset 0 0 3px 1px #fff; border-radius: 30px } .irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover { border-color: rgba(0, 0, 0, .45); background-color: #939ba7; background: linear-gradient(to bottom, #fff 0, #919ba5 30%, #fff 100%) } .irs--big .irs-max, .irs--big .irs-min { top: 0; padding: 1px 5px; color: #fff; text-shadow: none; background-color: #9f9f9f; border-radius: 3px } .irs--big .irs-from, .irs--big .irs-single, .irs--big .irs-to { color: #fff; text-shadow: none; padding: 1px 5px; background-color: #428bca; background: linear-gradient(to bottom, #428bca 0, #3071a9 100%); border-radius: 3px } .irs--big .irs-grid-pol { background-color: #428bca } .irs--big .irs-grid-text { color: #428bca } .irs--modern, .irs--modern.irs-with-grid { height: 55px } .irs--modern .irs-line { top: 25px; height: 5px; background-color: #d1d6e0; background: linear-gradient(to bottom, #e0e4ea 0, #d1d6e0 100%); border: 1px solid #a3adc1; border-bottom-width: 0; border-radius: 5px } .irs--modern .irs-bar { top: 25px; height: 5px; background: #20b426; background: linear-gradient(to bottom, #20b426 0, #18891d 100%) } .irs--modern .irs-bar--single { border-radius: 5px 0 0 5px } .irs--modern .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(209, 214, 224, .5) } .irs--modern .irs-handle { top: 37px; width: 12px; height: 13px; border: 1px solid #a3adc1; border-top-width: 0; box-shadow: 1px 1px 1px rgba(0, 0, 0, .1); border-radius: 0 0 3px 3px } .irs--modern .irs-handle>i:nth-child(1) { position: absolute; display: block; top: -4px; left: 1px; width: 6px; height: 6px; border: 1px solid #a3adc1; background: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .irs--modern .irs-handle>i:nth-child(2) { position: absolute; display: block; box-sizing: border-box; top: 0; left: 0; width: 10px; height: 12px; background: #e9e6e6; background: linear-gradient(to bottom, #fff 0, #e9e6e6 100%); border-radius: 0 0 3px 3px } .irs--modern .irs-handle>i:nth-child(3) { position: absolute; display: block; box-sizing: border-box; top: 3px; left: 3px; width: 4px; height: 5px; border-left: 1px solid #a3adc1; border-right: 1px solid #a3adc1 } .irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover { border-color: #7685a2; background: #c3c7cd; background: linear-gradient(to bottom, #fff 0, #919ba5 30%, #fff 100%) } .irs--modern .irs-handle.state_hover>i:nth-child(1), .irs--modern .irs-handle:hover>i:nth-child(1) { border-color: #7685a2 } .irs--modern .irs-handle.state_hover>i:nth-child(3), .irs--modern .irs-handle:hover>i:nth-child(3) { border-color: #48536a } .irs--modern .irs-max, .irs--modern .irs-min { top: 0; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; color: #fff; background-color: #d1d6e0; border-radius: 5px } .irs--modern .irs-from, .irs--modern .irs-single, .irs--modern .irs-to { font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #20b426; color: #fff; border-radius: 5px } .irs--modern .irs-from:before, .irs--modern .irs-single:before, .irs--modern .irs-to:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #20b426 } .irs--modern .irs-grid { height: 25px } .irs--modern .irs-grid-pol { background-color: #dedede } .irs--modern .irs-grid-text { color: silver; font-size: 13px } .irs--sharp { height: 50px; font-size: 12px; line-height: 1 } .irs--sharp.irs-with-grid { height: 57px } .irs--sharp .irs-line { top: 30px; height: 2px; background-color: #000; border-radius: 2px; } .irs--sharp .irs-bar { top: 30px; height: 2px; background-color: #ee22fa; } .irs--sharp .irs-bar--single { border-radius: 2px 0 0 2px; } .irs--sharp .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(0, 0, 0, .5) } .irs--sharp .irs-handle { top: 25px; width: 10px; height: 10px; background-color: #a804b2 } .irs--sharp .irs-handle>i:first-child { position: absolute; display: block; top: 100%; left: 0; width: 0; height: 0; border: 5px solid transparent; border-top-color: #a804b2 } .irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover { background-color: #000 } .irs--sharp .irs-handle.state_hover>i:first-child, .irs--sharp .irs-handle:hover>i:first-child { border-top-color: #000 } .irs--sharp .irs-max, .irs--sharp .irs-min { color: #fff; font-size: 14px; line-height: 1; top: 0; padding: 3px 4px; opacity: .4; background-color: #a804b2; border-radius: 2px } .irs--sharp .irs-from, .irs--sharp .irs-single, .irs--sharp .irs-to { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 4px; background-color: #a804b2; color: #fff; border-radius: 2px } .irs--sharp .irs-from:before, .irs--sharp .irs-single:before, .irs--sharp .irs-to:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #a804b2 } .irs--sharp .irs-grid { height: 25px } .irs--sharp .irs-grid-pol { background-color: #dedede } .irs--sharp .irs-grid-text { color: silver; font-size: 13px } .irs--round { height: 50px } .irs--round.irs-with-grid { height: 65px } .irs--round .irs-line { top: 36px; height: 4px; background-color: #dee4ec; border-radius: 4px } .irs--round .irs-bar { top: 36px; height: 4px; background-color: #006cfa } .irs--round .irs-bar--single { border-radius: 4px 0 0 4px } .irs--round .irs-shadow { height: 4px; bottom: 21px; background-color: rgba(222, 228, 236, .5) } .irs--round .irs-handle { top: 26px; width: 24px; height: 24px; border: 4px solid #006cfa; background-color: #fff; border-radius: 24px; box-shadow: 0 1px 3px rgba(0, 0, 255, .3) } .irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover { background-color: #f0f6ff } .irs--round .irs-max, .irs--round .irs-min { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, .1); border-radius: 4px } .irs--round .irs-from, .irs--round .irs-single, .irs--round .irs-to { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #006cfa; color: #fff; border-radius: 4px } .irs--round .irs-grid-pol, .irs--square .irs-line { background-color: #dedede } .irs--round .irs-from:before, .irs--round .irs-single:before, .irs--round .irs-to:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #006cfa } .irs--round .irs-grid { height: 25px } .irs--round .irs-grid-text { color: silver; font-size: 13px } .irs--square { height: 50px } .irs--square.irs-with-grid { height: 60px } .irs--square .irs-line { top: 31px; height: 4px } .irs--square .irs-bar { top: 31px; height: 4px; background-color: #000 } .irs--square .irs-shadow { height: 2px; bottom: 21px; background-color: #dedede } .irs--square .irs-handle { top: 25px; width: 16px; height: 16px; border: 3px solid #000; background-color: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover { background-color: #f0f6ff } .irs--square .irs-max, .irs--square .irs-min { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, .1) } .irs--square .irs-from, .irs--square .irs-single, .irs--square .irs-to { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #000; color: #fff } .irs--square .irs-grid { height: 25px } .irs--square .irs-grid-pol { background-color: #dedede } .irs--square .irs-grid-text { color: silver; font-size: 11px } .irs--theme .irs { background: #fff; padding: 3px; border: 2px solid #e5e5e5; border-radius: 26px } .irs--theme .irs>* { display: none } .irs--theme .irs .irs-line { display: block; height: 5px; background: #e5e5e5; border-radius: 16px } .irs--theme .irs-bar { height: 5px; border-radius: 16px; position: absolute; top: 5px; background-color: #c39053; margin-left: 5px } .irs--theme .irs-handle { position: absolute; top: -10.5px; width: 35px; height: 35px; border: 1px solid #e5e5e5; background: #fff; padding: 4px; border-radius: 100%; cursor: pointer } .box-contact, .btn { position: relative } .irs--theme .irs-handle>i:first-child { display: block; width: 25px; height: 25px; background: #c39053; border-radius: 100%; transition: background .23s ease } .irs--theme .irs-handle.state_hover>i:first-child, .irs--theme .irs-handle:hover>i:first-child, .irs--theme .irs-handle>i:first-child:hover { background: #7d78b6; } .irs--theme .irs-grid { top: 16px; } .irs--theme .irs-grid .irs-grid-text { font-size: 16px; line-height: 1; color: #292929; top: 19px; font-weight: 300; } .btn .help, .btn [class*=" icon-"], .btn [class^=icon-] { color: #fff } .irs--theme .irs-grid .irs-grid-pol { height: 18px; background: #e5e5e5 } .irs--theme .irs-grid .irs-grid-pol.small { display: none } .calculator__footer a.btn { text-decoration: none; border-bottom: 1px solid #c39053; } .btn .help, .btn [class*=" icon-"], .btn [class^=icon-] { color: #fff; } .calculator a.btn { position: relative; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; height: 55px; width: auto; margin: 0; padding: 0 30px; text-align: center; text-decoration: none; line-height: 1; background: #fda004; border: 0; border-radius: 55px; transition: all .23s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; float: right; margin-top: 20px; } .btn .help { font-size: 21px; line-height: 1.2; } .irs--theme .irs-grid .irs-grid-text span{ color: #5f58ac; font-weight: 700 } .calculator__field--checkbox { font-size: 0; } .calculator__field--checkbox>* { width: 100%; display: inline-block; font-size: 18px; margin-bottom: 15px; } .calculator__field--checkbox [type=checkbox]:checked, .calculator__field--checkbox [type=checkbox]:not(:checked) { position: absolute; left: -9999px; } .calculator__field--checkbox [type=checkbox]:checked+span:before, .calculator__field--checkbox [type=checkbox]:not(:checked)+span:before { content: ''; position: absolute; left: 0; top: 0px; width: 20px; height: 20px; border: 1px solid #c39053; background: #fff; } .calculator__field--checkbox [type=checkbox]:checked+span:after, .calculator__field--checkbox [type=checkbox]:not(:checked)+span:after { content: '\2714'; width: 10px; height: 10px; position: absolute; font-size: 27px; color: #c39053; top: -4px; left: 1px; transition: all .2s ease; } .calculator__field--checkbox [type=checkbox]:checked+span:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .calculator__field--checkbox [type=checkbox]:checked+span, .calculator__field--checkbox [type=checkbox]:not(:checked)+span { position: relative; padding-left: 39px; cursor: pointer; line-height: 20px; display: inline-block; } .calculator__field--checkbox [type=checkbox]:not(:checked)+span:after { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .calculator__ranges_2{ position: relative; } .calculator__ranges_2.deactive .irs--theme .irs-bar, .calculator__ranges_2.deactive .irs-line { background: #b5b5b5; } .calculator__ranges_2.deactive .irs--theme .irs-handle>i:first-child { background: #b5b5b5; } .calculator__ranges_2.deactive .irs--theme .irs-grid .irs-grid-text, .calculator__ranges_2.deactive { color: #b5b5b5 !important; } .calculator__ranges_2.deactive:before{ width: 100%; height: 100%; position: absolute; z-index: 99999; content: ''; background-color: #ffffff00; } .calculator__title h2 { font-weight: 600; } @media (max-width: 500px){ .btn .help { font-size: 13px; line-height: 1.2; text-transform: uppercase; } .irs--theme .irs-grid .irs-grid-text{ font-size: 13px; } } .company { font-size: 24px; line-height: 38px; padding-bottom: 80px; } .digit_item { color: #0e073c; font-size: 18px; line-height: 28px; margin: 40px 0 0 0; } .digit { position: relative; display: flex; margin-bottom: 10px; line-height: 1; } /*.counter { font-size: 64px; font-weight: 700; color: #ff5300; }*/ .plus-icon { font-size: 22px; margin: 0 0 0 3px; font-weight: 400; line-height: 1.8; color: #696393; } .types { background: url(img/types_bg.jpg) 50% 0px no-repeat; padding: 0 0 0px 0; text-align: center; min-height: 318px; margin-top: 80px; } .types .title { padding-top: 30px; padding-bottom: 15px; } .types svg { fill: #ff8700; } .col-5 { padding: 0 15px; } .col-5 .item_content { background: rgba(255, 255, 255, 0.5); border-radius: 10px; padding: 35px 20px 22px 20px; } .col-5 .item_title { font-size: 18px; margin: 15px 0 10px; color: #000000; } .packs img { float: left; } .packs { padding: 0; text-align: center; } .packs .title { padding-bottom: 40px; } .pack_item1, .pack_item2, .pack_item3 { float: left; width: 370px; } .pack_item1, .pack_item2 { margin-right: 30px; } .pack_item2 .margin { margin-bottom: 30px; } .pack_item3 .margin { margin-right: 30px; } .docs { /*background: #f2f2f2;*/ padding: 0 0 40px 0; width: 100%; } .docs_text { font-size: 18px; color: #7b75a0; line-height: 28px; margin-bottom: 50px; margin-top: 10px; } .docs svg { /*box-shadow: 0 3px 8px rgb(102 205 162 / 50%);*/ /*filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));*/ filter: drop-shadow(0 3px 8px rgb(102 205 162 / 50%)); vertical-align: middle; margin-right: 20px; } .docs .title { text-align: center; } .docs_img { margin: 20px 0 0 50px; } .doc_link { color: #0e073c; display: inline-block; vertical-align: middle; font-weight: 600; font-size: 22px; } .doc_item { margin: 0 0 20px 0; } .reviews .title { text-align: center; padding-bottom: 40px; } .review_item { border: 1px solid #dde0e6; border-radius: 6px; padding: 30px; } .review_desc { font-size: 16px; line-height: 20px; color: #1d2434; clear: both; } .review_item_title { font-weight: 700; color: #1d2434; margin-top: 10px; } .review_item_title span { font-weight: 300; } .review_item img { float: left; margin: 0 20px 20px 0; } .write { text-align: right; margin: 5px 20px 0 0; } .review_link { display: inline-block; vertical-align: middle; font-size: 16px; } .write svg { vertical-align: middle; } .brands { padding: 70px 0 90px 0; text-align: center; } .brands img { display: inline-block; vertical-align: middle; margin: 0 10px; } .align_img { padding-bottom: 22px; } .center { text-align: center; } #contact_cover { width:100%; } #contact { margin: 0 auto; } #contact_left { float: left; width:50%; height: 670px; color: #fff; font-size: 22px; font-weight: 300; } #contact_right { float: right; width:50%; height: 670px; background: #ffa800; color: #fff; font-size: 18px; font-weight: 300; padding-left: 50px; color: #333333; } .city_item a { color: #333333; font-size: 18px; } .contact svg{ fill:#a39ccf; margin-right: 13px; display: inline-block; vertical-align: middle; } .subtitle { color: #333333; font-size: 24px; font-weight: 600; } .city_item { padding: 5px 0 5px 20px; border-left: 2px solid #ff8b26; margin-top: 30px; } .contact_item { font-size: 18px; margin: 15px 0; } .question { font-size: 20px; font-weight: 700; color: #fff; margin-top: 30px; } #menu li { list-style: none; float: left; margin: 0 70px 0 0; } #menu li a{ font-size: 20px; } #menu li a:hover { color: #1ec780; } #menu { float: left; margin: 32px 0 0 200px; } .phone { float: right; text-align: right; margin: 28px 0 0 0; font-size: 30px; } /* TOP */ .col-2-3 { width: 55%; float: left; padding: 0 15px; } .col-1-3 { width: 33.3333333333333%; float: left; padding: 0 15px; } .about_bottom { font-size: 50px; margin-top: 75px; color: #1ec780; } .col-3 { width: 33.3333333333333%; float: left; padding: 0 15px; } .services_icon { display: inline-block; vertical-align: middle; margin-right: 30px; } .services_desc { font-size: 16px; color: #1ec780; text-transform: uppercase; display: inline-block; vertical-align: middle; width: 70%; } .services .col-3{ display: inline-block; float:none; width: 33%; margin: 20px 0; } .col-5{ display: block; float: left; width: 20%; margin: 20px 0; text-align: center; } .col-4{ display: block; float: left; width: 25%; margin: 20px 0; text-align: center; } .col-2 { width: 50%; padding: 0 20px; float: left; text-align: left; } .main .col-2 { width: 60%; } /*---Forms---*/ .order .col-4 { width: 25%; box-sizing: border-box; float: left; padding: 15px 15px 5px 15px; text-align: left; position: relative; margin: 0; } .order .col-4.first { padding-right: 7px; } .order .col-4.second { padding-left: 7px; } .order .col-4 span.label { margin: 0 0 2px 13px; display: inline-block; font-weight: 600; color: #214372; font-size: 16px; } .order .col-2, .order .col-1 { width: 50%; box-sizing: border-box; float: left; padding: 15px 15px 5px 15px; text-align: left; position: relative; } .order .col-1 { width: 100%; box-sizing: border-box; float: left; padding: 15px 15px 5px 15px; text-align: left; position: relative; } .order .col-2 span.label, .order .col-1 span.label { margin: 0 0 2px 13px; display: inline-block; font-weight: 600; color: #192744; font-size: 16px; } .order { width: auto; text-align: center; color: #000000; box-sizing: content-box; padding: 20px 10px 20px 10px; position: relative; background: rgba(255,255,255,0.8); border: 5px solid #e38a29; border-radius: 10px; margin-top: 150px; } .order.popup { width: 500px; background: #fff; margin-top: 0; } .order_popup { width: 500px; text-align: center; color: #000000; box-sizing: content-box; padding: 20px 10px 20px 10px; position: relative; } #callback { width: 300px; text-align: center; color: #000000; box-sizing: content-box; padding: 30px 40px 20px 40px; position: relative; border-radius: 5px; } p.action_text { font-size: 22px; font-weight: bold; text-align: center; margin: 0 0px 15px 0px; padding: 20px 15px 0px 15px; } .order input[type="text"], .order input[type="email"], .order_popup input[type="text"], .order_popup input[type="email"], #callback input[type="text"] { border: none; /*border: 1px solid #aeaeaf;*/ /*border: 1px solid #dfdfdf; border: 2px solid #dce3f0;*/ border: 1px solid #dedede; /*border-radius: 5px;*/ color: #1e201e; font-size: 16px; padding-bottom: 13px; padding-left: 35px; padding-right: 5px; padding-top: 13px; /*width: 280px;*/ width: 100%; margin: 0px 0 15px 0; font-family: Mont, Arial, Helvetica, sans-serif; box-sizing: border-box; transition: all .15s ease-in-out; } .order input:active, .order input:focus, .order_popup input:active, .order_popup input:focus, #callback input:focus { /*border: 1px solid #008dcc;*/ } .order label:before, .order_popup label:before, #callback label:before { content: ""; background: url(img/city.svg) 0px 0px no-repeat; width: 14px; height: 18px; /*left: -25px; top: -15px;*/ margin: 15px 0 0 13px; position: absolute; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.3; z-index: 999; background-size: contain; } .order label[for=weight]:before, .order_popup label[for=weight]:before { background: url(img/weight.svg) 0px 0px no-repeat; } .order label[for=volume]:before, .order_popup label[for=volume]:before { background: url(img/volume.svg) 0px 0px no-repeat; width: 17px; height: 17px; } .order label[for=type]:before, .order_popup label[for=type]:before { background: url(img/type.svg) 0px 0px no-repeat; width: 17px; height: 17px; background-size: contain; } .order label[for=who]:before, .order_popup label[for=who]:before { background: url(img/man.svg) 0px 0px no-repeat; width: 17px; height: 17px; opacity: 0.4; } #callback label[for=who2]:before { background: url(img/man.svg) 0px 0px no-repeat; width: 17px; height: 17px; opacity: 0.4; } #callback label[for=phone2]:before { background: url(img/phone3.svg) 0px 0px no-repeat; width: 17px; height: 17px; opacity: 0.4; } .order label[for=phone]:before, .order_popup label[for=phone]:before { background: url(img/phone3.svg) 0px 0px no-repeat; width: 17px; height: 17px; opacity: 0.4; background-size: contain; } .order label[for=email]:before, .order_popup label[for=email]:before { background: url(img/mail.svg) 0px 0px no-repeat; width: 17px; height: 17px; opacity: 0.4; background-size: contain; } .order textarea { border: none; border: 1px solid #dfdfdf; border-radius: 5px; color: #1e201e; font-size: 14px; padding-bottom: 13px; padding-left: 30px; padding-right: 5px; padding-top: 13px; width: 100%; height: 90px; margin: 0px 0 10px 0; font-family: Futura, Mont, Arial, Helvetica, sans-serif; box-sizing:border-box; } .order input[type="submit"], .order_popup input[type="submit"], #callback input[type="submit"] { background: #c39053; padding: 20px 40px; margin-top: 20px; border-radius: 50px; color: #fff; font-weight: 600; font-size: 18px; text-transform: none; display: inline-block; text-align: center; border: none; border: none; font-family: Mont, Arial, Helvetica, sans-serif; } /* .order input[type="submit"]:hover, .order_popup input[type="submit"]:hover, #callback input[type="submit"]:hover { background: #0166b3; cursor: pointer; }*/ img.ajax-loader { display: none; } div.wpcf7-validation-errors { display: none !important; } div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; } .order input.wpcf7-not-valid[type="text"], .order input.wpcf7-not-valid[type="email"], .order_popup input.wpcf7-not-valid[type="text"], .order_popup input.wpcf7-not-valid[type="email"], .order textarea.wpcf7-not-valid, .order input.wpcf7-not-valid[type="date"], #callback input.wpcf7-not-valid[type="text"] { border: 1px solid #f79c9c; } .wpcf7-not-valid-tip { display: none !important; } .wpcf7-response-output { display: none !important; } .wpcf7 .ajax-loader { display: none !important; } a:active, a:focus { outline: none; } input, textarea {outline:none;} input:active, textarea:active {outline:none;} :focus {outline:none;} textarea {resize:none;} textarea {resize:vertical;} textarea {resize:horizontal;} button { border: none; } button:focus {outline: none;} button:hover {cursor: pointer;} .wrap_offer { width: 100%; border-top: 5px solid #000000; margin-top: 100px; } .offer { background: url(img/woman.png) 100% 50% no-repeat; margin-top: 100px; padding-bottom: 80px; } .offer .col-2 { width: 37%; text-align: center; padding: 0; margin: 70px 0 0 0; } .offer .col-2 input[type="submit"] { margin: 60px 0 0 0; } .offer .box_title { letter-spacing: -2px; } .content { padding-top: 30px; } .content li { padding: 5px 0; font-size: 24px; } .content .list li { font-weight: 300; font-size: 20px; } .content .list { margin-bottom: 30px; } .breadcrumbs { margin-bottom: 30px; } .footer { font-size: 18px; color: #000000; /*padding: 33px 0;*/ text-align: center; } .copyrihgt { line-height: 24px; } .gallery-item { width: 150px; margin: 0 15px 15px 15px; display: inline-block; } /*---Forms---*/ input[type="text"], input[type="email"] { border: 1px solid #e6e6e6; border-radius: 30px; font-size: 17px; padding: 13px 5px 13px 10px; background: #fff; /* width: 290px; */ width: 80%; margin: 10px 0 10px 0; min-height: 60px; padding: 16px 20px; border-radius: 5px; -webkit-appearance: none; color: #29293a; box-sizing: border-box; font-family: Mont,Lato Black, Arial, Helvetica, sans-serif; font-size: 14px; } input[type="submit"] { color: #fff; border: none; margin-bottom: 20px; font-family: Mont, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 600; padding: 20px 64px; border-radius: 50px; display: inline-block; background: #c39053; margin-top: 20px; max-width: 80%; -webkit-appearance: none; } input[type="submit"]:hover { cursor: pointer; } img.ajax-loader { display: none; } div.wpcf7-validation-errors { display: none !important; } div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; } input[type="text"].wpcf7-not-valid, input[type="email"].wpcf7-not-valid { border: 1px solid #c39053; } .wpcf7-not-valid-tip { display: none !important; } .wpcf7-response-output { display: none !important; } .wpcf7 .ajax-loader { display: none !important; } a:active, a:focus { outline: none; } input, textarea {outline:none;} input:active, textarea:active {outline:none;} :focus {outline:none;} textarea {resize:none;} textarea {resize:vertical;} textarea {resize:horizontal;} button { border: none; } button:focus {outline: none;} button:hover {cursor: pointer;} .modal-overlay.active { opacity: 1; visibility: visible; z-index: 999; } .modal-overlay { 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: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; /*background: rgb(216 155 56 / 0.95);*/ /*background: rgb(181 122 27 / 0.97);*/ background: rgb(195 144 83 / 0.97); opacity: 0; visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0s cubic-bezier(0.55, 0, 0.1, 1), visibility 0s cubic-bezier(0.55, 0, 0.1, 1); transition: opacity 0s cubic-bezier(0.55, 0, 0.1, 1), visibility 0s cubic-bezier(0.55, 0, 0.1, 1); } .menu_mob{ position: relative; } .menu-triger { display: block; position: fixed; right: 25px; top: 18px; z-index: 200; } .menu-triger svg{ fill: #fff; } .menu-close { display: block; position: absolute; right: 26px; top: 16px; z-index: 100; } .ballon_tel { font-size: 16px; color: #000000; font-weight: 500; } .menu-popup { background: transparent; text-align: center; display: none; position: fixed; top: -110%; width: 100%; height: 100vh; box-sizing: border-box; padding: 70px 30px 30px 30px; z-index: 999; overflow-y: scroll; } .menu-popup ul.akkordeon1 { margin-top: 50px; } #logo_menu { margin-bottom: 50px; float: left; } .menu-popup ul { margin: 0; padding: 0; } .menu-popup li { list-style: none; margin: 25px 0; padding: 0; color: #fff; } .menu-popup li a { font-size: 30px; color: #fff; line-height: 1.2; text-decoration: none; color: #fff; font-weight: 700; } .body_pointer * { cursor: pointer; } .number_mob { margin-top: 20px; } .number_mob, .mail_mob { font-size: 30px; display: inline-block; color: #fff; margin-top: 20px; } .mail_mob { font-size: 24px; margin-top: 10px; } .menu-popup ul.menu-menu_mob { padding: 10px 0 0px 0px; } .menu-popup ul.menu-menu_mob li { margin: 15px 0; } .menu-popup ul.menu-menu_mob li a{ font-size: 18px; color: #fff; font-weight: 500; } .li_content li a { font-size: 16px; } ul.akkordeon1 li { position: relative; } ul.akkordeon1 li > div { display: none; } ul.akkordeon1 li p { font-size: 24px; margin: 0; } ul.akkordeon1 li p.active { } ul.akkordeon1 li p:after { content: ''; position: absolute; display: inline-block; width: 11px; height: 11px; margin: 0 0 0 8px; /* right: 0px;*/ top: 10px; background: url(/assets/template/img/down-arrow-white.svg) 0px 0px no-repeat; transition: transform 250ms ease; } ul.akkordeon1 li.active p:after { transform: rotate(180deg); } .menu-triger { display: none; } .mob { display: none; } .codedropz-upload-inner h3 { display: none; } .codedropz-upload-inner span { display: none; } .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn { box-sizing: border-box; } .codedropz-upload-handler { border: 2px dashed #e7e7e7; border-radius: 5px; margin-bottom: 10px; margin-top: 30px; width: 80%; position: relative; display: inline-block; } /*#order_popup .col-2 { float: none; }*/ .dnd-upload-counter { color: #787878!important; } .dnd-upload-status .dnd-upload-details .dnd-progress-bar { display: block; border-radius: 5px; overflow: hidden; background: #565555; background: #c7cac8!important; height: 11px!important; } .dnd-upload-status .dnd-upload-details .dnd-progress-bar span { background: #acadac!important; line-height: 12px!important; font-size: 10px!important; } .dnd-upload-status .dnd-upload-details .name { color: #5d5d5d!important; padding: 4px 0; } .remove-file { color: #5d5d5d; } .dnd-upload-status .dnd-upload-details .name em { display: none!important; } .col-1 { text-align: left; margin-bottom: 20px; } .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn { font-size: 16px; color: #565656; } .final_quiz { width: 500px; margin: 0 auto; text-align: center; } .flexslider { padding: 0; width: 275px !important; max-width: 100% !important; float: left; margin: 5px; } .quiz .flexslider { padding: 0; width: 50% !important; max-width: 100% !important; float: none; margin: 5px; } .quiz .gallery_item { /* width: 14.2857142857%; */ /*width: 100% ; margin: 5px; display: inline-block; height: 330px; background-position: center center; background-size: cover; transform-origin: center top; animation-duration: 350ms; float: left; position: relative; animation-duration: 1.2s;*/ } .flex-direction-nav a { width: 60px; height: 60px; line-height: 60px; text-align: center; text-shadow: none; /*background: rgba( 0, 0, 0, 0.7 );*/ background: none !important; font-size: 0; margin: -30px 0 0; display: block; position: absolute; top: 50%; z-index: 10; /*opacity: 0.5 !important;*/ cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgb(255 255 255 / 30%); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .flex-control-paging li a { /*width: 10px; height: 10px;*/ width: 20px !important; height: 5px !important; display: block; background: #fff; cursor: pointer; text-indent: -9999px; /*-webkit-border-radius: 20px; -moz-border-radius: 20px;*/ border-radius: 0 !important; /* border: 2px solid #fff;*/ border: none !important; } .flex-direction-nav a:before { width: 18px !important; height: 18px !important; } .flex-control-paging li a.flex-active { /* background: rgba(0, 0, 0, 0.9); */ background: #c39053 !important; cursor: default; /* box-shadow: 0px 0px 2px 6px rgb(95 88 172 / 11%);*/ box-shadow: none !important; } .flex-control-nav { bottom: 5px !important; } .flexslider .gallery_item { margin: 0; } .flexslider video { margin: 0; height: 330px; width: 275px; } .flex-control-nav li { opacity: 0.5 !important; } @media screen and (max-width: 900px) { } @media screen and (max-width: 760px) { } @media screen and (max-width: 600px) { .box { width: 100%; } .slide_box { width: 100%; } #slider { width: 100%; min-width: 100%; } .quiz .banner_wrap { min-height: 100vh; padding-bottom: 30px; } .quiz .main_title { margin: 30px 0 0 0; font-size: 24px; font-weight: 300; line-height: 1.2; } .quiz .main_title span { /* color: #b57a1b; */ color: #fff; font-size: 24px; font-weight: 700; line-height: 1.2; } .main__subtitle { margin: 50px 0 0 0; } .quiz .top_links { display: inline-block; } .quiz .logo_after { display: none; } .quiz .menu-triger { display: none; } .quiz .top_links { width: auto; } .quiz .col-2 { padding: 0 0px; } .quiz .banner_wrap .col-2 { width: 100%; } .quiz .banner_wrap:before { background-size: cover; background-position: center bottom; background-image: linear-gradient(to bottom, #000000, #000000 10%, rgba(0, 0,0, 0)), url('/wp-content/themes/bon-balloon/img/bg8.jpg'); opacity: 0.8; } .flexslider { /* height: auto !important; overflow: visible !important;*/ } .col-2-3 { width: 100%; float: none; } .col-1-3 { width: 100%; float: none; } .col-3 { width: 100%; float: none; } .services .col-3{ width: 100%; } .col-5, .col-4, .col-7, .col-2, .offer .col-2 { width: 100%; float: none; } .projects .col-5{ min-height: auto; margin-bottom: 50px; } .about_title { font-size: 44px; } .purpose_text { width: 100%; } .button { font-size: 22px; } .about_description { font-size: 35px; } .about_since { font-size: 30px; margin-top: 35px; } .button { font-size: 22px; } .about_bottom { font-size: 40px; } .purpose:before { margin: 30px 0px 0 30px; } .purpose_title { font-size: 35px; } .digit { font-size: 100px; min-width: 130px; } .digits_title { font-size: 20px; } .col-3.digits_item { padding:0; margin-bottom: 30px; } .box_title { font-size: 46px; } .team .col-4 { min-height: auto; margin-bottom: 50px; } .offer .box_title { font-size: 40px; letter-spacing: normal; } .offer { background: none; } .box.footer { padding: 0 15px 0 15px; font-size: 18px; } .menu_mob { display: block; } .box.header { position: fixed; z-index: 99; height: 60px; background: #fff; box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 8%); } .wrap { min-width: 100%; } .logo { float: left; margin: 14px 0 17px 0; width: 200px; } #menu { display: none; } .phone { margin: 20px 0 0 0; font-size: 20px; margin-right: 60px; } #mob_holder { height: 60px; } /*#nubexVideo { height: 100%; width: auto; }*/ .slide_title { font-size: 40px; } .slide_title_before { font-size: 20px; } .slide_box { padding: 0; } .film { min-width: 100%; } .menu-triger { display: block; } .col-45, .col-55 { width: 100%; } .company_img { margin: 20px 0 0 0px; display: none; } .pack_item1, .pack_item2 { margin-right: 0px; } .pack_item1, .pack_item2, .pack_item3 { float: none; width: 100%; font-size: 0; } .types { background: url(img/types_bg.jpg) 50% 0px repeat; padding-bottom: 40px; } .packs img { display: inline-block; float: none; } .pack_item2 .margin { margin-bottom: 0px; } .pack_item3 .margin { margin-right: 0px; } .pack_item3 img { max-width: 50%; } .pack_item3 img.margin { margin-right: 0px; } #contact_right, #contact_left { float: none; width: 100%; } .top_links { width: 100%; } .main { height: auto; } .order { margin: 50px 0 40px 0; } .docs_img { margin: 20px 0 0 0px; } .main svg { margin-left: 10px; } .reviews .col-3 { margin-bottom: 30px; } .box.brands img { max-width: 40%; padding: 5px 0; } .box.brands .align_img { padding-bottom: 30px; } .brands { padding: 40px 0 30px 0; } #contact_right { height: auto; padding-bottom: 50px; } .doc_link { font-size: 18px; } .top_links { padding: 20px 0px; } .main_title { font-size: 32px; } .main_title_adv span { font-size: 20px; } .desctop { display: none; } .mob { display: block; } .desctop { display: none; } .order.popup { max-width: 100%; box-sizing: border-box; } .order .col-2 { width: 100%; } .order .col-4 { width: 50%; } .main .button { margin-top: 40px; /*background: #f07c01;*/ } .digit_item { font-size: 24px; font-weight: 600; } .counter { font-size: 74px } .item_content { font-size: 18px; } .page_adv { width: 100%; padding: 0 30px; } .page_adv .col-3 { padding: 0 0px 50px 0; } .title.adv { padding: 80px 0 50px 0; } .col-3-title { margin-bottom: 10px; } .services { margin-top: 25px; padding: 10px; box-shadow: 0px 0px 49px 0px rgb(0 0 0 / 20%); border-radius: 20px; display: grid; grid-template-columns: 1fr; } #contacts { width: 100%; min-width: 100%; margin-bottom: 50px; } #discount2_right_wrapp { margin: 0 auto; } .block_works_item { width: 50%; float: left; } #discount2_right { position: relative; margin: 0; width: 100%; padding: 30px 30px 30px; box-sizing: border-box; background: rgba(255, 255, 255, 1); box-shadow: none; font-size: 18px; } .baza_img { float: right; margin-right: 0; position: absolute; /* margin-top: -300px; */ margin-left: 100px; bottom: 0; } .baza_title { font-size: 26px; position: relative; line-height: 42px; z-index: 1; width: 80%; } .baza_text { font-size: 18px; position: relative; z-index: 1; width: 80%; } .button.orange { position: relative; z-index: 1; font-size: 16px; } .wrapper { overflow: hidden; } .baza_img { /* float: right; */ margin-right: 0; position: absolute; /* margin-top: -300px; */ margin-left: 100px; bottom: 0; /* width: 80%; */ overflow: hidden; right: -400px; } .wrap.counter { padding: 0 15px; } .calculator__fields { width: 100%; padding: 0 30px; margin: 0 auto; } .calculator a.btn { float: none; } .title { font-size: 26px; line-height: 34px; } .title.white { font-size: 26px; line-height: 34px; } .banner_wrap .col-2 { width: 100%; } .main_title { font-size: 30px; line-height: 38px; } .top_links { display: none; } .button { font-size: 18px; } .title_after { font-size: 20px; line-height: 28px; } .company .col-2 { padding: 0; } .main { } .main_title { /*font-size: 28px; line-height: 38px;*/ font-size: 26px; line-height: 36px; /*width: 70%;*/ margin: 70px 0 0 0; } .kuhni .main_title { } .kuhni .main_title span { font-size: 26px; } .title { padding: 50px 15px 20px 15px; } .gallery { /*display: flex;*/ justify-content: space-between; flex-wrap: wrap; } .gallery div { margin: 0; width: 50%; height: 250px; border: 5px solid #fff; } .steps_wrap .page_adv .col-3 { padding: 0 0px 0px 0; } .review_box { display: flex; justify-content: space-between; } .review_img { width: 90%; height: auto; margin: 0; } .menu-triger { display: block; padding: 10px; background: #c39053; line-height: 0; border-radius: 3px; z-index: 5; } /*.wrap_services .box { padding: 0 30px 0 30px; }*/ .wrapper { padding-top: 0; } #contacts { margin-bottom: 0; } .footer { font-size: 14px; line-height: 18px; } .company { padding-bottom: 30px; } #mapexMap { height: 400px; } #discount2_right { padding: 30px 30px 60px; } .block_title4 { font-size: 26px; line-height: 34px; font-weight: 700; } #callback { width: 100%; box-sizing: border-box; } .number_mob, .mail_mob { font-size: 24px; font-weight: 700; display: inline-block; color: #fff; margin-top: 20px; } .menu-popup svg { /*fill: #d7d4f6;*/ fill: #fff; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; } .mail_mob { margin-bottom: 30px; font-weight: 400; } .menu-popup a { color: #fff; } .main_title_adv span { font-size: 16px; } .main_title_adv { font-size: 16px; margin-right: 35px; line-height: 24px; } .company_img { display: block; /*width: 70%; margin: 0 auto 30px;*/ width: 100%; margin: 0; } .overlay-5 { margin: 0 0 20px 0; } .final_quiz { width: 100%; margin: 0 auto; text-align: center; } .adv_wrap { background: url(img/bg.png) 50% 0px repeat; background-size: cover; } .flexslider { padding: 0; width: 50% !important; max-width: 50% !important; height: 260px !important; float: left; margin: 5px; border: 5px solid #fff; } .gallery .flexslider div.gallery_item { margin: 0 !important; width: 100% !important; border: none; } .flex-direction-nav { display: none; } .flexslider video { margin: 0; height: 250px; width: 100%; } .flex-control-nav { bottom: 5px !important; } .review_box { display: flex; justify-content: space-between; } .profits div { /*width: calc(100% - 50px);*/ width: calc(100% - 90px); line-height: 24px; font-size: 18px; } .profits div, .profits img, .profits svg { display: inline-block; vertical-align: top; margin: 0px 0 20px 0; } .profits svg { display: inline-block; vertical-align: top; margin: 0px 5px 20px 0; } .main__btn__text { display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 700; letter-spacing: 1.5px; line-height: 20px; } .quiz__left { display: none; } .quiz__right { width: 100%; float: none; } .quiz__question__head { flex-direction: column; padding: 0 1rem; } .quiz__question__title { font-size: 16px; font-weight: 600; margin-top: 20px; } .quiz__right { width: 100%; padding: 0; } .quiz .calc_img { width: 100%; height: 100px; border-radius: 5px; } .quiz fieldset { text-align: center; position: relative; } .quiz .commands { overflow: hidden; margin-top: 0px; position: relative; /*position: absolute; bottom: -50px;*/ background: none; width: 100%; padding: 7px 0 7px 0; text-align: right; z-index: 9; } /*.quiz .quiz__answers { height: auto; max-height: 400px; overflow: auto; margin-bottom: 40px; }*/ .quiz #calc_popup .calc_with_img label { width: calc(50% - 20px); margin: 10px; } .quiz #calc_popup .calc_with_img label img { width: 100%; } .quiz .fildset_inside { min-height: auto; } .quiz .form-field-radio--text { width: 100%; } .quiz #calc_popup { position: relative; max-height: auto; overflow: hidden; max-height: 300vh; } .quiz #calc_popup { width: auto; padding-top: 0px; padding-bottom: 0; } .quiz .btn-default { width: auto; background: none !important; } .box#quiz { padding: 0; } .quiz__hand__wrap { display: none; } .portfolio__title { font-size: 22px; line-height: 1.2; font-weight: 300; margin-top: 3rem; text-align: center; color: #fff; margin-bottom: 20px; } /*.quiz .banner_wrap { height: auto; background: url(img/bg2.jpg) 100% 100% no-repeat; }*/ #calc_popup .calc_with_img .final_quiz label { width: 70px; } .quiz .calc_with_img .final_quiz .form-field-radio--text span.label_title { padding: 0px 0px 0px 0px; text-align: center; font-size: 11px; } .quiz .final_quiz .form-field-radio-item { border: 1px solid transparent; } .quiz .final_quiz .form-field-radio-item.selected { border: 1px solid #1700c1; } .quiz .final_quiz .form-field-radio--text { display: flex; vertical-align: middle; text-align: center; align-items: center; flex-direction: column; padding: 10px 10px 0 10px } .quiz .calc_with_img .final_quiz .form-field-radio--text span.label_title { font-size: 9px; } .quiz .final_quiz .form-field-radio--text { display: flex; vertical-align: middle; text-align: center; align-items: center; flex-direction: column; padding: 5px 0 0; } .quiz #calc_popup .calc_with_img .final_quiz label { width: 60px; } .popup_consult { height: auto; height: 90%; width: 100%; } .popup_consult_inside { width: 100%; height: 100%; overflow: auto; margin: auto; } .popup_consult .calc_with_img .form-field-radio-item.line { width: 60px; } .form-consult__img { position: unset; bottom: 0px; /* width: 200px; */ display: flex; /* right: 0; */ width: 180px; margin: 0 auto; margin-top: 20px; } .form-consult__form { width: 80%; margin-right: auto; margin-left: auto; margin-top: 20px; } .option_wrap { display: flex; justify-content: space-between; margin-top: 1.5rem; } .form-consult__list { display: none; } .quiz .logo { margin: 28px 0 0 0px; float: left; color: #fff; font-size: 24px; width: auto; } .quiz .logo img { /*max-width: 170px;*/ max-width: 160px; } .form-consult--lg .form-consult__form { width: 100%; } .quiz { min-width: 100%; } .quiz .logo { /*margin: 21px 0 0 0px;*/ margin: 25px 0 0 0px; } .title { font-size: 22px; line-height: 30px; } .quiz .top_link { font-size: 16px; } /*::-webkit-scrollbar { -webkit-appearance: none; } ::-webkit-scrollbar:vertical { width: 12px; } ::-webkit-scrollbar:horizontal { height: 12px; } ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .3); border-radius: 10px; border: 2px solid #ffffff; } ::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }*/ } @media screen and (max-width: 330px) { .quiz .calc_with_img .form-field-radio--text span.label_title { font-size: 11px; } .quiz .calc_img { height: 80px; } }