/* Start:/local/templates/.default/css/font-im.css?1715006909736*/ @font-face { font-family: 'im'; src: url('/local/templates/.default/css/../fonts/im.eot?o0v5sh'); src: url('/local/templates/.default/css/../fonts/im.eot?o0v5sh#iefix') format('embedded-opentype'), url('/local/templates/.default/css/../fonts/im.ttf?o0v5sh') format('truetype'), url('/local/templates/.default/css/../fonts/im.woff?o0v5sh') format('woff'), url('/local/templates/.default/css/../fonts/im.svg?o0v5sh#im') format('svg'); font-weight: normal; font-style: normal; } .im { display: inline-block; font: normal normal normal 14px/1 im; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .im-company:before { content: "\e900"; } .im-contacts:before { content: "\e901"; } .im-crm:before { content: "\e902"; } .im-tasks:before { content: "\e903"; } .im-web:before { content: "\e904"; } /* End */ /* Start:/local/templates/.default/css/libs/animated.css?171500690956461*/ /*animate*/ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px)rotateY(-9deg);transform:translateX(-6px)rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px)rotateY(7deg);transform:translateX(5px)rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px)rotateY(-5deg);transform:translateX(-3px)rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px)rotateY(3deg);transform:translateX(2px)rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px)rotateY(-9deg);transform:translateX(-6px)rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px)rotateY(7deg);transform:translateX(5px)rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px)rotateY(-5deg);transform:translateX(-3px)rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px)rotateY(3deg);transform:translateX(2px)rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9)rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9)rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1)rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1)rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1)rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1)rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9)rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9)rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1)rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1)rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1)rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1)rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0)rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0)rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0)rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0)rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0)rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0)rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0)rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0)rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0)rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0)rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0)rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0)rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0)rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0)rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0)rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0)rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0)rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0)rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0)rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0)rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{from,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg)skewY(-12.5deg);transform:skewX(-12.5deg)skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg)skewY(6.25deg);transform:skewX(6.25deg)skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg)skewY(-3.125deg);transform:skewX(-3.125deg)skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg)skewY(1.5625deg);transform:skewX(1.5625deg)skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg)skewY(-0.78125deg);transform:skewX(-0.78125deg)skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg)skewY(0.390625deg);transform:skewX(0.390625deg)skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg)skewY(-0.1953125deg);transform:skewX(-0.1953125deg)skewY(-0.1953125deg)}}@keyframes jello{from,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg)skewY(-12.5deg);transform:skewX(-12.5deg)skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg)skewY(6.25deg);transform:skewX(6.25deg)skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg)skewY(-3.125deg);transform:skewX(-3.125deg)skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg)skewY(1.5625deg);transform:skewX(1.5625deg)skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg)skewY(-0.78125deg);transform:skewX(-0.78125deg)skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg)skewY(0.390625deg);transform:skewX(0.390625deg)skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg)skewY(-0.1953125deg);transform:skewX(-0.1953125deg)skewY(-0.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px)rotate3d(0,1,0,-360deg);transform:perspective(400px)rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px)translate3d(0,0,150px)rotate3d(0,1,0,-190deg);transform:perspective(400px)translate3d(0,0,150px)rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px)translate3d(0,0,150px)rotate3d(0,1,0,-170deg);transform:perspective(400px)translate3d(0,0,150px)rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px)scale3d(.95,.95,.95);transform:perspective(400px)scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px)rotate3d(0,1,0,-360deg);transform:perspective(400px)rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px)translate3d(0,0,150px)rotate3d(0,1,0,-190deg);transform:perspective(400px)translate3d(0,0,150px)rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px)translate3d(0,0,150px)rotate3d(0,1,0,-170deg);transform:perspective(400px)translate3d(0,0,150px)rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px)scale3d(.95,.95,.95);transform:perspective(400px)scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px)rotate3d(1,0,0,90deg);transform:perspective(400px)rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px)rotate3d(1,0,0,-20deg);transform:perspective(400px)rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px)rotate3d(1,0,0,10deg);transform:perspective(400px)rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px)rotate3d(1,0,0,-5deg);transform:perspective(400px)rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px)rotate3d(1,0,0,90deg);transform:perspective(400px)rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px)rotate3d(1,0,0,-20deg);transform:perspective(400px)rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px)rotate3d(1,0,0,10deg);transform:perspective(400px)rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px)rotate3d(1,0,0,-5deg);transform:perspective(400px)rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px)rotate3d(0,1,0,90deg);transform:perspective(400px)rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px)rotate3d(0,1,0,-20deg);transform:perspective(400px)rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px)rotate3d(0,1,0,10deg);transform:perspective(400px)rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px)rotate3d(0,1,0,-5deg);transform:perspective(400px)rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px)rotate3d(0,1,0,90deg);transform:perspective(400px)rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px)rotate3d(0,1,0,-20deg);transform:perspective(400px)rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px)rotate3d(0,1,0,10deg);transform:perspective(400px)rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px)rotate3d(0,1,0,-5deg);transform:perspective(400px)rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px)rotate3d(1,0,0,-20deg);transform:perspective(400px)rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px)rotate3d(1,0,0,90deg);transform:perspective(400px)rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px)rotate3d(1,0,0,-20deg);transform:perspective(400px)rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px)rotate3d(1,0,0,90deg);transform:perspective(400px)rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px)rotate3d(0,1,0,-15deg);transform:perspective(400px)rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px)rotate3d(0,1,0,90deg);transform:perspective(400px)rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px)rotate3d(0,1,0,-15deg);transform:perspective(400px)rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px)rotate3d(0,1,0,90deg);transform:perspective(400px)rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0)skewX(-30deg);transform:translate3d(100%,0,0)skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0)skewX(-30deg);transform:translate3d(100%,0,0)skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0)skewX(30deg);transform:translate3d(100%,0,0)skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0)skewX(30deg);transform:translate3d(100%,0,0)skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0)rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0)rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0)rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0)rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0)rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0)rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0)rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0)rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1)translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1)translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475)translate3d(0,60px,0);transform:scale3d(.475,.475,.475)translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1)translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1)translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475)translate3d(0,60px,0);transform:scale3d(.475,.475,.475)translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1)translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1)translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475)translate3d(10px,0,0);transform:scale3d(.475,.475,.475)translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1)translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1)translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475)translate3d(10px,0,0);transform:scale3d(.475,.475,.475)translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1)translate3d(1000px,0,0);transform:scale3d(.1,.1,.1)translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475)translate3d(-10px,0,0);transform:scale3d(.475,.475,.475)translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1)translate3d(1000px,0,0);transform:scale3d(.1,.1,.1)translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475)translate3d(-10px,0,0);transform:scale3d(.475,.475,.475)translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1)translate3d(0,1000px,0);transform:scale3d(.1,.1,.1)translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475)translate3d(0,-60px,0);transform:scale3d(.475,.475,.475)translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1)translate3d(0,1000px,0);transform:scale3d(.1,.1,.1)translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475)translate3d(0,-60px,0);transform:scale3d(.475,.475,.475)translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475)translate3d(0,-60px,0);transform:scale3d(.475,.475,.475)translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1)translate3d(0,2000px,0);transform:scale3d(.1,.1,.1)translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475)translate3d(0,-60px,0);transform:scale3d(.475,.475,.475)translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1)translate3d(0,2000px,0);transform:scale3d(.1,.1,.1)translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475)translate3d(42px,0,0);transform:scale3d(.475,.475,.475)translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1)translate3d(-2000px,0,0);transform:scale(.1)translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475)translate3d(42px,0,0);transform:scale3d(.475,.475,.475)translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1)translate3d(-2000px,0,0);transform:scale(.1)translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475)translate3d(-42px,0,0);transform:scale3d(.475,.475,.475)translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1)translate3d(2000px,0,0);transform:scale(.1)translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475)translate3d(-42px,0,0);transform:scale3d(.475,.475,.475)translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1)translate3d(2000px,0,0);transform:scale(.1)translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475)translate3d(0,60px,0);transform:scale3d(.475,.475,.475)translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1)translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1)translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475)translate3d(0,60px,0);transform:scale3d(.475,.475,.475)translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1)translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1)translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /* End */ /* Start:/local/templates/.default/css/jquery.fancybox.css?171500690917540*/ body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } /* Fix IE11 */ .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; } /* Caption */ .fancybox-caption { bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 25px 44px 25px 44px; right: 0; text-align: center; z-index: 99996; } .fancybox-caption::before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=); background-repeat: repeat-x; background-size: contain; bottom: 0; content: ''; display: block; left: 0; pointer-events: none; position: absolute; right: 0; top: -44px; z-index: -1; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { -webkit-animation: fancybox-rotate 1s linear infinite; animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-caption { padding: 12px; } .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } } /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } /* End */ /* Start:/local/templates/.default/css/jquery.mCustomScrollbar.css?171500690953583*/ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/local/templates/.default/css/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* End */ /* Start:/local/templates/.default/css/select2.min.css?171500690915180*/ .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* End */ /* Start:/local/templates/.default/css/css.css?1721325207392232*/ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';font-display: swap;src:url('/local/templates/.default/css/../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('/local/templates/.default/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/local/templates/.default/css/../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/local/templates/.default/css/../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/local/templates/.default/css/../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/local/templates/.default/css/../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} #panel{z-index: 99999!important;} /*** RESET ***/ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small,strong,sub,sup,var,a,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;outline:0 none} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block} img,a img,:link img,:visited img{border:0;outline:none} table{border-collapse:collapse;border-spacing:0} tr{vertical-align:middle} th,td{vertical-align:inherit} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} ins{background:#999;color:#000;text-decoration:none} mark{display:inline-block;vertical-align:middle;padding:0 .5em;background:#999;color:#000;font-style:normal;font-weight:400;line-height:1.5} del{text-decoration:line-through} abbr[title],dfn[title]{border:1px dotted #999;cursor:help} hr{display:block;margin:1em 0;padding:0;height:1px;color:#999;background:#999;border:0} button,input,select,textarea{margin:0;padding:0;outline:0 none;vertical-align:middle;-webkit-appearance:none;-webkit-border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} button,input{width:auto;overflow:visible} button::-moz-focus-inner,input::-moz-focus-inner,select::-moz-focus-inner,textarea::-moz-focus-inner{padding:0;border:0} textarea{overflow:auto;resize:none;vertical-align:top} input[type="button"],input[type="submit"],input[type="reset"],button{cursor:pointer} input[type="checkbox"]{-webkit-appearance:checkbox} input[type="radio"]{-webkit-appearance:radio} ::-webkit-input-placeholder{color:#999} :-moz-placeholder{color:#999} ::-moz-placeholder{color:#999} :-ms-input-placeholder{color:#999} pre,code,kbd,samp{font-family:monospace,sans-serif} html{overflow-y:scroll} small,.small{font-size:.75em} big,.big{font-size:1.25em} b,strong{font-weight:700} i,em{font-style:italic} sub{vertical-align:sub;font-size:.65em;line-height:.5} sup{vertical-align:super;font-size:.65em;line-height:.5} pre{padding:2em;white-space:pre;white-space:pre-wrap;word-wrap:break-word;} img{max-width:100%;height:auto;} iframe{ max-width: 100%; display: block; } /*** COMMON ***/ body,button,input,select,textarea { font: 14px/1.43 'Roboto',Arial,Helvetica,sans-serif; color: #333; } #bx-panel{z-index: 9999995!important;} h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { margin-bottom: 1em; font-weight: 300; line-height: normal; font-family: 'Roboto',Arial,Helvetica,sans-serif; color: #000; } h1,.h1 { font-size: 4.2857em; line-height: 1; } h2,.h2 { font-size: 2.5714em; } h3,.h3 { font-size: 2em; } h4,.h4 { font-weight: 400; font-size: 1.5714em; } h5,.h5 { font-weight: 500; font-size: 1em; text-transform: uppercase; } h6,.h6 { font-size: 1em; } .inner-page-title-wrap h1, .inner-page-title-wrap .h1 { font-size: 2.5714em; text-align: center; } .hl_plain { margin: 0; } .hl_custom h1, .hl_custom h2 { font-weight: inherit; font-size: inherit; } .hl_custom.h6 h2 { font-weight: 400; display: inline; } .fs_lg { font-weight: 300; font-size: 1.29em; } a,.link { border-bottom-color: #306aff; color: #306aff; text-decoration: underline; } a:hover,.link:hover, a.d-lnk-js, .d-lnk-js:hover, a.d-lnk-tdn, .d-lnk-tdn a { text-decoration: none; } a.d-lnk-tdn:hover, .d-lnk-tdn a:hover { text-decoration: underline; } a.d-lnk-js, .d-lnk-js { border-bottom-width: 1px; border-bottom-style: dotted; } a.d-lnk-js:hover, .d-lnk-js:hover { border-bottom-color: transparent; text-decoration: none; } a.d-lnk-tel { text-decoration: none !important; color: inherit; cursor: pointer; } a.d-lnk-txt, .d-lnk-txt a { border-color: inherit; color: inherit;text-decoration:none } p { margin-bottom: 1.5em; } dd { padding: 0 0 1em 1em; } ol, ul { margin-bottom: 1.5em; } ol { list-style-type: none; counter-reset: list; } ol > li { position: relative; margin-left: 25px; } ol > li:before { position: absolute; top: 0; left: -25px; counter-increment: list; content: counter(list) " "; color: #306aff; margin-right: 10px; } ul { margin-left: 10px; list-style-type: none; } ul li:before { float: left; margin: 0 0 0 -10px; content: '•'; color: #306aff; } ul.ul-odd { margin-left: 30px; } ul.ul-odd li { margin-bottom: 1.5em; } ul.ul-odd li:before { margin: .75em 0 0 -30px; width: 6px; height: 6px; border: 2px solid #18252b; text-indent: -9999px; overflow: hidden; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } nav ol, nav ul, nav li, fieldset ol, fieldset ul, fieldset li, .d-plain, .d-plain li, .d-plain dd, input.d-plain, button.d-plain, textarea.d-plain { margin: 0; padding: 0; background: none; border: 0; list-style: none; } nav li:before, fieldset li:before, .d-plain li:before { display: none; } fieldset li { margin-bottom: 1.5em; } fieldset.is-odd { margin-bottom: 2em; } fieldset.is-odd li { margin-bottom: .5em; } .ul2cols ul { margin-bottom: 0; } .ul_custom { margin: 0; } .ul_custom li { position: relative; margin-bottom: .5em; padding-left: 25px; } .ul_custom li:before { position: absolute; top: 0; left: 0; margin: .25em 0 0; width: 12px; height: 15px; background: url(/local/templates/.default/css/../img/li.svg) 0 0 no-repeat; background-size: 100%; content: ''; } .ul_custom_w li:before { background-image: url(/local/templates/.default/css/../img/li_w.svg); } .d-grid { margin: 0 auto; padding: 0 15px; max-width: 1176px; } .d-grid.odd { max-width: 1010px; } .d-grid.even { max-width: 860px; } .d-grid .d-grid { padding: 0; } .d-row { margin: 0 -15px; } .d-row_ib{word-spacing:-5px;} .d-row_ib>*{word-spacing:0;} .d-row_ib .d-col{float:none;} .d-col {display: inline-block;vertical-align: top; float: left; position: relative; padding: 0 15px; min-height: 1px; } .d-col-1 { width: 8.33%; } .d-col-2 { width: 16.66%; } .d-col-3 { width: 25%; } .d-col-4 { width: 33.33%; } .d-col-5 { width: 41.66%; } .d-col-6 { width: 50%; } .d-col-7 { width: 58.33%; } .d-col-8 { width: 66.66%; } .d-col-9 { width: 75%; } .d-col-10 { width: 83.33%; } .d-col-11 { width: 91.66%; } .d-col-12 { width: 100%; } .d-col-offset-0 { margin-left: 0; } .d-col-offset-1 { margin-left: 8.33%; } .d-col-offset-2 { margin-left: 16.66%; } .d-col-offset-3 { margin-left: 25%; } .d-col-offset-4 { margin-left: 33.33%; } .d-col-offset-5 { margin-left: 41.66%; } .d-col-offset-6 { margin-left: 50%; } .d-col-offset-7 { margin-left: 58.33%; } .d-col-offset-8 { margin-left: 66.66%; } .d-col-offset-9 { margin-left: 75%; } .d-col-offset-10 { margin-left: 83.33%; } .d-col-offset-11 { margin-left: 91.66%; } .d-col-offset-12 { margin-left: 100%; } .d-cb:after,.d-grid:after,.d-row:after { clear: both; display: block; height: 0; content:'.'; visibility: hidden; } .d-clear { clear: both; } .d-ht { display: block; text-align: left; text-indent: -9999px; overflow: hidden; } .d-db { display: block; } .d-ib,.btn { display: inline-block; vertical-align: middle; } .d-ha:after,.d-hb:before { display: block; height: 0; content: '.'; text-align: left; text-indent: -9999px; overflow: hidden; } .d-fl { float: left; } .d-fr { float: right; } .d-pr { position: relative; } .d-tac { text-align: center; } .d-tal { text-align: left; } .d-tar { text-align: right; } .d-taj { text-align: justify; } .d-ttu { text-transform: uppercase; } .d-lhn { line-height: normal; } .d-lh_1 { line-height: 1; } .d-vat { vertical-align: top; } .d-vam { vertical-align: middle; } .d-vab { vertical-align: bottom; } .d-table { display: table; table-layout: fixed; } .d-cell { display: table-cell; vertical-align: middle; } .d-wrapper { display: block; position: relative; width: 100%; overflow: hidden; } .d-wsnw { white-space: nowrap; } .d-bsbb,.d-grid,.d-col,.d-wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .d-hidden,.d-hide-pc { display: none; } .fw500 { font-weight: 500; } .d-fs_1 { font-size: 1.143em; } .date { font-size: .8571em; color: #808080; } .d-c_1 { color: white; } .d-c_2 { color: red; } .d-c_3 { color: #999; } .d-p_2 { padding: 2em; } .d-bc_3 { background-color: #306aff; }.d-bc_2,.d-bi.d-bc_2 { background-color: #f4f4fa; } .d-bi { background:no-repeat center/cover; } .d-pabs,.d-pabs_b:before,.d-pabs_a:after {position:absolute;left:0;right:0;bottom:0;top:0; content:'';} .d-ps {position:static;} .clr_blue { color: #306aff; } .clr_gray { color: #999; } /* table */ .d-wrap table { margin: 2.5em 0; max-width: 100%; border: 1px solid #306aff; } .d-wrap tr { vertical-align: middle; } .d-wrap td, .d-wrap th { padding: 1.25em 10px; border: 1px solid #306aff; line-height: 1.2; } .d-wrap th { background: #f2fbfe; font-weight: 700; text-align: center; } .d-wrap tbody td { border-top-color: #cdeefd; border-bottom: 0; } .d-wrap tbody tr:nth-child(even) { background: #f2fbfe; } .d-wrap tbody tr:first-child td { border-top: 0; } .d-wrap table blockquote { margin: 0; } .d-wrap table.d-plain, .d-wrap table.d-plain tr, .d-wrap table.d-plain th, .d-wrap table.d-plain td { margin: 0; padding: 0; background: none; border: 0; } .d-wrap table.tbl-pricelist td { height: 30px; } .d-wrap table.tbl-pricelist td.value { padding: .5em 0; width: 30%; font-size: 1.2857em; text-align: center; } .d-wrap table.tbl-pricelist td.value span { display: block; font-size: .78em; color: #949494; } .d-wrap table.tbl-pricelist td.value em { font-style: normal; } .d-wrap table.tbl-pricelist.odd td { height: auto; padding: 1.25em 10px; } .d-wrap table.tbl-pricelist.odd .value td { padding: .5em 0; width: auto; background: #306aff; font-size: 1.2857em; color: #fff; text-align: center; } /* form */ .d-wrap button,.d-wrap input,.d-wrap select,.d-wrap textarea,#colorbox button,#colorbox input,#colorbox select,#colorbox textarea,.btn { padding: 0 0 .5em; background: none; border: 0; border-bottom: 1px solid #e5e5e5; font-size: 1.1429em; } .d-wrap button,.d-wrap [type="button"],.d-wrap [type="reset"],.d-wrap [type="submit"],#colorbox button,#colorbox [type="button"],#colorbox [type="reset"],#colorbox [type="submit"],.btn { padding: .625em 40px .475em; background: #306aff; border: 0; color: #fff; text-align: center; text-decoration: none; text-transform: uppercase; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.4); -moz-box-shadow: 0 3px 8px rgba(0,0,0,.4); box-shadow: 0 3px 8px rgba(0,0,0,.4); } .btn-color2 { background: #fff; color: #000; } .btn-margin-bottom { margin-bottom: 20px; } .d-wrap button:hover,.d-wrap [type="button"]:hover,.d-wrap [type="reset"]:hover,.d-wrap [type="submit"]:hover,#colorbox button:hover,#colorbox [type="button"]:hover,#colorbox [type="reset"]:hover,#colorbox [type="submit"]:hover,.btn:hover { background: #0040e6; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.25); box-shadow: 0 2px 4px rgba(0,0,0,.25); } .btn-o,.d-wrap button.btn-o,#colorbox button.btn-o,.d-wrap input.btn-o,#colorbox input.btn-o,.d-wrap input[type="reset"],#colorbox input[type="reset"],.btn-o:hover,.d-wrap button.btn-o:hover,#colorbox button.btn-o:hover,.d-wrap input.btn-o:hover,#colorbox input.btn-o:hover,.d-wrap input[type="reset"]:hover,#colorbox input[type="reset"]:hover { background: #fafafa; color: #666; } .btn-color2:hover { background: #fff; color: #000; } .d-wrap .btn_sm, #colorbox .btn_sm { padding: .725em 30px .575em; font-size: 14px; } .d-wrap .btn_lg, #colorbox .btn_lg { padding: 1.125em 50px .85em; font-weight: 400; font-size: 14px; } .d-wrap input[type="checkbox"],.d-wrap input[type="radio"] { padding: 0; background: none; border: 0; } .d-wrap select {-webkit-appearance:menulist} .btn_red { background: #f61c3b; box-shadow: none; } .btn_red:hover { background: #f61c3b; } .btn_crc { border-radius: 2em; } .d-wrap input[type="checkbox"], .d-wrap input[type="radio"], #colorbox input[type="checkbox"], #colorbox input[type="radio"] { position: absolute; padding: 0; width: 1px; height: 1px; opacity: 0; border: 0; background: none; } .d-wrap input[type="checkbox"] + .chr-text, .d-wrap input[type="radio"] + .chr-text, #colorbox input[type="checkbox"] + .chr-text, #colorbox input[type="radio"] + .chr-text { display: inline-block; position: relative; padding-left: 26px; cursor: pointer; } .d-wrap input[type="checkbox"] + .chr-text:before, #colorbox input[type="checkbox"] + .chr-text:before { position: absolute; top: 0; left: 0; width: 16px; height: 16px; margin-top: -.125em; border: 2px solid #999; color: white; background: #ffffff; text-align: center; content: ""; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .d-wrap input[type="radio"] + .chr-text:before, #colorbox input[type="radio"] + .chr-text:before { position: absolute; top: 0; left: 0; margin-top: .125em; width: 8px; height: 8px; background: none; border: 2px solid transparent; content: ""; border-radius: 100%; box-shadow: 0 0 0 2px #9b9b9b; } .d-wrap input[type="checkbox"] + .chr-text:after, #colorbox input[type="checkbox"] + .chr-text:after { background: no-repeat center url('data:image/svg+xml;utf8,'); opacity: 0; visibility: hidden; position: absolute; top: 0; left: 4px; width: 12px; height: 16px; content: ''; } .d-wrap input[type="checkbox"]:checked + .chr-text:before, #colorbox input[type="checkbox"]:checked + .chr-text:before { background: #306aff; border-color: #306aff } .d-wrap input[type="checkbox"]:checked + .chr-text:after, #colorbox input[type="checkbox"]:checked + .chr-text:after { opacity: 1; visibility: visible; } .d-wrap input[type="radio"]:checked + .chr-text:before, #colorbox input[type="radio"]:checked + .chr-text:before { background: #306aff; border-color: #fff; box-shadow: 0 0 0 2px #306aff; } /* transition */ .d-wrap a,.d-wrap button,.d-wrap input,.d-wrap textarea,#colorbox a,#colorbox button,#colorbox input,#colorbox textarea,.trans,.trans_ha:after,.trans_hb:before,.slick-dots li,.fld label,.btn-phone,.btn-search,.articles .article,.btn { -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .cbtrans,.cbtrans_hb:before,.cbtrans_ha:after { -webkit-transition: all 1s cubic-bezier(.215,.61,.355,1); -moz-transition: all 1s cubic-bezier(.215,.61,.355,1); -o-transition: all 1s cubic-bezier(.215,.61,.355,1); transition: all 1s cubic-bezier(.215,.61,.355,1); } .fld { position: relative; margin-bottom: 1.75em; } .fld input, .fld textarea, #colorbox .fld input, #colorbox .fld textarea { position: relative; z-index: 2; -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .fld label { position: absolute; z-index: 1; top: .2em; left: 0; font-size: 1.1429em; line-height: 1; color: #999; } .fld.focus input, #colorbox .fld.focus input,.fld.focus textarea, #colorbox .fld.focus textarea { margin-bottom: -1px; border-bottom-width: 2px; border-bottom-color: #306aff; } .fld.focus label, .fld.filled label { margin-top: -1.25em; font-size: .8571em; } .fld_file { float: left; width: 100px; } input.fld-invalid, textarea.fld-invalid { border-bottom-color: red !important; } i.fld-invalid { display: none !important; } .d-file-wrap { display: inline-block; position: relative; } .d-file-wrap .d-file, #colorbox .d-file-wrap .d-file { position: absolute; left: -999em; } .d-file-value { display: none; position: relative; margin-top: 1em; font-size: 12px; } .d-file-value span { display: inline-block; margin-right: 20px; max-width: 200px; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .d-file-clear { position: absolute; z-index: 2; top: 1px; right: 0; width: 16px; height: 16px; background: #fff url(/local/templates/.default/css/../img/ico_close.svg) 50% no-repeat; background-size: 12px 12px; cursor: pointer; } .d-file-wrap .btn { padding: 0; width: 76px; height: 76px; font-size: 32px; line-height: 78px; } .text2cols { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } /*** STYLES ***/ html, body { min-width: 100%; min-height: 100%; height: 100%; } body { position: relative; background: #fff; } #panel { position: absolute; top: 0; left: 0; right: 0; } #d-wrap { position: relative; z-index: 1; width: 100%; min-height: 100%; background: #fff; overflow: hidden; } #d-wrap:after { display: block; clear: both; height: 350px; content:'.'; visibility: hidden; } #d-header { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; height: 70px; background: #fff; -webkit-box-shadow: 0 .25em .75em rgba(0,0,0,.15); -moz-box-shadow: 0 .25em .75em rgba(0,0,0,.15); box-shadow: 0 .25em .75em rgba(0,0,0,.15); } .h-logo { float: left; margin-top: 18px; } .h-logo img,.h-logo-img { max-width: none; height: 27px; } @keyframes shadow-pulse{ 0% { box-shadow: 0 0 0 0px rgba(207,255,241,.7); } 100% { box-shadow: 0 0 0 15px rgba(207,255,241,0); } } .top_btn{ animation: shadow-pulse 1s infinite; background: #CFFFF1 url(/local/templates/.default/css/../img/top_btn.svg) 12px 9px no-repeat; border-radius: 20px; box-sizing: border-box; color: #46D2B1; float: left; font-size: 12px; height: 31px; line-height: 14px; margin: 20px 0 0 25px; padding: 8px 0 0 28px; position: relative; text-decoration: none; width: 132px; } .nav-toggle { float: right; margin-top: 15px; margin-left: 35px; width: 40px; height: 40px; background: #306aff; font-size: 16px; line-height: 40px; color: #fff; text-align: center; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.4); -moz-box-shadow: 0 3px 8px rgba(0,0,0,.4); box-shadow: 0 3px 8px rgba(0,0,0,.4); } .nav-toggle:hover { background: #0040e6; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.25); box-shadow: 0 2px 4px rgba(0,0,0,.25); } .h-phone { position: relative; z-index: 5; float: right; margin-top: 1.5em; margin-left: 6em; font-size: 1.2857em; line-height: 1; color: #306aff; } .h-phone a { color: #306aff; } .nav-top { float: right; margin-top: 1.5em; font-weight: 500; line-height: 1; text-transform: uppercase; } .nav-top li { position: relative; float: left; margin-left: 15px; } .nav-top li a { display: block; position: relative; z-index: 5; padding: 7px 0; border-bottom: 2px solid transparent; color: #333; text-decoration: none; } .nav-top li:hover a, .nav-top li a:hover, .nav-top li a.current { border-bottom-color: #306aff; color: #306aff; } .nav-top li .subnav { position: absolute; z-index: 1; top: 0; left: -15px; padding-top: 2.75em; height: 0; font-weight: 400; text-transform: none; white-space: nowrap; } .nav-top li .subnav .subnav { left: 100%; margin-left: -5px; padding-top: 0; } .nav-top li ul { visibility: hidden; opacity: 0; background: #fafafa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.25); box-shadow: 0 2px 4px rgba(0,0,0,.25); } .nav-top li ul li:first-child a { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .nav-top li ul li:last-child a { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .nav-top li li { display: block; position: relative; float: none; margin: 0; } .nav-top li li a { padding: .75em 15px; border: 0; color: #333 !important; } .nav-top li li a:hover, .nav-top li li:hover > a { background: #ededed; } .nav-top li:hover .subnav { height: auto; } .nav-top li:hover .subnav ul { visibility: visible; opacity: 1; } .nav-top li:hover .subnav .subnav { z-index: 5; height: 0; } .nav-top li:hover .subnav .subnav ul { visibility: hidden; opacity: 0; } .nav-top li:hover .subnav li:hover .subnav { height: auto; } .nav-top li:hover .subnav li:hover .subnav ul { visibility: visible; opacity: 1; } .nav-top li.has-subnav > a { position: relative; padding-right: 35px; } .nav-top li.has-subnav > a .fa { position: absolute; top: 50%; right: 15px; margin-top: -.5em; } @media (min-width:1030px) { .nav-toggle.trans { display: none; } } #d-content { padding-top: 70px; } .btn-phone { display: block; position: relative; z-index: 13; float: right; margin: -30px 0; width: 60px; height: 60px; background: #fff; font-size: 24px; line-height: 60px; color: #306aff; text-align: center; text-decoration: none; cursor: pointer; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 6px 6px rgba(0,0,0,.2); -moz-box-shadow: 0 6px 6px rgba(0,0,0,.2); box-shadow: 0 6px 6px rgba(0,0,0,.2); } .btn-phone:hover { -webkit-box-shadow: 0 6px 15px rgba(0,0,0,.3); -moz-box-shadow: 0 6px 15px rgba(0,0,0,.3); box-shadow: 0 6px 15px rgba(0,0,0,.3); } .btn-phone-fixed { position: fixed; z-index: 555; bottom: 1em; right: 1em; margin: 0; } .index-top-slider { position: relative; } .index-top-slider .slide { position: relative; overflow: hidden; } .index-top-slider-bg { display: block; margin: 0 -9999px; height: 550px; } .index-top-slider-bg img { display: block; margin: 0 auto; height: 100%; max-width: none; } .index-top-slider-bg img.d-hidden { display: none; } .index-top-slider-i { display: block; position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; } .index-top-slider-i .d-table { width: 100%; max-width: 1176px; height: 100%; } .index-top-slider-i .d-table:after { display: none; } .index-top-slider-i .d-cell {} .index-top-slider-txt { padding: 0 5%; } .index-top-slider-txt .h1, .index-top-slider-txt .h4 { display: block; margin: 0; width: 50%; max-width: 450px; font-weight: 300; color: #fff; } .index-top-slider-txt .h4 { margin-top: .5em; } .index-top-slider-img img { display: block; margin-left: auto; max-height: 94%; } .page-header { display: table; width: 100%; height: 210px; background: url(/local/templates/.default/css/../img/bg_inner.jpg) 50% 0 no-repeat; background-size: cover; } .page-title { display: table-cell; vertical-align: middle; font-weight: 300; font-size: 2.5714em; line-height: 1.39; color: #fff; text-align: center; } .page-header-inner { display: table; width: 100%; height: 750px; background-position: 50% 0; background-repeat: no-repeat; background-size: cover; color: #fff; text-align: center; } .page-header-inner-i { display: table-cell; vertical-align: middle; /*padding-bottom: 10%;*/ } .page-header-inner h1, .page-header-inner .h1, .page-header-inner h3 { margin-bottom: .15em; color: #fff; } .page-header-inner h3 { margin-bottom: 1em; font-weight: 300; font-size: 1.7143em; } .page-header-inner .descr { margin: 2em auto 0; width: 700px; max-width: 100%; font-weight: 300; } .page-header-inner .banner-button { margin-top: 2em; } .project-header { position: relative; margin-bottom: 30px; background-color: #000; } .project-header__btn { position: absolute; bottom: -1.25em; left: 50px; padding-top: .875em; padding-bottom: .725em; font-size: 14px; } .page-header-inner_md { height: 480px; } .page-header__body { display: table-cell; vertical-align: middle; } .page-header__body .page-title { display: block; } .page-header__body .descr { margin: 1.5em auto 0; max-width: 800px; color: #fff; text-align: center; } .page-banner-inner { display: table; width: 100%; min-height: 420px; background-color: #cdeefd; background: url(/local/templates/.default/css/../img/bg_banner_inner.jpg) 50% 0 no-repeat; background-size: cover; color: #fff; text-align: center; } .page-banner-inner-i { display: table-cell; vertical-align: middle; padding: 7em 0; } .page-banner-inner h2,.page-banner-inner .h2 { margin-bottom: 1em; color: #fff; } .page-banner-inner h3, .page-banner-inner .h3 { color: #fff; } .page-banner-inner h4 { margin-bottom: .5em; color: #fff; } .page-banner-inner .descr { margin: 2em auto 0; width: 620px; max-width: 100%; font-weight: 300; } .page-banner-inner.odd { background-image: url(/local/templates/.default/css/../img/bg_banner_inner2.jpg); } .page-banner-inner.odd .page-banner-inner-i { padding: 4em 0; } .page-banner-inner.custom .page-banner-inner-i { padding-bottom: 16em; } .page-banner-inner.custom h2 { margin-bottom: 1.5em; } .page-banner-inner-crm-0 { background-image: url(/upload/bg_banner_crm_0.jpg); } .page-banner-inner-crm-1 { background-image: url(/upload/bg_banner_crm_1.jpg); } .page-banner-inner-analytics-0 { background: #306aff url(/upload/bg_banner_analytics_0.jpg) 50% 100% no-repeat; background-size: auto; } .page-banner-inner-analytics-1 { background-image: url(/upload/bg_banner_analytics_1.jpg); } .page-banner-inner-site-0 { background-image: url(/upload/bg_banner_site_0.jpg); } .page-banner-inner-site-1 { background-image: url(/upload/bg_banner_site_1.jpg); } .page-banner-inner-site-2 { background-image: url(/upload/bg_banner_site_2.jpg); } .page-banner-inner-site-3 { background-image: url(/upload/bg_banner_site_3.jpg); } .page-banner-inner-widget-0 { background-image: url(/upload/bg_banner_widget_0.jpg); } .page-banner-inner-widget-1 { background-image: url(/upload/bg_banner_widget_1.jpg); background-position: 50% 100%; } .banner-button { margin-top: 3em; text-align: center; } .banner-button .btn { padding-left: 70px; padding-right: 70px; } .d-tal .banner-button { text-align: left; } .page-section { padding: 5em 0 0; } .page-section.odd { background: -webkit-linear-gradient(top,#fff,#f5f8fa); background: -moz-linear-gradient(top,#fff,#f5f8fa); background: -ms-linear-gradient(top,#fff,#f5f8fa); background: -o-linear-gradient(top,#fff,#f5f8fa); background: linear-gradient(to bottom,#fff,#f5f8fa); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f5f8fa); } .page-section.oddest { background: -webkit-linear-gradient(top,#f5f8fa,#fff); background: -moz-linear-gradient(top,#f5f8fa,#fff); background: -ms-linear-gradient(top,#f5f8fa,#fff); background: -o-linear-gradient(top,#f5f8fa,#fff); background: linear-gradient(to bottom,#f5f8fa,#fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f8fa, endColorstr=#ffffff); } .page-section.even { padding-top: 0; } .page-section.custom { padding-top: 3em; } .page-section.last { padding-bottom: 1em; } .page-section.bgd { background-color: #f5f8fa; } .page-section.ins { padding: 0; } .page-section.ins .d-grid { padding-top: 5em; padding-bottom: 5em; border: 0 solid #cbe6fd; border-width: 1px 0; text-align: center; } .page-section.imgd { position: relative; padding-top: 0; padding-bottom: 10em; text-align: center; } .page-section.imgd .descr { position: absolute; top: 10em; left: 0; right: 0; } .page-section.imgd .txt { margin: 0 auto; width: 430px; max-width: 100%; } .project-section { padding: 4em 0; } .project-section_sm { padding: 5em 0; } .project-section_bgd { background-color: #eaf7fd; } .project-section__case-order { margin-bottom: 4em; } .bgd-section-0 { margin-top: -3em; padding-top: 3em; background: url(/local/templates/.default/css/../img/bg_sect_0.svg) 15px 0 no-repeat; background-size: 393px 382px; } .bgd-section-1 { margin-top: -3em; margin-bottom: -5em; padding-top: 3em; padding-bottom: 6em; background: url(/local/templates/.default/css/../img/bg_sect_1.svg) 100% 0 no-repeat; background-size: 447px 407px; } .bgd-section-2 { margin-top: -2em; padding-top: 2em; background: url(/local/templates/.default/css/../img/bg_sect_2.svg) 15px 0 no-repeat; background-size: 378px 367px; } .bgd-section-3 { margin-top: -3em; padding-top: 3em; background: url(/local/templates/.default/css/../img/bg_sect_3.svg) 100% 0 no-repeat; background-size: 492px 401px; } .bgd-section-4 { margin-top: -3em; padding-top: 3em; background: url(/local/templates/.default/css/../img/bg_sect_4.svg) 15px 0 no-repeat; background-size: 436px 444px; } .bgd-section-5 { margin-top: -2em; margin-bottom: -5em; padding-top: 2em; padding-bottom: 5em; background: url(/local/templates/.default/css/../img/bg_sect_5.svg) 100% 0 no-repeat; background-size: 481px 454px; } .bgd-section-6 { background: url(/local/templates/.default/css/../img/bg_sect_6.svg) 15px 50% no-repeat; background-size: 377px 318px; } .link-sitemap { border-top: 1px solid rgba(255,255,255,.2); margin: .5em 0; padding-top: .5em; } #d-footer .link-sitemap__link { color: #707070; font-weight: 400; } #d-footer .link-sitemap__link:hover { color: white; } .nav-fixed .link-sitemap-header { color: #777777; } .nav-fixed .link-sitemap-header:hover { color: inherit; } .section-intro { margin: 0 auto 60px; width: 810px; max-width: 100%; text-align: center; } .section-intro.odd { margin-bottom: 5em; } .section-intro.even { margin: 5em auto 1em; } .row-imgd { margin-top: 5em; } .row-imgd .col-img img { display: block; margin: 0 auto; } .row-imgd .col-txt { z-index: 5; padding-top: 1.25em; } .row-imgd .col-img.odd { padding-top: .25em; } .row-imgd .col-txt.odd { padding-top: 0; padding-bottom: 0; } .row-imgd_odd .col-img { left: 50%; } .row-imgd_odd .col-txt { left: -50%; } .row-imgd_iconed h2 img { margin-right: 16px; vertical-align: middle; } .row-imgd_iconed h2 span { display: inline-block; vertical-align: middle; } .row-imgd_iconed .btn { margin-top: 1em; width: 160px; } .index-features { margin: 0 -30px; text-align: center } .index-features .d-table { width: 100%; border-spacing: 30px; text-align: center; } .index-features .d-cell {width: 289px;height: 312px; vertical-align: top; padding: 2em 40px 1em; color: #333; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;vertical-align: top; display: inline-block;} .index-features .d-cell span { display: block; } .index-features .d-cell span.d-lnk-js { display: inline; border-bottom-color: #306aff; color: #306aff; } .index-features a:hover span.d-lnk-js { border-bottom-color: transparent; } .index-features i { display: block; margin: 0 auto 1.5em; width: 134px; height: 134px; background-position: 50%; background-repeat: no-repeat; border: 3px solid #306aff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .index-features i.icon-0 { background-image: url(/local/templates/.default/css/../img/ico_0.svg); background-size: 94px 59px; } .index-features i.icon-1 { background-image: url(/local/templates/.default/css/../img/ico_1.png); } .index-features i.icon-2 { background-image: url(/local/templates/.default/css/../img/ico_2.svg); background-size: 69px 58px; } .index-features i.icon-3 { background-image: url(/local/templates/.default/css/../img/ico_3.svg); background-size: 31px 55px; } .index-features i.icon-4 { background-image: url(/local/templates/.default/css/../img/ico_4.svg); background-size: 85px 52px; } .index-features i.icon-5 { background-image: url(/local/templates/.default/css/../img/ico_5.svg); background-size: 56px 55px; } .index-features i.icon-6 { background-image: url(/local/templates/.default/css/../img/ico_6.svg); background-size: 74px 73px; } .index-features i.icon-7 { background-image: url(/local/templates/.default/css/../img/ico_7.svg); background-size: 82px 71px; } .index-features i.icon-8 { background-image: url(/local/templates/.default/css/../img/ico_8.svg); background-size: 71px 66px; } .index-features i.icon-9 { background-image: url(/local/templates/.default/css/../img/ico_9.svg); background-size: 72px 66px; } .index-features i.icon-10 { background-image: url(/local/templates/.default/css/../img/ico_10.svg); background-size: 84px 84px; } .index-features i.icon-s-1 { background-image: url(/local/templates/.default/css/../img/ico_serv_1.svg); background-size: 79px 49px; } .index-features i.icon-s-2 { background-image: url(/local/templates/.default/css/../img/ico_serv_2.svg); background-size: 64px 59px; } .index-features i.icon-s-3 { background-image: url(/local/templates/.default/css/../img/ico_serv_3.svg); background-size: 74px 64px; } .index-features i.icon-s-4 { background-image: url(/local/templates/.default/css/../img/ico_serv_4.svg); background-size: 76px 76px; } .index-features i.icon-s-5 { background-image: url(/local/templates/.default/css/../img/ico_serv_5.svg); background-size: 65px 59px; } .index-features i.icon-s-6 { background-image: url(/local/templates/.default/css/../img/ico_serv_6.png); background-size: 75px 75px; } .index-features a.d-cell:hover { background: #fff; -webkit-box-shadow: 0 0px 4px rgba(0,0,0,.25); -moz-box-shadow: 0 0px 4px rgba(0,0,0,.25); box-shadow: 0 0px 4px rgba(0,0,0,.25); } .index-features a.d-cell:hover i { background-color: #cdeefd; border-color: #cdeefd; } .index-features_mod_1 .title { margin: 2.2em 0 1.8em; } .index-features_mod_1 .link { font-size: 1.143em; line-height: 1.1; } .index-features_mod_1 .d-cell { width: 191px; height: 250px; box-sizing: border-box; padding-left: 25px; padding-right: 25px; } .logos-carousel { margin: 0 -15px; } .logos-carousel .slide a { display: block; margin: .5em 15px; text-align: center; } .logos-carousel .slide span { display: table; width: 100%; height: 180px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.1); box-shadow: 0 0 0 1px rgba(0,0,0,.1); } .logos-carousel .slide i { display: table-cell; vertical-align: middle; } .logos-carousel .slide img { display: inline; filter: grayscale(100%); -webkit-filter: grayscale(100%); /*filter: url("data:image/svg+xml;utf8,#grayscale");*/ opacity: .5; } .logos-carousel .slide a:hover span { -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.35); -moz-box-shadow: 0 2px 6px rgba(0,0,0,.35); box-shadow: 0 2px 6px rgba(0,0,0,.35); } .logos-carousel .slide a:hover img { filter: grayscale(0%); -webkit-filter: grayscale(0%); /*filter: url("data:image/svg+xml;utf8,#grayscale");*/ opacity: 1; } .form-order { margin: 7em auto 75px; max-width: 560px; } .form-order fieldset input, .form-order fieldset textarea { font-size: 1.5714em; } .form-order .fld label { font-size: 1.5714em; } .form-order .fld.focus label, .form-order .fld.filled label { font-size: 1em; } .form-order input[type="submit"]{ float: right; font-size: 1.1429em; padding: .625em 40px .475em; } .form-order-page { margin: 5em auto; max-width: 800px;padding: 0 1em; } .form-order-page input[type="submit"]{ float: right; } .form-notice { /*margin-top: 1em;*/ clear: both; padding-top: .25em; color: #999; } .form-order .d-file-wrap .btn { width: 78px; height: 78px; font-size: 32px; line-height: 78px; } .contacts-wrap { position: relative; min-height: 700px; } .contacts-col { position: relative; z-index: 5; padding-top: 20px; width: 360px; max-width: 100%; } .contacts-box { margin-bottom: 20px; padding: 2.5em 30px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .contacts-box input[type="submit"], .contacts-box input[type="reset"] { padding-left: 30px; padding-right: 30px; } .page-map { position: absolute; z-index: 1; top: 0; left: 0; right: 0; height: 100%; } .page-map-mod:before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 9999999; content: ''; display: block; background: rgba(6, 6, 6, 0.42); } .page-marker { background: url(/local/templates/.default/img/marker.svg) no-repeat; height: 100px; width: 100px; position: absolute; left: 50%; z-index: 10000000; top: 50%; } .ico-404 { display: table; margin: 0 auto 5em; width: 310px; height: 310px; background: #cdeefd; font-weight: 100; color: #306aff; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .ico-404 i { display: table-cell; vertical-align: middle; font-style: normal; } .ico-404 img, .ico-404 span { display: inline-block; vertical-align: middle; line-height: 1; } .ico-404 img { margin: 0 10px 0 14px; width: 97px; } .ico-404 span { font-size: 120px; } .articles { margin: 4em 0 45px; } .articles .article { display: block; margin-bottom: 30px; height: 360px; border: 1px solid #efefef; color: #333; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; } .articles .article i { display: block; margin-bottom: 2em; height: 130px; line-height: 126px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; overflow: hidden; text-align: center; } .articles .article i img { vertical-align: middle; } .articles .article span { display: block; margin: 0 8.3%;} .articles .article .h4 { margin-top: .75em; line-height: 1.14; } .articles .article .descr { margin-top: 1em; } .articles .article:hover { -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.25); box-shadow: 0 2px 4px rgba(0,0,0,.25); } .articles .article:hover .h4 { color: #306aff; } .article-detail { padding: 0; } .article-detail .date { margin: -1em 0 3em; } .articles .article i.article-spacing { display: block; margin: 0; height: 40px; text-indent: -9999px; overflow: hidden; } .page-section_newsline .articles { margin-top: 2em; } .nav-pages { margin-top: 2.75em; text-align: center; } .nav-pages ul { display: inline-block; } .nav-pages li { float: left; } .nav-pages a, .nav-pages span { display: block; width: 40px; height: 40px; line-height: 40px; } .nav-pages a { color: #333; text-decoration: none; } .nav-pages a:hover { color: #306aff; } .nav-pages span { background: #306aff; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .lnk-back { margin-top: 3em; } .lnk-more { display: block; padding: 1.75em 0; background: #101115 url(/local/templates/.default/css/../img/bg_more.jpg) 0 50% no-repeat; background-size: cover; font-weight: 300; font-size: 1.7143em; color: #fff; text-align: center; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .lnk-more span { position: relative; } .lnk-more span:before, .lnk-more span:after { position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; background: url(/local/templates/.default/css/../img/reload.svg) 50% no-repeat; background-size: 100% auto; opacity: .5; } .lnk-more span:before { left: -90px; } .lnk-more span:after { right: -90px; } .project-slider { height: 130px; overflow: hidden; } .project-slider .slide { float: left; width: 50%; overflow: hidden; } .project-slider .slide a { display: block; position: relative; height: 130px; color: #fff; text-decoration: none; overflow: hidden; } .project-slider .slide i { display: block; margin: 0 -9999px; background: #0040e6; } .project-slider .slide img { display: block; margin: 0 auto; max-width: none; opacity: .5; } .project-slider .slide span { display: block; font-weight: 300; } .project-slider .slide .descr { position: absolute; bottom: 0; right: 0; padding: 10px 15px; width: 490px; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .project-slider .slide .descr span { -webkit-transform: translate3d(0,30px,0); -moz-transform: translate3d(0,30px,0); -ms-transform: translate3d(0,30px,0); -o-transform: translate3d(0,30px,0); transform: translate3d(0,30px,0); } .project-slider .slide .h3 { margin-bottom: .5em; font-weight: 300; font-size: 1.8571em; line-height: 1; color: #fff; } .project-slider .slide .descr__caption { opacity: 0; } .project-slider .slide.odd .descr { right: auto; left: 0; text-align: right; } .project-slider .slide a:hover .h3 { margin-bottom: .15em;/* text-decoration: underline; */} .project-slider .slide a:hover .descr span { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } .project-slider .slide a:hover img { opacity: .8; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .projects-filter { position: relative; z-index: 13; margin-bottom: 3em; font-weight: 300; font-size: 1.7143em; color: #000; text-align: center; } .projects-filter-select { position: relative; } .projects-filter-select .toggle { position: relative; z-index: 13; color: #306aff; cursor: pointer; } .projects-filter-select .toggle span { border-bottom: 1px dotted #306aff; } .projects-filter-select .toggle sup { position: relative; line-height: 1; } .projects-filter-select nav { display: none; position: absolute; top: 0; left: 0; padding-top: 2.5em; font-weight: 400; font-size: 14px; text-align: left; } .projects-filter-select ul { background: #fafafa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.25); box-shadow: 0 2px 4px rgba(0,0,0,.25); overflow: hidden; white-space: nowrap; } .projects-filter-select li { display: block; margin: 0 0 1px; } .projects-filter-select li a, .projects-filter-select li label { display: block; padding: .5em 15px; border: 0; color: #333; text-decoration: none; cursor: pointer; white-space: normal; } .projects-filter-select li a:hover, .projects-filter-select li label:hover { background: #ededed; } .projects-filter-select:hover .toggle span, .projects-filter-select.opened .toggle span { border-bottom-color: transparent; } .projects-filter-select.opened { z-index: 20; } .projects-filter-select.opened nav { display: block; } .projects .d-col { padding: 0 1.276% 2.552%; width: 33.333333%; } .projects .d-col.horiz { width: 66.666667%; } .project-cell { display: block; position: relative; padding-bottom: 85.636%; background: #0098ef; color: #fff; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; } .project-cell i, .project-cell span.descr { position: absolute; left: 0; right: 0; overflow: hidden; } .project-cell i { top: 0; bottom: 0; } .project-cell img { max-width: none; width: 100%; } .project-cell span.descr { top: 2em; padding: 0 30px; font-weight: 300; opacity: 0; } .project-cell span.h4 { display: block; margin-bottom: .5em; font-weight: 400; color: #fff; } .project-cell b { font-weight: 400; } .project-cell:hover { -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.25); box-shadow: 0 2px 4px rgba(0,0,0,.25); } .project-cell:hover i { opacity: .1; } .project-cell:hover span { opacity: 1; } .projects .horiz .project-cell { padding-bottom: 41.115%; } .projects .vert .project-cell { padding-bottom: 179.57%; } .projects .vert .project-cell img { width: auto; height: 100%; } .project-logo img { display: block; margin: 0 auto; max-width: 60%; } .project-banner img { display: block; margin: 0 auto; /*width: 100%;*/ } .project-txt { margin: 0 auto; padding: 0 15px; width: 650px; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } .project-txt h4 { text-align: center; } .project-txt_lg { width: 810px; } .page-banner-manager { background-color: #f9f9f9; } .page-banner-manager .d-col { padding-top: 5em; } .page-banner-manager .manager-txt { padding-bottom: 5em; } .page-banner-manager .manager-img img { display: block; margin: 0 auto; } .nav-breadcrumbs{ color: #999; margin-top: 20px; text-align: center; } .nav-breadcrumbs li { display: inline-block; margin: 0 3px; } .nav-breadcrumbs a { margin-right: 6px; color: #333;text-decoration: none;border-bottom: 1px solid;} .list-features { margin: 3em 0 75px; } .list-features li { clear: both; margin-bottom: 2.5em; } .list-features dl { margin: 0 15px 0 90px; } .list-features dt { margin-bottom: .75em; font-weight: 500; font-size: 1.5em; line-height: 1; } .list-features i.ico { float: left; width: 56px; height: 56px; background-position: 50% 50%; background-repeat: no-repeat; border: 2px solid #306aff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .list-features i.ico-0 { background-image: url(/local/templates/.default/css/../img/ico_feat_0.svg); background-size: 28px 28px; } .list-features i.ico-1 { background-image: url(/local/templates/.default/css/../img/ico_feat_1.svg); background-size: 28px 25px; } .list-features i.ico-2 { background-image: url(/local/templates/.default/css/../img/ico_feat_2.svg); background-size: 29px 26px; } .list-features i.ico-3 { background-image: url(/local/templates/.default/css/../img/ico_feat_3.svg); background-size: 30px 20px; } .list-features i.ico-4 { background-image: url(/local/templates/.default/css/../img/ico_feat_4.svg); background-size: 34px 20px; } .list-features i.ico-5 { background-image: url(/local/templates/.default/css/../img/ico_feat_5.svg); background-size: 25px 28px; } .list-features i.ico-6 { background-image: url(/local/templates/.default/css/../img/ico_feat_6.svg); background-size: 29px 24px; } .list-features i.ico-7 { background-image: url(/local/templates/.default/css/../img/ico_feat_7.svg); background-size: 31px 32px; } .list-features i.ico-8 { background-image: url(/local/templates/.default/css/../img/ico_feat_8.svg); background-size: 23px 23px; } .list-features i.ico-9 { background-image: url(/local/templates/.default/css/../img/ico_feat_9.svg); background-size: 28px 18px; } .list-features i.ico-10 { background-image: url(/local/templates/.default/css/../img/ico_feat_10.svg); background-size: 38px 17px; } .list-features i.ico-11 { background-image: url(/local/templates/.default/css/../img/ico_feat_11.svg); background-size: 28px 25px; } .list-features i.ico-12 { background-image: url(/local/templates/.default/css/../img/ico_feat_12.svg); background-size: 18px 20px; } .list-features i.ico-13 { background-image: url(/local/templates/.default/css/../img/ico_feat_13.svg); background-size: 36px 24px; } .list-features i.ico-14 { background-image: url(/local/templates/.default/css/../img/ico_feat_14.svg); background-size: 38px 39px; } .list-features i.ico-15 { background-image: url(/local/templates/.default/css/../img/ico_feat_15.svg); background-size: 38px 39px; } .list-features i.ico-16 { background-image: url(/local/templates/.default/css/../img/ico_feat_16.svg); background-size: 34px 34px; } .list-vacancies { margin: 3.75em 0 75px; text-align: left; } .list-vacancy h4, .list-vacancy .h4 { margin-bottom: .5em; } .list-vacancy .toggle { position: relative; padding: 1.25em 0 1.75em; border-bottom: 1px solid #ebebeb; cursor: pointer; } .list-vacancy .toggle:after { position: absolute; top: 50%; right: 0; margin-top: -.5em; font: normal normal normal 18px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f105'; } .list-vacancy .toggled { display: none; padding: 1.75em 0; border-bottom: 1px solid #ebebeb; } .list-vacancy .toggle.opened h4, .list-vacancy .toggle.opened .h4 { color: #306aff; } .list-vacancy .toggle.opened:after { content: '\f107'; } .page-video-banner { position: relative; width: 100%; overflow: hidden; } .page-video-banner .page-video-wrap { position: relative; padding-bottom: 34.5%; width: 100%; overflow: hidden; } .page-video-banner .page-video-wrap video, .page-video-banner .page-video-wrap img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; } .page-video-banner .page-video-wrap-i { background: url(/upload/bgv0.jpg) 50% no-repeat; background-size: cover; } .page-video-banner .descr { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .page-video-banner .descr-i { display: table; width: 100%; height: 100%; } .page-video-banner .descr-i2 { display: table-cell; vertical-align: middle; font-weight: 300; color: #fff; } .page-video-banner h2 { margin-bottom: .5em; font-weight: 300; font-size: 3em; line-height: 1.25; color: #fff; } .page-video-banner .qperson { margin-top: 2em; } .cmsdetect-result .btn { display: block; padding-left: 0; padding-right: 0; } .cmsdetect-result .d-lnk-js { margin-left: 30px; } .cmsdetect-recent { margin-top: 3em; } .banner_ext_left { float: left; width: 200px; } .banner_ext_right { float: right; width: 240px; } .content_bannered { float: left; width: -webkit-calc(100% - 440px); width: -moz-calc(100% - 440px); width: calc(100% - 440px); } .content_bannered__body { margin: 0 30px; } .nav-aside { margin-top: .5em; background: #fff; overflow: hidden; border-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,.3); } .nav-aside li { position: relative; } .nav-aside a { display: block; padding: .75em 13%; color: inherit; text-decoration: none; } .nav-aside a:hover, .nav-aside li li.current a { color: #306aff; } .nav-aside a.parent { position: relative; padding-top: 1em; padding-bottom: 1em; background: #f1f1f1; font-weight: 500; } .nav-aside a.parent:hover { background: #05a9f4; color: #fff; } .nav-aside a.parent .fa { position: absolute; top: 50%; right: 8%; margin-top: -20px; width: 40px; height: 40px; font-size: 1.29em; line-height: 40px; text-align: center; } .nav-aside li ul { display: none; padding: .75em 0; } .nav-aside li.current ul { display: block; } .nav-aside li.current a.parent { background: #05a9f4; color: #fff; } .content-asided .inner-page-title-wrap h1 { text-align: left; } .content-asided .d-grid { padding-left: 0; padding-right: 0; } .search-form-wrap { position: relative; margin: 3em auto; width: 640px; max-width: 100%; } .search-form-wrap input { padding-right: 40px; width: 100%; } .search-form-wrap .fa-search { position: absolute; top: 50%; right: -10px; margin-top: -25px; padding: 0; width: 40px; height: 40px; background: none; border: 0; color: #306aff; box-shadow: none !important; } .page-infographic { width: 100%; } .page-infographic .d-cell { position: relative; padding: 0 15px 30px; } .page-infographic__img { display: block; margin: -15% -6%; } .page-infographic.odd .d-cell_img { left: 50%; } .page-infographic.odd .d-cell_txt { left: -50%; } .page-infographic.odd .page-infographic__img { margin: -15% -50% -15% 0; } .video-laptop { position: relative; margin: 0 -7.35%; } .video-laptop:before { position: absolute; top: 20%; left: 6.35%; right: 6.35%; height: 38.96103896103896%; background: #306aff; content: ''; -webkit-transform: skew(-10deg) rotate(-10deg); -moz-transform: skew(-10deg) rotate(-10deg); -ms-transform: skew(-10deg) rotate(-10deg); -o-transform: skew(-10deg) rotate(-10deg); transform: skew(-10deg) rotate(-10deg); } .video-laptop__body { position: relative; z-index: 2; padding-bottom: 60.15625%; background: url(/local/templates/.default/css/../img/bg_laptop.png) 50% 0 no-repeat; background-size: 100%; } .video-laptop figure { position: absolute; top: 5.974025974025974%; left: 16.875%; right: 17.8125%; bottom: 26.49350649350649%; background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; } .video-laptop figure:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.3); content: ''; } .video-laptop figure .fa { position: absolute; z-index: 13; top: 50%; left: 50%; padding: .5em; width: 1em; border: 2px solid; font-size: 32px; color: #fff; text-align: center; text-indent: .125em; border-radius: 100%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .video-laptop_violet:before { background: #816bf3; -webkit-linear-gradient(left,#816bf3,#342195); background: -moz-linear-gradient(left,#816bf3,#342195); background: -ms-linear-gradient(left,#816bf3,#342195); background: -o-linear-gradient(left,#816bf3,#342195); background: linear-gradient(to right,#816bf3,#342195); } .video-laptop_green:before { background: #19bf96; -webkit-linear-gradient(left,#19bf96,#0b6f75); background: -moz-linear-gradient(left,#19bf96,#0b6f75); background: -ms-linear-gradient(left,#19bf96,#0b6f75); background: -o-linear-gradient(left,#19bf96,#0b6f75); background: linear-gradient(to right,#19bf96,#0b6f75); } .video-laptop_orange:before { background: #ff7c00; -webkit-linear-gradient(left,#ff7c00,#d81919); background: -moz-linear-gradient(left,#ff7c00,#d81919); background: -ms-linear-gradient(left,#ff7c00,#d81919); background: -o-linear-gradient(left,#ff7c00,#d81919); background: linear-gradient(to right,#ff7c00,#d81919); } #d-footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; height: 346px; background: #292c31; border-top: 4px solid #306aff; font-weight: 300; color: #fff; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 9;} #d-footer .d-grid { padding-top: 3.5em; } #d-footer a { color: #fff; text-decoration: none; } #d-footer nav { display: inline-block; vertical-align: top; text-align: left; } #d-footer nav li { margin-bottom: .35em; font-weight: 400; } #d-footer nav a { color: #707070; } #d-footer nav a:hover, #d-footer nav a.current { color: #fff; } #d-footer .h4 { font-weight: 300; } #d-footer .h4 a { color: #fff; } #d-footer .col-info p { font-size: .8571em; opacity: .6; } #d-footer .f-logo { margin-bottom: 1.5em; height: 27px; } #d-footer .col-nav { padding: 0; text-align: center; } #d-footer .col-nav nav { margin: 0 25px; } #d-footer .col-contacts { text-align: center; } #d-footer .col-contacts .d-ib { text-align: left; } #d-footer .col-contacts .contact { clear: both; margin: 0 0 1em 40px; } #d-footer .col-contacts .contact.socials { margin-top: 2em; font-size: .8571em; } #d-footer .col-contacts .fa { float: left; margin: 0 0 0 -40px; width: 28px; padding: 0 1px; font-size: 20px; color: #306aff; text-align: center; } #d-footer .col-contacts .fa-facebook { margin-top: -7px; padding: 0; border: 1px solid #fff; font-size: 14px; line-height: 30px; color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .nav-fixed, .nav-fixed-i { -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear; } .nav-fixed { position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin-right: -25px; padding: 0 25px 0 80px; background: rgba(0,0,0,.85); font-weight: 300; color: #fff; overflow: hidden; overflow-y: auto; opacity: 0; } .nav-fixed-i { float: right; margin-right: -100%; width: 100%; max-width: 1170px; min-height: 100%; background: rgba(0,0,0,.8); } .nav-fixed-i2 { position: relative; padding: 2.5em 25px; max-width: 760px; } .nav-fixed nav { display: inline-block; vertical-align: top; margin: 0 -4px 1.5em 0; width: 50%; } .nav-fixed .h3 { display: inline-block; margin-bottom: .85em; padding-bottom: .5em; border-bottom: 1px solid rgba(255,255,255,.2); font-weight: 300; color: #fff; } .nav-fixed .h3.d-hidden { display: none; } .nav-fixed li { margin-bottom: .5em; } .nav-fixed a { color: #fff; text-decoration: none; } .nav-fixed-order { table-layout: auto; margin-bottom: 4em; width: 100%; } .nav-fixed-order .h4,.nav-fixed-order h4 { margin: 0 15px 0 0; color: #fff; } .nav-fixed-contacts { margin-top: 1em; padding-top: 2.5em; border-top: 1px solid rgba(255,255,255,.2); } .nav-fixed-contacts .contact { display: inline-block; vertical-align: middle; margin: 1em 50px 0 0; } .nav-fixed-contacts br { display: none; } .nav-fixed-contacts .fa { vertical-align: middle; margin-right: 10px; font-size: 22px; color: #306aff; } .nav-fixed-hide { position: absolute; top: 2.5em; left: -60px; width: 40px; height: 40px; border: 1px solid #fff; background: url(/local/templates/.default/css/../img/ico_close2.svg) 50% no-repeat; background-size: 16px 16px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .nav-fixed-opened .nav-fixed { z-index: 9999999; opacity: 1; } .nav-fixed-opened .nav-fixed-i { margin-right: 0; } .popup-order { width: 360px; max-width: 100%; } .odd-page #d-header { background: rgba(0,0,0,.7); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .odd-page .h-logo { background: url(/local/templates/.default/css/../img/logo2.svg) 0 0 no-repeat; background-size: 100% 100%; } .odd-page .h-logo img,.odd-page .h-logo-img { visibility: hidden; } .odd-page .h-phone, .odd-page .h-phone a { color: #fff; } .odd-page .nav-top li a { color: #fff; } .odd-page .nav-top li a.current { border-bottom-color: #fff; } .odd-page #d-content { padding-top: 110px; } .odd-page .page-header-inner { margin-top: -110px; } .index-page #d-content { /*padding-top: 0;*/ } .index-seo ul { margin: 0 0 3em 20px; } .index-seo ul li { margin-bottom: 1em; } .index-seo ul li:before { margin: 5px 0 0 -20px; } .index-seo ul h3 { margin-bottom: .25em; line-height: 1; } .seo-p { margin-bottom: 1.5em; } .seo-p h2 { display: inline; font-weight: 700; font-size: 1em; } .video-wrap { position: relative; margin: 2em auto; max-width: 853px; } .video-wrap-i { position: relative; padding-bottom: 56.25%; overflow: hidden; } .video-wrap-i iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .make-blured { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .make-blur .make-blured { filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='1'); -webkit-filter: blur(1px); filter: blur(1px); } /* vendor */ .slick-slider{position: relative;display: block;-moz-box-sizing: border-box;box-sizing: border-box;/*-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;*/} .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer;cursor: hand;} .slick-slider .slick-track,.slick-slider .slick-list,.slick-slider img {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .slick-track{position: relative;top: 0;left: 0;display: block;} .slick-track:before,.slick-track:after{display: table;content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none;float: left;height: 100%;min-height: 1px;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} .slick-loading .slick-list{/*background: #fff url(/local/templates/.default/css/../img/ajax-loader.gif) 50% no-repeat;*/} .d-wrap .slick-arrow{display: block;position: absolute;z-index:13;top:50%;padding:0;margin:-15px 0 0;width:30px;height:30px;background:none;border:2px solid #fff;text-align:left;text-indent:-9999px;overflow:hidden;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .d-wrap .slick-arrow:hover { background: #fff; color: #306aff; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .slick-prev{left:0;} .slick-next{right:0;} .slick-arrow:before{ display:block; position: absolute; top: 0; left: 0; right: 0; font-family:'FontAwesome'; font-size:22px; line-height:26px; text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-indent:0;text-align:center;} .slick-prev:before{content:'\f104';text-indent:-2px;} .slick-next:before{content:'\f105';text-indent:2px;} .slick-dots{display:block;margin: 50px 0 0;padding:0;list-style:none;text-align:center;} .slick-dots li{display:inline-block;vertical-align:middle;margin:0 5px;padding:0;width:10px;height:10px;border:1px solid #86d6fa;cursor: pointer;text-indent:-9999px;overflow:hidden;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;} .slick-dots li button{display:none;} .slick-dots li:hover,.slick-dots li.slick-active{background:#306aff;border-color:#306aff;} .project-slider .slick-prev { /*left: 50%; margin-left: -560px;*/ left: 15px; } .project-slider .slick-next { /*right: 50%; margin-right: -560px;*/ right: 15px; } .crm-integration { display: block; position: relative; margin: 7em auto 10em; width: 520px; height: 520px; background: #f2fbfe; border: 1px solid #aad3e5; border-radius: 100%; } .crm-integration__title { position: absolute; top: 50%; left: 0; right: 0; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .crm-integration.is-active .crm-integration__title { opacity: 0; } .crm-integration__item { cursor: pointer; } .crm-integration__btn { display: table; position: absolute; z-index: 5; width: 262px; height: 88px; background-color: #fff; background-image: url(/upload/bg_crm_integration.png); background-repeat: no-repeat; border: 1px solid #aad3e5; border-radius: 50px; -webkit-transition: background-color .25s linear, color .125s linear, box-shadow .25s linear; -moz-transition: background-color .25s linear, color .125s linear, box-shadow .25s linear; -o-transition: background-color .25s linear, color .125s linear, box-shadow .25s linear; transition: background-color .25s linear, color .125s linear, box-shadow .25s linear; } .crm-integration__btn span { display: table-cell; vertical-align: middle; padding: 15px 15px 15px 95px; font-weight: 600; font-size: 14px; line-height: 20px; text-transform: uppercase; } .crm-integration__txt { position: absolute; z-index: 6; top: 0; bottom: 0; left: 0; right: 0; background: rgba(48, 106, 255, 0.8); color: #fff; text-align: center; opacity: 0; visibility: hidden; border-radius: 100%; } .crm-integration__txt-i { position: absolute; top: 50%; left: 130px; right: 130px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .crm-integration__txt h2 { margin-bottom: .75em; font-weight: 500; color: inherit; text-transform: uppercase; } .crm-integration .item_0 .crm-integration__btn { top: -25px; left: 50%; margin-left: -132px; background-position: 5px 0; } .crm-integration .item_1 .crm-integration__btn { top: 95px; left: -120px; background-position: 2px -90px; } .crm-integration .item_2 .crm-integration__btn { top: 95px; right: -120px; background-position: 5px -182px; } .crm-integration .item_3 .crm-integration__btn { top: 215px; left: -210px; background-position: 5px -270px; } .crm-integration .item_4 .crm-integration__btn { top: 215px; right: -210px; background-position: 2px -360px; } .crm-integration .item_5 .crm-integration__btn { top: 335px; left: -120px; background-position: 15px -450px; } .crm-integration .item_5 .crm-integration__btn span { padding-left: 110px; } .crm-integration .item_6 .crm-integration__btn { top: 335px; right: -120px; background-position: 5px -540px; } .crm-integration .item_7 .crm-integration__btn { bottom: -25px; left: -25px; background-position: 10px -630px; } .crm-integration .item_8 .crm-integration__btn { bottom: -25px; right: -25px; background-position: 15px -720px; } .crm-integration .item_8 .crm-integration__btn span { padding-left: 105px; } .crm-integration__item:hover .crm-integration__btn { z-index: 10; background-color: #306aff; border-color: #fff; box-shadow: 0 0 0 1px #fff; color: #fff; } .crm-integration__item:hover .crm-integration__txt { opacity: 1; visibility: visible; } .crm-integration .item_0:hover .crm-integration__btn { background-position: 5px -810px; } .crm-integration .item_1:hover .crm-integration__btn { background-position: 2px -900px; } .crm-integration .item_2:hover .crm-integration__btn { background-position: 5px -990px; } .crm-integration .item_3:hover .crm-integration__btn { background-position: 5px -1080px; } .crm-integration .item_4:hover .crm-integration__btn { background-position: 2px -1170px; } .crm-integration .item_5:hover .crm-integration__btn { background-position: 15px -1260px; } .crm-integration .item_6:hover .crm-integration__btn { background-position: 5px -1350px; } .crm-integration .item_7:hover .crm-integration__btn { background-position: 10px -1440px; } .crm-integration .item_8:hover .crm-integration__btn { background-position: 15px -1530px; } .info-grid { position: relative; margin: 7em 0; padding: 7em 0; background-position: 50%; background-repeat: no-repeat; background-size: cover; } .info-grid h2 { color: inherit; text-align: center; } .info-grid .d-col { position: static; } .info-grid__item { margin-top: 30px; padding: 30px; border: 1px solid; border-radius: 4px; cursor: pointer; } .info-grid__item__title { display: block; margin-bottom: .75em; height: 2.3em; line-height: 1.15; color: inherit; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .info-grid__item__title span { position: relative; top: -1px; border-bottom: 1px dashed; } .info-grid__item__preview { display: block; height: 2.86em; opacity: .3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .info-grid__item__popup { position: absolute; z-index: 13; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.95); opacity: 0; visibility: hidden; overflow: hidden; } .info-grid__item__popup .d-table { width: 100%; height: 100%; } .info-grid__item__popup h2 { text-align: left; -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -ms-transform: translateY(150px); -o-transform: translateY(150px); transform: translateY(150px); } .info-grid__item__popup .btn { -webkit-transform: translateY(250px); -moz-transform: translateY(250px); -ms-transform: translateY(250px); -o-transform: translateY(250px); transform: translateY(250px); } .info-grid__item__img { position: absolute; top: 10%; bottom: 10%; left: 0; right: 50%; background-position: 50%; background-repeat: no-repeat; background-size: cover; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; } .info-grid__item__descr { margin-left: 50%; padding: 5em 0 5em 8%; } .info-grid__item__descr__text { margin-bottom: 4em; -webkit-transform: translateY(200px); -moz-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); } .info-grid__item__popup__hide { position: absolute; top: 10%; left: 0; right: 0; font-weight: 300; font-size: 2.5em; line-height: 1; text-align: right; opacity: 0; visibility: hidden; } .info-grid__item__popup__hide span { cursor: pointer; } .info-grid__item__popup h2, .info-grid__item__descr__text, .info-grid__item__popup .btn { position: relative; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; opacity: 0; } .info-grid__item:hover .info-grid__item__preview, .info-grid__item.current .info-grid__item__preview { opacity: 1; } .info-grid__item.current { cursor: text; } .info-grid__item.current .info-grid__item__popup { opacity: 1; visibility: visible; } .info-grid__item.current .info-grid__item__img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } .info-grid__item.current .info-grid__item__popup h2, .info-grid__item.current .info-grid__item__popup .btn, .info-grid__item.current .info-grid__item__descr__text { margin-top: 0; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); opacity: 1; } .info-grid__item.current .info-grid__item__popup__hide { opacity: 1; visibility: visible; } .info-grid_crm { background-color: #364054; background-image: url(/upload/bg_crm_grid.jpg); color: #fff; } .info-grid_crm .info-grid__item { border-color: rgba(255,255,255,.2); } .info-grid_crm .info-grid__item__title span { border-bottom-color: rgba(255,255,255,.3); } .info-grid_crm .info-grid__item__popup { background: rgba(44,55,81,.99); color: #fff; } .info-grid_crm .info-grid__item:hover, .info-grid_crm .info-grid__item.current { background: #fff; color: #000; } .info-grid_crm .info-grid__item:hover .info-grid__item__title span, .info-grid_crm .info-grid__item.current .info-grid__item__title span { border-bottom-color: rgba(0,0,0,.3); } .learn-buttons { padding: 4em 0; border: 0 solid rgba(170,211,229,.5); border-width: 1px 0; } .learn-buttons a { display: block; position: relative; margin: 1em 0; max-width: 290px; padding: 2.775em 35px 2.675em; background-color: #306aff; background-position: 35px 50%; background-repeat: no-repeat; font-weight: 500; line-height: 1; color: #fff; text-align: right; text-decoration: none; text-transform: uppercase; border-radius: 50px; } .learn-buttons a:before { position: absolute; left: 50%; top: 20px; bottom: 20px; width: 1px; background: #fff; opacity: .25; content: ''; } .learn-buttons a span { border-bottom: 1px solid rgba(255,255,255,.5); } .learn-buttons a:hover span { border-color: transparent; } .learn-buttons a.learn-button_bx24 { margin-left: auto; background-image: url(/upload/logo_bx24_w.png); } .learn-buttons a.learn-button_amo { background-image: url(/upload/logo_amo_w.png); } #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:#000; opacity:.8; filter:alpha(opacity=80);} #colorbox{outline:0;} #cboxContent{overflow:visible; abackground:#fff;} .cboxIframe{background:#fff;} #cboxError{padding:50px;} #cboxLoadedContent{padding:30px;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} #cboxLoadingOverlay{background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #colorbox #cboxPrevious, #colorbox #cboxNext, #colorbox #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:16px; height:16px; position:absolute; top:0; background:none;border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} #colorbox #cboxPrevious{right:44px;} #colorbox #cboxNext{right:22px;} #colorbox #cboxClose{top:15px;right:15px;background: url(/local/templates/.default/css/../img/ico_close.svg) 50% no-repeat; background-size: 12px 12px;opacity:.35;} .popup-control#colorbox #cboxPrevious,.popup-control#colorbox #cboxNext { top:50%; text-indent: 0; } .popup-control#colorbox #cboxPrevious{left:-40px} .popup-control#colorbox #cboxNext{right: -40px;} .popup-control #cboxCurrent { position: absolute; top: 10px; right: 0; left: 30px; text-indent: 0; } .popup-control #cboxTitle { position: absolute; top: 100%; right: 0; text-align: center; margin-top: 1em; left: 0; color: #fff; } .popup-control svg {fill:white} .popup-control#colorbox,.popup-control #cboxWrapper {overflow:visible} .contact-buttons { margin-top: 3em; } .contact-buttons .contact-button { display: table; position: relative; margin-top: 15px; padding: 0; width: 100%; height: 60px; line-height: 1; } .contact-buttons .contact-button span { display: table-cell; vertical-align: middle; padding: .35em 10px 0 70px; font-size: 14px; } .contact-buttons .contact-button:before { position: absolute; top: 0; bottom: 0; left: 0; width: 60px; height: 60px; background: url(/local/templates/.default/css/../img/bg_contact_buttons.png) no-repeat; border-right: 1px solid rgba(255,255,255,.2); content: '.'; text-indent: -999em; overflow: hidden; } .contact-buttons .contact-button_skype:before { background-position: 0 0; } .contact-buttons .contact-button_callback:before { background-position: 0 -60px; } .contact-buttons .contact-button_order:before { background-position: 0 -120px; } .table-tariff { margin-top: 97px; min-width: 1008px; } .table-tariff__item { text-decoration: none; color: #000; border-radius: 5px; box-sizing: border-box; display: inline-block; vertical-align: top; width: 24%; } .table-tariff__price { border: 2px solid white; border-radius: 30px; margin-top: 22px; padding: 3px 5px; } .table-tariff__td{ padding: 1.25em; border-top: 1px solid #cdeefd; } .table-tariff div,.table-tariff a { box-sizing: border-box; } .table-tariff__list .table-tariff__item { margin-right: 0.6%; } .table-tariff__list .table-tariff__item:hover .table-tariff__td { border-left: 2px solid #306aff; border-right: 2px solid #306aff; } .table-tariff__list .table-tariff__item:hover .table-tariff__header { background:#306aff; color: white; } .table-tariff__list .table-tariff__item:hover .table-tariff__price { color:#306aff ; background: white; } .table-tariff__list .table-tariff__item:hover .table-tariff__td_end { border-bottom:2px solid #306aff ; } .table-tariff__list { width: 75%; display: inline-block; vertical-align: top; margin-left: -4px; } .table-tariff__list .table-tariff__td { background: #f2fbfe; text-align: center; border: 1px solid #cdeefd; border-bottom: 0; } .table-tariff__list .table-tariff__td_end { border-bottom: 1px solid #cdeefd; border-radius: 0 0 12px 12px; } .table-tariff__header { height: 150px; border-top:0; } .table-tariff__list .table-tariff__header { border-top: 0; border-bottom: 0; color: #306aff; background: #cdeefd; font-size: 22px; border-radius: 12px 12px 0 0; transition:background .3s ,color .3s; } .table-tariff_btn { margin-top: 10px; padding: 16px 0; background-color: #306aff; border-radius: 5px; color: white; font-size: 20px; text-align: center; opacity: 0; transition:opacity .3s; } .table-tariff__td-padding { padding: 4.1em 0; } .table-tariff__list .table-tariff__item:hover .table-tariff_btn { opacity: 1; margin-top: 9px; } .table-tariff__description { margin-top: 40px; } .btn-search { background: #306aff; bottom: 30px; border-radius: 3px; box-shadow: 0 6px 6px rgba(0,0,0,.2); color: #fff; cursor: pointer; display: block; font-size: 24px; height: 50px; left: 50px; line-height: 50px; margin: 0; position: fixed; text-align: center; text-decoration: none; transition: all 0.2s linear; width: 50px; z-index: 555; } .btn-search:hover {box-shadow: 0 6px 15px rgba(0,0,0,.3); } .popup_search, .popup_search__overlay { position: fixed; z-index: 700; top: 0; bottom: 0; left: 0; right: 0; } .popup_search { opacity: 0; visibility: hidden; color: #fff; } .popup_search__overlay { background: #292c31; opacity: .98; } .popup_search__body { position: absolute; z-index: 710; top: 50%; left: 0; right: 0; padding: 40px 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .popup_search h2 { color: inherit; text-align: center; } .popup_search form { margin: 0 auto; max-width: 700px; padding-right: 60px; } .popup_search input { padding: .5em 0; width: 100%; font-size: 1.5em; color: #fff; } .popup_search button { float: right; margin: .25em -60px 0 0; padding-left: 0 !important; padding-right: 0 !important; width: 40px; } .popup_search__close { position: fixed; z-index: 715; top: 15px; right: 15px; width: 30px; height: 30px; background: url(/local/templates/.default/css/../img/ico_close2.svg) 50% no-repeat; background-size: 100%; cursor: pointer; } .is-popup-search-opened .popup_search { opacity: 1; visibility: visible; } .red-box { background-color: red; color: white; padding: 1.4em 8%; } .red-box_tr { position: relative; } .red-box_tr:after { position: absolute; right: 0; top: 0; content: ''; border:40px solid; border-color: white white transparent transparent; } .red-box_mb { margin-bottom: 6em; } .red-box__name { } .red-box__text { margin-left: 5%; } .fz54-img-tr { width: 180%; margin-left: -65px; max-width: none; } .list-il { list-style: none; } .list-il__icon { width: 6em; } .list-il__item { margin-bottom: 4em; } .list-il__item:before { display: none; } .fine-list__item { display: block; margin-bottom: 2em; border: 1px solid #efefef; color: #333; border-radius: 3px; padding: 2em 2em 1em; position: relative; } .fz-video { padding: 4px; max-width: 640px; margin: 0 auto; border-radius: 3px; } .fz-video iframe { display: block; } .faq-list__icon { padding-left: .5em; float: right; position: relative; z-index: 3; } .faq-list .d-col { width: 100%; padding: 0; } .faq-list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; margin: 0; } .faq-list__item { border: 1px solid #efefef; color: #333; border-radius: 3px; margin-bottom: 1em; padding: 1em; cursor: pointer; position: relative; display: inline-block; width: 100%; box-sizing: border-box; } .faq-list__name { } .faq-list__visible { display: none; position: absolute; left: -1em; right: -1em; top: 3em; padding: 1em; background: #306aff; border-radius: 3px; z-index: 1; box-shadow: 0 2px 6px rgba(0,0,0,.35); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .faq-list__item_open .faq-list__icon:before { content: "\f068"; } .faq-list__item_open .faq-list__visible { display: block; } .timer { font-size: 2em; display: inline-block; } .timer__numb { display: block; background: #292c31; color: white; box-shadow: 0 3px 8px rgba(0,0,0,.4); font-size: 2em; border-radius: 3px; width: 2em; height: 2em; line-height: 2em; } .timer__item { text-align: center; display: inline-block; vertical-align: top; } .banner_sale_15 { height:90px; background:url('/images/itrack/cmsrate/sale_15_content.png') no-repeat center; } .sale_cont { background: none!important; } .btn.btn-color4 { background-color:white; color:#306aff; } .btn-color3 { background-color: #ec162c!important; } .l54fz-m__icon { margin-right: 2em; } .section-l54fz-pr__time { margin-bottom: .75em; } .section-l54fz-pr__item { height: 118px; margin-top: 16px; } .section-l54fz-av { background:#306aff ; padding: 5em 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .d-fw_3 { font-weight: 300; } .d-fw_7 {font-weight: 700} .section-l54fz-av__image img{ border: 5px solid white; border-radius: 50%; margin-bottom: 2.5em; } .ban-54fz { position: absolute; margin-top: -9em; } @media (max-width:1530px) { .ban-54fz { position: static; margin-top: 1em; } } .section-l54fz-av__image { position: relative; display: inline-block; } .section-l54fz-av__image:before { content: ''; position: absolute; width: 23px; height: 23px; background: white; border-radius: 50%; } .section-l54fz-av__item:nth-child(1) .section-l54fz-av__image:before { top: 0; right: 17%; } .section-l54fz-av__item:nth-child(2) .section-l54fz-av__image:before { top: 30%; right: -6%; } .section-l54fz-av__item:nth-child(3) .section-l54fz-av__image:before { top: 57%; right: 6%; } .section-l54fz-av__item:nth-child(4) .section-l54fz-av__image:before { top: 58%; left: 9%; } .section-l54fz-av__text { height: 6em; } .section-l54fz-map__map { padding-top: 35%; margin-top: 2em; } .section-l54fz-bottom__row { margin-top: 4em; margin-bottom: 2em; } .section-l54fz-bottom { margin-bottom: 3em; } .section-l54fz-form__form { margin: 0 auto; max-width: 600px; padding: 0 1em; } .l54fz-m { padding: 9em 0 5em; } .l54fz-main { padding: 4em 0 0; } .l54fz-main .btn {margin-bottom: -5em} .section-l54fz-form { padding: 6em 0; } .l54fz-nav__item { display: inline-block; vertical-align: top; } .l54fz-nav__link { color: #bfbfbf; text-decoration: none; font-size: 14px; font-weight: 500; text-transform: uppercase; margin-left: .9em; } .section-l54fz-header { padding: 4em 0 2em; border-bottom: 1px solid rgba(189, 189, 189, 0.21); } .l54fz-nav { margin-top: 1em; } .l54fz-cal { margin-left: -118px; } .logo-atol { margin-left: 2em; } .section-l54fz-pr__item img { margin-left: 3em; } .section-l54fz-pr_custom { margin: 0 auto 5em; max-width: 960px; } .section-l54fz-pr_custom .d-col-4.d-hide-sm { display: none; } .section-l54fz-pr_custom .d-col-8.d-col-xs-12 { width: 100%; } .section-l54fz-pr_custom .d-col-8.d-col-xs-12 .section-l54fz-pr__list:last-child { border: 0; } .section-l54fz-pr_custom .section-l54fz-pr__list { padding: 2em 0; border-bottom: 1px solid #ebebeb; } .section-l54fz-pr_custom .section-l54fz-pr__item { margin: 0; height: auto; } .section-l54fz-pr_custom .section-l54fz-pr__item:after { display: block; clear: both; content: ''; } .section-l54fz-pr_custom .section-l54fz-pr__time { float: left; margin: 0; padding: .5em 0; width: 180px; background: #306aff; font-size: 20px; color: #fff; text-align: center; } .section-l54fz-pr_custom .section-l54fz-pr__item p { float: none; margin: 0 0 0 180px; padding: 1.125em 0 0 5%; } .d-tdn{ text-decoration:none } .amopage-faq{ list-style-type:none; margin: 90px 0 0; } .amopage-faq .d-tac{text-align: left;} .accordion__item{ } .accordion__item.accordion__item_open .accordion__name{ background:#306aff; } .accordion__item.accordion__item_open .accordion__name .link{ color:white; } .accordion__item.accordion__item_open .accordion__name:before, .accordion__item.accordion__item_open .accordion__name:after{ background-color:white; } .accordion__info{ background:#306aff; color:white; } .accordion__item:before{ display:none; !important; } .accordion__name{ position:relative; background-color:#f2fcfe; padding:1em 5em; border-radius:5px; cursor:pointer; } .accordion__item:nth-child(even):not(.accordion__item_open) .accordion__name{ background:none } .accordion__name:before, .accordion__name:after{ display:block; position:absolute; top:1em; left:2em; background-color:#306aff; content:""; } .accordion__name:before{ width:20px; height:2px; margin-top:.625em; } .accordion__name:after{ width:2px; height:20px; margin-left:.625em; } .accordion__info{ display:none; margin-top:1em; padding: 3em 7% 1em; border-radius:10px; } .accordion__item_open .accordion__name:after{ -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); } .accordion__item_open .accordion__name:before{ -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -ms-transform:rotate(-180deg); -o-transform:rotate(-180deg); transform:rotate(-180deg); } .accordion__item_open{ padding-bottom:.5em; } .amopage-faq__name{ margin-top:.5em; } .amopage-faq__btn{ margin-top: 25px; } .amopage-faq__btn .btn {padding-left:5px;padding-right:5px;width:100%;box-sizing:border-box} .amopage-faq .d-grid{ } .amopage-faq{ } .amopage-faq__vals { width: 100%; border-spacing: 5px 0; margin: 0 -5px; table-layout: inherit; } .amopage-faq__vals .d-cell { background-color: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 5px; padding: 1em; vertical-align:top; } .amopage-faq__val { } .amopage-faq__vals .d-cell:first-child .d-mb_1 {white-space:nowrap} .amopage-faq__vals .d-cell:first-child {width:30%} .amopage-faq__inner{ overflow: hidden; padding:5em 8.5% 40px; background:white; box-shadow: 0 0 10px 3px rgba(35, 50, 119, 0.15); position:relative; border-radius:5px 5px 0 0; } .amopage-faq__inner:before { position: absolute; left: -1em; bottom: -1em; top: 289px; right: -1em; background: white; box-shadow: 0px -13px 92px 22px white; content: ''; } .amopage-faq__inner-content { position:relative; } .amopage-faq__list{ margin-left:0; margin-top: 0; } .amopage-faq__top{ margin-bottom:2em; text-align: justify; } .accordion__info .amopage-img-w { width:100%; max-width:190px; } .amopage-vista{ background:#306aff no-repeat center/cover; color:white; height: 560px; box-sizing:border-box; margin-bottom: 60px; padding: 4em 0; background-attachment: fixed; } .amopage-img-w{ border-radius:10px; box-shadow:7px 8px 18px rgba(46, 53, 108, 0.46); height:110px; width: 160px; background: #4a4351 url(/local/templates/.default/css/../img/amo_ws/amopage-img-w.png) no-repeat 0 0 /cover; color:white; position:relative; line-height:1; } .amopage-img-w__text { position:absolute; bottom:0; left:0; right:0; text-align:left; text-transform:uppercase; padding: 15px 10px; font-weight:bold; } .amopage-slider__link{ float:left; margin-bottom:1em; margin-right:1em; } .fld_text__info { border-radius: 50%; border: 2px solid #306aff; width: 16px; height: 16px; text-align: center; line-height: 18px; left: -28px; top: 0; position: absolute; text-decoration: none; } .fld_text_info { position:relative; } .amopage-cosmos__explosure{ background-image: url(/local/templates/.default/css/../img/amo_ws/explosure.png); background-size: cover; position: absolute; right: -318px; top: -186px; height: 1149px; width: 975px; z-index: 1; } .amopage-cosmos__explosure.amopage-cosmos__explosure_mod { background: none; height: 640px; top: -85px; } .form-order-page .tooltip {position:absolute} .form-order-page .tooltip .tooltip-item svg, h2 .tooltip svg, .h2 .tooltip svg { fill: #989898; } .form-order-page .tooltip:hover .tooltip-item svg, h2 .tooltip:hover svg, .h2 .tooltip:hover svg { fill: #306aff; } .tooltip { display: inline; position: relative; z-index: 9; font-size: 14px; text-align: center; line-height: 18px; left: -28px; top: 0; text-decoration: none; } h2 .tooltip, .h2 .tooltip { z-index: 200; display: inline-block; left: 0; } /* Trigger text */ .tooltip-item {} /* Gap filler */ .tooltip-item::after { content: ''; position: absolute; width: 360px; height: 20px; bottom: 100%; left: 50%; pointer-events: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tooltip:hover .tooltip-item::after { pointer-events: auto; } /* Tooltip */ .tooltip-content { position: absolute; z-index: 9999; width: 270px; left: 2em; margin: 0; top: 50%; text-align: left; font-size: 1em; line-height: 1.4; box-shadow: 0 3px 8px rgba(0,0,0,.4); border-radius: 4px; background: #306aff; opacity: 0; cursor: default; pointer-events: none; } .tooltip-effect-1 .tooltip-content { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip:hover .tooltip-content { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0,-50%,0) rotate3d(0,0,0,0); transform: translate3d(0,-50%,0) rotate3d(0,0,0,0); } /* Arrow */ .tooltip-content::after { content: ''; top: 50%; left: 0; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-right-color: #306aff; border-width: 10px; margin-top: -10px; margin-left: -20px; } /* Tooltip content*/ .tooltip-content img { position: relative; height: 170px; display: block; float: left; margin-right: 1em; } .tooltip-text { font-size: 1em; line-height: 1.35; display: block; padding:1em; color: #fff; } .tooltip-text a { font-weight: bold; } .amopage-slider__link:hover .amopage-img-w {box-shadow:none} .amopage-slider__link:nth-child(even){ margin:2em 0 -1em; } .amopage-slider__item{ padding-bottom:3em; transition: opacity 1.2s ease!important; max-height:450px; } .amopage-vista__text{ float: right; padding: 0; position: relative; width: calc(100% - 459px); z-index: 7; } .amopage-vista__text h2{ font-size: 60px; font-weight: 300; line-height: 70px; margin-bottom: 50px; text-align: left; } .amopage-vista__text p em{ display: inline-block; font-style: normal; margin-left: 30px; } .amopage-vista__text p:nth-child(3){margin-bottom: 49px;} .slick-dots-color_1 .slick-dots li{ border-color:#ffffff; } .slick-dots-color_1 .slick-dots li:hover, .slick-dots-color_1 .slick-dots li.slick-active{ background:#ffffff; border-color:#ffffff; } .amopage-slider .slick-dots{ margin: 18px 0 0 35%; text-align:left; } /*.amopage-slider__item .amopage-img-w {opacity:0;visibility:hidden;} .amopage-slider__item.slick-current .amopage-img-w {opacity:1;visibility:visible}*/ .amopage-get__inner{ margin:6.3em 0 8em; padding-top:5em; padding-bottom: 6em; } .amopage-get__shape { stroke-dasharray: 2 2500; stroke-dashoffset: -1145; stroke-width: 20; fill: transparent; stroke: #0098ef; border-bottom: 5px solid black; transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s; } .amopage-get__inner:hover .amopage-get__shape { stroke-dasharray: 3300; stroke-dashoffset: 0; stroke-width: 20; } .amopage-get__svg { position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; } .amopage-get__shape {width:100%;height:100%} .amopage-get__image{ margin:-53% -25% -13% -6%; } .amopage-form input[type="submit"] { float:none; margin-top: 30px; } .amopage-form__checkbox { margin-top: 2em; } .amopage-form__checkbox li { margin-bottom: .75em;} .amopage-form { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1fafe+1,ffffff+35 */ background: #f1fafe; /* Old browsers */ background: -moz-linear-gradient(top, #f1fafe 1%, #ffffff 35%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f1fafe 1%,#ffffff 35%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f1fafe 1%,#ffffff 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1fafe', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .amopage-top__image { background-attachment: fixed; height:645px; position:absolute; left:0; right:0; z-index:-1; top: -48px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d5d5d5+73,f5f5f5+100 */ background: #d5d5d5; /* Old browsers */ background: -moz-linear-gradient(top, #d5d5d5 73%, #f5f5f5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #d5d5d5 73%,#f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #d5d5d5 73%,#f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */ } .amopage-content__image-brd { position:relative; border-radius: 10px; border:2px dashed #cae5f4; margin-bottom:1em; display:inline-block; padding: 1.3em; } .amopage-content .d-table:hover .amopage-content__image-brd{border-color: #2bb0f3;} .amopage-top .d-grid { position:relative; z-index:9 } .amopage-top__title { font-size: 60px; margin-bottom: 25px; font-weight: 300; color: #ffffff; } .amopage-top__descr { text-align: center; font-size: 24px; font-weight: 300; line-height: 30px; color: #ffffff; } .amopage-top { padding-top: 12em; padding-bottom: 6.3em; } .amo-widget-page .amopage-top { position:relative; } .amopage-vista__small {margin-bottom:3em} .amo-widget-page #d-content {padding-top:0} .amo-widget-page .amopage-top:before, .amo-widget-page .amopage-top:after { content: ''; display: block; position: absolute; left: 0; right: 0; z-index: 1; } .amo-widget-page .amopage-top:before { top: 0; background-image: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%); background-image: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%); height: 45vh; } .amopage-bsh { box-shadow: 0 0 54px rgba(4, 5, 25, 0.21); border-radius: 10px; display: block; } .amopage-content .d-table {width:100%;margin-bottom:7em} .amopage-content { padding-top: 2em; } .amopage-content__text_r { padding-left:12%; } .amopage-content__text_l { padding-right:12%; } .amopage-content__offset .amopage-content__image { position: relative; left: -73%; } .amopage-content__offset .amopage-content__text { left: 137%; position: relative; } .amo-widget-page .amopage-promo {margin: 0;} .amopage-promo { height:100vh; overflow:hidden; position:relative; margin-top: -110px; } .amopage-promo__img-wow{ position:absolute; left:0; right:0; top:0; bottom:0; } .amopage-promo__img { position:absolute; left:0; right:45%; top:0; bottom:0; background: #c7cdcd no-repeat -165% 50%/83%; background: #c7cdcd no-repeat center/cover; -webkit-animation: anim 10s linear 0s infinite; -moz-animation: anim 10s linear 0s infinite; -o-animation: anim 10s linear 0s infinite; -ms-animation: anim 10s linear 0s infinite; animation: anim 10s linear 0s infinite; } @-webkit-keyframes anim{ 0% {transform:translateX(0) rotate(0.1deg)} 50%{transform:translateX(-1%) rotate(0.1deg)} 100%{transform:translateX(0) rotate(0.1deg)} } @-moz-keyframes anim{ 0% {transform:translateX(0) rotate(0.1deg)} 50%{transform:translateX(-1%) rotate(0.1deg)} 100%{transform:translateX(0) rotate(0.1deg)} } @-o-keyframes anim{ 0% {transform:translateX(0) rotate(0.1deg)} 50%{transform:translateX(-1%) rotate(0.1deg)} 100%{transform:translateX(0) rotate(0.1deg)} } @-ms-keyframes anim{ 0% {transform:translateX(0) rotate(0.1deg)} 50%{transform:translateX(-1%) rotate(0.1deg)} 100%{transform:translateX(0) rotate(0.1deg)} } @keyframes anim{ 0% {transform:translateX(0) rotate(0.1deg)} 50%{transform:translateX(-1%) rotate(0.1deg)} 100%{transform:translateX(0) rotate(0.1deg)} } .b24-widget-button-position-bottom-right {bottom: 25px!important;} .nav-ef-title { position: relative; display: block; text-decoration: none; text-transform: uppercase; color:black; font-size: 1.4em; padding: 1.3em; font-weight: bold; -webkit-transition: .5s; transition: .5s;} .nav-ef-title__n { content: ''; position: absolute; left: 0; bottom: 60px; font-size: .8em; font-weight: lighter; color: black; -webkit-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: .5s; transition: .5s; } .nav-ef-title:after { content: ''; position: absolute; left: 26px; bottom: 67px; display: block; width: 43px; height: 3px; border-radius: 20px; background: #aaa; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: .5s; transition: .5s; } .amopage-content .d-table:hover .nav-ef-title .nav-ef-title__n { -webkit-transform: translateX(0px); transform: translateX(0px); } .amopage-content .d-table:hover .nav-ef-title:after{ -webkit-transform: scaleX(1); transform: scaleX(1); } .amopage-promo:before,.amopage-promo:after { content: ''; display: block; position: absolute; left: 0; right: 0; z-index: 1; } .amopage-promo:before { top: 0; background-image: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%); background-image: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%); height: 45vh; } .amopage-promo:after { bottom: 0; background-image: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.67) 0%, rgba(255, 255, 255, 0) 100%); background-image: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.67) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(to top, rgba(0, 0, 0, 0.67) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(to top, rgba(0, 0, 0, 0.67) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.67) 0%, rgba(255, 255, 255, 0) 100%); height: 25vh; } .list-decor-item ul li:before { float: left; margin: 2px 0 0 -32px; content: ''; width: 9px; height: 12px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAARVBMVEUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfX////NLJj/AAAAFXRSTlMAlmkDvfxCD9vwJPsE7xDaJbxDlWoofRZ1AAAAAWJLR0QWfNGoGQAAAAlwSFlzAAALEgAACxIB0t1+/AAAAEpJREFUCNdVjLcRwEAMwz7qg3Pg/quaVGdVuBOBEAGkoMsFqObYOjCm4xxAb45WgZIdE634J1v4XWVsNHZVDlZOlS+Wb40erl/BB8WcA40wPsuPAAAAAElFTkSuQmCC'); } .list-decor-item ul li { margin-bottom: 1em; padding-left:32px; } .tilter { display: inline-block; max-width: 535px; width: 100%; height: 320px; box-sizing: border-box; box-shadow: 0 35px 50px -27px #441fd0; border-radius: 10px; position: relative; text-align: left; background-color: white; box-sizing:border-box; perspective: 1000px; border-radius: 10px; } .tilter * { pointer-events: none; } .tilter:hover, .tilter:focus { color: #fff; outline: none; } /* .tilter__figure, .tilter__deco, .tilter__caption { will-change: transform; }*/ .tilter__figure, .tilter__image { margin: 0; width: 100%; height: 100%; display: block; } .tilter__figure > * { transform: translateZ(0px); /* Force correct stacking order */ } .smooth .tilter__figure, .smooth .tilter__deco--overlay, .smooth .tilter__deco--lines, .smooth .tilter__deco--shine div, .smooth .tilter__caption { transition: transform 0.2s ease-out; } .tilter__figure { position: relative; } .tilter__figure::before { content: ''; position: absolute; width: 90%; height: 90%; top: 5%; left: 5%; box-shadow: 0 30px 20px rgba(35,32,39,0.5); } .tilter__deco { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } /* .tilter__deco--overlay { background-image: linear-gradient(45deg, rgba(226, 60, 99, 0.4), rgba(145, 58, 252, 0.4), rgba(16, 11, 192, 0.4)); }*/ .tilter__deco--shine div { position: absolute; width: 200%; height: 200%; top: -50%; left: -50%; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%); } .tilter__deco--lines { fill: none; stroke: #fff; stroke-width: 1.5px; } .tilter__caption { position: absolute; bottom: 0; width: 100%; padding: 4em; } .tilter__description { margin: 1em 0 0 0; font-size: 0.85em; letter-spacing: 0.15em; } /* Example 8 (different line) */ .tilter--8 { perspective: none; } .tilter--8 .tilter__figure { transform-style: flat; } .tilter--8 .tilter__deco--lines { stroke: #9255ae; stroke-width: 6px; mix-blend-mode: color-burn; } .tilter--8 .tilter__caption { color: #9255ae; mix-blend-mode: color-burn; } .tilter--8 .tilter__figure::before { box-shadow: none; } .amo-widget-page #d-header { -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear; } .odd-page #d-header { background: rgba(0,0,0,.6)!important; box-shadow:none; } .odd-page .h-phone a{color: #fff;} .h-phone a{color: #306aff;} .odd-page .nav-top li a, .odd-page .h-phone a{ color: white; } .amo-widget-page .h-logo-img path {fill:white!important;} .amopage-promo__board-wrap { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); position:absolute; left:0; right:0; top:0; bottom:0; visibility:hidden; } .amopage-promo__board { position: absolute; right: -2%; width: 58%; top: 0; bottom: 0; visibility:hidden; opacity:.5; } .amopage-promo__board_2 { width: 48%; opacity:1; } .amopage-promo__board_3 { width: 53%; opacity: .75; } .amopage-promo__board:after { content: ''; display: block; position: absolute; top: 0; bottom: 0; right: 100%; border-style: solid; border-width: 50vh 20vh; } .amopage-promo__decor { position: absolute; top: -82%; left: 77%; width: 2000px; height: 2000px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(45deg); opacity: 0.75; } .amopage-promo__decor_2 { left: 65%; } .amopage-promo__decor_3 { left: 56%; } .amopage-promo__grid { position: relative; z-index: 2; display:table; height:100%; width:100%; visibility:hidden; } .amopage-promo__grid__cell { padding: 100px 0; } .amopage-promo__grid__cell.d-cell .d-taj a{color: #fff;} .amopage-faq .nav-breadcrumbs a { color: white; } .amopage-promo__grid__cell .amopage-faq__vals { margin:0 0 1em; } .amopage-faq__vals-wraps { margin: 0 -5px; } .amopage-promo__grid__cell .amopage-faq__vals .d-cell:first-child{ width:30%; } .amopage-promo__btn { margin-top: 2em; } .amopage-promo__small { margin-top:1em; } .amopage-promo__img-wrap {visibility:hidden;} .amopage-promo-content { padding: 10em 0 3em; min-height: 600px; box-sizing: border-box; } .amopage-promo-content__video { display: inline-block; max-width: 535px; width: 100%; height: 320px; box-sizing: border-box; padding: 4.5em 13% 1em; box-shadow:0 35px 50px -27px #262525; border-radius: 10px; position: relative; text-align:left; } .amopage-promo-content__video.amopage-promo-content__video2 { padding:0; } .amopage-promo-content__video:hover { cursor:pointer; } .amopage-promo-content__video.open:before,.amopage-promo-content__video.open .amopage-promo-content__video-text { display:none; } .amopage-promo-content__video.open .amopage-promo-content-video { visibility:visible; opacity:1; } .amopage-promo-content__video.open .section-vb24n2__cloud2 { opacity:0; visibility:hidden; } .amopage-promo-content-video-wrap { border-radius:10px; overflow:hidden; } .d-hidden_b:before {display:none!important;} .amopage-promo-content__video-before{ background-color: #9537cb;} .amopage-promo-content__video:hover .amopage-promo-content__video-before {opacity:.5} .amopage-promo-content__video:before,.amopage-promo-content__video-before { content:''; display:block; position:absolute; left:0; right:0; bottom:0; top:0; opacity: .8; border-radius: 10px; z-index:3; } .amopage-promo-content__video.active:before,.active .amopage-promo-content__video-before { opacity: 0; } .amopage-promo-content__play { display:block; text-decoration:none; color:white; position:relative; z-index:3; } .amopage-promo-content__play-text { text-decoration:none; border-bottom:1px dotted; margin-left: 1em; } .amopage-promo-content__play .fa { padding: .5em; width: 1em; border: 2px solid; font-size: 32px; color: #fff; text-align: center; text-indent: .125em; border-radius: 100%; } .amopage-promo-content__play2 { display:inline-block; text-decoration:none; color:white; position:relative; z-index:3; left: 50%; top: 50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } .amopage-promo-content__play2 .fa { padding: .5em; width: 1em; border: 2px solid; font-size: 50px; color: #fff; text-align: center; text-indent: .125em; border-radius: 100%; } .amopage-promo-content__play2-text { position: absolute; left: 50%; bottom: 2em; z-index: 3; border: 1px dashed white; padding: 10px 20px; border-radius: 10px; -webkit-transform:translate(-50%,0) translate3d(0,0,0); -moz-transform:translate(-50%,0) translate3d(0,0,0); -ms-transform:translate(-50%,0) translate3d(0,0,0); -o-transform:translate(-50%,0) translate3d(0,0,0); transform:translate(-50%,0) translate3d(0,0,0); white-space:nowrap; } .amopage-promo-content__video:hover .amopage-promo-content__play2-text {opacity:0; visibility:hidden;} .amopage-promo-content__video.open .amopage-promo-content__play2,.amopage-promo-content__video.open .amopage-promo-content__play2-text { display:none; } .amopage-promo-content-video,.amopage-promo-content-video-wrap,.amopage-promo-content__effect { position:absolute; left:0; right:0; bottom:0; top:0; height:100%; width:100%; z-index:1; } .amopage-promo-content-video { opacity:0; visibility:hidden; } .amopage-promo-content__effect { background: rgba(255,255,255,0.5); -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-106%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-106%,0); } .amopage-promo-content__video:hover .amopage-promo-content__effect { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,106%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,106%,0); } .amopage-promo-content__video:hover:before {opacity:.5} .amopage-promo-content__video:hover .amopage-promo-content__video-text-text,.amopage-promo-content__video:hover .amopage-promo-content__play-text {visibility:hidden;opacity:0} .amopage-promo-content__video:hover .amopage-promo-content__play .fa { left: 50%; top: 50%; -webkit-transform: translate(100%,-100%); -moz-transform: translate(100%,-100%); -ms-transform: translate(100%,-100%); -o-transform: translate(100%,-100%); font-size: 58px; transform: translate(100%,-100%); } .amopage-promo-content__video-text-text { position:relative;z-index:3; } .amopage-promo-content-video-wrap-wrap:before { content: ''; display: block; position: absolute; left: -7em; right: -11em; bottom: -15em; top: -8em; z-index: -1; background: url(/local/templates/.default/css/../img/amo_ws/amo-promo-content.jpg) no-repeat center/contain; background-position-y: 6em; cursor: default; } .amopage-confines__circle { width:100%; padding-top:100%; position:relative; border-radius:50%; color:white; display:inline-block; vertical-align:top; } .amopage-confines__circle-text { position:absolute; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); top:50%; font-size: 1.429em; } .amopage-confines__circle:before,.amopage-confines__circle:after { content:''; position:absolute; left: -4em; right: -4em; bottom: -4em; top: -4em; border-radius:50%; z-index:-1; -webkit-animation: animate-circle 3s infinite; -moz-animation: animate-circle 3s infinite; -o-animation: animate-circle 3s infinite; animation: animate-circle 3s infinite; } @-webkit-keyframes animate-circle { from { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes animate-circle { from { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .amopage-confines__circle:after { left: -8em; right: -8em; bottom: -8em; top: -8em; } .amopage-confines__text { margin-left: 18%; margin: 4em 0 ; } .amopage-confines { margin-top: 10.5em; margin-bottom: 14em; } .pages1b-promo-img { position: relative; right: -10%; top: -26px; } .pages1b-rates-item { border: 2px solid #efefef; border-radius: 3px; padding:1em 2em; cursor:pointer; margin-bottom:1em; box-sizing:border-box; position:relative; top:0; background:white; } .pages1b-rates-item:hover { border-color:#306aff; border-width:2px; } .pages1b-rates-item_open { background-color:#cdeefd; border-color:#cdeefd; } .pages1b-rates-item_anim { top: -2px; left: -2px; right: -2px; position: absolute; transition-duration:2s; transition-timing-function:ease-out; } .pages1b-rates-item_anim_active { top: 500px; opacity: 0; visibility: hidden; } .pages1b-rates-item__name { font-size: 1.714em; font-weight:500; } .pages1b-rates-item__price { font-size: 4.286em; font-weight: 300; line-height:1; } .pages1b-rates-item-big { padding: 2.7em 2em 2.8em; background:no-repeat right center url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAesAAACMCAMAAABrq3HFAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABj1BMVEUDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfQDqfT///9WI0C7AAAAg3RSTlMAHNu9Bu6RD9KIChjtA7HqJAGX8DKH+UJp/FZb/YM38Zav3b8WmDBqVP6B863f0cEVmi9sUn/1q+DPw5wtblBEfarizcXonm9ORnslqOPLx+ag+HFIeSemyciuck+lKNggskOAzrMpH6Sj2UFRtHAeAqIqQIKh2vvMtfIdKz8J+lO2iY78dYsAAAABYktHRIRi0FpxAAAACXBIWXMAAAsSAAALEgHS3X78AAAFgklEQVR42u2dZ5tTVRSFb0I1DpIYZYjIzGAfe8GCDRUUK4rYe+8FxYqC7Y8LiuOU5Gadm+S9Z++73z9w3mev58msrA+TopiIVvsvlE2bM5QywZatyulK2LadFd6+LUMpK1wwUdSdTaxt+8IMpcwwN0nUOy5iZXd2M5QyxARR9y5mVfuXZChliQmyvpQ13TWfoZQpqke9mxUdXJahlC0qR73nclZ0d45Stqga9fwu1nNvjlLGqBj1wiKruZSjlDWqRd3dyVru25GhlDkqRd26gpXUllFYyh5Voo5l1CYVou5cySq2r8pQyiLpUccyapXkqHtXs4L9azKUskly1rGMmiU16mtZvcF1GUpZJTHqPcusnraMwlJWSYuaHiGvz1HKLElRL9zAyi3lKGWXlKjpEfLGWEanSkLUrZtYNW0ZhaUso0dNj5A3xzI6ZeSoO7ewYu1bM5SyjRp1LKP2EaPu3cZq9W/PUMo6YtaxjDpAi/oOVmqwP0Mp+0hRxzLqAuWq9Ah5Z45SDhCuunAXq7SkRE1LeWD8VekR8u5YRmfE2Ku27mGFtGUUlvLBuKvSI+SBWEZnxpirdu5ldbRlFJbyQvlVYxn1ROlVe/exMv37hahpKT+UnjWWUVeUXfUBVmXwoBI1LOWJkqvGMuqM0Vc9CI+QDylR01KuGHnVWEbdMeqq9Aj5cCyjM2fEVVuPsBraMgpLeWP4VekR8lAsowBDr9o5zEpoyygs5Y9hV6VHyEe7QtSxjE7MkKv2HmMVtGUUlvLIkLPGMuqUjVc9wgoMHleihqV8suGqsYy6Zf1Vn4BHyCeVqGkpp6y7aiyjjll71afgEfJpZRmlpdyy5qqtZ9jHtWUUlvLL6qvSI+TRWEZRVl218yz7tLaMwlKe+f+q9Aj5XFeIOpbRKbJy1d4x9mFtGYWlfLNyVniEfD6WUZz/rnqcfVZbRmEp75y/aiyjDeDfq74Aj5AvKlHTUu7556qxjDaCc1d9CR4hX1aWUVqqARSxjDYGfoR8JZbRmig6r7IPassoLNUMitfY9+a6Si+DpRpC8Tr73vIbStawVEMoijfZB/tvKWHDUs3g7N/GA+yLbyvdjJZqBGfv+g78TfbdnhA2LdUEzt31vQH75vvKpzgt1QDqqELL0j9GiX42bWqpQtHPauF8FfqAfVXrZ7CUe2qqQh9GP+OpqwpFP+NZuetx9l2tn8FSzqmtCvU/in4GU18Vin5Gs+quH+fYz2gpz9RZhaRfMo9+NjXqrELRz1jW3vUT9nGtn8FSfqm3CkU/I6m5CkU/A1l/1/kc+xkt5ZS6q1D0M46Nd/2UFdD6GSzlk/qr0GfRzyAyqELRzyCG3fXzHPsZLeWQHKrQ8hfRzwiyqELRzxBGVKFDrIXWz2Apd2RShb6MfjZ7cqlC0c9mz8i7fsV6aP0MlnJGNlVoMfrZrMmnCkU/mzUld/2a7mcnhLBpKU+U3TX6mS9K7xr9zBXld/2GlVn8VgkblvJD+Vmjn3lizF2jnzli3F1PwlXoO+VTnJZywti7Rj9zw/i7fs8Kaf0MlvLB+LPSVeiH6GczQrhr9DMnKB+YJ39knbR+Bks5QDkr3s/2ZyjlACnr6Gcu0LLu/MRaaf0MljKPljVehX4+kaGUdcSso585QM26OMJ6af0MljKOnDVdhU5FP5s2etbRz6yjZ138Qvcz5ef5aCnLJGQd/cw4KVlHP7NNUtbFMVbu1K8ZStklLevoZ5ZJyzr6mWUSsy5Ow1Vob45SRknNOvqZXZKzjn5mlvSsz8BVqK30M1rKJOlZRz+zSoWsi9O/sY5aP4OlDFIla7yf/Z6hlEEqZR39zCTVsj5zlLXU+hksZY25alnjVeiP6GcT82fFrKOfWWPL1s1/A13RcFZbjaoKAAAAAElFTkSuQmCC'); } .pages1b-rates-item-big__title { margin-right: 6%; } .pages1b-rates-item-big__price {margin-right:5%} .pages1b-rates-item-big__btn { box-shadow:none; border-radius:5px; padding:1em 2em; } .pages1b-rates-item__item {position:relative;padding-left:2.5em} .pages1b-rates-item__item svg {position:absolute;left:0;top:0} .pages1b-rates-item__price .small {font-size: .4em;} .section-vb24n2:before{height:751px; content:'';position:absolute;left:0;right:0;top:0;z-index:-1;background:url(/local/templates/.default/css/../img/vb24n2/bg_vb24n2-top.png) no-repeat center/cover} .section-vb24n2__cloud { position: absolute; right: -10em; top: -2.5em; } .section-vb24n2__cloud2 {position:absolute; bottom: -5em; left: -3em;z-index:1} .section-vb24n2 { padding: 0 0 3em; } .section-vb24n2 .amopage-promo-content__video { margin-top: 4.35em; } .section-vb24n2-page .amopage-promo-content__video:before{background-color:#03a8f4;} /*.section-vb24n2-page .amopage-promo-content__video { box-shadow:0 35px 50px -27px #1f6ad0;}*/ .section-vb24n2-page .amopage-promo-content__video { box-shadow:none;} .section-vb24n2-page .amopage-promo-content-video { } .section-vb24n2-vn__screen-wrap { margin-top: 2em; } .section-vb24n2-vn__screen {position:absolute;left:0;right:0;top: 3em;;background-image:url(/local/templates/.default/css/../img/vb24n2/bg_vb24n2-vn-screen.png);background-size:contain; padding-top: 48.3%;} .section-vb24n2-rate { border: 1px solid #efefef; border-radius: 3px; padding: 2em 8%; cursor:pointer; background:white; } .section-vb24n2-rate__btn { padding-left: 20px; padding-right: 20px; } .section-vb24n2-rate:hover { box-shadow: inset 0 0 0px 5px #306aff; } .section-vb24n2-rate_open { background-color:#cdeefd; border-color:#efefef; } .section-vb24n2-rate_anim { top: 0; left: 15px; right: 15px; position: absolute; transition-duration:1.5s; transition-timing-function:ease-out; box-shadow: inset 0 0 0px 5px #306aff; padding-left: 7%; } .section-vb24n2-rate_anim_active { top: 800px; opacity: 0; visibility: hidden; } .section-vb24n2-vn__icon {width:50px;height:50px;background-size:auto;margin-bottom: 1em; -webkit-animation: sonarWave 2s linear infinite; animation: sonarWave 2s linear 2s infinite;} @-webkit-keyframes sonarWave{from,to{-webkit-transform:scale(.8);transform:scale(.8);} 50%{-webkit-transform:scale(1);transform:scale(1);}} @keyframes sonarWave{from,to{-webkit-transform:scale(.8);transform:scale(.8);} 50%{-webkit-transform:scale(1);transform:scale(1);}} .section-vb24n2-vn__item {margin-bottom:2em;} .section-vb24n2-vn__icon_1{background-image:url(/local/templates/.default/css/../img/vb24n2/section-vb24n2-vn__icon_1.png)} .section-vb24n2-vn__screen-wrap[data-status="1"] .section-vb24n2-vn__icon_1,.section-vb24n2-vn__item:hover .section-vb24n2-vn__icon_1{background-image:url(/local/templates/.default/css/../img/vb24n2/section-vb24n2-vn__icon_1_h.png)} .section-vb24n2-vn__icon_2{background-image:url(/local/templates/.default/css/../img/vb24n2/section-vb24n2-vn__icon_2.png)} .section-vb24n2-vn__screen-wrap[data-status="2"] .section-vb24n2-vn__icon_2,.section-vb24n2-vn__item:hover .section-vb24n2-vn__icon_2{background-image:url(/local/templates/.default/css/../img/vb24n2/section-vb24n2-vn__icon_2_h.png)} .section-vb24n2-vn__icon_3{background-image:url(/local/templates/.default/css/../img/vb24n2/section-vb24n2-vn__icon_3.png)} .section-vb24n2-vn__screen-wrap[data-status="3"] .section-vb24n2-vn__icon_3,.section-vb24n2-vn__item:hover .section-vb24n2-vn__icon_3{background-image:url(/local/templates/.default/css/../img/vb24n2/section-vb24n2-vn__icon_3_h.png)} .section-vb24n2-vn__icon_4{background-image:url(/local/templates/.default/css/../img/vb24n2/section-vb24n2-vn__icon_4.png)} .section-vb24n2-vn__screen-wrap[data-status="4"] .section-vb24n2-vn__icon_4,.section-vb24n2-vn__item:hover .section-vb24n2-vn__icon_4{background-image:url(/local/templates/.default/css/../img/vb24n2/section-vb24n2-vn__icon_4_h.png)} .section-vb24n2-vn__icon_5{background-image:url(/local/templates/.default/css/../img/vb24n2/section-vb24n2-vn__icon_5.png)} .section-vb24n2-vn__screen-wrap[data-status="5"] .section-vb24n2-vn__icon_5,.section-vb24n2-vn__item:hover .section-vb24n2-vn__icon_5{background-image:url(/local/templates/.default/css/../img/vb24n2/section-vb24n2-vn__icon_5_h.png)} .section-vb24n2-vn__icon_6{background-image:url(/local/templates/.default/css/../img/vb24n2/section-vb24n2-vn__icon_6.png)} .section-vb24n2-vn__screen-wrap[data-status="6"] .section-vb24n2-vn__icon_6,.section-vb24n2-vn__item:hover .section-vb24n2-vn__icon_6{background-image:url(/local/templates/.default/css/../img/vb24n2/section-vb24n2-vn__icon_6_h.png)} .section-vb24n2-vn__icon_7{background-image:url(/local/templates/.default/css/../img/vb24n2/section-vb24n2-vn__icon_7.png)} .section-vb24n2-vn__screen-wrap[data-status="7"] .section-vb24n2-vn__icon_7,.section-vb24n2-vn__item:hover .section-vb24n2-vn__icon_7{background-image:url(/local/templates/.default/css/../img/vb24n2/section-vb24n2-vn__icon_7_h.png)} .section-vb24n2-vn__icon_8{background-image:url(/local/templates/.default/css/../img/vb24n2/section-vb24n2-vn__icon_8.png)} .section-vb24n2-vn__screen-wrap[data-status="8"] .section-vb24n2-vn__icon_8,.section-vb24n2-vn__item:hover .section-vb24n2-vn__icon_8{background-image:url(/local/templates/.default/css/../img/vb24n2/section-vb24n2-vn__icon_8_h.png)} .section-vb24n2-vn__item_left {text-align:right} .section-vb24n2-vn__item_right {text-align:left;position: relative; top: -528px;} .section-vb24n2-vn__item_left:before,.section-vb24n2-vn__item_right:before { content: ''; position: absolute; left: 0; right: -6em; top: 0; bottom: -1em; } .section-vb24n2-vn__item_right:before { left:-6em; right:0; } .section-vb24n2-vn__screen:before{z-index:1;content: '';width: 0.571em;height: 0.571em;border-radius: 50%;position: absolute;left: 0;top: 0;border: 1.143em solid #306aff;box-shadow: 0 0 0px 1.429em rgba(3, 169, 244, 0.2);background:white} .section-vb24n2-vn__item {cursor:pointer;position:relative} .section-vb24n2-vn__item_left_offset { left: -5%;} .section-vb24n2-vn__item_right_offset { right: -5%;} .section-vb24n2-vn__screen-wrap[data-status="1"] .section-vb24n2-vn__screen:before{margin-left: 19.15%;margin-top: 4.2%;} .section-vb24n2-vn__screen-wrap[data-status="2"] .section-vb24n2-vn__screen:before{margin-left: 14.1%; margin-top: 12.6%;} .section-vb24n2-vn__screen-wrap[data-status="3"] .section-vb24n2-vn__screen:before{margin-left: 14.1%; margin-top: 24.5%;} .section-vb24n2-vn__screen-wrap[data-status="4"] .section-vb24n2-vn__screen:before{margin-left: 20%;margin-top: 32.7%;} .section-vb24n2-vn__screen-wrap[data-status="5"] .section-vb24n2-vn__screen:before{margin-left: 77%;margin-top: 4.2%;} .section-vb24n2-vn__screen-wrap[data-status="6"] .section-vb24n2-vn__screen:before{margin-left: 82.1%;margin-top: 12.5%;} .section-vb24n2-vn__screen-wrap[data-status="7"] .section-vb24n2-vn__screen:before{margin-left: 82.1%;margin-top: 24.5%;} .section-vb24n2-vn__screen-wrap[data-status="8"] .section-vb24n2-vn__screen:before{margin-left: 77%; margin-top: 32.7%;} .section-vb24n2-vn__screen-img{ position:absolute; left:26.1%; width:47.2%; right:0; top:15%; padding-top:29.6%; opacity:0; background-color:white; } .section-vb24n2-vn__screen-img.active {opacity:1} .section-vb24n2-cases__slider-img { border-radius:50%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .section-vb24n2-cases__slider .slick-slide {padding:0 15px} .section-vb24n2-cases__main-img {height: 9.286em;} .section-vb24n2-cases__main {max-width:422px;margin:0 auto;box-shadow: 0 0.143em 0.286em rgba(0, 0, 0, 0.3);background-color:white} .section-vb24n2-cases__body { padding: 2.5em 3em; } .section-vb24n2-cases { background-image:url(/local/templates/.default/css/../img/vb24n2/section-vb24n2-cases.jpg); margin-bottom: 0; padding: 6em 0 3em; background-size: 100% 100%; } .d-slick-dots-left .slick-dots {text-align:left} .section-vb24n2-cases__slider .slick-dots { margin: 18px 0 18px 12px; } .section-vb24n2-why__imgs-wrap { margin: -2em -7%; z-index: -1; position: relative; } .section-vb24n2-step__image { border-radius:50%; background:white; padding-top:100%; position:relative; } .section-vb24n2-step__image svg { fill:#306aff; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); ; } .section-vb24n2-step__image-rect { fill:#306aff; } .section-vb24n2-step__image-circle{ fill: #fff; stroke: #306aff; stroke-width: 6px; } .section-vb24n2-step__image_3 { -webkit-animation: section-vb24n2-step__image_3 10s infinite; -moz-animation: section-vb24n2-step__image_3 10s infinite; -o-animation: section-vb24n2-step__image_3 10s infinite; animation: section-vb24n2-step__image_3 10s infinite; } @-webkit-keyframes section-vb24n2-step__image_3 {from,to {transform:rotate(0) translate(-50%,-50%) }50% {transform:translate(-50%,-50%) rotate(180deg)}} @-moz-keyframes section-vb24n2-step__image_3 {from,to {transform:rotate(0) translate(-50%,-50%) }50% {transform:translate(-50%,-50%) rotate(180deg)}} @-o-keyframes section-vb24n2-step__image_3 {from,to {transform:rotate(0) translate(-50%,-50%) }50% {transform:translate(-50%,-50%) rotate(180deg)}} @keyframes section-vb24n2-step__image_3 {from,to {transform:rotate(0) translate(-50%,-50%) }50% {transform:translate(-50%,-50%) rotate(180deg)}} .section-vb24n2-step__image-circle_3 { -webkit-animation: section-vb24n2-step__image-circle_3 10s infinite; -moz-animation: section-vb24n2-step__image-circle_3 10s infinite; -o-animation: section-vb24n2-step__image-circle_3 10s infinite; animation: section-vb24n2-step__image-circle_3 10s infinite; } @-webkit-keyframes section-vb24n2-step__image-circle_3 {from,to {transform:translateY(-20%) }50% {transform:translateY(40%)}} @-moz-keyframes section-vb24n2-step__image-circle_3 {from,to {transform:translateY(-20%) }50% {transform:translateY(40%)}} @-o-keyframes section-vb24n2-step__image-circle_3 {from,to {transform:translateY(-20%) }50% {transform:translateY(40%)}} @keyframes section-vb24n2-step__image-circle_3 {from,to {transform:translateY(-20%) }50% {transform:translateY(40%)}} .section-vb24n2-step__image-circle_1 { -webkit-animation: section-vb24n2-step__image-circle_1 10s infinite; -moz-animation: section-vb24n2-step__image-circle_1 10s infinite; -o-animation: section-vb24n2-step__image-circle_1 10s infinite; animation: section-vb24n2-step__image-circle_1 10s infinite; } .section-vb24n2-step__image-circle_2 { -webkit-animation: section-vb24n2-step__image-circle_2 10s infinite reverse; -moz-animation: section-vb24n2-step__image-circle_2 10s infinite reverse; -o-animation: section-vb24n2-step__image-circle_2 10s infinite reverse; animation: section-vb24n2-step__image-circle_2 10s infinite reverse; } @-webkit-keyframes section-vb24n2-step__image-circle_2 {from,to {transform:translateY(20%) }50% {transform:translateY(-40%)}} @-moz-keyframes section-vb24n2-step__image-circle_2 {from,to {transform:translateY(20%) }50% {transform:translateY(-40%)}} @-o-keyframes section-vb24n2-step__image-circle_2 {from,to {transform:translateY(20%) }50% {transform:translateY(-40%)}} @keyframes section-vb24n2-step__image-circle_2 {from,to {transform:translateY(20%) }50% {transform:translateY(-40%)}} @-webkit-keyframes section-vb24n2-step__image-circle_1 {from,to {transform:translateY(-10%) }50% {transform:translateY(40%)}} @-moz-keyframes section-vb24n2-step__image-circle_1 {from,to {transform:translateY(-10%) }50% {transform:translateY(40%)}} @-o-keyframes section-vb24n2-step__image-circle_1 {from,to {transform:translateY(-10%) }50% {transform:translateY(40%)}} @keyframes section-vb24n2-step__image-circle_1 {from,to {transform:translateY(-10%) }50% {transform:translateY(40%)}} .section-vb24n2-step__image_1 { -webkit-animation: section-vb24n2-step__image2 10s infinite; -moz-animation: section-vb24n2-step__image2 10s infinite; -o-animation: section-vb24n2-step__image2 10s infinite; animation: section-vb24n2-step__image2 10s infinite; } .section-vb24n2-step__image_2 { -webkit-animation: section-vb24n2-step__image 10s infinite; -moz-animation: section-vb24n2-step__image 10s infinite; -o-animation: section-vb24n2-step__image 10s infinite; animation: section-vb24n2-step__image 10s infinite; } @-webkit-keyframes section-vb24n2-step__image {from,to {transform:translate(-50%,-50%) rotate(0)}50% {transform:translate(-50%,-50%) rotate(360deg)}} @-moz-keyframes section-vb24n2-step__image {from,to {transform:translate(-50%,-50%) rotate(0)}50% {transform:translate(-50%,-50%) rotate(360deg)}} @-o-keyframes section-vb24n2-step__image {from,to {transform:translate(-50%,-50%) rotate(0)}50% {transform:translate(-50%,-50%) rotate(360deg)}} @keyframes section-vb24n2-step__image {from,to {transform:translate(-50%,-50%) rotate(0)}50% {transform:translate(-50%,-50%) rotate(360deg)}} @-webkit-keyframes section-vb24n2-step__image2 {from,to {transform:translate(-50%,-50%) rotate(0)}50% {transform:translate(-50%,-50%) rotate(-360deg)}} @-moz-keyframes section-vb24n2-step__image2 {from,to {transform:translate(-50%,-50%) rotate(0)}50% {transform:translate(-50%,-50%) rotate(-360deg)}} @-o-keyframes section-vb24n2-step__image2 {from,to {transform:translate(-50%,-50%) rotate(0)}50% {transform:translate(-50%,-50%) rotate(-360deg)}} @keyframes section-vb24n2-step__image2 {from,to {transform:translate(-50%,-50%) rotate(0)}50% {transform:translate(-50%,-50%) rotate(-360deg)}} .section-vb24n2-step {background-image:url(/local/templates/.default/css/../img/vb24n2/bg_section-vb24n2-step.png);margin-top:0em; background-size: 100% auto;padding-top: 40px;}/*9*/ .section-vb24n2-step__col{ width: 23%; margin: 0 4% 8.5em; } .section-vb24n2-step__list {position:relative; margin-top: 7em;} .section-vb24n2-step__list-before,.section-vb24n2-step__list-after { background: url(/local/templates/.default/css/../img/vb24n2/bg_section-vb24n2-step-decor.png) no-repeat center/cover; width: 192px; height: 56px; position: absolute; left: 25.5%; top: 41%; } .section-vb24n2-step__list-after { left: auto; right: 25.5%; } .section-vb24n2-step__list-decor-icon { position:absolute; z-index:1; bottom:0; left:0; display:none; -webkit-animation: section-vb24n2-step__list-decor-icon 5s linear infinite; -moz-animation: section-vb24n2-step__list-decor-icon 5s linear infinite; -o-animation: section-vb24n2-step__list-decor-icon 5s linear infinite; animation: section-vb24n2-step__list-decor-icon 5s linear infinite; } @-webkit-keyframes section-vb24n2-step__list-decor-icon {0% { transform: translate(4px,-10px);} 30%{ transform: translate(55px,-35px);}50%{transform:translate(80px,-40px)} 70% {transform: translate(110px,-35px);} 100%{ transform: translate(164px,-10px);}} @-moz-keyframes section-vb24n2-step__list-decor-icon {0% { transform: translate(4px,-10px);} 30%{ transform: translate(55px,-35px);}50%{transform:translate(80px,-40px)} 70% {transform: translate(110px,-35px);} 100%{ transform: translate(164px,-10px);}} @-o-keyframes section-vb24n2-step__list-decor-icon {0% { transform: translate(4px,-10px);} 30%{ transform: translate(55px,-35px);}50%{transform:translate(80px,-40px)} 70% {transform: translate(110px,-35px);} 100%{ transform: translate(164px,-10px);}} @keyframes section-vb24n2-step__list-decor-icon {0% { transform: translate(4px,-10px);} 30%{ transform: translate(55px,-35px)} 50%{transform:translate(80px,-40px)} 70% {transform: translate(110px,-35px);} 100%{ transform: translate(164px,-10px);}} .section-vb24n2-cases__main-item {display:none} .section-vb24n2-cases__main-item.active {display:block} .section-vb24n2-vn__list { margin-bottom: -373px;} .section-vb24n2-cases .btn { margin: 4em 0 2em 0; } .section-vb24n2-rates { padding: 3em 0; background: url(/upload/bg_landing_bx24_rates.jpg) 0 100% no-repeat; } .section-vb24n2-rates__td {border-bottom:1px solid #d2f1ff;display:table-cell;text-align:center;vertical-align:middle;padding: 1em 0;background:#f1faff;} .section-vb24n2-rates__td:first-child {text-align:left;background:none; width: 25.6%;} .section-vb24n2-rates__tr {border-bottom:1px solid #d2f1ff;display:table-row} .section-vb24n2-rates__table {display:table;width:100%;table-layout:fixed;margin-top:2em} .section-vb24n2-rates__circle { display:inline-block; background:#306aff; border-radius:50%; width:20px;height:20px; vertical-align: middle; } .section-vb24n2-rate__name.h4 { min-height: 2.5em; } .section-vb24n2-rate__ot { position: absolute; margin-top: -1em; } .section-vb24n2-rates + .whats_new_container{margin-top: 0px;} .grid_rates { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -15px; } .grid_rates__item { -ms-flex: 1 1 100%; -webkit-flex: 1 1 100%; flex: 1 1 100%; position: relative; margin: 0 15px 30px; } .grid_rates__item + .grid_rates__item:before { position: absolute; top: 240px; bottom: 20px; left: -16px; border-left: 2px solid #c1eafd; content: ''; } .grid_rates__item__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative; padding: 0 8%; height: 200px; color: #fff; border-radius: 5px; overflow: hidden; } .grid_rates__item__header.is-clone { position: absolute; top: 0; left: 0; right: 0; } .grid_rates__item__header.d-hb:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; background: #0098ef 50% no-repeat; background-size: cover; content: ''; } .grid_rates__item__header figure { -ms-flex: 0 0 116px; -webkit-flex: 0 0 116px; flex: 0 0 116px; position: relative; z-index: 2; margin-right: 20px; width: 116px; height: 116px; background: #fff; border: 2px solid #fff; border-radius: 100%; } .grid_rates__item__header figure svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .grid_rates__item__header figure svg path { fill: #0098ef; } .grid_rates__item__header span { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; display: block; position: relative; z-index: 2; margin: 0; color: inherit; } .grid_rates__item__body { margin: 0 10%; padding: 3.25em 20px; border-top: 1px solid transparent; } .grid_rates__item__buy .clr_blue { margin-bottom: .5em; font-weight: 300; font-size: 2.571em; line-height: 1.125; } .grid_rates__item__buy .clr_blue sub { vertical-align: baseline; font-size: .67em; } .grid_rates__item__buy .btn { padding-left: 10px; padding-right: 10px; width: 100%; max-width: 12em; } .grid_rates__item__descr { margin-top: 2.5em; } .grid_rates__item__descr li + li { margin-top: .5em; } .grid_rates .grid_rates__item:nth-child(1) .grid_rates__item__header.d-hb:before { background-image: url(/upload/bg_landing_bx24_rates_0.jpg); } .grid_rates .grid_rates__item:nth-child(2) .grid_rates__item__header.d-hb:before { background-image: url(/upload/bg_landing_bx24_rates_1.jpg); } .grid_rates__item:hover .grid_rates__item__header { color: #0098ef; } .grid_rates__item:hover .grid_rates__item__header.d-hb:before { opacity: .1; transform: scale(1.25); } .grid_rates__item:hover .grid_rates__item__header figure { background: #0098ef; border-color: #0098ef; } .grid_rates__item:hover .grid_rates__item__header figure path { fill: #fff; } .grid_rates__item_bgd { background: #edf9ff; border-radius: 10px; } .grid_rates__item_bgd:before { display: none; } .grid_rates__item_bgd .grid_rates__item__header figure { background: none; border-color: #306aff; } .grid_rates__item_bgd .grid_rates__item__header figure svg path { fill: #306aff; } .grid_rates__item_bgd .grid_rates__item__header figure svg path.odd { fill: #b2e4fc; } .grid_rates__item_bgd .grid_rates__item__header span { color: #000; } .grid_rates__item_bgd .grid_rates__item__body { border-top-color: rgba(3,169,244,.2); } .grid_rates__item__addon { position: relative; margin-top: 2.5em; padding-top: 2.5em; padding-right: 250px; border-top: 1px solid #e3e3e3; } .grid_rates_amo { display: block; margin: 0; } .grid_rates_amo .grid_rates__item { margin: 0; padding: 3.5em 0 3.5em 160px; min-height: 100px; border-bottom: 1px solid #e3e3e3; } .grid_rates_amo .grid_rates__item + .grid_rates__item:before { display: none; } .grid_rates_amo .grid_rates__item.has-addon:before { display: block; position: absolute; top: 3.5em; bottom: 3.5em; left: 59px; margin-top: 140px; border-left: 2px solid #c1eafd; content: ''; } .grid_rates_amo .grid_rates__item__header { display: block; position: static; padding: 0 250px 0 0; height: auto; color: inherit; border-radius: 0; overflow: visible; } .grid_rates_amo .grid_rates__item__header figure { position: absolute; top: 2.5em; left: 0; margin-right: 0; border-color: #0fadf5; } .grid_rates_amo .grid_rates__item__body { margin: 0; padding: 0 250px 0 0; border-top: 0; } .grid_rates_amo .grid_rates__item__buy { position: absolute; top: 3.5em; right: 0; width: 220px; } .grid_rates_amo .grid_rates__item__buy .clr_blue { margin-bottom: .475em; } .grid_rates_amo .grid_rates__item__descr { margin-top: 1em; } .grid_rates_amo .grid_rates__item__addon .grid_rates__item__buy { top: 2.5em; } .grid_rates_amo .grid_rates__item__descr ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .grid_rates_amo .grid_rates__item__descr li { display: inline-block; vertical-align: top; margin-bottom: .5em; width: 100%; } .grid_rates_amo .grid_rates__item__descr li + li { margin-top: 0; } .grid_rates_amo .grid_rates__item__buy .clr_blue.is-clone { position: absolute; top: 0; left: 0; right: 0; } .amopage-cosmos__box { padding:5em 8.33%; } .amopage-cosmos { padding: 6em 0 12em; background:url(/local/templates/.default/css/../img/amo_ws/bg_amopage-cosmos__cosmo-2.jpg); width: 100%; background-position-y: -13px; margin-top: 110px; } .amopage-form-bg-cosmo:before{ background: url(/local/templates/.default/css/../img/amo_ws/amopage-cosmos__bottom.png) no-repeat bottom/cover; content: ''; position: absolute; top: -193px; left: 0; right: 0; height: 227px; } .amopage-form-bg-cosmo { background:white; } .amopage-cosmos:before { content:''; position:absolute; left:0; right:0; top:0;bottom:0; opacity:0; visibility:hidden; background:black no-repeat url(/local/templates/.default/css/../img/amo_ws/bg_amopage-cosmos__section.jpg) center/cover; } .amopage-cosmos:after { content:''; position:absolute; bottom:0; left:0;right:0; height:263px; z-index:1; } .amopage-cosmos__box { position:relative; z-index:2; } .amopage-cosmos__box:before { position:absolute; content:''; left:0; right:0;bottom:0; top:0; background:no-repeat url(/local/templates/.default/css/../img/amo_ws/bg_amopage-cosmos__cosmo-box.png) center; opacity:0; visibility:hidden; z-index:-1; } .amopage-cosmos:hover .amopage-cosmos__box {color:white;} .amopage-cosmos:hover .amopage-cosmos__box:before { opacity:1; visibility:visible;} .amopage-cosmos:hover:before { opacity:1; visibility:visible; } .amopage-cosmos:hover h2 {color:white} .famous-block { top: -100px; } .d-cp {cursor:pointer} .d-mb_0 {margin-bottom:0} .d-mb_1 {margin-bottom:.5em} .d-mb_2 {margin-bottom:1em} .d-mb_3 {margin-bottom:1.5em} .d-mb_4 {margin-bottom:2em} .d-mb_5 {margin-bottom:2.5em} .d-mb_6 {margin-bottom:3em} .d-mb_7 {margin-bottom:3.5em} .d-mb_8 {margin-bottom:4em} .d-mb_9 {margin-bottom:4.5em} .d-mb_10 {margin-bottom:5em} .d-mt_0 {margin-top:0} .d-mt_1 {margin-top:.5em} .d-mt_2 {margin-top:1em} .d-mt_3 {margin-top:1.5em} .d-mt_4 {margin-top:2em} .d-mt_5 {margin-top:2.5em} .d-mt_6 {margin-top:3em} .d-mt_7 {margin-top:3.5em} .d-mt_8 {margin-top:4em} .d-mt_9 {margin-top:4.5em} .d-mt_10 {margin-top:5em} .d-pt_0 {padding-top:0} .d-pt_1 {padding-top:.5em} .d-pt_2 {padding-top:1em} .d-pt_3 {padding-top:1.5em} .d-pt_4 {padding-top:2em} .d-pt_5 {padding-top:2.5em} .d-pt_6 {padding-top:3em} .d-pt_7 {padding-top:3.5em} .d-pt_8 {padding-top:4em} .d-pt_9 {padding-top:4.5em} .d-pt_10 {padding-top:5em} .project-tsr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; min-height: 400px; background-color: #0198ef; background-position: 50%; background-repeat: no-repeat; background-size: cover; font-weight: 300; line-height: 1.25; color: #fff; } .project-tsr .d-grid { position: relative; } .project-tsr figure { position: absolute; top: 40%; left: 25%; transform: translateY(-50%); } .project-tsr figure img { max-width: none; } .project-tsr__txt { padding: 8%; width: 50%; font-size: 2.5em; } .project-tsr__txt p:last-child { margin: 0; } .project-tsr_plain { min-height: 480px; } .project-tsr_plain .project-tsr__txt { margin: 0 auto; width: auto; max-width: 820px; font-size: inherit; text-align: center; } .case-steps { margin-bottom: 4em; } .case-step { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .case-step figure { display: block; position: relative; width: 50%; -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; } .case-step figure:before { position: absolute; bottom: 0; left: 50%; width: 138%; height: 111%; background: url(/upload/case_gandapas_step_bg.png) 50% no-repeat; background-size: contain; content: ''; transform: translateX(-52%); } .case-step figure:after { position: absolute; bottom: 0; left: 97%; width: 153px; height: 115px; background: url(/upload/case_gandapas_step_line.svg) 50% no-repeat; content: ''; transform: rotate(-105deg); } .case-step figure img { display: block; position: relative; z-index: 2; margin: 0 auto; } .case-step__descr { position: relative; z-index: 5; padding-top: 2em; padding-bottom: 2em; padding-left: 8%; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .case-steps .case-step:nth-child(odd) figure { order: 2; } .case-steps .case-step:nth-child(odd) figure:after { top: 90%; bottom: auto; left: auto; right: 87%; transform: rotate(0deg); } .case-steps .case-step:nth-child(odd) .case-step__descr { padding-left: 0; padding-right: 8%; } .case-steps .case-step:nth-child(1) .case-step__descr { padding-left: 8%; } .case-steps .case-step:last-child figure:after { display: none; } #d-content .case-reason { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 4em; } #d-content .case-reason dt { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 40%; background: #0098ef url(/upload/bg_case_reason.png) 50% no-repeat; background-size: contain; color: #fff; } #d-content .case-reason dt h3 { display: inline-block; margin: 0; padding: 1em 0 1em 20%; color: inherit; } #d-content .case-reason dd { padding: .5em 7.5%; width: 60%; } #d-content .case-reason dd p:last-child { margin: 0; } .page-portfolio-about { /*min-height:800px;*/ margin-bottom: 9em; } .page-portfolio-about__image { width: 46.5%; } .page-portfolio-video-wrap { padding-top: 1px; } .page-portfolio-video { height: 650px; padding-top: 11em; background-image: url(/local/templates/.default/img/page-portfolio/page-portfolio-video__image.jpg); border-radius:5px; box-shadow: 0 0 50px -10px rgba(35, 42, 69, 0.58); } .page-portfolio-video.open .page-portfolio-video__iframe-wrap { z-index:1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .page-portfolio-video__iframe-wrap { overflow:hidden; background:black; -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); } .page-portfolio-video__descr { height: 13em; padding-bottom: 2em; overflow: hidden; } .page-portfolio-video__text .btn { padding-top: 1em; padding-bottom: 1em; } .page-portfolio-video__image { left: auto; width: 38.22%; border-radius: 5px; } .page-portfolio-video-wrap .page-portfolio-video { position: relative; top: -7em; } .page-portfolio-video__play { width: 200px; height: 200px; border-radius: 100%; background-color: #306aff; box-shadow: 0 28px 50px -15px rgba(35, 42, 69, 0.58); position: absolute; right: 38.22%; top: 50%; margin: -100px; -webkit-animation: dotPulseWPVP 2s infinite; -moz-animation: dotPulseWPVP 2s infinite; -o-animation: dotPulseWPVP 2s infinite; animation: dotPulseWPVP 2s infinite; } .page-portfolio-video__play svg {position:absolute;left:50%;top:50%; margin-left:5%;-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} @-webkit-keyframes dotPulseWPVP {from,to {-webkit-transform: scale(.9)}50% {-webkit-transform: scale(1)}} @-moz-keyframes dotPulseWPVP {from,to {-webkit-transform: scale(.9)}50% {-webkit-transform: scale(1)}} @-o-keyframes dotPulseWPVP {from,to {-webkit-transform: scale(.9)}50% {-webkit-transform: scale(1)}} @keyframes dotPulseWPVP {from,to {-webkit-transform: scale(.9)}50% {-webkit-transform: scale(1)}} .page-portfolio-video-wrap__image { background-image:url(/local/templates/.default/css/../img/page-portfolio/page-portfolio-video-wrap__image.png); background-size:auto; background-position:bottom right; width: 100%; left: auto; } .page-portfolio-video-wrap__bottom { margin-top: 2em; padding-bottom: 60px; } .page-portfolio-text1 { min-height: 540px; padding: 9.5em 0 7em; position: relative; z-index: 9; } .page-portfolio-page {font-size:16px} .page-portfolio-banner__name { font-size: 4.571em; font-weight: 300; } .page-portfolio-banner .descr {max-width:500px} .page-portfolio-text1__text { max-width:400px; margin-left:2%; border-radius:15px; background:white; padding:2em; height:500px; box-shadow: 0 0 50px -10px rgba(35, 42, 69, 0.58); } .page-portfolio-text1:before { content:''; background:url(/local/templates/.default/css/../img/page-portfolio/page-portfolio-text1__decor.png) no-repeat left center/contain; bottom: 7%; top: -24%; width: 40%; } .portfolio-case_amocrm .page-portfolio-text1:before { background-image:url(/local/templates/.default/css/../img/page-portfolio/page-portfolio-text1__decor_amo.png); } .page-portfolio-text2 { background-color: #72677c; color: #e6dfeb; height: 400px; padding: 5.5em 0 11em; } .page-portfolio-text2:before { /*background: url(/local/templates/.default/css/../img/page-portfolio/page-portfolio-text2__bg.png) no-repeat right bottom;*/ height:1213px; top:auto; } .portfolio-case_amocrm .page-portfolio-text2:before { background-image: url(/local/templates/.default/css/../img/page-portfolio/page-portfolio-text2__bg_amo.png); height:1024px; bottom: 160px; } .page-portfolio-text2_decor { background: url(/local/templates/.default/css/../img/page-portfolio/page-portfolio-text2__decor.png) no-repeat right bottom/cover; height: 835px; width: 802px; bottom: auto; left: auto; right: 0%; top: -130px; } .portfolio-case_amocrm .page-portfolio-text2_decor { background-image: url(/local/templates/.default/css/../img/page-portfolio/page-portfolio-text2__decor_amo.png); } .page-portfolio-text2_decor_img { margin:auto; -webkit-transform:translateY(-75px); -moz-transform:translateY(-75px); -ms-transform:translateY(-75px); -o-transform:translateY(-75px); transform:translateY(-75px); } .page-portfolio-slider__block { height:690px; background-image:url(/local/templates/.default/css/../img/page-portfolio/page-portfolio-slider__slider.png); padding-top: 6.5em; } .page-portfolio-slider__slider img {display:block;margin:0 auto 30px;box-shadow: 0 20px 27px -10px rgba(35, 42, 69, 0.35);} .page-portfolio-slider { margin-top: -4em; margin-bottom: 4.5em; position: relative; } .page-portfolio-slider__slider { position: relative; top: -21em; } .page-portfolio-slider__text { padding-top: 21em; } .page-portfolio-slider__nav { position: absolute; bottom: 15.2em; left: 9%; } .page-portfolio-slider__nav .slick-next { left: 70px; } .page-portfolio-slider-numb { color: #cacad6; font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 4px; } .page-portfolio-slider-numb span {font-size:2em} .page-portfolio__order-box { position: relative; margin: 0 auto 2em; max-width: 400px; background: #fff; border-radius: 10px; box-shadow: 0 1em 7em -2em rgba(152,151,174,1); } .page-portfolio__order-box__header { position: relative; margin-bottom: -15px; padding: 160px 0 0 32px; height: 300px; background: #fff url(/local/templates/.default/css/../img/page-portfolio/page-portfolio__order-box__header.png) 100% 51% no-repeat; font-weight: 300; font-size: 20px; line-height: 1.25; border-radius: 10px; } .page-portfolio__order-box__body { padding: 55px 40px 40px; background: #2fc7f7; border-radius: 0 0 10px 10px;} .page-portfolio__order-box__title { margin-bottom: 1em; font-weight: 700; font-size: 1.53em; color: #fff; text-transform: uppercase; } .page-portfolio__order-box__body .btn { padding: .75em 30px; min-width: 160px; background-color: #b7db2a; font-weight: 400; font-size: 1.125em; } .page-portfolio__order-box__body .btn .fa { position: relative; top: -.075em; margin: 0 -.5em 0 .5em; vertical-align: middle; font-size: 1.75em; } .page-portfolio__order-box_amo .page-portfolio__order-box__header { background: #283b4d url(/local/templates/.default/css/../img/page-portfolio/page-portfolio__order-box__header_amo.png) 100% 100% no-repeat; color: #fff; } .page-portfolio__order-box_amo .page-portfolio__order-box__header:after { position: absolute; bottom: 0; right: 0; width: 210px; height: 340px; background: url(/local/templates/.default/css/../img/page-portfolio/page-portfolio__order-box__header_amo_art.png) 100% 100% no-repeat; content: ''; border-radius: 0 0 10px 0; } .page-portfolio__order-box_amo .page-portfolio__order-box__body { background: #62b4da; } .page-portfolio__order-box_amo .page-portfolio__order-box__body .btn { background: #fff; color: #283b4d; } .page-portfolio__order-box_amo .page-portfolio__order-box__body .btn .fa { color: #62b4da; } .d-wrap .slick-slider-arrows_style_1 .slick-arrow { width: 60px; height: 60px; background: #306aff; color: #fff; border: 0; } .d-wrap .slick-slider-arrows_style_1 .slick-arrow:hover { background: #d2f1ff; color: #306aff; } .d-wrap .slick-slider-arrows_style_1 .slick-next:before { text-indent: 6px; } .d-wrap .slick-slider-arrows_style_1 .slick-prev:before { text-indent: -2px; } .d-wrap .slick-slider-arrows_style_1 .slick-arrow:before { position: absolute; top: 50%; left: 0; right: 0; margin-top: -.525em; font-size: 32px; line-height: 1; text-align: center; } .d-br {border-radius:5px} .d-bsh {box-shadow: 0 0 50px -10px rgba(35, 42, 69, 0.58);} .amopage-promo-content_page-portfolio .amopage-promo-content__video:before { background-color: #9537cb; } .amopage-promo-content_page-portfolio {padding-top:6em} .amopage-promo-content_page-portfolio .carousel3d__btns { display: inline-block; vertical-align: middle; margin-top: 0; margin-right: 8%; } .amopage-promo-content_page-portfolio .carousel3d__btns__text { display: inline-block; vertical-align: middle; position: relative; } .amopage-promo-content_page-portfolio .carousel3d__btns__text__item { height: 0; opacity: 0; visibility: hidden; } .amopage-promo-content_page-portfolio .carousel3d__btns__text__item.active { position: relative; height: auto; opacity: 1; visibility: visible; } /*.amopage-promo-content-video-wrap-wrap:before {display:none}*/ .page-portfolio__result_image:before{ position: absolute; left: 0; top: 0; bottom: 0; z-index: 0; display: block; content: ''; padding-top: 88%; width: 88%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(45deg) translate(-10%,-10%); box-shadow: 0 0 108px rgba(35, 42, 69, 0.19); /*background:no-repeat rgb(255, 255, 255) url(/local/templates/.default/css/../img/page-portfolio/.page-portfolio__result_image.jpg) center/cover;*/ background: rgba(248,246,250,.3); } .portfolio-case_amocrm .page-portfolio__result_image:before{ /*background: rgba(248,246,250,.3);*/ } .amopage-promo-content__video.carousel3d__item.below {cursor:default} .amopage-promo-content__video .carousel3d__item__body {background:none;z-index: 3;} .amopage-promo-content__video .carousel3d__item__body .fa { padding: .5em; width: 1em; border: 2px solid; font-size: 58px; color: #fff; text-align: center; text-indent: .125em; border-radius: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: inline-block; position: absolute; opacity:0; visibility:hidden; z-index:1; text-decoration:none; } .carousel3d-wrap-texts { min-height: 17em; } .carousel3d-wrap-texts__item.active { opacity: 1; letter-spacing: 0; -webkit-transform:scale(1) translateX(0); -moz-transform:scale(1) translateX(0); -ms-transform:scale(1) translateX(0); -o-transform:scale(1) translateX(0); transform:scale(1) translateX(0); height: auto; overflow: auto; } .carousel3d-wrap-texts__item { opacity: 0; -webkit-transform:scale(0) translateX(-50%); -moz-transform:scale(0) translateX(-50%); -ms-transform:scale(0) translateX(-50%); -o-transform:scale(0) translateX(-50%); transform:scale(0) translateX(-50%); height: 0; transition: transform .65s linear; overflow: hidden; } .amopage-promo-content__video:hover .carousel3d__item__body .fa { opacity:1; visibility:visible; } .amopage-promo-content__video:hover .carousel3d__item__lnk_video { opacity:0; visibility:hidden; } .page-portfolio-fix { position:fixed; z-index:99; bottom:0; left:0; right:0; } .page-portfolio-fix_hide { bottom: -9em; } .page-portfolio-fix__body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 auto 30px; padding: 0 2.5%; max-width: 900px; height: 60px; background: #306aff; text-align: center; border-radius: 30px; } .page-portfolio-fix__item { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; padding: 0 10px; width: 25%; } .page-portfolio-fix__item__text { -ms-flex: 2 1 auto; -webkit-flex: 2 1 auto; flex: 2 1 auto; font-size: 16px; line-height: 1.25; color: #fff; } .page-portfolio-fix input { width: 100%; height: 40px; text-align: center; } .page-portfolio-fix input[type="text"] { padding: 0; background: #fff; color: #0f89d6; border-radius: 20px; } .page-portfolio-fix input[type="submit"] { padding: 0; background: #0f89d6; font-size: 14px; text-transform: none; border-radius: 20px; box-shadow: none; } .page-portfolio-big-bg { background-image:url(/local/templates/.default/css/../img/page-portfolio/page-portfolio-big-bg2.jpg); background-position-y:bottom; } .portfolio-case_amocrm .page-portfolio-big-bg { /*background-image:url(/local/templates/.default/css/../img/page-portfolio/page-portfolio-big-bg_amo.jpg);*/ } .page-portfolio-text1 + .page-portfolio-big-bg{margin-top: 90px;} .page-portfolio__result { position: relative; padding: 3.5em 0 2em; min-height: 445px; } .portfolio-case .page-portfolio__result:before { position: absolute; bottom: 0; left: 0; right: 0; height: 1080px; background: url(/local/templates/.default/css/../img/page-portfolio/page-portfolio__result.png) 0 0 no-repeat; background-size: cover; content: ''; } .portfolio-case_amocrm .page-portfolio__result:before { height: 1240px; background-image: url(/local/templates/.default/css/../img/page-portfolio/page-portfolio__result_amo.png); } .page-portfolio__result .d-grid { position: relative; z-index: 2; } .page-portfolio { position: relative; padding: 4em 0 2em; } .page-portfolio__result_image{ margin-top: 3.5em; left: -21%; } .page-portfolio__result_image img { -webkit-transform:translateY(-75px); -moz-transform:translateY(-75px); -ms-transform:translateY(-75px); -o-transform:translateY(-75px); transform:translateY(-75px); } .page-portfolio-decline { position:absolute;z-index: 1; } .page-portfolio-video-wrap .page-portfolio-decline {right: 15%;bottom: 8%;} .page-portfolio-video .page-portfolio-decline {left: 8.5%;top: -11%;right:auto;bottom:auto;} .page-portfolio-text1 .page-portfolio-decline {right: 1%; bottom: -4.5%;} .page-portfolio-text2 .page-portfolio-decline {right: 86%; bottom: 47%;} .page-portfolio-decline__svg{position:absolute;} .page-portfolio__stats { position: relative; z-index: 50; padding: 8em 0; background: #72677c url(/local/templates/.default/css/../img/page-portfolio/page-portfolio-bg_stats.jpg) 100% 50% no-repeat; background-size: cover; font-weight: 300; color: #fff; } .page-portfolio__stats .h2 { color: inherit; } .page-portfolio__stats__items { /*display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;*/ margin: 6em -15px 0; } .page-portfolio__stats__item { -ms-flex: 1 1 0; -webkit-flex: 1 1 0; flex: 1 1 0; padding: 15px; font-size: 1.125em; } .page-portfolio__stats__item__art { margin: 0 0 2.5em 10px; width: 28px; height: 28px; border: 10px solid transparent; transform: rotate(45deg); } .page-portfolio__stats__item__title { font-weight: 100; font-size: 5.875em; line-height: 1; color: inherit; } .page-portfolio__stats__descr { margin-top: 2em; } .portfolio-case_amocrm .page-portfolio__stats { background-image: url(/local/templates/.default/css/../img/page-portfolio/page-portfolio-bg_stats_amo.jpg); } .d-wrap .page-portfolio__stats .slick-arrow { margin: -40px -80px 0; width: 78px; height: 78px; border: 1px solid rgba(255,255,255,.2); } .d-wrap .page-portfolio__stats .slick-arrow:before { position: absolute; top: 50%; left: 0; right: 0; margin-top: -.5em; font-size: 32px; line-height: 1; text-align: center; } .d-wrap .page-portfolio__stats .slick-prev { left: 0; } .d-wrap .page-portfolio__stats .slick-prev:before { text-indent: 0; } .d-wrap .page-portfolio__stats .slick-next { right: 0; } .d-wrap .page-portfolio__stats .slick-next:before { text-indent: 5px; } /* BEGIN landing amo */ .landing-amo { margin-top: -110px; background: #fff url(/upload/bg_landing_amo.jpg) 50% 570px no-repeat; } .landing-amo__header { position: relative; height: -webkit-calc(100vh); height: -moz-calc(100vh); height: calc(100vh); min-height: 850px; background: #1b1f28 url(/upload/bg_landing_amo_header.jpg) 0 50% no-repeat; background-size: cover; overflow: hidden; } .landing-amo__header__visual { position: absolute; top: 0; bottom: 0; left: 0; right: 30%; } .landing-amo__header__img { position: absolute; z-index: 5; top: 0; bottom: 0; left: 52%; right: -20%; -webkit-transform: skewX(-30deg); -moz-transform: skewX(-30deg); -ms-transform: skewX(-30deg); -o-transform: skewX(-30deg); transform: skewX(-30deg); overflow: hidden; } .landing-amo__header__img:before { position: absolute; z-index: 5; top: 0; bottom: 0; left: 0; right: 0; background: rgba(27,31,40,.4); content: ''; } .landing-amo__header__img figure { position: absolute; top: 0; bottom: 0; left: -35%; right: 0; background: url(/upload/bg_landing_amo_header_dummy.jpg) 50% 0 no-repeat; background-size: cover; -webkit-transform: skewX(30deg); -moz-transform: skewX(30deg); -ms-transform: skewX(30deg); -o-transform: skewX(30deg); transform: skewX(30deg); } .landing-amo__header__overlay { position: absolute; z-index: 35; top: 0; bottom: 0; left: -20%; right: 48%; background: #252b3a; -webkit-transform: skewX(-30deg); -moz-transform: skewX(-30deg); -ms-transform: skewX(-30deg); -o-transform: skewX(-30deg); transform: skewX(-30deg); opacity: 0; visibility: hidden; } .landing-amo__header__close { position: absolute; z-index: 90; top: 25px; left: 50%; margin-left: 130px; width: 30px; height: 30px; background: #fff url(/local/templates/.default/css/../img/ico_close.svg) 50% no-repeat; background-size: 12px; cursor: pointer; opacity: 0; visibility: hidden; border-radius: 100%; } .landing-amo__header__title { position: absolute; z-index: 20; top: 50%; left: 0; right: 0; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .landing-amo__header__title .h2 { display: inline-block; margin: 0; padding: 1em 60px 1.125em; line-height: 1; color: #fff; background: -webkit-linear-gradient(left, #306aff, #0078ff); background: -moz-linear-gradient(left, #306aff, #0078ff); background: -ms-linear-gradient(left, #306aff, #0078ff); background: -o-linear-gradient(left, #306aff, #0078ff); background: linear-gradient(to right, #306aff, #0078ff); border-radius: 4em; } .landing-amo__header__body { position: absolute; top: 50%; left: 0; right: 0; margin-top: -231px; } .landing-amo__header__content { position: relative; height: 572px; } .landing-amo__header__content:before { position: absolute; z-index: 10; top: 0; left: 50%; width: 570px; height: 570px; border: 1px dashed rgba(255, 255, 255, .2); border-radius: 100%; content: ''; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .landing-amo__header__content:after { position: absolute; z-index: 40; top: 50%; left: 50%; width: 20px; height: 20px; background: #fff; border: 15px solid rgba(255,255,255,.4); border-radius: 100%; box-shadow: 0 0 0 30px rgba(255,255,255,.2); content: ''; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; opacity: 0; visibility: hidden; } .landing-amo__header__section {} .landing-amo__header__section .h3 { position: absolute; z-index: 30; margin: 0 1em; color: #fff; } .landing-amo__header__section_left .h3 { bottom: 100%; left: 0; } .landing-amo__header__section_right .h3 { bottom: 0; right: 0; } .landing-amo__header__button { position: absolute; z-index: 30; padding: 25px 40px; color: #fff; text-decoration: none; border-radius: 40px; overflow: hidden; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .landing-amo__header__button:before { position: absolute; top: 0; bottom: 0; left: 0; width: 0; background: -webkit-linear-gradient(left, #306aff, #0078ff); background: -moz-linear-gradient(left, #306aff, #0078ff); background: -ms-linear-gradient(left, #306aff, #0078ff); background: -o-linear-gradient(left, #306aff, #0078ff); background: linear-gradient(to right, #306aff, #0078ff); content: ''; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; opacity: 0; } .landing-amo__header__button:hover:before, .landing-amo__header__button.current:before { width: 100%; opacity: 1; } .landing-amo__header__button:before { position: absolute; } .landing-amo__header__button span { position: relative; z-index: 2; } .landing-amo__header__section_left .landing-amo__header__button { background: rgba(0,0,0,.6); } .landing-amo__header__section_right .landing-amo__header__button { background: rgba(255,255,255,.1); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } .landing-amo__header__button_0 { top: 0; left: 50%; margin-top: -30px; } .landing-amo__header__button_1 { top: 15%; left: 28%; } .landing-amo__header__button_2 { bottom: 15%; left: 28%; } .landing-amo__header__button_3 { top: 15%; right: 28%; } .landing-amo__header__button_4 { bottom: 15%; right: 28%; } .landing-amo__header__button_5 { bottom: 0; right: 50%; margin-bottom: -22px; } .landing-amo__header__descr { position: absolute; z-index: 50; top: 0; right: 50%; margin: 0 20%; width: calc(50vw - 25%); font-weight: 300; color: #fff; opacity: 0; visibility: hidden; } .landing-amo__header__descr h2, .landing-amo__header__descr h3, .landing-amo__header__descr h5 { color: inherit; } .landing-amo__header__descr h2 { margin-bottom: 0; } .landing-amo__header__descr .btn { margin-top: 4em; } .landing-amo__header__text { padding-right: 30px; max-height: 550px; overflow: auto; } .landing-amo__header__text::-webkit-scrollbar{width:6px;height:0;border-radius:3px} .landing-amo__header__text::-webkit-scrollbar-track{background:none;border-radius:3px} .landing-amo__header__text::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:3px} .landing-amo__header__preview { margin: 3.5em 0 5em; } .landing-amo__header__descr.current { opacity: 1; visibility: visible; } .landing-amo__header.is-opened { background: #252b3a; } .landing-amo__header.is-opened .landing-amo__header__visual { opacity: 0; visibility: hidden; } .landing-amo__header.is-opened .landing-amo__header__overlay { opacity: 1; visibility: visible; } .landing-amo__header.is-opened .landing-amo__header__content:before { margin-top: 40px; width: 490px; height: 490px; } .landing-amo__header.is-opened .landing-amo__header__content:after { opacity: 1; visibility: visible; } .landing-amo__header.is-opened .landing-amo__header__close { opacity: 1; visibility: visible; } .landing-amo__header.is-opened .landing-amo__header__title { opacity: 0; visibility: hidden; } .landing-amo__header.is-opened .landing-amo__header__section .h3 { bottom: 40px; font-size: 22px; } .landing-amo__header.is-opened .landing-amo__header__button { background: #000; } .landing-amo__header.is-opened .landing-amo__header__button_0 { top: 40px; } .landing-amo__header.is-opened .landing-amo__header__button_1, .landing-amo__header.is-opened .landing-amo__header__button_2, .landing-amo__header.is-opened .landing-amo__header__button_3, .landing-amo__header.is-opened .landing-amo__header__button_4 { margin: 60px 40px; } .landing-amo__header.is-opened .landing-amo__header__button_5 { bottom: 40px; } .landing-amo__header.is-opened_left .landing-amo__header__img { left: -20%; right: 48%; } .landing-amo__header.is-opened_left .landing-amo__header__img figure { left: 0; right: -35%; } .landing-amo__header.is-opened_left .landing-amo__header__overlay { left: 52%; right: -20%; } .landing-amo__header.is-opened_left .landing-amo__header__descr { right: auto; left: 50%; } .landing-amo__section { margin: 10em 0 0; } .landing-amo__section_why {margin-bottom: 4em;} .landing-amo__section_videos { position: relative; z-index: 5; } .landing-amo__section_videos .h1 { margin-top: 1em; margin-bottom: .75em; position: relative; z-index: 13; line-height: 1; } .landing-amo__section_videos .h1 span { display: inline-block; padding: .25em 20px; background: #306aff; color: #fff; white-space: nowrap; } .landing-amo__section_about__body { position: relative; font-weight: 300; color: #fff; } .landing-amo__section_about__cell { position: relative; padding-left: 5%; padding-right: 5%; width: -webkit-calc(50% - 15px); width: -moz-calc(50% - 15px); width: calc(50% - 15px); visibility: hidden; } .landing-amo__section_about__cell:before, .landing-amo__section_about__cell:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-position: 50%; background-repeat: no-repeat; background-size: cover; content: ''; } .landing-amo__section_about__cell:before { background-color: #474352; box-shadow: 0 5px 20px rgba(0,0,0,.2); } .landing-amo__section_about__cell:after { opacity: .1; } .landing-amo__section_about__cell:hover:before { background-color: #006bef; } .landing-amo__section_about__body img { display: block; margin-bottom: 2em; height: 86px; } .landing-amo__section_about__body h3 { color: inherit; } .landing-amo__section_about__col { position: relative; z-index: 5; margin: 0 auto; padding: 4em 0 3em; max-width: 390px; } .landing-amo__section_about__col .ul_custom li { margin-bottom: 1.5em; font-size: 16px; } .landing-amo__section_about__col .ul_custom li strong { color: #306aff; } .landing-amo__section_about__text { padding: 2em 8%; background: rgba(255,255,255,.2); border-radius: 10px; font-size: 1.125em; } .landing-amo__section_about__text p:last-child { margin: 0; } .landing-amo__section_about__left { float: left; } .landing-amo__section_about__left:before, .landing-amo__section_about__left:after { border-radius: 0 5px 5px 0; } .landing-amo__section_about__left:after { background-image: url(/upload/bg_landing_amo_about_0.jpg); } .landing-amo__section_about__left .landing-amo__section_about__col { margin-right: 0; } .landing-amo__section_about__right { float: right; } .landing-amo__section_about__right:before, .landing-amo__section_about__right:after { border-radius: 5px 0 0 5px; } .landing-amo__section_about__right:after { background-image: url(/upload/bg_landing_amo_about_1.jpg); } .landing-amo__section_about__right .landing-amo__section_about__col { margin-left: 0; } .landing-amo__section_solutions .h1 { margin-bottom: .5em; } .landing-amo__section_solutions_btns { margin-top: 3em; } .landing-amo__section_solutions .btn { margin-top: 4em; } .landing-amo__section_solutions_btns.mob{display: none;} .landing-amo__section_order-params { position: relative; background: #f6f5f7; } .landing-amo__section_order-params:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: solid #fff; border-width: 50px 0; content: ''; } .landing-amo__section_order-params__items, .landing-amo__section_order-params__items .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; z-index: 5; } .landing-amo__section_order-params__items .slick-track:before, .landing-amo__section_order-params__items .slick-track:after { display: none; } .landing-amo__section_order-params__items .slick-list { overflow: unset; } .landing-amo__section_order-params__items { margin: 0 -15px; } .landing-amo__section_order-params__item, .landing-amo__section_order-params__items .slick-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 15px; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .landing-amo__section_order-params__item__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; margin: 0 auto; max-width: 560px; height: 100%; background: #0391f4 url(/upload/bg_landing_amo_order-params2.jpg) 50% -60px no-repeat; color: #fff; border-radius: 20px; box-shadow: 0 30px 60px -20px rgba(72, 56, 134, 0.4); } .landing-amo__section_order-params__item img { max-width: 60%; } .landing-amo__section_order-params__item__tsr .landing-amo__section_order-params__item__wrap { -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; background-image: url(/upload/bg_landing_amo_order-params.jpg); background-position: 50%; background-size: cover; box-shadow: -40px 20px 120px -10px rgba(255,0,198,.35), 40px 20px 120px -10px rgba(0,152,239,.55); min-height: 793px; } @media only screen and (max-width: 1056px){ .landing-amo__section_order-params__item__tsr .landing-amo__section_order-params__item__wrap{min-height: 804px;} }/* END 1056px */ @media only screen and (max-width: 767px){ .landing-amo__section_order-params__item__tsr .landing-amo__section_order-params__item__wrap{min-height: 500px;} }/* END 767px */ .landing-amo__section_order-params__item__tsr img { position: absolute; top: -100px; left: -80px; max-width: 120%; } .landing-amo__section_order-params__item__body { padding: 12.5%; } .landing-amo__section_order-params__item__body .h2 { margin-bottom: .75em; color: #fff; } .landing-amo__section_order-params__item__body .h3 { margin-bottom: .75em; color: #fff; } .landing-amo__section_order-params__item__body .h3 strong { display: block; } .landing-amo__section_order-params__item__body p { margin-bottom: 3em; } .landing-amo__section_order-params__item__body .btn { padding-left: 0 !important; padding-right: 0 !important; width: 260px; } .landing-amo__section_order-params .slick-arrow { top: 100%; left: 50%; right: auto; margin: 0 0 0 10px; width: 60px; height: 60px; background: #d2f1ff; border: 0; color: #306aff; cursor: pointer; border-radius: 100%; } .landing-amo__section_order-params .slick-arrow:before { position: absolute; top: 50%; left: 0; right: 0; margin-top: -.525em; font-size: 32px; line-height: 1; text-align: center; } .landing-amo__section_order-params .slick-prev { left: auto; right: 50%; margin: 0 10px 0 0; } .landing-amo__section_order-params .slick-prev:before { text-indent: -2px; } .landing-amo__section_order-params .slick-next:before { text-indent: 6px; } .landing-amo__section_order-params .slick-arrow:hover { background: #306aff; color: #fff; } .landing-amo__section_discount__body { position: relative; padding: 4.5em 5% 2.5em 8.5%; background: #e6f0f8 url(/upload/bg_landing_amo_discount.jpg) 50% 0 no-repeat; background-size: cover; overflow: hidden; border-radius: 10px; } .landing-amo__section_discount__body:before { position: absolute; top: -190px; left: -40px; width: 400px; height: 400px; background: #306aff; opacity: .9; content: ''; border-radius: 100%; } .landing-amo__section_discount__body:after { position: absolute; top: 0; left: 0; width: 360px; height: 210px; background: url(/upload/amo_discount.svg) 40% 50% no-repeat; content: ''; } .landing-amo__section_discount__text { float: left; padding: 13em 0 1em; width: 47%; } .landing-amo__section_discount__text .h1 { margin-bottom: .375em; } .landing-amo__section_discount__text .btn { margin-top: .75em; } .landing-amo__section_discount__items { margin-left: 47%; } .landing-amo__section_discount__item { float: left; width: 50%; } .landing-amo__section_discount__item a { display: block; margin: 15px; color: inherit; text-align: center; text-decoration: none; } .landing-amo__section_discount__item figure { display: block; position: relative; margin-bottom: 1em; padding-bottom: 60%; background: #fff; border: 2px solid transparent; overflow: hidden; border-radius: 10px; box-shadow: 0 35px 75px -35px rgba(72,56,134,.56); } .landing-amo__section_discount__item figure img { position: absolute; top: 50%; left: 50%; max-width: 80%; max-height: 80%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .landing-amo__section_discount__item a:hover figure { border-color: #306aff; } .order-addparams { margin-bottom: 3em; font-size: 12px; line-height: 1.25; } .order-addparams ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .order-addparams li { cursor: pointer; margin-bottom: 10px; padding: 15px 20px; width: calc(50% - 5px); border: 1px solid #fff; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .order-addparams__pretitle { margin-bottom: .75em; } .order-addparams__title { font-weight: 700; font-size: 18px; } .order-addparams__posttitle { font-weight: 700; font-size: 18px; } .order-addparams__posttitle span { font-weight: 400; font-size: 12px; } .order-addparams__action { position: relative; margin-top: 1em; } .order-addparams li.current { background: #fff; color: #306aff; box-shadow: 0 2px 4px rgba(0,0,0,.3);} .order-addparams li.current .order-addparams__pretitle { color: #aeaeae; } .order-addparams li.current .order-addparams__posttitle { color: #0cd737; } .order-addparams li.current .order-addparams__action { padding-left: 24px; } .order-addparams li.current .order-addparams__action:before { position: absolute; top: 50%; left: 0; margin-top: -.5em; font:normal normal normal 18px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f00c"; } .landing-amo__section_testimonials { margin: 0; padding: 8em 0; background: #474352 url(/upload/bg_landing_amo_testimonials.jpg) 50% no-repeat; background-size: cover; font-weight: 300; color: #fff; text-align: center; } .portfolio-case .landing-amo__section_testimonials { background-image: url(/upload/bg_landing_amo_testimonials3.jpg); } .portfolio-case_amocrm .landing-amo__section_testimonials { background-image: url(/upload/bg_landing_amo_testimonials2.jpg); } .landing-amo__section_testimonials h2, .landing-amo__section_testimonials .h4 { color: inherit; } .landing-amo__section_testimonials .h4 { margin-bottom: .25em; } .landing-amo__reasons { position: relative; margin: 0 auto; padding: 50px; width: 640px; border-radius: 100%; border: 1px solid #cfecfc; font-weight: 300; } .landing-amo__reasons__body { position: relative; padding-bottom: 100%; border-radius: 100%; border: 1px solid #b2e0fa; } .landing-amo__reasons__body:before, .landing-amo__reasons__body:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid; content: ''; border-radius: 100%; } .landing-amo__reasons__body:before { margin: 50px; border-color: #99d6f9; } .landing-amo__reasons__body:after { margin: 100px; border-color: #7fcbf7; } .landing-amo__reasons .h1 { position: absolute; top: 50%; left: 0; right: 0; margin: 0; line-height: 1.17; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .landing-amo__reasons__item { position: absolute; z-index: 5; margin: -10px; } .landing-amo__reasons__item:before { position: absolute; width: 10px; height: 10px; background: #fff; border: 5px solid #306aff; content: ''; border-radius: 100%; -webkit-animation: dotPulse 2s infinite; -moz-animation: dotPulse 2s infinite; -o-animation: dotPulse 2s infinite; animation: dotPulse 2s infinite; } .landing-amo__reasons__item div { position: absolute; white-space: nowrap; } .landing-amo__reasons__item span, .landing-amo__reasons__item strong { display: inline-block; vertical-align: middle; line-height: 1.25; color: #6c6c6c; } .landing-amo__reasons__item strong { margin: 0 10px; font-weight: 300; font-size: 10em; line-height: 1; color: #306aff; letter-spacing: -.05em; } .landing-amo__reasons__item_0 { top: 150px; left: 45px; } .landing-amo__reasons__item_0 div { bottom: 0; left: -140px; } .landing-amo__reasons__item_1 { top: 120px; left: 410px; } .landing-amo__reasons__item_1:before { animation-delay: 1.5s; } .landing-amo__reasons__item_1 div { bottom: -10px; left: -40px; } .landing-amo__reasons__item_2 { top: 380px; left: 580px; } .landing-amo__reasons__item_2:before { animation-delay: 3s; } .landing-amo__reasons__item_2 div { top: 20px; left: -120px; } .landing-amo__reasons__item_3 { top: 450px; left: -30px; } .landing-amo__reasons__item_3:before { animation-delay: 4.5s; } .landing-amo__reasons__item_3 div { top: 30px; left: -140px; } .landing-amo__reasons__item_3 strong:after { font-size: .25em; content: '%'; } .landing-amo__section_form { margin-top: 0; padding-top: 8em; background: -webkit-linear-gradient(top, #f0fafe, #fff 50%, #fff); background: -moz-linear-gradient(top, #f0fafe, #fff 50%, #fff); background: -ms-linear-gradient(top, #f0fafe, #fff 50%, #fff); background: -o-linear-gradient(top, #f0fafe, #fff 50%, #fff); background: linear-gradient(to bottom, #f0fafe, #fff 50%, #fff); } .landing-amo__section_form .custom-quote { padding: 300px 45% 0 0; min-height: 700px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .landing-amo__section_form .custom-quote figure { position: absolute; top: 0; left: 50%; } .landing-amo__section_form .custom-quote figure img { max-width: none; } .custom-quote { position: relative; font-weight: 300; color: #000; } .custom-quote__text { font-size: 1.5em; line-height: 1.25; } .custom-quote__text:before { display: block; position: relative; top: .1em; left: -.025em; font-size: 6.36em; line-height: 0; color: #306aff; content: '‘‘'; } .custom-quote__person { margin-top: 2em; font-weight: 700; text-transform: uppercase; } .custom-quote__position { margin-top: .75em; font-size: 12px; line-height: 1.25; } .thumbs-grid { position: relative; padding-bottom: 86%; } .thumbs-grid .thumbs-grid__item { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .thumbs-grid .thumbs-grid__item__body { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 15px; background: #306aff; color: #fff; text-decoration: none; overflow: hidden; border-radius: 5px; } .thumbs-grid .thumbs-grid__item__body figure { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 5px; } .thumbs-grid__item__caption { position: absolute; top: 0; left: 0; right: 0; margin: 30px; opacity: 0; } .thumbs-grid__item__caption .h4 { display: block; margin-bottom: .5em; color: inherit; } .thumbs-grid .thumbs-grid__item__body:hover { box-shadow: 0 2px 4px rgba(0,0,0,.25); } .thumbs-grid .thumbs-grid__item__body:hover figure { opacity: .2; } .thumbs-grid .thumbs-grid__item__body:hover .thumbs-grid__item__caption { opacity: 1; } .thumbs-grid_2 .thumbs-grid__item { height: 50%; } .thumbs-grid_2 .thumbs-grid__item + .thumbs-grid__item { top: auto; } .thumbs-grid_3 .thumbs-grid__item { width: 50%; height: 50%; } .thumbs-grid_3 .thumbs-grid__item + .thumbs-grid__item { left: auto; } .thumbs-grid_3 .thumbs-grid__item + .thumbs-grid__item + .thumbs-grid__item { top: auto; left: 0; width: 100%; } .slider_projects_grid {} .slider_projects_grid__item {} .slider_projects_grid__item__body { display: block; color: inherit; text-decoration: none; } .slider_projects_grid__item__caption { display: block; color: #aeaeae; } .slider_projects_grid__item__caption .h2 { display: block; } .slider_projects_grid__item figure { display: block; position: relative; height: 310px; background-position: 50%; background-repeat: no-repeat; background-size: cover; overflow: hidden; border-radius: 5px; } .slider_projects_grid__item figcaption { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 10% 10% 0; background: rgba(3,169,244,.8); color: #fff; opacity: 0; visibility: hidden; } .slider_projects_grid__item:hover figcaption { opacity: 1; visibility: visible; } .d-wrap .slider_projects_grid__nav { margin: 0 -10px; height: 60px; font-size: 0; } .d-wrap .slider_projects_grid__nav .slick-arrow { display: inline-block; position: relative; top: 0; margin: 0 10px; width: 60px; height: 60px; background: #d2f1ff; border: 0; color: #306aff; cursor: pointer; border-radius: 100%; } .d-wrap .slider_projects_grid__nav .slick-arrow:before { position: absolute; top: 50%; left: 0; right: 0; margin-top: -.525em; font-size: 32px; line-height: 1; text-align: center; } .d-wrap .slider_projects_grid__nav .slick-prev:before { text-indent: -2px; } .d-wrap .slider_projects_grid__nav .slick-next:before { text-indent: 6px; } .d-wrap .slider_projects_grid__nav .slick-arrow:hover { background: #306aff; color: #fff; } .slider_testimonials { margin: 0 auto; max-width: 750px; } .slider_testimonials__item { padding: 0 90px; } .slider_testimonials__item figure { display: block; position: relative; margin: 0 auto 1.5em; width: 150px; height: 150px; background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 100%; } .slider_testimonials__item figure img { display: none; } .slider_testimonials__item figure a { position: absolute; bottom: 0; right: 0; width: 48px; height: 48px; background: #306aff; background: -webkit-linear-gradient(135deg, #306aff, #0078ff); background: -moz-linear-gradient(135deg, #306aff, #0078ff); background: -ms-linear-gradient(135deg, #306aff, #0078ff); background: -o-linear-gradient(135deg, #306aff, #0078ff); background: linear-gradient(135deg, #306aff, #0078ff); border-radius: 100%; } .slider_testimonials__item figure a:before { position: absolute; top: 50%; left: 50%; margin: -8px -5px; border: solid transparent; border-width: 8px 14px; border-left-color: #fff; font-size: 0; content: ''; } .slider_testimonials__text { position: relative; margin-top: 3em; } .slider_testimonials__text:before { position: absolute; top: 0; left: -60px; font-size: 10em; line-height: .7; content: '‘‘'; } .slider_testimonials__text p { margin-bottom: 1em; } .slider_testimonials__text p:last-child { margin: 0; } .d-wrap .slider_testimonials .slick-arrow { top: 0; margin: 35px 0 0; width: 78px; height: 78px; border: 1px solid rgba(255,255,255,.2); } .d-wrap .slider_testimonials .slick-arrow:before { position: absolute; top: 50%; left: 0; right: 0; margin-top: -.5em; font-size: 32px; line-height: 1; text-align: center; } .d-wrap .slider_testimonials .slick-prev { left: auto; right: 50%; margin-right: 200px; } .d-wrap .slider_testimonials .slick-prev:before { text-indent: 0; } .d-wrap .slider_testimonials .slick-next { left: 50%; right: auto; margin-left: 200px; } .d-wrap .slider_testimonials .slick-next:before { text-indent: 8px; } .carousel3d-wrap { position: relative; margin-bottom: 4em; padding-bottom: 57%; transform-style: preserve-3d; } .carousel3d { height: 100%; width: 100%; position: absolute; transform-style: preserve-3d; transition: transform 1s; } .carousel3d__item { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000; background-position: 50%; background-repeat: no-repeat; background-size: cover; opacity: 0; overflow: hidden; border-radius: 10px; transition: all 1s; } .carousel3d__item.front { opacity: 1; box-shadow: 0 25px 40px -20px rgba(0,0,0,0.65); } .carousel3d__item.below { opacity: .9; } .carousel3d__btns { margin: 40px -10px 0; height: 60px; font-size: 0; } .carousel3d__btns .fa { display: inline-block; position: relative; margin: 0 10px; width: 60px; height: 60px; background: #d2f1ff; color: #306aff; cursor: pointer; border-radius: 100%; } .carousel3d__btns .fa-angle-left { text-indent: -2px; } .carousel3d__btns .fa-angle-right { text-indent: 6px; } .carousel3d__btns .fa:before { position: absolute; top: 50%; left: 0; right: 0; margin-top: -.525em; font-size: 32px; text-align: center; } .carousel3d__btns .fa:hover { background: #306aff; color: #fff; } .carousel3d__item__body { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.43); } .carousel3d__item__text { position: absolute; bottom: 10%; left: 0; right: 0; margin: 0 11.5%; font-weight: 300; color: #fff; } .carousel3d__item__text .h2 { margin-bottom: .5em; color: inherit; } .carousel3d__item__lnk_video { display: inline-block; position: relative; margin-top: 2em; color: inherit; text-decoration: none; } .carousel3d__item__lnk_video:before { display: inline-block; vertical-align: middle; margin-right: 20px; width: 70px; height: 70px; border: 2px solid; content: ''; border-radius: 100%; } .carousel3d__item__lnk_video:after { position: absolute; top: 50%; left: 0; margin: -12px 30px; border: solid transparent; border-width: 12px 20px; border-left-color: inherit; font-size: 0; content: ''; } .carousel3d__item__lnk_video span { display: inline-block; vertical-align: middle; border-bottom: 1px dashed rgba(255,255,255,.25); } .carousel3d__item__lnk_video:hover span { border-bottom-color: transparent; } .is-popup-video #cboxLoadedContent { padding: 0; } .slider-nav-icons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 2em; font-weight: 500; font-size: 14px; text-align: center; text-transform: uppercase; } .slider-nav-icons .slick-list { width: 100%; } .slider-nav-icons .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100% !important; transform: none!important; } .slider-nav-icons .slick-track:before,.slider-nav-icons .slick-track:after{display:none;} .slider-nav-icons__item { position: relative; width: auto !important; cursor: pointer; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; } .slider-nav-icons__item__sep { position: absolute; top: 45px; left: 100%; margin-left: 10px; width: 90px; height: 18px; overflow: hidden; } .slider-nav-icons__item__sep:before { position: absolute; top: 0; left: 50%; margin-left: -102px; width: 204px; height: 204px; border: 1px dashed #306aff; content: ''; border-radius: 100%; } .slider-nav-icon { display: block; position: relative; margin: 0 auto 20px; width: 136px; height: 136px; background-color: #fff; border: 2px solid #306aff; font-size: 50px; color: #306aff; text-align: center; border-radius: 100%; } .slider-nav-icon:before { position: absolute; top: 50%; left: 0; right: 0; margin-top: -.5em; } .slider-nav-icon.im-company { font-size: 55px; } .slider-nav-icon.im-company:before { margin-top: -.55em; text-indent: .05em; } .slider-nav-icon.im-tasks { font-size: 52px; } .slider-nav-icon.im-tasks:before { text-indent: .25em; } .slider-nav-icon.im-crm { font-size: 43px; } .slider-nav-icon.im-crm:before { margin-top: -.45em; text-indent: .05em; } .slider-nav-icon.im-contacts { font-size: 57px; } .slider-nav-icon.im-contacts:before { margin-top: -.45em; } .slider-nav-icon.im-web { font-size: 55px; } .slider-nav-icons__item:hover, .slick-current .slider-nav-icons__item { color: #306aff; } .slider-nav-icons__item:hover .slider-nav-icon, .slick-current .slider-nav-icons__item .slider-nav-icon { background: #306aff; color: #fff; } .slider-nav-icons__item.odd .slider-nav-icons__item__sep { margin-top: 36px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .slider-nav-icons__item.is-forward .slider-nav-icons__item__sep:before, .slider-nav-icons__item.is-backward .slider-nav-icons__item__sep:before { -webkit-animation: rotateSquare 1s; animation: rotateSquare 1s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .slider-nav-icons__item.odd.is-forward .slider-nav-icons__item__sep:before, .slider-nav-icons__item.is-backward .slider-nav-icons__item__sep:before { animation-direction: reverse; } .slider-nav-icons__item.odd.is-backward .slider-nav-icons__item__sep:before { animation-direction: normal; } #slider-vb24-about .amopage-promo-content__video { display: block; margin-top: 0; max-width: 100%; height: auto; box-sizing: border-box; padding: 0 0 61.5%; background: #306aff; } #slider-vb24-about .amopage-promo-content__video-text { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 4.5em 13% 1em; } #slider-vb24-about .amopage-promo-content__video:hover .amopage-promo-content__play .fa { top: 0; left: 50%; transform: translate(150%,-50%); } #slider-vb24-about .h1 {font-size: 50px; margin-bottom: .5em; padding-top: .5em; } #slider-vb24-about p{font-size: 16px;} #slider-vb24-about .btn { font-size: 16px; margin: 1.5em 0; } #slider-vb24-about .slider-nav-icon { display: none; } @-webkit-keyframes dotPulse { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.8); } 50% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes dotPulse { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.7); } 50% { -moz-transform: scale(1.4); } 100% { -moz-transform: scale(1); } } @-ms-keyframes dotPulse { 0% { -ms-transform: scale(1); } 25% { -ms-transform: scale(.7); } 50% { -ms-transform: scale(1.4); } 100% { -ms-transform: scale(1); } } @keyframes dotPulse { 0% { transform: scale(1); } 25% { transform: scale(.7); } 50% { transform: scale(1.4); } 100% { transform: scale(1); } } @-webkit-keyframes rotateSquare { 0% { -webkit-transform: rotate(0deg); opacity: 1; border-width: 1px; } 50% { border-width: 2px; } 100% { -webkit-transform: rotate(360deg); opacity: 1; border-width: 1px; } } @keyframes rotateSquare { 0% { transform: rotate(0deg); opacity: 1; border-width: 1px; } 50% { border-width: 2px; } 100% { transform: rotate(360deg); opacity: 1; border-width: 1px; } } .box_video__iframe, .box_video__iframe iframe { position: absolute; z-index: 111; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; overflow: hidden; } .box_video__iframe { opacity: 0; visibility: hidden; } .box_video__hide { position: absolute; z-index: 115; top: 0; right: 0; margin: 10px; width: 32px; height: 32px; background: url(/local/templates/.default/css/../img/ico_close2.svg) 50% no-repeat; background-size: 100%; cursor: pointer; } .box_video__iframe.is-opened { opacity: 1; visibility: visible; } #colorbox .page-section, #colorbox .landing-amo__section_form, #colorbox .page-section_form { margin: 0; padding: 0; background: none; width: 600px; max-width: 100%; } #colorbox .page-section .d-tac, #colorbox .landing-amo__section_form .d-tac { text-align: left; } #colorbox .form-order { margin-top: 0; } #colorbox .landing-amo__section_form .d-col { width: 100%; } #colorbox .landing-amo__section_form .d-hide-sm { display: none; } .itrack-index-promo__body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -15px; } .itrack-index-promo__cell { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex: 1 1 50%; -webkit-flex: 1 1 50%; flex: 1 1 50%; } .itrack-index-promo__cell_split { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .itrack-index-promo__item { -ms-flex: 1 1 50%; -webkit-flex: 1 1 50%; flex: 1 1 50%; position: relative; margin: 15px; height: 610px; background: #000; color: #fff; overflow: hidden; } .itrack-index-promo__item .h3 { margin-bottom: .75em; font-weight: 700; color: #fff; } .itrack-index-promo__item a { color: inherit; } .itrack-index-promo__item a.d-lnk-js { border-color: inherit; } .itrack-index-promo__item__bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: 50% no-repeat; background-size: cover; } .itrack-index-promo__item__header { position: absolute; z-index: 10; top: 0; left: 0; right: 0; margin: 9%; } .itrack-index-promo__item__body { position: absolute; z-index: 15; top: 0; bottom: 0; left: 0; width: 100%; padding: 9% 9% 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .itrack-index-promo__item__body:before { position: absolute; top: 0; bottom: 0; left: 0; right: 20%; background: rgba(3,169,244,.9); content: ''; } .itrack-index-promo__item__body__art { position: absolute; top: 0; bottom: 0; right: 0; left: 80%; overflow: hidden; } .itrack-index-promo__item__body__art:before { position: absolute; top: 50%; bottom: 0; left: -20px; margin-top: -400px; border: solid transparent; border-width: 400px 140px; border-left-color: rgba(3,169,244,.9); content: ''; } .itrack-index-promo__item__content { position: relative; z-index: 5; } .itrack-index-promo__item__content .btn { margin-top: 2em; text-transform: none; } .itrack-index-promo__item__txt { margin-right: 20%; } .itrack-index-promo__item__img { position: absolute; } .itrack-index-promo__item__content__split { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: -4% -5% 0; } .itrack-index-promo__item__content__split__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex: 1 1 50%; -webkit-flex: 1 1 50%; flex: 1 1 50%; padding: 0 5%; } .itrack-index-promo__item__content__split__item .h3 { margin-bottom: .25em; } .itrack-index-promo__item__content__split__item + .itrack-index-promo__item__content__split__item { border-left: 1px solid rgba(255,255,255,.25); } .itrack-index-promo__item__content__split__item__text { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; } .itrack-index-promo__item:hover { z-index: 5; box-shadow: 0 25px 70px rgba(0,1,63,.5); } .itrack-index-promo__item:hover .itrack-index-promo__item__bg { opacity: .5; } .itrack-index-promo__item:hover .itrack-index-promo__item__header .h3 { opacity: 0; } .itrack-index-promo__item:hover .itrack-index-promo__item__body { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .itrack-index-promo__item_0 .itrack-index-promo__item__bg { background-image: url(/upload/itrack-index-promo_0.jpg); } .itrack-index-promo__item_0 .itrack-index-promo__item__img { bottom: 0; right: 30px; } .itrack-index-promo__item_1 .itrack-index-promo__item__bg { background-image: url(/upload/itrack-index-promo_1.jpg); } .itrack-index-promo__item_1 .itrack-index-promo__item__img { top: 50%; right: 0; -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); -o-transform: translateY(-40%); transform: translateY(-40%); } .itrack-index-promo__item_1 .itrack-index-promo__item__txt { margin-right: 150px; } .itrack-index-promo__item_2 .itrack-index-promo__item__bg { background-image: url(/upload/itrack-index-promo_2.jpg); } .itrack-index-promo__item_2 .itrack-index-promo__item__img { top: 50%; right: 5px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .itrack-index-promo__item_2 .itrack-index-promo__item__content { margin-right: 60px; } .itrack-index-promo__cell_split .itrack-index-promo__item { height: auto; } .itrack-index-promo__cell_split .itrack-index-promo__item__body__art:before { left: -30px; } .itrack-prices { margin: 140px auto 230px; max-width: 950px; font-weight: 300; } .itrack-prices__range { height: 20px; background: #fff; border-radius: 20px; box-shadow: inset 0 2px 9px rgba(131, 149, 166, .36); } .itrack-prices__range .ui-slider-range { background: #306aff; border-radius: 20px; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .itrack-prices__range .itrack-prices__handle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: absolute; z-index: 5; top: 0; margin: -60px -70px; width: 140px; height: 140px; background: #306aff; border-radius: 100%; } .itrack-prices__range .itrack-prices__handle:before, .itrack-prices__range .itrack-prices__handle:after { content: ''; position: absolute; left: -40px; right: -40px; bottom: -40px; top: -40px; background: #306aff; border-radius: 100%; -webkit-animation: animate-circle 3s infinite; -moz-animation: animate-circle 3s infinite; -o-animation: animate-circle 3s infinite; animation: animate-circle 3s infinite; } .itrack-prices__range .itrack-prices__handle:after { left: -60px; right: -60px; bottom: -60px; top: -60px; } .itrack-prices__legend { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; position: relative; margin-top: 20px; } .itrack-prices__legend__item { position: relative; width: 2px; height: 30px; background: #e8edf6; } .itrack-prices__legend__item:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: -40px -100px -100px; content: ""; cursor: pointer; } .itrack-prices__legend__item:hover { background: #306aff; } .itrack-prices__legend__item__caption { position: absolute; z-index: 111; top: 100%; left: 50%; padding: 20px 0 80px; color: #c4cbd6; text-align: center; white-space: nowrap; cursor: pointer; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-user-select: none; -ms-user-select:none; user-select:none; } .itrack-prices__legend__item__caption span { display: block; font-size: 22px; line-height: 1.125; color: #000; } .itrack-prices__legend__item__hint { position: absolute; z-index: 2; top: 0; left: 50%; margin-top: -40px; padding: 90px 30px 30px; background: #fff; color: #333; text-align: center; white-space: nowrap; opacity: 0; visibility: hidden; border-radius: 30px; box-shadow: 0 13px 54px rgba(131, 149, 166, .3); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .itrack-prices__legend__item__hint__price { margin: .25em 0 1em; line-height: 1; } .itrack-prices__legend__item__hint__price span { font-size: 36px; } .itrack-prices__legend__item.current { background: none; } .itrack-prices__legend__item.current .itrack-prices__legend__item__caption { margin-top: -102px; padding-bottom: 0; color: #fff; } .itrack-prices__legend__item.current .itrack-prices__legend__item__caption span { color: inherit; } .itrack-prices__legend__item.current .itrack-prices__legend__item__hint { margin-top: 0; opacity: 1; visibility: visible; } .popup_purchase { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 860px; max-width: 100%; } .popup_purchase__box { -ms-flex: 1 1 50%; -webkit-flex: 1 1 50%; flex: 1 1 50%; margin: 5px; padding: 30px; background: #fff; border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, .3); } .popup_purchase fieldset input, .popup_purchase fieldset select, .popup_purchase fieldset textarea { width: 100%; } .popup_purchase__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #ededed; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .popup_purchase__label { font-size: 11px; color: #999; } .popup_purchase__sum { padding: 8px 0 25px 80px; background: url(data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjcyLjVweCIgaGVpZ2h0PSI3Mi41cHgiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgIHN0cm9rZT0icmdiKDMsIDE2OSwgMjQ0KSIgc3Ryb2tlLXdpZHRoPSIycHgiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBmaWxsPSJyZ2IoMywgMTY5LCAyNDQpIiBkPSJNMzEuMDAwLDEwLjUwMCBDNDcuNTY4LDEwLjUwMCA2MS4wMDAsMjMuOTMxIDYxLjAwMCw0MC41MDAgQzYxLjAwMCw1Ny4wNjggNDcuNTY4LDcwLjUwMCAzMS4wMDAsNzAuNTAwIEMxNC40MzEsNzAuNTAwIDEuMDAwLDU3LjA2OCAxLjAwMCw0MC41MDAgQzEuMDAwLDIzLjkzMSAxNC40MzEsMTAuNTAwIDMxLjAwMCwxMC41MDAgWiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgIGZpbGw9InJnYigyNTUsIDI1NSwgMjU1KSIgZD0iTTQ5LjMyNCwzOS4xNzYgQzQ5LjAxNyw0MC4wMTUgNDguNzI5LDQwLjgwOCA0OC43MjksNDEuNDkyIEM0OC43MjksNDIuMTc1IDQ5LjAxNyw0Mi45NjcgNDkuMzIzLDQzLjgwNiBDNDkuNzg1LDQ1LjA3MiA1MC4yNjMsNDYuMzgyIDQ5Ljg1OSw0Ny42NzAgQzQ5LjQzOCw0OS4wMTMgNDguMjI5LDQ5LjgyOCA0Ny4xNjMsNTAuNTQ5IEM0Ni40NjIsNTEuMDIxIDQ1LjgwMSw1MS40NjggNDUuNDQwLDUxLjk4MSBDNDUuMDcyLDUyLjUwNiA0NC44NjIsNTMuMzA0IDQ0LjY0MSw1NC4xNDkgQzQ0LjM1NSw1NS4yNDAgNDQuMDM0LDU2LjQ1NiA0My4yNTQsNTcuMjk2IEM0My4yNTQsNTcuMjk2IDQwLjA4Nyw1Ny45OTcgMzcuMjM4LDU5LjAzNiBDMzQuMzc3LDYwLjA4MCAzMS44MzQsNjEuNDYzIDMxLjgzNCw2MS40NjMgQzMxLjcyNiw2MS40NzUgMzEuNjE2LDYxLjQ4MyAzMS41MDUsNjEuNDgzIEMzMS4zOTMsNjEuNDgzIDMxLjI4Myw2MS40NzUgMzEuMTc1LDYxLjQ2MyBMMjkuNTQ0LDYwLjg3MSBDMjguOTg2LDYwLjUzNSAyOC40NzMsNjAuMTA2IDI3Ljk5MSw1OS43MDIgQzI3LjM1MSw1OS4xNjcgMjYuNzQ2LDU4LjY2MCAyNi4xODEsNTguNDY5IEMyNS41NzMsNTguMjY1IDI0Ljc2OSw1OC4zMDUgMjMuOTE4LDU4LjM0NyBDMjIuNjAxLDU4LjQxMSAyMS4yMzgsNTguNDc3IDIwLjE2Miw1Ny42NjYgQzE5LjA3Niw1Ni44NDcgMTguNzAwLDU1LjQxMyAxOC4zNjksNTQuMTUwIEMxOC4xNDcsNTMuMzA1IDE3LjkzOCw1Mi41MDcgMTcuNTY5LDUxLjk4MSBDMTcuMjA5LDUxLjQ2OSAxNi41NDcsNTEuMDIxIDE1Ljg0Nyw1MC41NDkgQzE0Ljc4MCw0OS44MjkgMTMuNTcxLDQ5LjAxMyAxMy4xNTEsNDcuNjcxIEMxMi43NDcsNDYuMzgyIDEzLjIyNCw0NS4wNzIgMTMuNjg2LDQzLjgwNyBDMTMuOTkyLDQyLjk2NyAxNC4yODEsNDIuMTc1IDE0LjI4MSw0MS40OTIgQzE0LjI4MSw0MC44MDggMTMuOTkyLDQwLjAxNSAxMy42ODYsMzkuMTc2IEMxMy4yMjQsMzcuOTEwIDEyLjc0NywzNi42MDAgMTMuMTUxLDM1LjMxMiBDMTMuNTcxLDMzLjk3MCAxNC43ODAsMzMuMTU0IDE1Ljg0NywzMi40MzQgQzE2LjU0NywzMS45NjEgMTcuMjA5LDMxLjUxNCAxNy41NjksMzEuMDAxIEMxNy45MzgsMzAuNDc2IDE4LjE0NywyOS42NzcgMTguMzY5LDI4LjgzMyBDMTguNzAwLDI3LjU2OSAxOS4wNzYsMjYuMTM2IDIwLjE2MiwyNS4zMTcgQzIxLjIzOCwyNC41MDYgMjIuNjAxLDI0LjU3MyAyMy45MTgsMjQuNjM3IEMyNC43NzAsMjQuNjc4IDI1LjU3MywyNC43MTggMjYuMTgxLDI0LjUxNCBDMjYuNzQ2LDI0LjMyMyAyNy4zNTEsMjMuODE2IDI3Ljk5MSwyMy4yODAgQzI4Ljk4OCwyMi40NDUgMzAuMTE4LDIxLjQ5OSAzMS41MDUsMjEuNDk5IEMzMi44OTIsMjEuNDk5IDM0LjAyMSwyMi40NDUgMzUuMDE5LDIzLjI3OSBDMzUuNjU5LDIzLjgxNiAzNi4yNjMsMjQuMzIyIDM2LjgyOSwyNC41MTMgQzM3LjQzNywyNC43MTggMzguMjQwLDI0LjY3OCAzOS4wOTEsMjQuNjM2IEM0MC40MDksMjQuNTczIDQxLjc3MiwyNC41MDYgNDIuODQ3LDI1LjMxNiBDNDMuOTM0LDI2LjEzNiA0NC4zMTAsMjcuNTY5IDQ0LjY0MSwyOC44MzMgQzQ0Ljg2MywyOS42NzcgNDUuMDcyLDMwLjQ3NSA0NS40NDAsMzEuMDAxIEM0NS44MDEsMzEuNTEzIDQ2LjQ2MywzMS45NjEgNDcuMTYzLDMyLjQzMyBDNDguMjMwLDMzLjE1NCA0OS40MzgsMzMuOTY5IDQ5Ljg1OSwzNS4zMTIgQzUwLjI2MywzNi42MDAgNDkuNzg1LDM3LjkxMCA0OS4zMjQsMzkuMTc2IFpNNDcuNzEwLDM4LjU0NSBDNDguMDgzLDM3LjUyMiA0OC40MzUsMzYuNTU2IDQ4LjIxOCwzNS44NjQgQzQ3Ljk4NiwzNS4xMjEgNDcuMTI5LDM0LjU0MyA0Ni4yMjEsMzMuOTMxIEM0NS40MjEsMzMuMzkwIDQ0LjU5MywzMi44MzIgNDQuMDQ2LDMyLjA1MiBDNDMuNDkxLDMxLjI2MyA0My4yMjksMzAuMjY1IDQyLjk3NywyOS4zMDEgQzQyLjY5NSwyOC4yMjcgNDIuNDI4LDI3LjIxMiA0MS44MzIsMjYuNzYyIEM0MS4yNDcsMjYuMzIxIDQwLjIzOSwyNi4zNzAgMzkuMTczLDI2LjQyMiBDMzguMjA0LDI2LjQ3MCAzNy4yMDMsMjYuNTE4IDM2LjI5NiwyNi4yMTMgQzM1LjQyNywyNS45MjEgMzQuNjY4LDI1LjI4NSAzMy45MzQsMjQuNjcwIEMzMy4wODUsMjMuOTU5IDMyLjI4MiwyMy4yODYgMzEuNTA1LDIzLjI4NiBDMzAuNzI4LDIzLjI4NiAyOS45MjUsMjMuOTU5IDI5LjA3NiwyNC42NzAgQzI4LjM0MiwyNS4yODUgMjcuNTgzLDI1LjkyMSAyNi43MTQsMjYuMjEzIEMyNS44MDcsMjYuNTE4IDI0LjgwNSwyNi40NzAgMjMuODM3LDI2LjQyMiBDMjIuNzcwLDI2LjM3MCAyMS43NjMsMjYuMzIxIDIxLjE3NywyNi43NjMgQzIwLjU4MiwyNy4yMTIgMjAuMzE1LDI4LjIyNyAyMC4wMzMsMjkuMzAyIEMxOS43ODEsMzAuMjY1IDE5LjUxOSwzMS4yNjMgMTguOTY0LDMyLjA1MyBDMTguNDE3LDMyLjgzMiAxNy41ODksMzMuMzkwIDE2Ljc4OCwzMy45MzEgQzE1Ljg4MSwzNC41NDQgMTUuMDI0LDM1LjEyMiAxNC43OTEsMzUuODY0IEMxNC41NzUsMzYuNTU2IDE0LjkyNywzNy41MjMgMTUuMzAwLDM4LjU0NSBDMTUuNjQ3LDM5LjQ5NyAxNi4wMDYsNDAuNDgxIDE2LjAwNiw0MS40OTIgQzE2LjAwNiw0Mi41MDEgMTUuNjQ3LDQzLjQ4NyAxNS4zMDAsNDQuNDM4IEMxNC45MjcsNDUuNDYwIDE0LjU3NCw0Ni40MjcgMTQuNzkxLDQ3LjExOSBDMTUuMDI0LDQ3Ljg2MCAxNS44ODEsNDguNDM5IDE2Ljc4OCw0OS4wNTIgQzE3LjU4OSw0OS41OTMgMTguNDE3LDUwLjE1MSAxOC45NjQsNTAuOTMwIEMxOS41MTksNTEuNzIwIDE5Ljc4MCw1Mi43MTggMjAuMDMzLDUzLjY4MSBDMjAuMzE1LDU0Ljc1NSAyMC41ODEsNTUuNzcxIDIxLjE3Nyw1Ni4yMjAgQzIxLjc2Myw1Ni42NjIgMjIuNzcwLDU2LjYxMyAyMy44MzcsNTYuNTYxIEMyNC4xOTUsNTYuNTQzIDI0LjU1Nyw1Ni41MjYgMjQuOTE3LDU2LjUyNiBDMjUuNTMyLDU2LjUyNiAyNi4xNDEsNTYuNTc3IDI2LjcxNCw1Ni43NzAgQzI3LjU4Miw1Ny4wNjIgMjguMzQyLDU3LjY5NyAyOS4wNzUsNTguMzEyIEMyOS45MjUsNTkuMDI0IDMwLjcyOCw1OS42OTcgMzEuNTA1LDU5LjY5NyBDMzIuMjgyLDU5LjY5NyAzMy4wODQsNTkuMDI0IDMzLjkzNCw1OC4zMTMgQzM0LjY2OCw1Ny42OTcgMzUuNDI3LDU3LjA2MiAzNi4yOTYsNTYuNzcwIEMzNy4yMDMsNTYuNDY1IDM4LjIwNSw1Ni41MTQgMzkuMTczLDU2LjU2MSBDNDAuMjQwLDU2LjYxMyA0MS4yNDcsNTYuNjYyIDQxLjgzMiw1Ni4yMjEgQzQyLjQyOCw1NS43NzEgNDIuNjk1LDU0Ljc1NSA0Mi45NzcsNTMuNjgxIEM0My4yMjksNTIuNzE4IDQzLjQ5MSw1MS43MjAgNDQuMDQ2LDUwLjkzMCBDNDQuNTkzLDUwLjE1MSA0NS40MjEsNDkuNTkzIDQ2LjIyMSw0OS4wNTIgQzQ3LjEyOSw0OC40MzkgNDcuOTg2LDQ3Ljg2MSA0OC4yMTksNDcuMTE5IEM0OC40MzUsNDYuNDI3IDQ4LjA4Myw0NS40NjAgNDcuNzEwLDQ0LjQzOCBDNDcuMzYzLDQzLjQ4NiA0Ny4wMDQsNDIuNTAxIDQ3LjAwNCw0MS40OTIgQzQ3LjAwNCw0MC40ODEgNDcuMzYzLDM5LjQ5NyA0Ny43MTAsMzguNTQ1IFpNMzguMDg2LDQxLjQ5MiBDMzguMDg2LDQxLjk4NSAzNy43MDAsNDIuMzg1IDM3LjIyNCw0Mi4zODUgTDM0LjYyNiw0Mi4zODUgQzM0LjE1MCw0Mi4zODUgMzMuNzY0LDQxLjk4NSAzMy43NjQsNDEuNDkyIEMzMy43NjQsNDAuOTk3IDM0LjE1MCw0MC41OTggMzQuNjI2LDQwLjU5OCBMMzcuMjI0LDQwLjU5OCBDMzcuNzAwLDQwLjU5OCAzOC4wODYsNDAuOTk3IDM4LjA4Niw0MS40OTIgWk0yOC4xNzQsMzUuOTM0IEwzNC44MzYsMzUuOTM0IEMzNS4zMTIsMzUuOTM0IDM1LjY5OCwzNi4zMzQgMzUuNjk4LDM2LjgyNyBDMzUuNjk4LDM3LjMyMSAzNS4zMTIsMzcuNzIwIDM0LjgzNiwzNy43MjAgTDI4LjE3NCwzNy43MjAgQzI3LjY5OCwzNy43MjAgMjcuMzEyLDM3LjMyMSAyNy4zMTIsMzYuODI3IEMyNy4zMTIsMzYuMzM0IDI3LjY5OCwzNS45MzQgMjguMTc0LDM1LjkzNCBaTTM0LjgzNiw0NS4yNjIgQzM1LjMxMiw0NS4yNjIgMzUuNjk4LDQ1LjY2MiAzNS42OTgsNDYuMTU2IEMzNS42OTgsNDYuNjQ5IDM1LjMxMiw0Ny4wNDggMzQuODM2LDQ3LjA0OCBMMjguMTc0LDQ3LjA0OCBDMjcuNjk4LDQ3LjA0OCAyNy4zMTIsNDYuNjQ5IDI3LjMxMiw0Ni4xNTYgQzI3LjMxMiw0NS42NjIgMjcuNjk4LDQ1LjI2MiAyOC4xNzQsNDUuMjYyIEwzNC44MzYsNDUuMjYyIFpNMjQuOTI0LDQxLjQ5MiBDMjQuOTI0LDQwLjk5NyAyNS4zMTAsNDAuNTk4IDI1Ljc4Niw0MC41OTggTDMxLjkyNSw0MC41OTggQzMyLjQwMiw0MC41OTggMzIuNzg4LDQwLjk5NyAzMi43ODgsNDEuNDkyIEMzMi43ODgsNDEuOTg1IDMyLjQwMiw0Mi4zODUgMzEuOTI1LDQyLjM4NSBMMjUuNzg2LDQyLjM4NSBDMjUuMzEwLDQyLjM4NSAyNC45MjQsNDEuOTg1IDI0LjkyNCw0MS40OTIgWk0zMS41MDUsNTQuNDE0IEMyNC42MjgsNTQuNDE0IDE5LjAzNCw0OC42MTcgMTkuMDM0LDQxLjQ5MiBDMTkuMDM0LDM0LjM2NSAyNC42MjgsMjguNTY4IDMxLjUwNSwyOC41NjggQzM1LjAyMiwyOC41NjggMzguMzkzLDMwLjExOSA0MC43NTQsMzIuODIyIEM0MS4wNzQsMzMuMTg5IDQxLjA0NywzMy43NTQgNDAuNjkzLDM0LjA4NSBDNDAuMzQwLDM0LjQxNiAzOS43OTUsMzQuMzg3IDM5LjQ3NSwzNC4wMjIgQzM3LjQ0MSwzMS42OTMgMzQuNTM1LDMwLjM1NiAzMS41MDUsMzAuMzU2IEMyNS41NzksMzAuMzU2IDIwLjc1OSwzNS4zNTIgMjAuNzU5LDQxLjQ5MiBDMjAuNzU5LDQ3LjYzMSAyNS41NzksNTIuNjI3IDMxLjUwNSw1Mi42MjcgQzM3LjQzMCw1Mi42MjcgNDIuMjUxLDQ3LjYzMSA0Mi4yNTEsNDEuNDkyIEM0Mi4yNTEsMzkuODYzIDQxLjkyMCwzOC4yOTUgNDEuMjY4LDM2LjgzMSBDNDEuMDY4LDM2LjM4MiA0MS4yNTcsMzUuODUwIDQxLjY4OSwzNS42NDUgQzQyLjEyMiwzNS40MzggNDIuNjM0LDM1LjYzMyA0Mi44MzQsMzYuMDgxIEM0My41OTIsMzcuNzgyIDQzLjk3NiwzOS42MDMgNDMuOTc2LDQxLjQ5MiBDNDMuOTc2LDQ4LjYxNyAzOC4zODEsNTQuNDE0IDMxLjUwNSw1NC40MTQgWiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgIHN0cm9rZS13aWR0aD0iNXB4IiBzdHJva2U9InJnYigyMzcsIDIzNywgMjM3KSIgZmlsbD0icmdiKDc5LCAyMDUsIDEwNikiIGQ9Ik01Mi4wMDAsOS41MDAgQzU3LjUyMyw5LjUwMCA2Mi4wMDAsMTMuOTc3IDYyLjAwMCwxOS41MDAgQzYyLjAwMCwyNS4wMjMgNTcuNTIzLDI5LjUwMCA1Mi4wMDAsMjkuNTAwIEM0Ni40NzcsMjkuNTAwIDQyLjAwMCwyNS4wMjMgNDIuMDAwLDE5LjUwMCBDNDIuMDAwLDEzLjk3NyA0Ni40NzcsOS41MDAgNTIuMDAwLDkuNTAwIFoiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiIGQ9Ik01OS43MTcsMTYuMjMyIEw1MS45MzksMjQuMDA5IEw1MS45MzksMjQuMDA5IEw1MS4yMzIsMjQuNzE2IEw0Ni4yODIsMTkuNzY2IEw0Ny42OTcsMTguMzUzIEw1MS4yMzIsMjEuODg4IEw1OC4zMDMsMTQuODE3IEw1OS43MTcsMTYuMjMyIFoiLz48L3N2Zz4=) 0 0 no-repeat; background-size: 66px; border-bottom: 1px solid #e3e3e3; } .popup_purchase__sum__val { font-weight: 300; font-size: 28px; } .popup_purchase__sum__val span { font-size: 36px; } .popup_purchase__product { position: relative; padding: 25px 0 25px 80px; min-height: 42px; border-bottom: 1px solid #e3e3e3; } .popup_purchase__product figure { position: absolute; top: 50%; left: 10px; margin-top: -21px; width: 42px; height: 42px; } .popup_purchase__product figure img { position: absolute; top: 50%; left: 50%; max-height: 100%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .popup_purchase__product .h5 { margin: .75em 0 0; } .popup_purchase__payms { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; padding: 25px 0; max-width: 360px; } .popup_purchase__payms__items { margin: 5px -5px 0; } .popup_purchase__payms__item { float: left; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .popup_purchase__payms__item figure { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 68px; height: 38px; background: #fff; border: 1px solid #e5e5e5; border-radius: 5px; } .popup_purchase__payms__item figure img { display: block; margin: auto; max-width: 80%; max-height: 80%; } .popup_purchase__note { padding: .75em 0; font-size: 12px; } #colorbox.is-popup-purchase #cboxLoadedContent { padding: 0; background: none; border-radius: 0; } .itrack-portfolio-filter { margin-bottom: 40px; text-align: center; position: relative;} .itrack-portfolio-filter__header { position: relative; z-index: 2; margin-bottom: -1px; padding: 1.25em 0; background: #f5f8fa; } .itrack-portfolio-filter__header:before, .itrack-portfolio-filter__header:after { position: absolute; top: 0; bottom: 0; left: -999em; right: -999em; background: #f5f8fa; content: ""; } .itrack-portfolio-filter__header:before { right: 100%; } .itrack-portfolio-filter__header:after { left: 100%; } .itrack-portfolio-filter__header h1, .itrack-portfolio-filter__header .h1, .itrack-portfolio-filter__header nav, .itrack-portfolio-filter__header nav li { display: inline-block; } .itrack-portfolio-filter__header h1, .itrack-portfolio-filter__header .h1, .itrack-portfolio-filter__header nav li { margin: 0 .25em; } .itrack-portfolio-filter__header nav label { cursor: pointer; } .itrack-portfolio-filter__header nav label span { border-bottom: 1px dashed rgba(0,0,0,.25); } .itrack-portfolio-filter__header nav label:hover span { border-bottom-color: transparent; } .itrack-portfolio-filter__header nav input:checked + label { color: #306aff; cursor: text; } .itrack-portfolio-filter__header nav input:checked + label span { border-bottom: 0; } .itrack-portfolio-filter__toggle { display: none; position: absolute; top: 11px; right: 0; width: 48px; height: 31px; background: #fff; border: 1px solid #d6d6d6; cursor: pointer; border-radius: 2em; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .itrack-portfolio-filter__toggle:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #306aff; content: ''; opacity: 0; border-radius: 2em; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .itrack-portfolio-filter__toggle svg { position: absolute; z-index: 2; top: 50%; left: 50%; margin: -2px -8px; fill: #333; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .itrack-portfolio-filter__toggle:hover { border-color: #306aff; } .itrack-portfolio-filter__toggle:hover:before { opacity: 1; } .itrack-portfolio-filter__toggle:hover svg{ fill: #fff; } .itrack-portfolio-filter__tags { position: relative; padding: 19px 0; border-top: 1px solid #ebebeb; text-align: left; } .itrack-portfolio-filter__tags__body {background-color: #fff; position: relative; max-height: 52px; overflow: hidden; transition: all 0.5s linear; } .itrack-portfolio-filter__tags__body.active,.itrack-portfolio-filter__tags__body.is-opened{ max-height: 500px; overflow: visible; } .itrack-services .itrack-portfolio-filter__tags{ border-top: none; padding-top: 0; } .itrack-portfolio-filter__tags ul { min-height: 55px; } .itrack-portfolio-filter__tags li { display: inline-block; position: relative; margin: 11px 13px;} .itrack-portfolio-filter__tags label { display: block; position: relative; background: #fff; cursor: pointer; border-radius: 2em; z-index: 9; color: #333; } .itrack-portfolio-filter__tags label:before { position: absolute; top: 0; bottom: 0; left: 0; background: #306aff; content: ''; opacity: 0; border-radius: 2em; transition: all .4s ease-out; width: 100%; } .itrack-portfolio-filter__tags label span { box-sizing: border-box; display: block; position: relative; z-index: 99; padding: .286em 30px; border: 1px solid #306AFF; border-radius: 2em; transition: all .4s ease-out; visibility: visible; } html:not(.bx-ios):not(.bx-android) .itrack-portfolio-filter__tags input:not(:checked) + label:hover span{ background-color: #306aff; border-color: #306aff; color: #fff; } .itrack-portfolio-filter__tags input:not(:checked) + label:hover span sup{color: #333;} html:not(.bx-ios):not(.bx-android) .itrack-portfolio-filter__tags input:not(:checked) + label span{color: #333;} .itrack-portfolio-filter__tags label sup { position: absolute; top: 0; right: 0; margin: -1.125em -.75em; padding: .75em; font-size: 10px; background: #f4f5f8; border-radius: 3em; -webkit-transition: background .4s ease-out; -moz-transition: background .4s ease-out; -o-transition: background .4s ease-out; transition: background .4s ease-out; z-index: 99; } .itrack-portfolio-filter__tags input:checked + label {/* background: #306aff; border-color: #306aff;*/ color: #fff; } .itrack-portfolio-filter__tags input:checked + label:before { width: 100%; opacity: 1; } .itrack-portfolio-filter__tags input:checked + label span { border-color: #306aff; /*padding: .358em 20px .358em 40px;*/ } .itrack-portfolio-filter__tags input:checked + label sup { background: #0180ba; } .itrack-portfolio-filter__tags__body.is-collapsed { padding-right: 80px; } .itrack-portfolio-filter__tags__body.is-collapsed .itrack-portfolio-filter__toggle { display: block; } .itrack-portfolio-filter__tags__body.is-expanded { /*height: auto; */overflow: visible; } .itrack-portfolio-filter__sections { padding: 1em 0; border-top: 1px solid #ebebeb; text-align: left; } .itrack-portfolio-filter__sections .projects-filter-select { position: relative; float: left; margin: 8px 20px 8px 0; width: 320px; font-weight: 300; font-size: 1.7143em; } .itrack-portfolio-filter__sections .projects-filter-select ul { max-height: 320px; overflow: auto; -webkit-overflow-scrolling:touch} .itrack-portfolio-filter__sections .projects-filter-select ul::-webkit-scrollbar{width:4px;height:0} ::-webkit-scrollbar-track{background:#d6d6d6} ::-webkit-scrollbar-thumb{background:#306aff} .itrack-portfolio-filter__sections .projects-filter-select label {} .itrack-portfolio-filter__sections .projects-filter-select input:checked + label { background: #ededed; } .itrack-portfolio-filter__sections__body { position: relative; min-height: 52px; height: 52px; overflow: hidden; } .itrack-portfolio-filter__sections__controls label { display: inline-block; position: relative; margin: 11px 26px 11px 0; padding: .375em .75em .375em 40px; background: #306aff; color: #fff; cursor: pointer; border-radius: 4px; } .itrack-portfolio-filter__sections__controls label:before { position: absolute; top: 0; bottom: 0; left: 0; width: 30px; background: #57caff url(/local/templates/.default/css/../img/ico_close2.svg) 50% no-repeat; background-size: 12px; content: ""; border-radius: 4px; } .itrack-portfolio-filter__sections__controls label sup { position: absolute; top: 0; right: 0; margin: -1.125em -.75em; padding: .75em; font-size: 10px; background: #0180ba; border-radius: 3em; } .itrack-portfolio-filter__sections__body.is-collapsed { padding-right: 80px; } .itrack-portfolio-filter__sections__body.is-collapsed .itrack-portfolio-filter__toggle { display: block; } .itrack-portfolio-filter__sections__body.is-expanded { height: auto; } .b-article__top-bar-item.time-icon:before, .b-article__top-bar-item.time-icon:after { content: ''; position: absolute; left: 10px; top: calc(50% - 8px); width: 16px; height: 16px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAACaklEQVRIicWUvWuTURTGf3nfl0CxWZzVwcWaBF1bApaK0g4dnPwLSung4McizqIurYXGxn44OXVwUCpWWz8qiq5KqJ1EiTi4iDRTSPI43HPx+vZNFRw88PAm5z7n4dzzcXPxSpOUFYEJYAw4bL6PwBqwDGyF5Fwg0AdMA5NADHwB6nZWBg4AHaAGXAJaAIkR8sAD4BTwErgCvAb6gRywA1SAa8A54AgwDrQiE5i24EVgxIIB7ljamG8EWAJOAzP+CiXgnRFOWpreVu07Hvhi4JlldDyygsXA5VRwL+sYNwYmImAUV7C3fxHs7Y3FjCW4Vr0ClCLtB47iijgaZPcV18pt4ERihHQwuHr4OVgL/N9NHKCV4IZkIEPgMXAfiICrQQbf7DsAfE5M/TwwZHfztgOcyRAGGMQN1r0I1+sOcB1X2T9ZDNywmOUIN663gWGgain3ssg4w8ACUPfki8BTYAp4jhuStFXsbApYBy7A7mWawS1ThOvzezs7ZnfuAvMEy5Trsc6T/FrnFvAJ2MDtym/rnLTP7su6azdAYhl1s4hI8uiTNC+pLWcNSY8MDfO1Jc1Jyvs4H5yXtG6kTUkV8/dLKtjvip1J0hMv4gXm7GBBUhRktWLw/yNJi8ateoGSpbYpKQ7ISFo1hL7YuG1JpX9+D3KStoACcIjdW5n1InlrAM3//x7kJH3APd8HUwIF4C7Z70HD8ANJN60tQ6lq74VBi5lFUtla8iKjjVmIjduWVPbOqinWUoOURmQcSbqVHuWNjFEOseco+2WqSeoYqSHpocEvU0c9lilEUdKspG1JLUlNSXXzFdP8n4lQlCS1qsvXAAAAAElFTkSuQmCC); transition: .45s; } .b-article__top-bar-item.time-icon.video-time:before, .b-article__top-bar-item.time-icon.video-time:after { /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAACJElEQVRIicWUP2gUQRjFf7u3HCwSQTtDREljuLvCwkICdhGDxjZoH0XBRsVWBEuJCjmNSqw1lkZFzNlYHBYpBI8QLIJiotgohCOHe3+exezgZtzdu84H08yb9/bbme99XmGxiYMSMANMAqPx3jrwGlgAVpOHvYRBCMwC54GC6xqjC8wDV4EIIIiJIvAcmMgQWhSAS8AhYAqI/JiYdcRtYDPH6DhwG8AHysBF58B3zF08zjG5AJR9zIWl/fNWzE3Fhi4KwIwPnMj5CsBLoAI8TeEmff4+VR5+AmeB6bgyi1Ef8AYwyELkY5qkH/YCT4BnwO7E/hcf02F5OAU0gDMpXM3HPFU3hRwCHgEvgH0pfBdY8GP3Bw45jOn5czmVPQQathOvAG8TZACM5IiXgctgOhFMME7HlfRyhD2gSpwD2JlGixImkTbOEfAZqGHuZEecg870rqwv2RXElaZXJsmuUNJ9SR1loyNpTlLR6qy4KGk5R+jijTWxBnPOgUjSRh+TqjUou2WvN3ubwWJz68bH3+9yDDqSsueBYOjmavvYwaXtlW8t/Ui5vsHmwUZLRw4sbRfvfGrXU+jB5oFgz7UP0fjYq9Z7/ss88ODXrcPF+trJ8CjOPAgw82AsSzwSeiv1iXD/cOiNp9A1JFUynrF5vf8zVmwjVR2yLelrn0a6J6eVa30ESfzTyjZM85K6OcKuMsKUXCVJdyWtyWSiKakR75Xc838AUcF0c16CYUoAAAAASUVORK5CYII=); */ background-image: url(/local/templates/.default/css/../img/ico_video_time.svg); } /*** MEDIA QUERIES ***/ @media (min-width: 1366px) { .itrack-index-promo { max-width: 1280px; } } @media (min-width: 1421px) { .itrack-index-promo { max-width: 1430px; } } @media (min-width: 1600px) { .itrack-index-promo { max-width: 90%; } .itrack-index-promo__item { height: 760px; } .itrack-index-promo__item__body__art:before { margin-top: -500px; border-width: 500px 140px; } } @media (max-width: 1420px) { .page-portfolio__result_image { left:0; } .itrack-index-promo__item { height: 540px; } .itrack-index-promo__item__header { margin: 5% 7%; } .itrack-index-promo__item__body { padding: 5% 7% 1em; } } @media (max-width: 1365px) { .page-portfolio__stats__items { padding-bottom: 100px; } .d-wrap .page-portfolio__stats .slick-arrow { top: auto; bottom: 0; margin: 0 15px; } .d-wrap .page-portfolio__stats .slick-prev { left: auto; right: 50%; } .d-wrap .page-portfolio__stats .slick-next { right: auto; left: 50%; } .itrack-index-promo__item__body { padding: 5% 6%; } .itrack-index-promo__item__body:before { right: 0; } .itrack-index-promo__item__body__art, .itrack-index-promo__item__img { display: none; } .itrack-index-promo__item__txt, .itrack-index-promo__item_1 .itrack-index-promo__item__txt, .itrack-index-promo__item_2 .itrack-index-promo__item__content { margin-right: 0; } .itrack-index-promo__item__content__split { margin-top: 0; } } @media (max-width:1280px){ .info-grid__item__popup .d-grid { padding: 0 15px; } .section-vb24n2-vn__item_right_offset { right: -2%; } .section-vb24n2-vn__item_left_offset { left: -2%; } .case-step figure:after { display: none; } } @media (max-width:1175px){ .d-hide-lg { display: none; } .d-show-lg { display: block; } .d-fl-lg { float: left; } .d-fr-lg { float: right; } .d-tac-lg { text-align: center; } .d-tal-lg { text-align: left; } .d-tar-lg { text-align: right; } .d-col-lg-1 { width: 8.33%; } .d-col-lg-2 { width: 16.66%; } .d-col-lg-3 { width: 25%; } .d-col-lg-4 { width: 33.33%; } .d-col-lg-5 { width: 41.66%; } .d-col-lg-6 { width: 50%; } .d-col-lg-7 { width: 58.33%; } .d-col-lg-8 { width: 66.66%; } .d-col-lg-9 { width: 75%; } .d-col-lg-10 { width: 83.33%; } .d-col-lg-11 { width: 91.66%; } .d-col-lg-12 { width: 100%; } .d-col-offset-lg-0 { margin-left: 0; } .d-col-offset-lg-1 { margin-left: 8.33%; } .d-col-offset-lg-2 { margin-left: 16.66%; } .d-col-offset-lg-3 { margin-left: 25%; } .d-col-offset-lg-4 { margin-left: 33.33%; } .d-col-offset-lg-5 { margin-left: 41.66%; } .d-col-offset-lg-6 { margin-left: 50%; } .d-col-offset-lg-7 { margin-left: 58.33%; } .d-col-offset-lg-8 { margin-left: 66.66%; } .d-col-offset-lg-9 { margin-left: 75%; } .d-col-offset-lg-10 { margin-left: 83.33%; } .d-col-offset-lg-11 { margin-left: 91.66%; } .d-col-offset-lg-12 { margin-left: 100%; } .d-wrap td, .d-wrap th { padding: 1.25em 30px; } .page-infographic__img { display: block; margin: -15% -5%; } .page-infographic.odd .page-infographic__img { margin: -15% -15% -15% 0; } #d-wrap:after { height: 460px; } #d-footer { height: 460px; } #d-footer .col-contacts { padding-top: 1.5em; } #d-footer .col-contacts .d-ib { display: block; padding-top: 1.5em; border-top: 1px solid rgba(255,255,255,.2); } #d-footer .col-contacts .contact { display: inline-block; vertical-align: top; margin: 0 -4px 1.5em 0; font-size: .8571em; text-align: center; } #d-footer .col-contacts .contact.socials { margin-top: 0; word-wrap: break-word; } #d-footer .col-contacts .contact.socials a { display: block; margin: 0 5px; } #d-footer .col-contacts .fa { display: block; float: none; margin: 0 auto .5em; line-height: 30px; } #d-footer .col-contacts .fa-facebook { margin-top: 0; } .cmsdetect-wrap input[name="whatcms"] { padding-left: 15px; padding-right: 15px; } #cmsdetect_form .d-tac.d-db-md { padding-left: 60px; } #cmsdetect_form .d-tac.d-db-md p { margin: 0 auto 1em; max-width: 180px; } .landing-amo__header__title .h2 { font-size: 2.14em; } .landing-amo__header__section .h3 { font-size: 22px; } .landing-amo__section { margin: 4em 0; } .landing-amo__section_videos .d-col { position: static; } .landing-amo__section_videos .h1 { position: absolute; top: 60px; left: 15px; margin-top: 0; } .landing-amo__section_about .h1 { margin-bottom: .75em; } .landing-amo__reasons__item_2 div { left: -180px; } .landing-amo__reasons__item_3 div { left: -120px; } .landing-amo__section_form { padding-top: 5em; } .landing-amo__section_form .custom-quote { padding: 0; min-height: 0; } .landing-amo__section_form .custom-quote figure { position: relative; left: 0; margin-top: -120px; margin-bottom: 5em; } .landing-amo__section_form .custom-quote figure img { max-width: 100%; } .slider_projects_grid__item .thumbs-grid { padding-bottom: 0; } .slider_projects_grid__item .thumbs-grid .thumbs-grid__item { position: relative; } .thumbs-grid .thumbs-grid__item__body { position: relative; margin: 0; background: none; color: inherit; border-radius: 0; } .thumbs-grid .thumbs-grid__item__body figure { position: relative; margin-bottom: 1.5em; background-color: #306aff; padding-bottom: 82%; } .thumbs-grid__item__caption { position: relative; margin: 0; opacity: 1; } .thumbs-grid .thumbs-grid__item__body:hover { box-shadow: none; } .thumbs-grid .thumbs-grid__item__body:hover figure { opacity: 1; box-shadow: 0 2px 4px rgba(0,0,0,.25); } .thumbs-grid_2 .thumbs-grid__item { height: auto; } .thumbs-grid_2 .thumbs-grid__item + .thumbs-grid__item { display: none; } .thumbs-grid_3 .thumbs-grid__item { width: auto; height: auto; } .thumbs-grid_3 .thumbs-grid__item + .thumbs-grid__item { display: none; } .thumbs-grid_3 .thumbs-grid__item + .thumbs-grid__item + .thumbs-grid__item { display: none; } .carousel3d-wrap { margin-left: 5%; margin-right: 5%; margin-bottom: 5.5em; } .carousel3d__btns { margin-top: 20px; text-align: center; } .slider-nav-icons__item__sep { display: none; } .itrack-prices { max-width: 760px; } .top_btn{display: none;} }/* END 1175px */ @media (max-width: 1055px) { .table-tariff__scroll { overflow-x: scroll; } .landing-amo__section_order-params__items { margin-top: 2em; margin-bottom: 4em; padding-bottom: 30px; } .landing-amo__section_order-params__items .slick-list { overflow: hidden; } .landing-amo__section_order-params__item, .landing-amo__section_order-params__items .slick-slide { width: 660px; } .landing-amo__section_order-params__item__wrap { box-shadow: none; } .landing-amo__section_order-params__item__tsr .landing-amo__section_order-params__item__wrap{box-shadow: none;} } @media only screen and (max-width: 660px){ .landing-amo__section_order-params__items .slick-slide {width: auto;} }/* END 660px */ @media (max-width:1024px){ .d-col-mdh-12 { width: 100%; } .d-tac-mdh { text-align: center; } .d-hide-smd { display: none; } .d-show-smd { display: block; } .projects .d-col { display: inline-block; vertical-align: top; float: none; margin-right: -4px; padding: 0 15px 2.5em; width: 33.333333%; } .projects .d-col.horiz { width: 33.333333%; } .project-cell { padding-bottom: 0; background: none; color: #333; } .project-cell i, .project-cell span { display: block; position: relative; overflow: hidden; } .project-cell i { margin-bottom: 1.5em; padding-bottom: 85%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .project-cell img { position: absolute; top: auto; bottom: 0; left: 0; width: 100%; } .project-cell span { bottom: auto; padding: 0; font-weight: 400; opacity: 1; } .project-cell span.h4 { top: 0; margin-bottom: .5em; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .project-cell b { display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 2.86em; overflow: hidden; text-overflow: ellipsis; } .project-cell:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .project-cell:hover i { opacity: 1; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.25); box-shadow: 0 2px 4px rgba(0,0,0,.25); } .project-cell:hover span { color: #306aff; } .projects .horiz .project-cell { padding-bottom: 0; } .projects .vert .project-cell { padding-bottom: 0; } .projects .vert .project-cell img { width: 100%; height: auto; } .project-cell span.descr { position: relative; top: auto; bottom: auto; padding: 0; opacity: 1; } .page-video-banner .page-video-wrap video { display: none !important; } .page-video-banner .page-video-wrap-i { margin: 0 !important; } .logo-atol { margin-left: 2em; position: absolute; top: 2.5em; left: 0; } .section-vb24n2-step__list:before,.section-vb24n2-step__list:after {display:none} .amopage-cosmos { padding: 3em 0 9em;} .amopage-cosmos__box { padding: 2em 8.33%; } .amopage-cosmos__box:before { opacity:1; visibility:visible;} .amopage-cosmos h2 {color:white} .amopage-cosmos .amopage-cosmos__box { color:white; } .amopage-cosmos:before {visibility:visible;opacity:1} .amopage-slider__item .amopage-img-w { height: 100px; width: 135px; box-shadow:none; } .amopage-top__image { background-position-x: 75%; background-attachment: inherit; } .amopage-confines { margin-top: 7em; margin-bottom: 7em; } .nav-ef-title { margin-left: 1em; } .amopage-promo .amopage-promo__board { display:none; } .amopage-promo__bg_mob { position:absolute; left:0; right:0; top:0; bottom:0; opacity: .8; } .amopage-promo__img {background-size:cover; background-position: center;right:0} .itrack-index-promo__item_2 .itrack-index-promo__item__bg { background-position: 90% 50%; } .amopage-promo-content__video:before,.amopage-promo-content__video:hover:before { opacity:1; } .amopage-cosmos__explosure { right: -130px; top: -233px; height: 911px; width: 707px; } .amopage-promo-content-video-wrap-wrap:before { left: -7em; right: -11em; bottom: -14em; top: -8em; } .amopage-promo-content__video.amopage-promo-content__video2 { height: 280px; background:black!important; } .itrack-portfolio-filter__tags li { margin: 11px 5px; } .itrack-portfolio-filter__sections .projects-filter-select { float: none; } .itrack-portfolio-filter__sections__controls label { margin-right: 12px; } } @media (max-width:1023px){ html, body { min-width: 320px; } .d-hide-md { display: none; } .d-show-md { display: block; } .d-fl-md { float: left; } .d-fr-md { float: right; } .d-fn-md {float: none} .d-tac-md { text-align: center; } .d-tal-md { text-align: left; } .d-tar-md { text-align: right; } .d-grid { min-width: 100%; width: 100%; } .d-col-md-1 { width: 8.33%; } .d-col-md-2 { width: 16.66%; } .d-col-md-3 { width: 25%; } .d-col-md-4 { width: 33.33%; } .d-col-md-5 { width: 41.66%; } .d-col-md-6 { width: 50%; } .d-col-md-7 { width: 58.33%; } .d-col-md-8 { width: 66.66%; } .d-col-md-9 { width: 75%; } .d-col-md-10 { width: 83.33%; } .d-col-md-11 { width: 91.66%; } .d-col-md-12 { width: 100%; } .d-col-offset-md-0 { margin-left: 0; } .d-col-offset-md-1 { margin-left: 8.33%; } .d-col-offset-md-2 { margin-left: 16.66%; } .d-col-offset-md-3 { margin-left: 25%; } .d-col-offset-md-4 { margin-left: 33.33%; } .d-col-offset-md-5 { margin-left: 41.66%; } .d-col-offset-md-6 { margin-left: 50%; } .d-col-offset-md-7 { margin-left: 58.33%; } .d-col-offset-md-8 { margin-left: 66.66%; } .d-col-offset-md-9 { margin-left: 75%; } .d-col-offset-md-10 { margin-left: 83.33%; } .d-col-offset-md-11 { margin-left: 91.66%; } .d-col-offset-md-12 { margin-left: 100%; } .d-db-md { display: block; } .page-video-banner h2 { font-size: 2em; } .cmsdetect-result .d-tac-md { margin-top: 1.5em; } .cmsdetect-result .d-lnk-js { margin: 0; } #d-footer .col-nav nav { margin: 0 15px; } .content-aside { margin-bottom: 3em; } .content-asided .inner-page-title-wrap h1 { text-align: center; } .d-wrap td, .d-wrap th { padding: 1.25em 15px; } .page-infographic { display: block; } .page-infographic .d-cell { display: block; padding: 0; } .page-infographic__img { display: block; margin: 0; } .page-infographic__img img { display: block; margin: -7% auto -2%; width: 480px; } .page-infographic.odd .d-cell_img, .page-infographic.odd .d-cell_txt { left: 0; } .page-infographic.odd .page-infographic__img { margin: 0; } #cmsdetect_form .d-tac.d-db-md { padding-left: 0; } #cmsdetect_form .d-tac.d-db-md p { max-width: none; } .content_bannered { float: none; width: auto; } .content_bannered__body { margin: 0; } .amopage-confines { margin-top: 0; margin-bottom: 6em; } .amopage-vista { background-size:cover; } .amopage-content .d-table:hover .nav-ef-title, .amopage-content .d-table:hover .nav-ef-title__n { color: black!important; } .amopage-content .d-table .nav-ef-title .nav-ef-title__n { -webkit-transform: translateX(0px); transform: translateX(0px); } .amopage-content .d-table .nav-ef-title:after{ -webkit-transform: scaleX(1); transform: scaleX(1); } .section-vb24n2-vn__item_left { text-align: left; } .section-vb24n2-vn__screen {position:relative;padding-top: 67.5%;} .section-vb24n2-vn__item_left_offset { left: 0; } .section-vb24n2-vn__item_right_offset { right: 0; } .section-vb24n2-vn__item_right { top: 0; } .section-vb24n2-vn__item { display: inline-block; vertical-align: top; word-spacing:normal; padding-right: 1em; box-sizing: border-box; } .section-vb24n2-vn__list { margin-bottom: 0; text-align: left; word-spacing: -5px; } .section-vb24n2-vn__screen-img { position: absolute; left: 17%; width: 65.5%; top: 15.5%; padding-top: 40.8%; } .section-vb24n2-vn__screen-wrap[data-status="1"] .section-vb24n2-vn__screen:before { margin-left: 7.1%; margin-top: 6%; } .section-vb24n2-vn__screen-wrap[data-status="2"] .section-vb24n2-vn__screen:before { margin-left: 0; margin-top: 17.5%; } .section-vb24n2-vn__screen-wrap[data-status="3"] .section-vb24n2-vn__screen:before { margin-left: 0; margin-top: 34%; } .section-vb24n2-vn__screen-wrap[data-status="4"] .section-vb24n2-vn__screen:before { margin-left: 7%; margin-top: 45.3%; } .section-vb24n2-vn__screen-wrap[data-status="5"] .section-vb24n2-vn__screen:before { margin-left: 87%; margin-top: 6%; } .section-vb24n2-vn__screen-wrap[data-status="6"] .section-vb24n2-vn__screen:before { margin-left: 94%; margin-top: 17.5%; } .section-vb24n2-vn__screen-wrap[data-status="7"] .section-vb24n2-vn__screen:before { margin-left: 94%; margin-top: 33.8%; } .section-vb24n2-vn__screen-wrap[data-status="8"] .section-vb24n2-vn__screen:before { margin-left: 87%; margin-top: 45.3%; } .section-vb24n2-vn br {display:none} .section-vb24n2-vn__screen-wrap { margin-top: 0em; } .section-vb24n2-cases__slider {margin: 0 -5px;} .section-vb24n2-cases__slider .slick-slide { padding: 0 5px; } .section-vb24n2-cases { margin-bottom: 6em; } .section-vb24n2-step__col { width: 30%; margin: 0 1% 6em; } .section-vb24n2-rates { font-size: .8em; } .section-vb24n2-rate.active { box-shadow: inset 0 0 0px 5px #306aff; } .amopage-faq__val .h4 {font-size:1em} .amopage-slider__item .amopage-img-w { height: 110px; width: 160px; } .amopage-promo-content__video { padding-top: 2.5em; } .amopage-promo-content-video-wrap-wrap:before { right: -18em; } .project-section_sm { padding: 2em 0; } .project-tsr { min-height: 0; } .project-tsr figure { position: relative; top: 0; left: 0; margin: -5% -5% 0; transform: none; } .project-tsr figure img { max-width: 100%; } .project-tsr__txt { padding: 1em 20px 3em; width: auto; font-size: 1.8em; text-align: center; } .project-tsr_plain { min-height: 0; } .project-tsr_plain .project-tsr__txt { padding: 2em 0; } #d-content .case-reason { display: block; margin-bottom: 2em; } #d-content .case-reason dt { display: block; margin-bottom: 1.5em; width: auto; background-size: cover; } #d-content .case-reason dt h3 { display: block; padding: 2em 0; text-align: center; } #d-content .case-reason dd { padding: 0; width: auto; } .form-order-page__form { padding-left:2em; } .landing-amo { margin-top: 0; background: none; } .landing-amo__header { height: auto; min-height: 0; background: none; } .landing-amo__header__wrap { position: relative; margin-bottom: 2em; padding-bottom: 46.875%; background: #1b1f28 url(/upload/bg_landing_amo_header.jpg) 0 50% no-repeat; background-size: cover; overflow: hidden; } .landing-amo__header__visual { display: none; } .landing-amo__header__img figure { background-image: url(/upload/bg_landing_amo_header_dummy.jpg) !important; } .landing-amo__header__overlay { display: none; } .landing-amo__header__close { display: none; } .landing-amo__header__title { position: absolute; z-index: 20; top: 0; padding-bottom: 46.875%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .landing-amo__header__title .h2 { position: absolute; top: 50%; left: 0; right: 0; padding: 0 40px; background: none; line-height: 1.18; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .landing-amo__header__body { position: static; top: 0; margin-top: 0; } .landing-amo__header__content { position: static; height: auto; } .landing-amo__header__content:before { display: none; } .landing-amo__header__content:after { display: none; } .landing-amo__header__section { padding-bottom: .75em; } .landing-amo__header__section .h3 { position: static; margin: 0 0 .75em; font-weight: 400; color: #000; } .landing-amo__header__section_left .h3 { bottom: auto; } .landing-amo__header__item { margin-bottom: 1.25em; } .landing-amo__header__button { position: static; top: 0; bottom: 0; margin: 0; padding: 0; border-bottom: 1px dashed; color: #306aff; border-radius: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .landing-amo__header__button:before { display: none; } .landing-amo__header__button:hover { border-bottom-color: transparent; } .landing-amo__header__section_left .landing-amo__header__button { background: none; } .landing-amo__header__section_right .landing-amo__header__button { background: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .landing-amo__header__descr { display: none; position: static; margin: 1em 0 2em; width: auto; font-weight: 300; color: inherit; opacity: 1; visibility: visible; } .landing-amo__header__descr h2, .landing-amo__header__descr h3, .landing-amo__header__descr h5 { color: inherit; } .landing-amo__header__descr h2 { margin-bottom: 0; } .landing-amo__header__descr h3 { margin-top: 1em; margin-bottom: .5em; } .landing-amo__header__descr .btn { margin-top: 0; } .landing-amo__header__text { margin-bottom: 2em; padding-right: 0; max-height: none; } .landing-amo__header__preview { margin: 1.5em 0 0; } .landing-amo__header__descr.current { display: block; } .landing-amo__header.is-opened { background: none; } .landing-amo__header.is-opened .landing-amo__header__title { opacity: 1; visibility: visible; } .landing-amo__header.is-opened .landing-amo__header__section .h3 { bottom: auto; } .landing-amo__header.is-opened .landing-amo__header__button { background: none; } .landing-amo__header.is-opened .landing-amo__header__button_0 { top: 0; } .landing-amo__header.is-opened .landing-amo__header__button_1, .landing-amo__header.is-opened .landing-amo__header__button_2, .landing-amo__header.is-opened .landing-amo__header__button_3, .landing-amo__header.is-opened .landing-amo__header__button_4 { margin: 0; } .landing-amo__header.is-opened .landing-amo__header__button_5 { bottom: auto; } .landing-amo__header.is-opened_left .landing-amo__header__img { left: 52%; right: -20%; } .landing-amo__header.is-opened_left .landing-amo__header__img figure { left: -35%; right: 0; } .landing-amo__section_videos { padding-top: 200px; } .landing-amo__section_videos .h1 { top: 0; } .landing-amo__section_about__body img { margin-bottom: 1.5em; height: 60px; } .landing-amo__section_about__body h3 { font-size: 26px; } .landing-amo__section_about__col { padding: 3em 20px; max-width: none; } .landing-amo__section_about__col_left { background-image: url(/upload/bg_landing_amo_about_0.jpg); } .landing-amo__section_about__col_right { background-image: url(/upload/bg_landing_amo_about_1.jpg); } .landing-amo__section_about__col .ul_custom li { margin-bottom: 1.5em; font-size: 14px; } .landing-amo__section_about__cell { margin-bottom: 15px; width: 100%; background-color: #474352; border-radius: 5px; overflow: hidden; } .landing-amo__section_about__cell:before { display: none; } .landing-amo__section_about__body h3, .landing-amo__section_about__text { height: auto !important; } .landing-amo__section_solutions { padding-top: 0; } .landing-amo__reasons { margin: 4em -15px; padding: 0 15px; width: auto; background: url(/upload/bg_landing_amo.jpg) 50% no-repeat; background-size: cover; border-radius: 0; border: 0; } .landing-amo__reasons__body { position: relative; padding-bottom: 0; border-radius: 0; border: 0; } .landing-amo__reasons__body:before, .landing-amo__reasons__body:after { display: none; } .landing-amo__reasons .h1 { position: static; top: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .landing-amo__reasons .h1 br { display: none; } .landing-amo__reasons__item { position: static; top: 0; bottom: 0; left: 0; right: 0; margin: 4em 0; text-align: center; } .landing-amo__reasons__item:before { display: none; } .landing-amo__reasons__item div { position: static; top: 0; bottom: 0; left: 0; right: 0; white-space: normal; } .landing-amo__reasons__item span, .landing-amo__reasons__item strong { display: block; text-align: center; } .landing-amo__reasons__item span { color: #000; } .landing-amo__reasons__item strong { margin: 0; font-size: 4.5em; } .landing-amo__reasons__item span br { display: none; } .landing-amo__reasons__item_3 strong:after { font-size: .5em; } .carousel3d-wrap { margin-left: 0; margin-right: 0; } .landing-amo__section_solutions { position: relative; padding-top: 2em; padding-bottom: 12em; } .landing-amo__section_solutions .d-col { position: static; } .landing-amo__section_solutions_btns { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; } .landing-amo__section_solutions .btn { margin-top: 2em; } .slider_projects_grid { margin-top: 2em; } .slider_projects_grid__item__body { position: relative; margin: 0 auto; padding-top: 260px; width: 290px; } .slider_projects_grid__item figure { position: absolute; top: 0; left: 0; right: 0; height: 240px; } .slider_projects_grid__item figcaption { display: none; } .slider_projects_grid__item__caption .h2 { margin: 0; font-weight: 400; font-size: 1.75em; } .page-portfolio-text2_decor { background-size: contain; width: 65%; } .page-portfolio-text2 .page-portfolio-decline { right: 78%; bottom: 34%; } .page-portfolio-slider__block { padding-top: 2.5em;} .page-portfolio-slider__text { padding-top: 9em; } .page-portfolio-slider__slider { top: -9em; } .page-portfolio-slider__block {height:auto} .landing-amo__section_discount__body { padding-left: 4%; padding-right: 4%; } .landing-amo__section_discount__text .h1 { font-size: 3.5em; } .grid_rates { margin: 0 -10px; } .grid_rates__item { margin: 0 10px 30px; } .grid_rates__item__header { height: 140px; } .grid_rates__item__header figure { -ms-flex: 0 0 66px; -webkit-flex: 0 0 66px; flex: 0 0 66px; width: 66px; height: 66px; } .grid_rates__item__body { margin: 0; padding: 2.5em 25px; } .grid_rates_amo .grid_rates__item { padding-left: 85px; } .grid_rates_amo .grid_rates__item.has-addon:before { left: 34px; margin-top: 90px; } .itrack-index-promo__body { margin: 10px -5px 0; } .itrack-index-promo__item { margin: 5px; height: 570px; } .itrack-index-promo__item .h3 { font-size: 20px; } .itrack-index-promo__item .h3 br { display: none; } .itrack-index-promo__item__content__split { margin: 0; } .itrack-index-promo__item__content__split__item { padding: 0; } .itrack-index-promo__item__content__split__item + .itrack-index-promo__item__content__split__item { margin-top: .75em; border: 0; } .itrack-index-promo__item__content .btn { margin-top: .5em; padding: .5em 25px .25em; } .itrack-prices { margin: -2em 0 0; max-width: 100%; } .itrack-prices__range { display: none; } .itrack-prices__legend { display: block; margin-top: 0; } .itrack-prices__legend__item { padding: 2em 0 0 95px; width: auto; height: auto; background: none !important; } .itrack-prices__legend__item:before { position: absolute; z-index: 20; top: 2em; bottom: 0; left: 29px; margin-top: 70px; width: 2px; background: #306aff; content: ""; } .itrack-prices__legend__item:after { display: none; } .itrack-prices__legend__item__caption { position: relative; top: 0; left: 0; margin-top: 0; padding: 5px 0; color: #c4cbd6; text-align: left; white-space: normal; cursor: default; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .itrack-prices__legend__item__caption span { display: inline; margin-right: 6px; font-size: 22px; line-height: inherit; } .itrack-prices__legend__item__hint { display: none; position: relative; left: 0; margin-top: 15px; margin-left: -95px; padding: 30px 30px 30px 95px; text-align: left; white-space: normal; opacity: 1; visibility: visible; border-radius: 10px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .itrack-prices__legend__item.current .itrack-prices__legend__item__caption { margin-top: 0; color: #c4cbd6; } .itrack-prices__legend__item.current .itrack-prices__legend__item__caption span { color: #000; } .itrack-prices__legend__item.current .itrack-prices__legend__item__hint { margin-top: 0; opacity: 1; visibility: visible; } .itrack-prices__legend__item.is-opened .itrack-prices__legend__item__hint { display: block; margin-top: 15px; } .itrack-prices__legend__item__pin { display: block; position: absolute; z-index: 30; top: 2em; left: 10px; width: 40px; height: 40px; background: #306aff; border-radius: 100%; } .itrack-prices__legend__item__pin:before, .itrack-prices__legend__item__pin:after { content: ''; position: absolute; left: -10px; right: -10px; bottom: -10px; top: -10px; background: #306aff; border-radius: 100%; -webkit-animation: animate-circle 3s infinite; -moz-animation: animate-circle 3s infinite; -o-animation: animate-circle 3s infinite; animation: animate-circle 3s infinite; } .itrack-prices__legend__item__pin:after { left: -20px; right: -20px; bottom: -20px; top: -20px; } .itrack-prices__legend__item__toggle { display: block; padding: 1em 0 1.25em; border-bottom: 1px solid #e3e3e3; } .itrack-prices__legend .itrack-prices__legend__item:last-child:before { display: none; } .page-portfolio-slider__nav{left: 30px;} .page-portfolio-text1 + .page-portfolio-big-bg{margin-top: 0px;} }/* END 1023px */ @media (max-width:900px){ .d-hide-s { display: none; } .d-show-s { display: block; } .d-fl-s { float: left; } .d-fr-s { float: right; } .d-tac-s { text-align: center; } .d-tal-s { text-align: left; } .d-tar-s { text-align: right; } .d-col-s-1 { width: 8.33%; } .d-col-s-2 { width: 16.66%; } .d-col-s-3 { width: 25%; } .d-col-s-4 { width: 33.33%; } .d-col-s-5 { width: 41.66%; } .d-col-s-6 { width: 50%; } .d-col-s-7 { width: 58.33%; } .d-col-s-8 { width: 66.66%; } .d-col-s-9 { width: 75%; } .d-col-s-10 { width: 83.33%; } .d-col-s-11 { width: 91.66%; } .d-col-s-12 { width: 100%; } #d-wrap:after { height: 0; } #d-footer { position: relative; padding-bottom: 2em; height: auto; } #d-footer .f-logo { margin-bottom: 1em; } #d-footer nav { display: block; margin-bottom: 1em; padding-top: 1.5em; border-top: 1px solid rgba(255,255,255,.2); } #d-footer nav .h5 { margin: 0; font-weight: 300; font-size: 1.2857em; color: #fff; text-transform: none; } #d-footer nav .h5:before { float: right; margin-top:1px; font:normal normal normal 18px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f105";opacity:.2;} #d-footer nav .h5.opened:before {content:"\f107";} #d-footer nav ul { display: none; margin: 1.25em 0 1.75em 20px; } #d-footer nav li { margin-bottom: .75em; } #d-footer .col-nav nav { margin-bottom: 1em; } #d-footer .col-nav nav:first-child { padding-top: .5em; border: 0; } #d-footer .col-contacts { padding-top: 1em; } .nav-fixed { padding-left: 0; } .nav-fixed-i2 { padding: 2.5em 15px; max-width: none; width: auto; } .nav-fixed nav { display: block; margin: 0; width: auto; border-top: 1px solid rgba(255,255,255,.2); } .nav-fixed .nav-fixed-order + nav { border: 0; } .nav-fixed nav ul { display: none; margin-bottom: 2em; } .nav-fixed nav .h3 { display: block; margin: 0; padding: .75em 0; border: 0; font-weight: 700; font-size: 1.8571em; color: #373839; text-transform: uppercase; } .nav-fixed nav .h3 a { color: #373839; } .nav-fixed nav .h3.d-hide-s { display: none; } .nav-fixed nav .h3.d-show-s { display: block; } .nav-fixed nav .h3.d-show-s:before { float: right; margin-top:7px; font:normal normal normal 18px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f105";color:#fff;opacity:.2;} .nav-fixed nav .h3.opened { color: #fff; } .nav-fixed nav .h3.opened:before {content:"\f107";} .nav-fixed-hide { top: 0; left: auto; right: 0; border: 0; background-size: 12px 12px; } .index-features { margin: 0; } .index-features .d-table{ display: block; } .index-features .d-cell { padding-bottom: 2em; } .projects-filter { line-height: 2; } .projects .d-col, .projects .d-col.horiz { width: 50%; } .project-section { padding: 5em 0; } .project-slider { margin-bottom: 2.5em; height: auto; } .project-slider .slick-dots { margin-top: 2.5em; } .crm-integration { margin: 2em auto 3em; width: auto; height: auto; background: none; border: 0; border-radius: 0; } .crm-integration__title { position: relative; top: 0; margin: 0 auto -80px; padding-top: 3em; width: 230px; height: 230px; background: #f2fbfe; border: 1px solid #aad3e5; font-size: 26px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); border-radius: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .crm-integration.is-active .crm-integration__title { opacity: 1; } .crm-integration__item { position: relative; margin: 0 auto; width: 290px; } .crm-integration__btn { position: relative; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; margin: 0 auto 10px !important; } .crm-integration__txt { top: 45px; bottom: auto; background: #306aff; border-radius: 10px; } .crm-integration__txt-i { position: relative; top: 0; left: 0; right: 0; padding: 70px 30px 30px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .crm-integration__txt h2 { margin-bottom: .75em; font-size: 26px; } .info-grid { margin: 3em 0; padding: 3em 0; } .info-grid h2 { margin-bottom: .5em; } .project-section_sm { padding: 2em 0; } .grid_rates_amo .grid_rates__item__descr ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } h2 .tooltip-content, h2 .tooltip-content { top: 100%; left: auto; right: -10px; margin: 10px 0 0; } h2 .tooltip:hover .tooltip-content, .h2 .tooltip:hover .tooltip-content { -webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0); transform: translate3d(0,0,0) rotate3d(0,0,0,0); } h2 .tooltip-content::after, .h2 .tooltip-content::after { top: auto; bottom: 100%; left: auto; right: 0; border-right-color: transparent; border-bottom-color: #306aff; margin-top: 0; margin-right: 10px; } } @media (max-width:768px){ .pages1b-rates-item-big {background:none} .index-top-slider-bg { margin: 0; height: auto; } .index-top-slider-bg img { display: none; max-width: 100%; height: auto; } .index-top-slider-bg img.d-hidden { display: block; } .index-top-slider-i { display: none; position: static; } .index-top-slider-i .d-table { display: block; height: auto; } .index-top-slider-i .d-cell { display: block; width: auto; } .index-top-slider-txt { margin: 0 -15px; padding: 1em 15px 1.75em; background: #306aff; } .index-top-slider-txt h2, .index-top-slider-txt h4 { color: #fff; } .index-top-slider-txt h2 { font-size: 2.5714em; } .index-top-slider-img { position: absolute; top: 15px; left: 0; right: 0; height: 330px; } .index-top-slider-img img { margin: 0 auto; max-height: 100%; } .index-top-slider-nav .slick-dots { margin-top: 20px; } .learn-buttons { padding: 2em 0; } .learn-buttons .d-col { width: 100%; } .learn-buttons a { margin: 1em auto; } .info-grid__item__popup .d-table { display: block; height: auto; } .info-grid__item__img { position: relative; top: 0; bottom: auto; left: 0; right: 0; margin-bottom: 1.5em; padding-bottom: 75%; } .info-grid__item__descr { margin-left: 0; padding: 0; } .info-grid__item__descr__text { margin-bottom: 2em; } .info-grid__item__popup .btn { padding-top: .75em; font-size: 16px; } .info-grid__item__popup__hide { z-index: 111; top: 0; left: auto; margin: 5px; width: 40px; height: 40px; background: #fff; font-weight: 300; font-size: 45px; line-height: 38px; color: #306aff; text-align: center; text-indent: 1px; } .info-grid__item__popup__hide .d-grid { padding: 0; } } @media (max-width:767px){ .d-hide-sm { display: none; } .d-show-sm { display: block; } .d-fl-sm { float: left; } .d-fr-sm { float: right; } .d-fn-sm { float: none; } .d-tac-sm { text-align: center; } .d-tal-sm { text-align: left; } .d-tar-sm { text-align: right; } .d-col-sm-1 { width: 8.33%; } .d-col-sm-2 { width: 16.66%; } .d-col-sm-3 { width: 25%; } .d-col-sm-4 { width: 33.33%; } .d-col-sm-5 { width: 41.66%; } .d-col-sm-6 { width: 50%; } .d-col-sm-7 { width: 58.33%; } .d-col-sm-8 { width: 66.66%; } .d-col-sm-9 { width: 75%; } .d-col-sm-10 { width: 83.33%; } .d-col-sm-11 { width: 91.66%; } .d-col-sm-12 { width: 100%; } .d-col-offset-sm-0 { margin-left: 0; } .d-col-offset-sm-1 { margin-left: 8.33%; } .d-col-offset-sm-2 { margin-left: 16.66%; } .d-col-offset-sm-3 { margin-left: 25%; } .d-col-offset-sm-4 { margin-left: 33.33%; } .d-col-offset-sm-5 { margin-left: 41.66%; } .d-col-offset-sm-6 { margin-left: 50%; } .d-col-offset-sm-7 { margin-left: 58.33%; } .d-col-offset-sm-8 { margin-left: 66.66%; } .d-col-offset-sm-9 { margin-left: 75%; } .d-col-offset-sm-10 { margin-left: 83.33%; } .d-col-offset-sm-11 { margin-left: 91.66%; } .d-col-offset-sm-12 { margin-left: 100%; } .d-db-sm { display: block; } .d-wrap button,.d-wrap input[type="button"],.d-wrap input[type="reset"],.d-wrap input[type="submit"],#colorbox button,#colorbox input[type="button"],#colorbox input[type="reset"],#colorbox input[type="submit"],.btn { padding: .6em 25px; } .d-wrap td, .d-wrap th { padding: 1em 10px; font-size: 11px; } h1,.h1 { font-size: 2.5714em; } h2,.h2 { font-size: 1.8571em; } h3,.h3 { font-size: 1.75em; } .inner-page-title-wrap h1, .inner-page-title-wrap .h1 { font-size: 1.8571em; } .index-top-slider-txt h2 { font-size: 1.8571em; } .index-top-slider-txt h4 { font-size: 1.16em; } .fs_lg { font-size: 1em; } .text2cols { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } #d-header { position: absolute; height: 70px; } .h-logo { margin-top: 25px; } .h-logo img,.h-logo-img { height: 18px; } .nav-toggle { margin-top: 20px; margin-left: 20px; width: 30px; height: 30px; font-size: 16px; line-height: 30px; } .h-phone { margin-top: 2.16em; margin-left: 0; font-size: 1em; } #d-content { padding-top: 70px; } .page-section { padding: 3em 0; } .form-order { margin-top: 3em; } .form-order fieldset input, .form-order fieldset textarea { font-size: 1.2857em; } .form-order .fld label { font-size: 1.2857em; } .slick-dots{ margin-top: 1em; } .contacts-wrap { min-height: 0; } .contacts-col { width: auto; } .contacts-box { padding: 2.5em 0; background: none; } .page-map { position: relative; height: 300px; } .page-header { display: block; height: auto; } .page-title { display: block; padding: 1em 0; font-size: 1.5714em; line-height: 1.39; } .page-header-inner { display: block; height: auto; min-height: 395px } .page-header-inner-i { display: block; padding-top: 100px; padding-bottom: 0; } .page-header-inner h1 { margin-bottom: .5em; } .page-header-inner h3 { margin-bottom: 0; font-size: 1.1429em; } .page-header-inner .descr { margin: 40px -15px 0; padding: 1em 15px; width: auto; max-width: none; background: #fff; font-weight: 400; color: #333; } .page-header-inner .banner-button { margin: 0 -15px; padding: 0 15px 15px; background: #fff; } .project-header { background-size: cover; } .project-header .descr { background: none; color: inherit; } .page-banner-inner { display: block; padding-top: 3em; } .page-banner-inner-i { display: block; padding: 0; } .page-banner-inner h2,.page-banner-inner .h2 { margin-bottom: 0; } .page-banner-inner .descr { margin: 3em -15px 0; padding: 1em 15px; background: #fff; width: auto; max-width: none; font-weight: 400; color: #333; } .page-banner-inner.odd .page-banner-inner-i { padding: 0; } .banner-button { margin-top: 1.5em; } .banner-button .btn { display: block; } .row-imgd { margin-top: 2.5em; } .row-imgd .col-txt { padding-top: 1.25em; } .project-slider .slide a { height: auto; color: #333; } .project-slider .slide i { display: block; height: 130px; overflow: hidden; } .project-slider .slide img { float: none; } .project-slider .slide span { font-weight: 400; } .project-slider .slide .descr { position: static; top: 0; padding: 1em 15px 0; width: auto; background: #fff; } .project-slider .slide .h3 { font-weight: 300; font-size: 1.8571em; color: #000; } .project-slider .slide.odd img { float: none; } .project-slider .slide.odd .descr { right: auto; left: 0; text-align: left; } .projects-filter { font-weight: 400; font-size: 1em; } .projects-filter-select { position: static; } .projects-filter-select nav { z-index: 30; top: auto; left: 0; right: 0; padding-top: 0; } .projects-filter-select ul { line-height: 1.29; white-space: normal; } .projects-filter-select a { padding-top: 1em; padding-bottom: 1em; } .page-section.imgd { padding-bottom: 2.5em; } .page-section.imgd .descr { position: relative; top: 0; } .page-section.imgd .txt { padding: 2em 15px 0; width: auto; } .project-section { padding: 3em 0; } .page-banner-manager { background: none; } .page-banner-manager .d-col { padding-top: 0; } .page-banner-manager .manager-txt { padding-bottom: 0; } .page-banner-manager .manager-img { margin-bottom: 2em; background-color: #f9f9f9; } .page-banner-manager .manager-img img { margin-top: -30px; max-width: 50%; } .page-video-banner .page-video-wrap { margin-bottom: 1em; padding-bottom: 0; height: 260px; } .page-video-banner .page-video-wrap-i { margin: 0 -500px; height: 260px; } .page-video-banner .page-video-wrap video, .page-video-banner .page-video-wrap img { display: block; position: relative; left: auto; right: auto; margin: 0 auto; height: 100%; width: auto; max-width: none; } .page-video-banner .descr { position: relative; } .page-video-banner .descr-i { display: block; height: auto; } .page-video-banner .descr-i2 { display: block; color: #000; } .page-video-banner h2 { color: #000; } .page-banner-inner.custom .page-banner-inner-i { padding-bottom: 4em; } .page-banner-inner.custom h2 { margin-bottom: 1.5em; } .page-banner-inner-analytics-0 { background: #306aff; } .nav-aside a { padding-left: 30px; padding-right: 30px; } .d-wrap table.tbl-pricelist.odd .value td { font-size: 1em; } .xs-tbl-wrap { overflow: auto; } .project-slider .slide .descr { display: none; } .project-slider .slide .descr span { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .project-slider .slide .descr__caption { opacity: 1; } .project-slider .slide a:hover .h3 { margin-bottom: .5em; } .link-sitemap { border-top: 1px solid #54565a; padding-top: 19px; } .d-tac-sm .banner-button { text-align: center; } .row-imgd_odd .col-img, .row-imgd_odd .col-txt { left: 0; } .fz54-img-tr { margin-left: 0; } .red-box_mb { margin-bottom: 3em; } .list-il__text{ width: 68%; } .fz-video iframe { height: 220px; } .faq-list { -webkit-column-count: inherit; -moz-column-count: inherit; column-count: inherit; } .page-banner-inner .page-banner-inner-descr-fz { margin-top: 9em; background: #ffffff; color: inherit; } .l54fz-nav__item { width: 100%; } .l54fz-cal br {display: none} .l54fz-cal { margin:0 0 1em; } .l54fz-cal img {margin: 0 0 2em} .l54fz-m .d-wsnw {white-space: normal} .l54fz-m__icon { margin-right: 0; width: 100%; } .l54fz-m .d-col {margin-bottom: 1em} .section-l54fz-pr__item { height: auto; margin-top: auto; margin-bottom: 2em; } .section-l54fz-av__text { height: auto; margin-bottom: 1em; } .section-l54fz-av__descr { margin-bottom: 4em; } .section-l54fz-map__map { padding-top: 100%; } .l54fz-page section { padding: 2em 0; } .section-l54fz-bottom__row { margin-top: 0; margin-bottom: 2em; } .logo-atol { top: 1.4em; } .l54fz-main .btn {margin-bottom: 0em} .section-l54fz-pr_custom .section-l54fz-pr__time { float: none; margin-bottom: 15px; } .section-l54fz-pr_custom .section-l54fz-pr__item p { margin: 0; padding: 0; } .amopage-promo__grid { padding-top: 3em; padding-bottom: 3em; } .amopage-promo { height: auto; } .amopage-promo__decor { top: 0; left: 0; width: 100%; height: 100%; transform: rotate(0deg); opacity: 0.5; } .amopage-promo-content { padding: 3em 0 3em; height: auto; } .amopage-confines__text { margin: 2em 0 4em; } .amopage-confines__circle-text { font-size: 1em; } .amopage-confines__circle:after { left: -2em; right: -2em; bottom: -2em; top: -2em; } .amopage-vista { height: auto; padding: 4em 0 3em; } .amopage-slider__link,.amopage-slider__link:nth-child(even) { margin: 0 .25em .5em; display: inline-block; vertical-align: top; float: none; } .amopage-slider { margin: 0 -2em; text-align:center; } .amopage-content .d-cell {display:inline-block;} .amopage-content__text { padding:0; } .amopage-content .d-table { margin-bottom: 3em; } .amopage-content__offset .amopage-content__image,.amopage-content__offset .amopage-content__text {position:static} .amopage-faq__btn { margin-top: 0em; } .amopage-faq__inner { padding: 2em 1em 0; } .amopage-get__inner { padding: 1em; margin: 4em 0; } .accordion__name { padding: 1em; padding-left:2em; } .accordion__name:before, .accordion__name:after { left: .3em; } .amopage-top__image { top: -68px; } .amopage-get__image {display:none} .amopage-slider .slick-dots { margin: 18px 0 0 0; text-align: center; } .amopage-get__svg {display:none} .amopage-promo-content-video-wrap-wrap:before { bottom: -15em; top: -2em; } .pages1b-promo-img { position:static; } .section-vb24n2 { padding: 0; } .section-vb24n2 .amopage-promo-content__video { margin-top: 1em; margin-bottom:2em; } .section-vb24n2 .amopage-promo-content__video { height: 190px; padding: 1.5em 1em 1em; } .section-vb24n2 .amopage-promo-content__video-text-text .h2 {margin-bottom: .2em;} .amopage-promo-content__play { margin-top: -.7em;} .section-vb24n2__cloud2 { bottom: -2.5em; left: auto; right: -6px; width: 82px; } .section-vb24n2-vn__list { white-space: nowrap; overflow: scroll; padding: 0 60px; } .section-vb24n2-vn__item { white-space: normal; margin-right: 15px; text-align: center; margin-bottom: 2em; margin-top: 3em; } .section-vb24n2-vn__screen:before {display:none} .section-vb24n2-vn__screen-wrap { margin: 0px -70px; } .section-vb24n2-cases__body { padding: 2.5em 1em; } .section-vb24n2-cases__slider .slick-slide { font-size: 0.8em; } .section-vb24n2-cases__slider .slick-dots { margin: 1em 0 2em; text-align: center; } .section-vb24n2-why__imgs-wrap { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); margin-top:3em; margin-bottom: 30px; left:5px; } .section-vb24n2-cases{padding-top: 3em;margin-bottom: 0;} .section-vb24n2-step__image svg { width:50%; } .section-vb24n2-step__col { width: 100%; margin: 0 0 1em; padding: 0 1em; box-sizing: border-box; text-align:left; position:relative; } .section-vb24n2-step__list { margin-top: 30px; } .section-vb24n2-step__image { width:50px;height:50px; padding-top:0; position:absolute; left:0; top:0; } .section-vb24n2-step__col { padding-left: 65px; } .section-vb24n2-rates__table.d-hidden {display:none} .section-vb24n2-rate { margin-bottom:1em; } .section-vb24n2-rate__name.h4 { min-height:auto; } .amopage-faq__top .amopage-img-w { margin:0 auto 1em; } .amopage-faq__top .amopage-faq__btn {margin:0 auto; max-width: 190px;} .amopage-faq__vals { margin-top: 1em; } .amopage-faq__val .small { opacity: 1; font-size:1em; line-height: 1; } .accordion__info { padding: 1em; } .amopage-faq__vals-wrap { overflow-x:auto; } .amo-widget-page .nav-breadcrumbs {display:none} .amopage-promo__grid__cell.d-cell .amopage-faq__vals .d-cell { display: inline-block; width: 48%; margin: 1%; box-sizing: border-box; padding: 1em; min-height: 90px; letter-spacing: normal; margin-bottom: 1%; } .amopage-promo__grid__cell .amopage-faq__vals { display: block; letter-spacing: -4px; margin:0 0 1em; } .amopage-top { padding-bottom: 2.3em; } .accordion__name:before, .accordion__name:after { transform:scale(.5); } .accordion__item_open .accordion__name:after { transform: scale(.5) rotate(90deg); } .accordion__item_open .accordion__name:before { transform:scale(.5) rotate(-180deg); } .amopage-promo-content__video {padding-top:2.5em;} .amopage-promo-content__video.amopage-promo-content__video2 {padding-top:0} .amopage-content__image { margin-top: 1em; } .amopage-slider__item .amopage-img-w { box-shadow: 7px 8px 18px rgba(46, 53, 108, 0.46); } .amopage-promo-content-video-wrap-wrap:before { bottom: -6em; top: 7em; left: -8em; right: -8em; background-position: bottom; } .case-steps { margin-bottom: 1em; } .case-step { display: block; } .case-step figure { margin: 0 auto; width: auto; max-width: 320px; } .case-step__descr { padding-left: 0; width: auto; } .case-steps .case-step:nth-child(odd) .case-step__descr { padding-right: 0; } .case-steps .case-step:nth-child(1) .case-step__descr { padding-left: 0; } .case-icon { max-width: 50%; } .amopage-cosmos__explosure {display:none} .landing-amo { margin-top: -40px; } .landing-amo__header__title .h2 { font-size: 22px; } .landing-amo__section_videos { padding-top: 100px; } .landing-amo__section_videos .h1 { font-size: 28px; } .landing-amo__section_testimonials { padding: 4em 0; } .slider_testimonials__item { padding: 0; } .d-wrap .slider_testimonials .slick-prev { left: -30px; right: auto; margin-right: 0; } .d-wrap .slider_testimonials .slick-next { left: auto; right: -30px; margin-left: 0; } .carousel3d-wrap { margin-bottom: 2em; } .carousel3d__item.below { opacity: 0; } .carousel3d__item__text { line-height: 1.125; } .carousel3d__item__text .h2 { margin-bottom: .5em; font-size: 18px; } .carousel3d__item__lnk_video { margin-top: 1em; } .carousel3d__item__lnk_video:before { margin-right: 10px; width: 30px; height: 30px; } .carousel3d__item__lnk_video:after { margin: -6px 13px; border-width: 6px 10px; } .landing-amo__section_about__col { padding: 15px 0; } .page-portfolio-banner__name{font-size: 3.271em;} .page-portfolio-video { height: auto; padding-top: 3em; padding-bottom: 3em; } .page-portfolio-decline {display:none} .page-portfolio-about__name {margin-bottom:2em;} .page-portfolio-about {margin-bottom: 7em;min-height: auto;} .page-portfolio-video-wrap .page-portfolio-video { position: relative; top: -5em; margin-bottom: 0; } .page-portfolio-text1 { min-height: auto; padding: 2em 0 4em; } .page-portfolio-text1__text {height:auto;margin-bottom:2em} .page-portfolio-text2 { padding: 3.5em 0 6em; min-height: auto; } .page-portfolio-slider__slider { top: 0; } .page-portfolio-slider__text { padding-top: 2em; } .page-portfolio-slider__block { padding: 2em 1em 0; } .page-portfolio__result { padding: 1.5em 0 0; min-height: auto; } .b24-widget-button-position-bottom-right { right: 5px!important; bottom: 9px!important; } .landing-amo__section_order-params { background: none; } .landing-amo__section_order-params:before { display: none; } .landing-amo__section_order-params__item, .landing-amo__section_order-params__items .slick-slide {} .landing-amo__section_order-params__item__wrap { max-width: 320px; } .landing-amo__section_order-params__item__body { padding: 25px 15px; } .landing-amo__section_order-params__item__tsr img { top: 0; left: 0; margin: -80px; } .landing-amo__section_order-params__item__body p { margin-bottom: 1.5em; } .landing-amo__section_order-params__item__body .btn { width: 100%; } .order-addparams { font-size: 9px; } .order-addparams li { margin-bottom: 6px; padding: 7px 10px; width: calc(50% - 3px); } .order-addparams__pretitle { margin-bottom: .25em; } .order-addparams__title { font-size: 14px; } .order-addparams__posttitle { font-size: 14px; } .order-addparams__posttitle span { font-size: 9px; } .order-addparams__action { display: none; } .btn-search { bottom: 12px; left: 10px; } .page-portfolio-video__descr { height: auto; } .page-portfolio-video__image { display: none; } .mob_hide{display: none;} #slider-vb24-about .slider-nav-icon { display: none; } #slider-vb24-about .slick-arrow { top: 55px; margin-top: 0; background: #306aff; border-color: #306aff; color: #fff; } #slider-vb24-about .slick-prev { left: auto; right: 50%; margin-right: 100px; } #slider-vb24-about .slick-next { right: auto; left: 50%; margin-left: 100px; } #slider-vb24-about .btn { margin-top: 20px; } .page-portfolio__stats__item__title { font-size: 4em; } .landing-amo__section_discount__body { margin: 0 -15px; padding: 20px 15px; border-radius: 0; } .landing-amo__section_discount__body:before { top: -20px; left: -20px; width: 80px; height: 80px; } .landing-amo__section_discount__body:after { top: 9px; left: 4px; width: 40px; height: 40px; background-size: 100%; } .landing-amo__section_discount__text { float: none; margin-bottom: 1.5em; padding: 0; width: auto; text-align: center; } .landing-amo__section_discount__text .h1 { margin-bottom: .75em; font-size: 2em; } .landing-amo__section_discount__text .btn { margin-top: 0; } .landing-amo__section_discount__items { margin: 0 -10px; } .landing-amo__section_discount__item a { margin: 10px; } .landing-amo__section_discount__item figure { margin-bottom: .5em; } .page-portfolio-video-wrap { padding-top: 4em; } .page-portfolio-video-wrap__bottom { margin-top: 0; } .section-vb24n2-rates { font-size: 1em; } .grid_rates { display: block; margin: 0; } .grid_rates__item { margin: 0 0 30px; } .grid_rates__item__body { padding: 1.5em 15px; } .grid_rates__item__descr li { display: none; } .grid_rates__item__descr li:nth-child(1), .grid_rates__item__descr li:nth-child(2), .grid_rates__item__descr li:nth-child(3) { display: block; } .grid_rates__item__descr.is-opened li { display: block; } .grid_rates__item__addon { padding-right: 0; } .grid_rates_amo .grid_rates__item { padding-right: 0; } .grid_rates_amo .grid_rates__item__header { padding: 0; } .grid_rates_amo .grid_rates__item__body { padding: 0; } .grid_rates_amo .grid_rates__item__buy { position: relative; top: 0; right: 0; width: auto; } .grid_rates_amo .grid_rates__item__buy .clr_blue { margin: .5em 0 .25em; font-size: 1.8571em; } .grid_rates_amo .grid_rates__item__descr { margin-top: 1.5em; } .grid_rates_amo .grid_rates__item__addon .grid_rates__item__buy { top: 0; } .grid_rates_amo .grid_rates__item__descr li { display: none; } .grid_rates_amo .grid_rates__item__descr li:nth-child(1), .grid_rates_amo .grid_rates__item__descr li:nth-child(2), .grid_rates_amo .grid_rates__item__descr li:nth-child(3) { display: block; } .grid_rates_amo .grid_rates__item__descr.is-opened li { display: block; } .itrack-index-promo__body { display: block; margin: 10px auto 0; /*max-width: 320px;*/ } .itrack-index-promo__cell { display: block; } .itrack-index-promo__item { display: block; margin: 0 0 10px; padding-top: 130px; height: auto; overflow: visible; } .itrack-index-promo__item__content__split__item + .itrack-index-promo__item__content__split__item { margin-top: 3em; } .itrack-index-promo__cell_split .itrack-index-promo__item { height: auto; } .itrack-index-promo__item__bg { bottom: 0; height: 130px; } .itrack-index-promo__item__header { bottom: 0; right: 70px; margin: 0; padding: 30px 0 0 30px; height: 100px; background: rgba(3,169,244,.7); } .itrack-index-promo__item__header:after { position: absolute; top: 50%; left: 100%; margin-top: -65px; border: solid transparent; border-width: 65px 40px; border-left-color: rgba(3,169,244,.7); content: ''; } .itrack-index-promo__item__body { display: none; position: relative; top: 0; bottom: auto; padding: 30px; background: #306aff; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .itrack-index-promo__item__content .btn { margin-top: 1.5em; padding: 1.125em 50px .85em; } .itrack-index-promo__item:hover { box-shadow: none; } .itrack-index-promo__item:hover .itrack-index-promo__item__bg { opacity: 1; } .itrack-index-promo__item:hover .itrack-index-promo__item__header .h3 { opacity: 1; } .itrack-index-promo__item.is-opened { z-index: 90; } .itrack-index-promo__item.is-opened .itrack-index-promo__item__body { display: block; } .itrack-index-promo__item.is-opened .itrack-index-promo__item__bg { opacity: .5; } .amopage-prices { margin-top: 5em; } .popup_purchase { display: block; } .popup_purchase__box { padding: 15px; } .popup_purchase__payms__item figure { width: 48px; height: 28px; } #colorbox.is-popup-purchase #cboxClose { right: 25px; } .itrack-portfolio-filter__header h1, .itrack-portfolio-filter__header .h1 { display: block; margin-bottom: 1em; } .itrack-portfolio-filter__header nav.h1 { margin-bottom: 0; } .itrack-portfolio-filter__toggle { display: none; } .itrack-portfolio-filter__tags:not(.small) { padding: .75em 0; overflow: auto; white-space: nowrap; } .itrack-portfolio-filter__tags:not(.small) .itrack-portfolio-filter__tags__body { overflow: visible; } .itrack-portfolio-filter__sections { padding: .5em 0 0; } .itrack-portfolio-filter__sections .projects-filter-select { width: 290px; } .itrack-portfolio-filter__sections__body { padding-bottom: .5em; height: auto; min-height: 0; overflow: auto; white-space: nowrap; } } @media (max-width:639px){ .d-hide-xs { display: none; } .d-show-xs { display: block; } .d-fl-xs { float: left; } .d-fr-xs { float: right; } .d-tac-xs { text-align: center; } .d-tal-xs { text-align: left; } .d-tar-xs { text-align: right; } .d-col-xs-1 { width: 8.33%; } .d-col-xs-2 { width: 16.66%; } .d-col-xs-3 { width: 25%; } .d-col-xs-4 { width: 33.33%; } .d-col-xs-5 { width: 41.66%; } .d-col-xs-6 { width: 50%; } .d-col-xs-7 { width: 58.33%; } .d-col-xs-8 { width: 66.66%; } .d-col-xs-9 { width: 75%; } .d-col-xs-10 { width: 83.33%; } .d-col-xs-11 { width: 91.66%; } .d-col-xs-12 { width: 100%; } .form-order-page { padding:0 1em; } .form-order-page input.d-fr { float: none; } .ico-404 { margin-bottom: 2em; width: 200px; height: 200px; } .ico-404 img { margin: 0 6px 0 10px; width: 60px; } .ico-404 span { font-size: 70px; } .articles { margin-top: 2em; } .articles .article { padding-bottom: 1.5em; height: auto; } .articles .article i.article-spacing { height: 1.5em; } .projects .d-col, .projects .d-col.horiz { width: 100%; } .btn-phone-fixed { bottom: .5em; right: .5em; } .amopage-slider__item .amopage-img-w {width:140px} #cboxLoadedContent{padding:20px;} .is-popup-form #cboxLoadedContent{ padding: 20px 10px; } .is-popup-form .form-order-page { padding: 0; margin: 1.5em 0 0; } .page-portfolio-slider__slider{padding-bottom: 90px;} .page-portfolio-slider__nav{ bottom: 65px; left: 15px; } } @media (max-width: 480px) { .page-video-banner .page-video-wrap { height: 180px; } .page-video-banner .page-video-wrap-i { height: 180px; } .index-features .d-cell { width: auto; } .chart-row { margin: 0 -15px; } .info-grid__item__popup .btn { display: block; } .d-wrap table.tbl-pricelist td.value { font-size: 1em; } .popup-control#colorbox #cboxPrevious, .popup-control#colorbox #cboxNext {display:none!important;} .amopage-promo-content_page-portfolio .carousel3d__btns { display: block; margin: 0 0 30px; } .amopage-promo-content_page-portfolio .carousel3d__btns__text { display: block; text-align: center; } } @media (min-width:901px){ .nav-fixed nav ul, #d-footer nav ul { display: block !important; } } @media (min-width: 769px){ .index-top-slider-nav { position: absolute; bottom: 2em; left: 0; right: 0; } .index-top-slider-nav .slick-dots { text-align: left; } .index-top-slider-nav .slick-dots li { border-color: #fff; } .index-top-slider-nav .slick-dots li:hover, .index-top-slider-nav .slick-dots li.slick-active { background: #fff; } } /*** PRINT STYLES ***/ @media print { @page { margin: 0.5cm; } * { background: #fff !important; color: #333 !important; text-shadow: none !important; } a, a:visited { border: 0 !important; color: #333 !important; text-decoration: underline !important; } abbr:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #333; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } .receipt-modal #cboxLoadedContent { max-width: 95%; } .main-user-consent-request-popup { z-index: 12000; } /* Widget Page */ .mob{display: none;} .dark_gradient{ background: #d5d5d5; background-image: linear-gradient( 90deg, #f5f5f5 0%, #d5d5d5 100%); padding: 165px 0 0; } .wrapper{ box-sizing: border-box; margin: 0 auto; width: 1266px; } .wrapper:after{ clear: both; content: ""; display: block; } .dark_gradient .amopage-top__title{line-height: 44px;} .widget_slider_container{ background: white; border-radius: 5px 5px 0 0; box-sizing: border-box; box-shadow: 0 0 10px 3px rgba(35,50,119,.15); padding: 50px 40px 30px; width: 1266px; } .widget_slider_container .amopage-faq__inner{padding: 5em calc(8.5% - 20px) 0;} .widget_slider .slick-dots{ margin: 0 0 0 5px; text-align: left; } .widget_slide .slick-dots button{background: #306aff;} .widget_block{ height: 109px; margin: 0 10px 20px; max-width: 174px; position: relative; } .hover_widget_container .widget_block{ display: none; position: absolute; height: 200px; width: 174px; z-index: 99; } .hover_widget_container .widget_block.active:hover{display: block!important;} .widget_block_content{ position: relative; transition: all 0.2s linear; } .hover_widget_container .widget_block_content{ background-color: #fff; border-radius: 10px; box-shadow: 0 11px 18px 0 rgba(46,53,108,.58); margin: -10px; padding: 10px; position: absolute; width: 100%; z-index: 99; } .widget_desc{ margin-top: -101px; opacity: 0; padding-top: 18px; transition: margin-top 0.25s linear,opacity 0.5s linear; } .widget_block:hover .widget_desc{ margin-top: 0; opacity: 1; } .widget_desc p{ font-size: 14px; font-weight: 300; line-height: 15px; margin-bottom: 16px; padding: 0 10px; } .widget_desc a{ background: url(/local/templates/.default/css/../img/amo_ws/more.svg) right 5px no-repeat; color: #306aff; display: inline-block; font-size: 14px; font-weight: 300; line-height: 18px; padding: 0 10px; text-decoration: none; } .widget_desc a:hover{text-decoration: underline;} .widget_block .amopage-slider__link{ display: block; float: none; margin: 0; position: relative; z-index: 9; } .widget_color_1{background-color: #cc6600;} .widget_color_2{background-color: #9933cc;} .widget_color_3{background-color: #90066f;} .widget_color_4{background-color: #00cc66;} .widget_color_5{background-color: #000;} .widget_color_6{background-color: #66cc00;} .widget_color_7{background: #de2b38 url(/local/templates/.default/css/../img/amo_ws/001.png) no-repeat 0 0 /cover;} .widget_color_8{background-color: #ffcc00;} .widget_color_8 span{color: #666;} .widget_color_9{background-color: #ff0066;} .widget_color_10{background-color: #ff9600;} .widget_color_11{background-color: #ff3333;} .widget_color_12{background-color: #999;} .widget_color_13{background-color: #33cc33;} .widget_color_14{background-color: #0066ff;} .widget_block .amopage-img-w{ box-shadow: none; height: 109px; width: 174px; } .widget_block_content span{display: block;} .amopage-img-w__text strong{display: block;} /* Store block on widget page*/ .store_shadow:before{ background: url(/local/templates/.default/css/../img/amo_ws/store_shadow.png) no-repeat; background-size: 100% auto; content: ""; height: 558px; left: -35px; position: absolute; top: -45px; width: 399px; } .store{ background: url(/local/templates/.default/css/../img/store.png) no-repeat; border-radius: 15px; box-sizing: border-box; color: #fff; height: 438px; padding: 245px 40px 0; position: relative; width: 329px; z-index: 99; } .store span{ display: block; font-size: 14px; font-weight: 300; line-height: 18px; margin-bottom: 11px; } .store_title{ color: #fff; font-size: 26px; font-weight: bold; line-height: 30px; margin-bottom: 20px; } .store .btn{ box-sizing: border-box; font-size: 14px; font-weight: 400; line-height: 18px; padding: 16px 29px 16px; } .amopage-form .h2{margin-bottom: 0;text-align: center;} .amopage-form .form-order-page{margin-top: 3em;} /*.amopage-form .amopage-form__checkbox{display: none;}*/ .g-recaptcha > div{margin: 0 auto 30px;} .center,#colorbox .page-section .d-tac.center{text-align: center;} /* END store block */ /* Hunter lids */ .form-order-page__form{position: relative;} .hunter_lids{ background-color: #f5f8fa; border-radius: 5px; box-sizing: border-box; margin-bottom: 40px; padding: 40px 88px 29px 90px; } .hunter_lids h2{ color: #306aff; margin-bottom: 9px; } .hunter_lids p{ color: #333; font-size: 14px; font-weight: 300; line-height: 18px; margin-bottom: 37px; } .hunter_lids .fld{ float: left; margin-bottom: 34px; width: calc(100% - 274px); } .hunter_lids .btn{ box-sizing: border-box; float: right; font-size: 14px; font-weight: 400; line-height: 18px; margin-top: -20px; padding: 17px 68px 16px; position: relative; z-index: 99; } .agreement{ clear: both; color: #999; display: block; font-size: 12px; font-weight: 300; line-height: 16px; position: relative; z-index: 99; } .agreement a{color: #306aff;} .cosmos_margin{margin-top: -140px;} .amopage-form-bg-cosmo{ margin-bottom: -65px; padding-top: 0; } .amopage-cosmos:before{ opacity: 1; visibility: visible; } .amopage-cosmos .amopage-cosmos__box {color:white;} .amopage-cosmos .amopage-cosmos__box:before { opacity:1; visibility:visible;} .amopage-cosmos__box .btn{ font-size: 14px; font-weight: 400; } .amopage-cosmos:before { opacity:1; visibility:visible; } .amopage-cosmos h2 {color:white} .amopage-faq .d-grid{ position: relative; top: -44px; z-index: 9; } .amopage-faq__inner{cursor: pointer;} /* END hunter lids */ /* Features */ .features_block_title{text-align: center;} .features_title{ align-items: center; color: #0199ef; display: flex; flex-direction: row; font-size: 22px; font-weight: 400; height: 60px; line-height: 26px; margin-bottom: 11px; overflow: hidden; padding-left: 78px; position: relative; } .features_title:before,.features_title:after{ border: 2px #0199ef solid; border-radius: 50%; box-sizing: border-box; content: ""; height: 60px; left: 0; margin-right: 18px; opacity: 1; position: absolute; transition: all 0.2s linear; top: 0; width: 60px; } .features_title.ico_1:before{background: url(/local/templates/.default/css/../img/features_title1.svg) center no-repeat;} .features_title.ico_2:before{background: url(/local/templates/.default/css/../img/features_title2.svg) center no-repeat;} .features_title.ico_3:before{background: url(/local/templates/.default/css/../img/features_title3.svg) center no-repeat;} .features_title.ico_4:before{background: url(/local/templates/.default/css/../img/features_title4.svg) center no-repeat;} .features_title.ico_5:before{background: url(/local/templates/.default/css/../img/features_title5.svg) center no-repeat;} .features_title.ico_6:before{background: url(/local/templates/.default/css/../img/features_title6.svg) center no-repeat;} .features_title.ico_7:before{background: url(/local/templates/.default/css/../img/features_title7.svg) center no-repeat;} .features_title.ico_1:after{background: #2bb0f3 url(/local/templates/.default/css/../img/features_title1_hover.svg) center no-repeat;} .features_title.ico_2:after{background: #2bb0f3 url(/local/templates/.default/css/../img/features_title2_hover.svg) center no-repeat;} .features_title.ico_3:after{background: #2bb0f3 url(/local/templates/.default/css/../img/features_title3_hover.svg) center no-repeat;} .features_title.ico_4:after{background: #2bb0f3 url(/local/templates/.default/css/../img/features_title4_hover.svg) center no-repeat;} .features_title.ico_5:after{background: #2bb0f3 url(/local/templates/.default/css/../img/features_title5_hover.svg) center no-repeat;} .features_title.ico_6:after{background: #2bb0f3 url(/local/templates/.default/css/../img/features_title6_hover.svg) center no-repeat;} .features_title.ico_7:after{background: #2bb0f3 url(/local/templates/.default/css/../img/features_title7_hover.svg) center no-repeat;} .features_title:after{opacity: 0;} .amopage-content .d-table:hover .features_title:after{opacity: 1;} .amopage-content .d-table:hover .features_title:before{opacity: 0;} .amopage-content .d-table:hover .features_title:after,.amopage-content .d-table:hover .features_title:before{border-color: #2bb0f3;} .features_title span{ align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; float: left; font-size: 22px; font-weight: 400; height: 60px; justify-content: flex-start; margin-top: 5px; transition: all 0.2s linear; } .amopage-content .d-table:hover .features_title span{color: #2bb0f3;} .amopage-content .d-table:hover .features_title:before{border-color: #2bb0f3;} .features_block:last-child{margin-bottom: 4em;} .features_block .amopage-content__text_r{padding-left: 5%;} .features_block .amopage-content__text p{ color: #333; font-size: 16px; font-weight: 300; line-height: 25px; margin-bottom: 25px; } .features_block .small{font-size: 12px;} .interface_margin{margin-right: 146px;} .amopage-faq__inner-content{position: relative;} .close_list{ background-color: #0199ef; border: 2px #0199ef solid; border-radius: 50%; height: 60px; position: absolute; right: 0; top: -11px; transition: all 0.2s linear; width: 60px; } .close_list:before,.close_list:after{ background-color: #fff; content: ""; display: block; position: absolute; transition: all 0.3s linear; } .close_list:hover{background-color: #fff;} .close_list:hover:before,.close_list:hover:after{background-color: #0199ef;} .close_list:before{ height: 2px; left: calc(50% - 10px); top: calc(50% - 1px); width: 20px; } .close_list:after{ height: 20px; left: calc(50% - 1px); top: calc(50% - 10px); width: 2px; } .amopage-faq__inner-content.active .close_list:after{transform:rotate(90deg);} .amopage-faq__inner-content.active .close_list:before{transform:rotate(-180deg);} .amopage-faq__inner-content h4{padding-bottom: 2.7em;} .amopage-faq__list{ display: none; margin-bottom: 100px; } #landing-amo-order .amopage-form-bg-cosmo:before{display: none;} .cosmos_margin .amopage-form-bg-cosmo:before{display: block;} /* END features */ /* Detail widget */ .wrapper.margin{margin-top: 40px;} /* Detail widget */ /* Whats new */ .whats_new{ background-color: #f5f8fa; margin-bottom: 50px; padding: 53px 60px 49px; position: relative; z-index: 9; } .whats_new h2{ color: #306aff; float: left; line-height: 40px; margin-bottom: 30px; overflow: hidden; } .title_links{ float: right; margin-bottom: 30px; padding-top: 20px; } .title_links span{ color: #333; float: left; font-size: 12px; font-weight: 300; line-height: 14px; } .title_links a{ color: #306aff; float: right; font-size: 12px; font-weight: 300; line-height: 14px; margin-left: 40px; } .whats_new .list-decor-item{ clear: both; width: 100%; } .history_popup_container{display: none;} .history_popup{ background-color: #fff; border-right: 3px; box-sizing: border-box; max-width: 100%; /*box-shadow: 0 2px 4px 0 rgba(0,0,0,.3); padding: 27px 30px 0;*/ width: 754px; } .history_popup h4{ color: #000; font-size: 22px; line-height: 28px; margin-bottom: 27px; } .history_popup ul{margin: 0;} .history_popup li{ border-bottom: 1px #e5e5e5 solid; list-style: none; margin-bottom: 26px; padding-bottom: 30px; } .history_popup li:last-child{ border-bottom: none; margin-bottom: 30px; padding-bottom: 0; } .history_popup li:before{display: none;} .update_info{ margin-bottom: 20px; overflow: hidden; } .update_info span{ float: left; font-size: 14px; line-height: 20px; } .update_info em{ float: right; font-size: 12px; font-style: normal; font-weight: 300; line-height: 20px; } .history_popup li p{ font-size: 14px; line-height: 20px; } /* END whats_new */ /* Restrictions */ .restrictions{ align-items: stretch; display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 120px; } .restrictions_column{width: 50%;} .restrictions_column:first-child{ align-items: stretch; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .restrictions_column:last-child{width: calc(50% - 98px);} .restrictions_block{ background-color: #fff; border-radius: 5px; box-shadow: 0 12px 29px 0 rgba(142,134,172,0.15); box-sizing: border-box; padding: 255px 50px 43px; position: relative; width: calc(50% - 15px); } .restrictions_block.full_width{width: 100%;} .restrictions_block:before{ background: #f6f9fb url(/local/templates/.default/css/../img/restrictions_1.svg) center no-repeat; border-radius: 50%; content: ""; height: 180px; left: calc(50% - 90px); position: absolute; top: 40px; width: 180px; } .restrictions_block.ico_2:before{background: #f6f9fb url(/local/templates/.default/css/../img/restrictions_2.svg) center no-repeat;} .restrictions_column .restrictions_block p{ color: #ff4343; font-size: 20px; font-weight: 300; line-height: 25px; margin-bottom: 0; text-align: center; } .restrictions_block p strong{font-weight: 500;} .restrictions_column h2{margin-bottom: 36px;} .restrictions_column p{ font-size: 16px; font-weight: 300; line-height: 25px; margin-bottom: 20px; } .restrictions_column .btn{padding: 14px 50px 14px;} .form_block_title{ background-color: #e5f6fe; font-weight: 300; padding: 46px 0 50px; } .form_block_title strong{font-weight: 700;} .page-section.amopage-form{ padding-top: 40px; } .page-section.amopage-form p{font-weight: 300;} /* END restrictions */ /* Blog */ .blog_filter .itrack-portfolio-filter__tags__body{max-height: 112px;} .blog_filter .itrack-portfolio-filter__tags__body.fullheight { max-height: none; } .portfolio-cat { background: none; color: #000; text-decoration: none; } .portfolio-cat span { transition: .45s; border-bottom: 1px dashed rgba(0,0,0,.25); } .portfolio-cat.is-active span, .portfolio-cat:hover span { border-color: transparent; } .portfolio-cat.is-active { color: #306aff; cursor: auto; } /* End */ .section-vb24n2.blog_page:before{display: none;} .filter_container{position: relative;} .filter_container .itrack-portfolio-filter__tags__body{background: none;} .blog_filter{border-top: none;} .blog_filter .itrack-portfolio-filter__toggle:not(.clear_btn){top: 62px;} .blog_filter label sup{display: none;} .clear_btn{background-color: #fff;} .clear_btn:hover{ background-color: #306aff; border-color: #306aff; } .itrack-portfolio-filter__toggle.clear_btn svg{margin: -8px -10px;} .itrack-portfolio-filter__toggle.clear_btn svg path{fill: #333;} .itrack-portfolio-filter__toggle.clear_btn:hover svg path{fill: #fff;} .blog_page .articles .d-row{ align-items: stretch; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } .blog_page .d-row .d-col{margin-bottom: 30px;} .blog_page .articles .article{ border-radius: 3px; box-sizing: border-box; height: 100%; margin-bottom: 0; padding-bottom: 82px; position: relative; } .blog_page .articles .article i{ background-position: center; background-repeat: no-repeat; background-size: cover; } .blog_page .articles .article span.date{ color: #808080; display: inline-block; } .blog_page .articles .article span.views{ border: 1px #d6d6d6 solid; border-radius: 15px; bottom: 37px; box-sizing: border-box; color: #808080; font-size: 12px; height: 30px; line-height: 16px; left: 8.3%; margin: 0; position: absolute; padding: 5.5px 20px 0 34px; transition: all 0.2s linear; } .blog_page .articles .article .time span.views{ bottom: auto; left: auto; position: relative; } /* .blog_page .article:hover span.views{ background-color: #306aff; border-color: #306aff; color: #fff; }*/ .blog_page .article span.views:before,.blog_page .article span.views:after{ background: url(/local/templates/.default/css/../img/ico_views.svg) no-repeat; content: ""; height: 9px; left: 10px; position: absolute; top: 9px; transition: all 0.2s linear; width: 15px; z-index: 9; } .blog_page .article span.views:after{ background: url(/local/templates/.default/css/../img/ico_views2.svg) no-repeat; opacity: 0; } /*.blog_page .article:hover span.views:before{opacity: 0;} .blog_page .article:hover span.views:after{opacity: 1;}*/ .blog_page .article a{ display: inline-block; text-decoration: none; } .blog_page .lnk-more{ background: #f5f8fa; border-radius: 3px; box-sizing: border-box; color: #306aff; font-size: 16px; height: 70px; line-height: 20px; margin: 50px auto 80px; padding: 25px 0 0; width: 362px; } .blog_page .lnk-more:hover{ background: #868686; color: #fff; } #slider-vb24-about .hunter_lids .btn{ margin: -20px 0 0 ; padding-left: 40px; padding-right: 40px; } .small.itrack-portfolio-filter__tags{ background: rgba(3,169,244,.8); border-radius: 3px 3px 0 0; box-sizing: border-box; height: 130px; left: 0; opacity: 0; padding: 20px 15px 10px; position: absolute; top: 0; transition: all 0.2s linear; z-index: 99; } .blog_page .article:hover .small.itrack-portfolio-filter__tags{opacity: 1;} .small.itrack-portfolio-filter__tags .itrack-portfolio-filter__tags__body{ background: none; height: 23px; position: relative; transition: all 0.2s linear; z-index: 999; } .small .itrack-portfolio-filter__toggle{ height: 21px; right: 15px; top: 0!important; width: 34px; } .small .itrack-portfolio-filter__toggle:hover{ background-color: #d6d6d6; border-color: #d6d6d6; } .small .itrack-portfolio-filter__toggle:hover:before{background-color: #d6d6d6;} .small.itrack-portfolio-filter__tags li{margin: 0 2px 11px;} .small.itrack-portfolio-filter__tags label span{margin: 0;padding: .286em 15px;} .small .itrack-portfolio-filter__tags__body,.small .itrack-portfolio-filter__toggle,.small .itrack-portfolio-filter__toggle svg{transition: none;} .small .itrack-portfolio-filter__tags__body.active { background: rgba(255,255,255,.9); border-radius: 3px; box-sizing: border-box; height: 415px!important; padding: 20px 20px 10px; width: 100%; } .small .itrack-portfolio-filter__tags__body.active .itrack-portfolio-filter__toggle{ border-radius: 50%; right: 15px; top: 20px !important; width: 21px; } .small .itrack-portfolio-filter__tags__body.active .itrack-portfolio-filter__toggle svg:not(.d-hidden){display: none;} .small .itrack-portfolio-filter__tags__body.active .itrack-portfolio-filter__toggle svg.d-hidden{ display: block; height: 9px; margin: -4px -5px; width: 9px; } .blog_filter .itrack-portfolio-filter__tags__body.active .itrack-portfolio-filter__toggle:not(.clear_btn) svg:not(.d-hidden){display: none;} .blog_filter .itrack-portfolio-filter__tags__body.active .itrack-portfolio-filter__toggle:not(.clear_btn) svg.d-hidden{ display: block; height: 13px; margin: -6px -6px; width: 13px; } .blog_page .slider1-for .slick-list,.blog_page .slider-nav-icons .slick-list{overflow: visible;} .blog_page .slider-nav-icons .slick-slide{ background-color: #f5f8fa; border-radius: 3px; box-sizing: border-box; height: 200px; padding-top: 61px; position: relative; transition: all 0.2s linear; width: calc((100% - 150px) / 7)!important; } .blog_page .slider-nav-icons .slick-current.slick-slide,.blog_page .slider-nav-icons .slick-slide:hover{ background-color: #fff; box-shadow: 0 4px 9px 0 rgba(0,0,0,.16); } .blog_tabs .slider-nav-icons__item{ position: static; text-align: center; width: 100%!important; } .blog_tabs .slider-nav-icon{ border: none; border-radius: 0; height: 68px; width: 100%; } .blog_tabs .slider-nav-icons__item:hover .slider-nav-icon,.blog_tabs .slick-current .slider-nav-icons__item .slider-nav-icon{background-color: transparent;} .slider-nav-icon.cat_1{background: url(/local/templates/.default/css/../img/cat_1.svg) center no-repeat;} .slider-nav-icon.cat_2{background: url(/local/templates/.default/css/../img/cat_2.svg) center no-repeat;} .slider-nav-icon.cat_3{background: url(/local/templates/.default/css/../img/cat_3.svg) center no-repeat;} .slider-nav-icon.cat_4{background: url(/local/templates/.default/css/../img/cat_4.svg) center no-repeat;} .slider-nav-icon.cat_5{background: url(/local/templates/.default/css/../img/cat_5.svg) center no-repeat;} .slider-nav-icon.cat_6{background: url(/local/templates/.default/css/../img/cat_6.svg) center no-repeat;} .slider-nav-icons__item:hover .slider-nav-icon.cat_1,.slick-current .slider-nav-icons__item .slider-nav-icon.cat_1{background: url(/local/templates/.default/css/../img/cat_1.svg) center no-repeat;} .slider-nav-icons__item:hover .slider-nav-icon.cat_2,.slick-current .slider-nav-icons__item .slider-nav-icon.cat_2{background: url(/local/templates/.default/css/../img/cat_2.svg) center no-repeat;} .slider-nav-icons__item:hover .slider-nav-icon.cat_3,.slick-current .slider-nav-icons__item .slider-nav-icon.cat_3{background: url(/local/templates/.default/css/../img/cat_3.svg) center no-repeat;} .slider-nav-icons__item:hover .slider-nav-icon.cat_4,.slick-current .slider-nav-icons__item .slider-nav-icon.cat_4{background: url(/local/templates/.default/css/../img/cat_4.svg) center no-repeat;} .slider-nav-icons__item:hover .slider-nav-icon.cat_5,.slick-current .slider-nav-icons__item .slider-nav-icon.cat_5{background: url(/local/templates/.default/css/../img/cat_5.svg) center no-repeat;} .slider-nav-icons__item:hover .slider-nav-icon.cat_6,.slick-current .slider-nav-icons__item .slider-nav-icon.cat_6{background: url(/local/templates/.default/css/../img/cat_6.svg) center no-repeat;} .blog_page .slider-nav-icons .slick-slide:hover .mob_hide{color: #000;} .mob_hide em{ background-color: #fff; border-radius: 15px; box-sizing: border-box; color: #a8a8a8; display: block; font-size: 12px; font-style: normal; height: 30px; min-width: 40px; padding: 7px 5px 0; position: absolute; right: 10px; text-align: center; top: 10px; transition: all 0.2s linear; } .blog_page .slider-nav-icons .slick-slide:hover .mob_hide em,.blog_page .slider-nav-icons .slick-slide.slick-current .slider-nav-icons__item .mob_hide em{ background-color: #306aff; color: #fff; } .blog_page .slider-nav-icons .slick-slide:hover .fresh.slider-nav-icons__item .mob_hide em,.blog_page .slider-nav-icons .slick-slide.slick-current .fresh.slider-nav-icons__item .mob_hide em{background-color: #fc0b0b;} .blog_tabs .itrack-portfolio-filter__tags{ height: 110px; overflow: hidden; } .blog_tabs .itrack-portfolio-filter__tags li{float: left;} .content{ float: left; width: calc(100% - 240px); } .content .inner-page-title-wrap h1 { font-weight: 400; font-size: 1.5714em; text-align: left; } .blog_post{margin-bottom: 60px;} .blog_post ul li { margin-bottom: 1em; padding-left: 32px; } .blog_post ul li:before { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAARVBMVEUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfUDqfX////NLJj/AAAAFXRSTlMAlmkDvfxCD9vwJPsE7xDaJbxDlWoofRZ1AAAAAWJLR0QWfNGoGQAAAAlwSFlzAAALEgAACxIB0t1+/AAAAEpJREFUCNdVjLcRwEAMwz7qg3Pg/quaVGdVuBOBEAGkoMsFqObYOjCm4xxAb45WgZIdE634J1v4XWVsNHZVDlZOlS+Wb40erl/BB8WcA40wPsuPAAAAAElFTkSuQmCC'); content: ''; float: left; height: 12px; margin: 5px 0 0 -32px; width: 9px; } .aligncenter{text-align: center;} .blog_post .amopage-promo-content__video{margin: 1.5em 0 3em;} .sidebar{ float: right; width: 200px; } /* END blog */ @media only screen and (max-width: 1300px){ .wrapper{ padding: 0 15px; width: auto; } .widget_slider_container{ padding: 30px 20px 20px; width: auto; } .whats_new_container{padding: 0 47px;} .restrictions_block p br{display: none;} }/* END 1300px */ @media only screen and (max-width: 1024px){ .amopage-vista__text{width: calc(100% - 410px);} .widget_slider_container .nav-breadcrumbs{margin-top: 10px;} .hunter_lids{ margin-bottom: 55px; padding: 36px 37px 23px; } .hunter_lids h2{ font-size: 37px; line-height: 41px; } .hunter_lids .fld{width: calc(100% - 266px);} .hunter_lids .btn,.hunter_lids input[type="submit"].btn{ min-width: 236px; padding: 17px 49px 16px; text-align: center; } .restrictions_column:last-child{width: calc(50% - 80px);} .restrictions_block{padding: 255px 20px 33px;} }/* END 1024px */ @media only screen and (max-width: 960px){ .whats_new{margin-bottom: 40px;} .restrictions{flex-wrap: wrap-reverse;} .restrictions_column,.restrictions_column:last-child,.restrictions_column:first-child{ display: block; width: 100%; } .restrictions_column:first-child .btn{margin-top: 20px;} .restrictions_block{ align-items: center;box-sizing: border-box; box-shadow: 0px 12px 29px 0px rgba(142, 134, 172, 0.15); display: flex; flex-direction: row; justify-content: flex-start; margin-bottom: 10px; min-height: 94px; padding: 12px 55px 14px 96px; width: 100%; } .restrictions_block:before{ background-size: 24px auto; height: 54px; left: 21px; top: 20px; width: 54px; } .restrictions_block.ico_2:before{background-size: 22px auto;} .restrictions_block p{text-align: left;} }/* END 960px */ @media only screen and (max-width: 840px){ .widget_slider_container{ margin: 0 auto; width: 625px; } .hover_widget_container .widget_block.active{display: none!important;} }/* END 840px */ @media only screen and (max-width: 768px){ .nav-breadcrumbs.mob{display: block;} .dark_gradient{padding-top: 105px;} .dark_gradient .amopage-top__title{ font-size: 35px; line-height: 40px; text-align: center; } .amopage-vista__text h2 br{display: none;} .amopage-vista{ height: auto; margin-bottom: 0; padding: 55px 15px 0; } .amopage-vista .d-grid{ display: flex; flex-direction: row; flex-wrap: wrap-reverse; padding: 0; } .amopage-vista .amopage-vista__text{width: 100%;} .amopage-vista__text h2{ font-size: 25px; font-weight: 300; line-height: 30px; margin-bottom: 34px; } .amopage-vista__text p{ font-size: 14px; font-weight: 300; line-height: 20px; margin-bottom: 24px; } .amopage-vista .d-col.d-col-4{ margin-top: 9px; padding: 0; width: 100%; } .store{ align-items: center; background-size: 100% auto; display: flex; flex-direction: column; height: 386px; justify-content: flex-end; margin: 0 auto 40px; padding: 0 35px 35px; width: 290px; } .store span{width: 100%;} .store_title{ font-size: 24px; line-height: 28px; } .store .btn{ display: block; font-size: 12px; padding: 16px 7px 16px; text-align: center; width: 100%; } .store_shadow:before{ background: url(/local/templates/.default/css/../img/amo_ws/store_shadow_320.png) no-repeat; background-size: 100% auto; height: 491px; left: calc(50% - 175px); top: -42px; width: 351px; } .hunter_lids{ border-radius: 0; margin: 0 -15px 0; padding: 36px 15px 23px; width: calc(100% + 30px); } .hunter_lids h2{ font-size: 25px; line-height: 30px; margin-bottom: 18px; } .hunter_lids p{ line-height: 20px; margin-bottom: 34px; } .hunter_lids .fld{ float: none; margin-bottom: 40px; width: 100%; } .hunter_lids .btn,.hunter_lids input[type="submit"].btn{ display: block; float: none; margin-bottom: 27px; min-width: inherit; padding: 17px 10px 16px; text-align: center; width: 100%; } .agreement{line-height: 15px;} .agreement br.mob{display: block;} .features_block{ display: flex; flex-direction: row; flex-wrap: wrap; } .interface_margin{margin-right: 0;} .features_block .d-tal_sm{ display: none; margin-bottom: 25px; } .features_block .amopage-content__text p{ height: 0; margin-bottom: 0; overflow: hidden; } .features_block .amopage-content__text p:nth-child(2){ height: auto; margin-bottom: 25px; } .features_block.active .amopage-content__text p:nth-child(2),.features_block.active .amopage-content__text p{ height: auto; margin-bottom: 25px; } .more{ border-bottom: 1px #306aff dotted; color: #306aff; display: inline-block; font-size: 14px; line-height: 18px; text-decoration: none; transition: all 0.2s linear; } .more:hover{border-bottom-color: #fff;} .amopage-cosmos-hover{margin-top: -47px;} .cosmos_margin{margin-bottom: -85px;} .features_block_title br.mob{display: block;} .features_block .amopage-content__text_r{padding-left: 0;} .amopage-cosmos{ padding-top: 0; margin-top: 45px; } .whats_new{padding: 33px 30px 29px;} .whats_new h2{margin-bottom: 14px;} .title_links{ float: none; overflow: hidden; padding-top: 0; width: 100%; } .title_links a{margin: 0;} .whats_new_container{padding: 0;} .restrictions_column h2{ margin-bottom: 14px; text-align: center; } .restrictions_column p{ font-size: 14px; line-height: 20px; } .restrictions_column .btn{ display: none; margin: 0 auto; max-width: 290px; } .restrictions_column .btn.mob{display: block;} }/* END 768px */ @media only screen and (max-width: 660px){ }/* END 660px */ @media only screen and (max-width: 600px){ .widget_slider_container{width: 428px;} }/* END 600px */ @media only screen and (max-width: 480px){ .widget_slider_container{ border-radius: 0; box-shadow: none; margin: 0 -15px; overflow: hidden; padding: 50px 15px 60px; width: calc(100% + 30px); } .widget_slider{min-width: 380px;} }/* END 480px */ @media only screen and (max-width: 480px){ }/* END 480px */ .portfolio-wrapper { margin-top: -7em; position: relative; } .portfolio-loader { position: absolute; top: 0; left: -50vw; z-index: 99999; width: 200vw; height: 100%; background: rgba(255,255,255,.45); display: none; } .cancel_checkbox{ background: #57caff url(/local/templates/.default/css/../img/ico_close2.svg) center no-repeat; background-size: 12px 12px; border-radius: 50%; float: left; height: 30px; left: 0; margin-right: 10px; opacity: 0; position: absolute; top: 0; transition: all 0.2s linear; width: 30px; } .itrack-portfolio-filter__tags input:checked + label .cancel_checkbox{opacity: 0;} .itrack-services .itrack-portfolio-filter__tags{ /*border-bottom: 1px solid #ebebeb;*/ } .itrack-services .itrack-portfolio-filter__tags label span,.itrack-services .itrack-portfolio-filter__tags label,.itrack-services .cancel_checkbox,.itrack-services .itrack-portfolio-filter__tags label:before{border-radius: 5px;} .itrack-portfolio-filter__clear{ margin-top: 20px; position: relative; text-align: center; } .itrack-portfolio-filter__clear:before{ background-color: #306aff; content: ""; height: 1px; left: 0; position: absolute; top: calc(50% - .5px); transition: all 0.2s linear; width: 100%; } .itrack-portfolio-filter__clear:hover:before{background-color: #d6d6d6;} .itrack-portfolio-filter__clear a{ background-color: #fff; padding: 0 20px; position: relative; z-index: 9; } .itrack-portfolio-filter__clear a span{ background-color: #306aff; border-radius: 15px; box-sizing: border-box; color: #fff; display: inline-block; height: 30px; padding: 5px 33px 0; text-decoration: none; transition: all 0.2s linear; } .itrack-portfolio-filter__clear:hover a span{background-color: #d6d6d6;} .video_container { width: 100%; display: inline-block; position: relative; } .video_container:after { padding-top: 56.25%; display: block; content: ''; } .video_container > iframe{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; } .captcha_block{ float: left; } .captcha_block + li{ clear: both; float: left; } .g-recaptcha > div{margin-bottom: 0;} .open_more{ clear: both; color: #306aff; cursor: pointer; display: block; font-family: Roboto; font-size: 50px; font-weight: 300; line-height: 40px; padding-top: 110px; text-align: center; transition: all 0.2s linear; } .open_more span{ border-bottom: 1px #306aff dotted; display: inline-block; position: relative; } .open_more span:before{ background: url(/local/templates/.default/css/../img/open_more.svg) no-repeat; content: ""; height: 16px; position: absolute; right: -68px; top: calc(50% - 8px); transform: rotate(-180deg); transition: all 0.2s linear; width: 28px; } .open_more.active span:before{transform: none;} .open_more:hover span{border-bottom-color: transparent;} .features_hide{ display: none; padding-top: 80px; } .features_hide .features_title{ height: auto; padding-left: 0; } .features_hide .features_title:before,.features_hide .features_title:after{display: none;} .features_block .amopage-content__text p.soon{ color: #0199ef; font-weight: 700; text-transform: uppercase; } #slider-vb24-about .soon + .btn{margin-top: -20px;} .whatsapp > i{ background-color: #22bd44; background-image: url(/local/templates/.default/css/../img/whatsapp.svg); } .tabs_container{} .tabs{ align-items: flex-start; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin: 0 0 47px; } .tabs li{ border: 3px #306aff solid; border-radius: 40px; box-sizing: border-box; color: #306aff; cursor: pointer; font-size: 22px; height: 80px; line-height: 26px; margin-right: 30px; padding-top: 23px; text-align: center; transition: all 0.2s linear; width: 280px; } .tabs li:before{display: none;} .tabs li.active{ background-color: #306aff; color: #fff; } .box{display: none;} .box.visible{display: block;} .box:after{ clear: both; content: ""; display: block; } .tab_desc > p{ color: #333; font-size: 16px; font-weight: 300; line-height: 25px; margin-bottom: 50px; } .tab_desc{ float: left; width: 58.99%; } .bonus_container{ align-items: flex-start; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .version_bonus{ margin-bottom: 50px; padding-top: 73px; width: calc(50% - 30px); } .version_bonus.ico_1{background: url(/local/templates/.default/css/../img/ico_version_bonus1.svg) no-repeat;} .version_bonus.ico_2{background: url(/local/templates/.default/css/../img/ico_version_bonus2.svg) no-repeat;} .version_bonus.ico_3{background: url(/local/templates/.default/css/../img/ico_version_bonus3.svg) no-repeat;} .version_bonus.ico_4{background: url(/local/templates/.default/css/../img/ico_version_bonus4.svg) no-repeat;} .version_bonus.ico_5{background: url(/local/templates/.default/css/../img/ico_version_bonus5.svg) no-repeat;} .version_bonus.ico_6{background: url(/local/templates/.default/css/../img/ico_version_bonus6.svg) no-repeat;} .version_bonus.ico_7{background: url(/local/templates/.default/css/../img/ico_version_bonus7.svg) no-repeat;} .version_bonus.ico_8{background: url(/local/templates/.default/css/../img/ico_version_bonus8.svg) no-repeat;} .version_bonus p{ font-size: 14px; line-height: 20px; margin: 0; } .tab_right{ align-items: flex-end; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; float: right; min-height: 432px; justify-content: flex-end; margin-bottom: 50px; padding-right: 66px; position: relative; width: calc(100% - 58.99%); } .tab_right:before{ background: url(/local/templates/.default/css/../img/cloud.png) no-repeat; content: ''; height: 317px; position: absolute; right: -59px; top: 0; width: 528px; } .tab_right.ico_2:before { background: url(/local/templates/.default/css/../img/box.png) no-repeat; height: 343px; } .tarif_container{ align-items: flex-start; clear: both; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 10px; padding-top: 20px; width: 100%; } .table_left{ padding-top: 35px; width: 262px; } .table_scroll{width: calc(100% - 262px);} .scroll_table_head{ box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .tarif_container:not(.box_type) .scroll_table_head .tarif_name:nth-child(2){width: calc(((100% - 0px) / 7) * 3);} .tarif_container:not(.box_type) .scroll_table_head .tarif_name:nth-child(3){width: calc(((100% - 0px) / 7) * 3);} .tarif_container:not(.box_type) .tarif_row .tarif_td:nth-child(2){width: calc(((100% - 0px) / 7) * 3 / 2);} .tarif_container:not(.box_type) .tarif_row .tarif_td:nth-child(3){width: calc(((100% - 30px) / 7) * 3 / 2);} .tarif_container:not(.box_type) .tarif_row .tarif_td:nth-child(4){width: calc(((100% - 0px) / 7) * 3 / 2);} .tarif_container:not(.box_type) .tarif_row .tarif_td:nth-child(5){width: calc(((100% - 20px) / 7) * 3 / 2);} .tarif_container:not(.box_type) .tarif_row.month .tarif_td:nth-child(2){width: calc(((100% - 0px) / 7) * 3 / 2) !important;} .tarif_container:not(.box_type) .tarif_row.month .tarif_td:nth-child(3){width: calc(((100% - 30px) / 7) * 3 / 2) !important;} .tarif_container:not(.box_type) .tarif_row.month .tarif_td:nth-child(4){width: calc(((100% - 0px) / 7) * 3 / 2) !important;} .tarif_container:not(.box_type) .tarif_row.month .tarif_td:nth-child(5){width: calc(((100% - 20px) / 7) * 3 / 2) !important;} .mCSB_horizontal.mCSB_inside > .mCSB_container{ max-width: 818px; padding-top: 33px; width: 818px!important; } .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom: 20px;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ background: #d2f1ff; border: 0; border-radius: 50%; cursor: pointer; color: #306aff; height: 60px; opacity: 1; position: absolute; top: -803px; width: 60px; } .box_type .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.box_type .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{top: -660px;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft:before, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight:before{ font-family: 'FontAwesome'; font-size: 32px; left: 0; line-height: 1; margin-top: -.525em; position: absolute; right: 0; text-align: center; top: 50%; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft:before { content: '\f104'; text-indent: -2px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight:before { content: '\f105'; text-indent: 2px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft:hover, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight:hover { background: #306aff; color: #fff; } .tarif_row{ align-items: stretch; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .tarif_row.legend{margin-bottom: 30px;} .tarif_th{ align-items: flex-start; box-sizing: border-box; color: #333; display: flex; flex-direction: column; font-family: Roboto; font-size: 16px; font-weight: 600; height: 78px; justify-content: center; line-height: 20px; padding-right: 15px; position: relative; width: 100%; } .tarif_container:not(.box_type) .tarif_row:not(.month) .tarif_th{height: 46px;} .tarif_container:not(.box_type) .tarif_row:first-child .tarif_th{ height: 160px; padding-bottom: 40px; } .tarif_row:nth-child(2) .tarif_th{height: 75px;} .tarif_row:nth-child(3) .tarif_th,.tarif_row:nth-child(4) .tarif_th{height: 92px;} .box_type .tarif_row:nth-child(3) .tarif_th{height: 178px;} .box_type .tarif_row:nth-child(4) .tarif_th{height: 150px;} .table_left .tarif_row.month .tarif_th{height: 140px;} .tarif_row:last-child .tarif_th{height: 165px;} .tarif_th .tooltip{ position: absolute; top: calc(50% - 10px); } .tarif_th .tooltip .tooltip-item svg{transition: all 0.2s linear;} .tarif_th .tooltip:hover .tooltip-item svg{fill: #306aff;} .select2-container{ display: block; vertical-align: top; z-index: 99999; } .select2-container--default .select2-selection--single{ background-color: #fff; border: 1px #1eb3f0 solid; border-radius: 3px; box-sizing: border-box; color: #333; display: block; font-size: 16px; height: 40px; line-height: 24px; padding: 6px 0 0 20px; position: relative; transition: all 0.2s linear; width: 100%; } .select2-container--default .select2-selection--single:before{ background: url(/local/templates/.default/css/../img/select.svg) center no-repeat; content: ""; height: 5px; position: absolute; right: 19px; top: calc(50% - 3px); width: 9px; } .select2-container--open.select2-container--default .select2-selection--single:before{transform: rotate(-180deg);} .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: inherit; padding: 0; } .select2-container--default .select2-selection--single .select2-selection__arrow{display: none;} .select2-dropdown{border: 1px #1eb3f0 solid;} .select2-results__option{ font-size: 14px; list-style: none; padding: 10px 10px 10px 20px; } .select2-results__option:before{display: none;} .select2-container--default .select2-results__option--highlighted[aria-selected]{ background-color: #ebebeb; color: #444; } .select2-container--default .select2-results__option[aria-selected="true"]{ background-color: #1eb3f0; color: #fff; } .tarif_select{ margin: 35px 0 4px; width: 165px; } .tarif_th p{ color: #999; font-size: 14px; font-weight: 300; line-height: 17px; margin: 14px 0 0; } .tarif_name{ align-items: center; background-color: #306aff; border: 2px #306aff solid; border-radius: 10px 10px 0 0; box-sizing: border-box; color: #fff; display: flex; flex-direction: column; font-family: Roboto; font-size: 20px; font-weight: 400; height: 80px; justify-content: center; line-height: 24px; position: relative; text-align: center; width: calc(25% - 10px); } .tarif_container:not(.box_type) .tarif_name{ background-color: #306aff; border: 2px #306aff solid; color: #fff; font-size: 14px; font-weight: bold; height: 35px; line-height: 18px; width: calc((100% - 20px) / 7); } .popular_tag{ color: #306aff; font-size: 14px; left: 0; line-height: 16px; position: absolute; text-transform: uppercase; top: -34px; width: 100%; } .tarif_td{ align-items: center; background-color: #f2fcfe; border: 1px #cdeefd solid; border-top: none; box-sizing: border-box; color: #333; display: flex; flex-direction: row; flex-wrap: wrap; font-family: Roboto; font-size: 14px; font-weight: 300; justify-content: center; line-height: 15px; padding: 14px 15px 15px; position: relative; text-align: center; width: calc((100% - 20px) / 7); } /*.tarif_container:not(.box_type) .tarif_td:first-child{margin-right: 10px;}*/ .box_type .tarif_td,.box_type .tarif_name{width: calc(25% - 10px);} .tarif_td.popular{ border-left: 2px #306aff solid; border-right: 2px #306aff solid; padding: 15px 15px 15px; } .tarif_row:nth-child(2) .tarif_td{ color: #306aff; font-size: 20px; height: 55px; line-height: 24px; } .box_type .tarif_row:nth-child(3) .tarif_td,.box_type .tarif_row:nth-child(2) .tarif_td,.box_type .tarif_row:nth-child(2) .tarif_th{min-height: 80px;} .tarif_row:nth-child(16) .tarif_td,.box_type .tarif_row:nth-child(3) .tarif_td{ border: 1px #cdeefd solid; border-top: none; border-radius: 0 0 10px 10px; } .tarif_container:not(.box_type) .tarif_row:nth-child(16) .tarif_td:nth-child(2),.tarif_container:not(.box_type) .tarif_row:nth-child(16) .tarif_td:nth-child(5){border-radius: 0 0 0 10px;} .tarif_container:not(.box_type) .tarif_row:nth-child(16) .tarif_td:nth-child(3){border-radius: 0;} .tarif_container:not(.box_type) .tarif_row:nth-child(16) .tarif_td:nth-child(4),.tarif_container:not(.box_type) .tarif_row:nth-child(16) .tarif_td:nth-child(6){border-radius: 0 0 10px 0;} .tarif_row:nth-child(4) .tarif_td.popular,.box_type .tarif_row:nth-child(3) .tarif_td.popular{border: 2px #306aff solid;} .tarif_row:nth-child(3) .tarif_th,.tarif_row.month .tarif_th,.tarif_row.last .tarif_th{border-bottom: none;} .tarif_container:not(.box_type) .tarif_row:not(.month) .tarif_td.popular{ border: 1px #cdeefd solid!important; border-top: none!important; } .tarif_container.box_type .tarif_row:not(.month):not(.last) .tarif_td.popular{border: 1px #cdeefd solid;} .tarif_row:not(.month) .tarif_td.popular{padding-top: 14px;} .tarif_container.box_type .tarif_row:not(.month) .tarif_td.popular{padding-top: 13px;} .tarif_container.box_type .tarif_row.last .tarif_td.popular{padding-top: 16px;} .tarif_container:not(.box_type) .tarif_row:not(.month) .tarif_td:nth-child(2),.tarif_container:not(.box_type) .tarif_row:not(.month) .tarif_td:nth-child(3),.tarif_container:not(.box_type) .tarif_row:not(.month) .tarif_td:nth-child(5){border-right: none!important;} .tarif_container:not(.box_type) .tarif_row:not(.month) .tarif_td:nth-child(3),.tarif_container:not(.box_type) .tarif_row:not(.month) .tarif_td:nth-child(4),.tarif_container:not(.box_type) .tarif_row:not(.month) .tarif_td:nth-child(6){border-left-color: #f2fcfe!important;} .tarif_row.month{margin-top: 10px;} .tarif_row.month .tarif_td{ background: none; border: 1px #efefef solid; border-radius: 10px; padding-bottom: 8px; } .box_type .tarif_row.month .tarif_td{ display: block; padding: 40px 30px 60px; } .box_type .tarif_row.month .tarif_td.popular{padding: 39px 29px 59px;} .box_type .tarif_row.month .tarif_td .btn{ bottom: 8px; left: 10px; margin: 0; position: absolute; transition: background .25s linear,box-shadow .25s linear; width: calc(100% - 20px); } .box_type .tarif_row.month .tarif_td.popular .btn{ bottom: 7px; left: 9px; width: calc(100% - 18px); } .tarif_container:not(.box_type) .tarif_row.month .tarif_td:first-child{margin-right: 5px;} .tarif_container:not(.box_type) .tarif_row.month .tarif_td:not(:first-child){width: calc((100% - 50px) / 7);} .tarif_row.month .tarif_td.popular{ border: 2px #306aff solid; padding-bottom: 7px; padding-top: 13px; } .tarif_container:not(.box_type) .tarif_row.month .tarif_td{padding-top: 20px;} .tarif_container:not(.box_type) .tarif_row.month .tarif_td.popular{padding: 19px 14px 7px;} .tarif_row.last .tarif_td{ background: none; border: none; display: block; padding-left: 0; padding-right: 0; text-align: left; } .tarif_row.last .tarif_td.popular{} .number_users{ border-bottom: 1px #333 dashed; color: #333; display: inline-block; font-size: 14px; font-weight: 300; margin: 0 11px; text-decoration: none; } .number_users:hover,.number_users.active{ border-bottom: 1px #306aff dashed; color: #306aff; } .tarif_td .btn{ box-sizing: border-box; font-size: 14px; height: 40px; line-height: 20px; margin: 12px -8px 0; padding: 10px; text-transform: none; width: calc(100% + 13px); } .tarif_td p{ color: #999; display: block; font-size: 14px; font-weight: 300; line-height: 16px; margin-bottom: 7px; text-align: left; width: 100%; } .tarif_price{ color: #306aff; display: block; font-size: 18px; line-height: 20px; margin-bottom: 20px; text-align: left; width: 100%; } .box_type .tarif_price{ font-size: 20px; font-weight: bold; } .tarif_price em{ font-size: 12px; font-style: normal; } .tarif_price + p{ margin: -18px 0 0; text-decoration: line-through; } .tarif_container:not(.box_type) .tarif_price{ font-size: 16px; font-weight: 700; line-height: 20px; } .tarif_container:not(.box_type) .tarif_price + p{ font-size: 12px; line-height: 16px; } .discount{ background-color: #F2FCFE; border-bottom: 1px #CDEEFD solid; border-left: 1px #CDEEFD solid; border-radius: 0 10px 0 3px; box-sizing: border-box; color: #306aff; font-size: 12px; line-height: 15px; padding: 1px 6px 2px; position: absolute; right: 0; top: 0; } .popular .discount{padding: 0px 5px 2px 6px;} .tarif_td ul{ padding-top: 15px; } .tarif_td.popular ul{margin-top: -2px;} .tarif_td ul li{ color: #9A9A9A; display: inline-block; font-size: 14px; font-weight: 300; line-height: 16px; margin-bottom: 9px; padding-left: 16px; position: relative; } .tarif_td ul li:before{display: none;} .tarif_td ul li.plus{ color: #333; } .tarif_td ul li.plus:before{ background: url(/local/templates/.default/css/../img/ico_active.svg) no-repeat; content: ""; display: block; height: 20px; left: 0; position: absolute; top: -3px; width: 20px; } .dot1{ background: url(/local/templates/.default/css/../img/dot1.svg) no-repeat; display: block; height: 16px; width: 16px; } .dot1.not{background: url(/local/templates/.default/css/../img/dot1_not.svg) no-repeat;} .dot2{ background: url(/local/templates/.default/css/../img/dot2.svg) no-repeat; display: block; height: 16px; width: 27px; } .dot3{ background: url(/local/templates/.default/css/../img/dot3.svg) no-repeat; display: block; height: 16px; width: 38px; } .tarif_container:not(.box_type) .tarif_row.month + .tarif_row{display: none;} .legend .flexbox{ justify-content: flex-start; padding-top: 57px; width: 100%; } .legend span[class*="dot"]{ font-size: 14px; line-height: 16px; margin-left: 40px; padding-left: 37px; width: auto; } .legend span.dot2{padding-left: 48px} .legend span.dot3{padding-left: 59px} .mCSB_scrollTools{ opacity: 1; width: 4px; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #f4f5f8; border-radius: 0px; width: 4px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #dee0e6; border-radius: 0px; opacity: 1; } .main-user-consent-request-announce{color: #306aff;} .flexbox{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .slide_content{ padding-bottom: 78px; position: relative; } .slide_content .btn { position: absolute; left: 15px; bottom: 0; } h1.mob{display: none;} .whats_new__links{ align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } .whats_new__links .btn { margin-right: 30px; } @media only screen and (max-width: 1100px){ .all_crm span{width: 270px;} .slide_content .btn { bottom: 9%; margin: 0!important; } .table_left{width: 200px;} .table_scroll{width: calc(100% - 200px);} .section-vb24n2-step__list-before, .section-vb24n2-step__list-after{top: 35%;} }/* END 1100px */ @media only screen and (max-width: 960px){ .tab_right:before { background-size: 100% auto; right: 0; width: 100%; } .portfolio-wrapper{margin-top: -6.4em;} .all_crm{ background: none; padding-left: 20px; padding-right: 20px; } #slider-vb24-about .h1{font-size: 40px;} .landing-amo__section_solutions_btns:not(.mob){display: none;} .landing-amo__section_solutions_btns.mob{ clear: both; display: block; padding-top: 30px; position: static; } .section-vb24n2-cases .btn{margin: 2em 0 2em 0;} .slide_content .btn {bottom: 0;} }/* END 960px */ @media only screen and (max-width: 767px){ .portfolio-wrapper{margin-top: -6.4em;} .tab_right,.tab_desc{width: 100%;} .tab_right{ justify-content: flex-start; min-height: auto; padding: 0; } .tab_right{display: none;} .all_crm{ background: url(/local/templates/.default/css/../img/all_crm.svg) 20px 20px no-repeat; display: block; } .all_crm p{padding-left: 130px;} .all_crm span{ display: block; margin: 30px 0; width: 100%; } .slider__item .flexbox{flex-wrap: wrap-reverse;} .slide_content{padding-bottom: 30px;} .slide_content .h1{display: none;} #slider-vb24-about .h1.mob{ display: block; margin-bottom: 1em; text-align: center; } .slide_content .btn{position: static;} .section-vb24n2-step,.section-vb24n2-cases{background-size: cover;} .open_more{ font-size: 24px; padding-top: 0; } .slider-nav-icons{margin-top: 3em;} .slider-nav-icon{ font-size: 40px!important; height: 100px; margin-bottom: 0; width: 100px; } .section-vb24n2-why__list .d-col-sm-1{ padding: 0 7px; width: 64px; } .section-vb24n2-why__list .d-col-sm-1 img{margin-left: 7px;} .section-vb24n2-why__list .d-col-sm-9{width: calc(100% - 65px);} .ya-share2__container{opacity: 1;} .b-detail-share__title{display: none;} }/* END 767px */ @media only screen and (max-width: 660px){ .page-header-inner{min-height: 325px;} .tabs{display: block;} .tabs li{margin: 0 auto 30px;} .slider-nav-icon{ font-size: 30px!important; height: 80px; width: 80px; } .slide_content,.features_hide .amopage-content__text{text-align: center;} #slider-vb24-about p{text-align: left;} .select2-container--default .select2-selection--single{font-size: 13px;} .tarif_th{font-size: 14px;} .tarif_td{font-size: 12px;} .features_title{text-align: left;} }/* END 660px */ @media only screen and (max-width: 560px){ .page-header-inner{min-height: 275px;} .open_more{ font-size: 12px; text-transform: uppercase; } .slide_content{padding-bottom: 0;} .whats_new_container{padding-top: 20px;} .section-vb24n2-rates + .whats_new_container{padding-top: 0px;} .slider-nav-icon{ font-size: 20px!important; height: 60px; width: 60px; } #slider-vb24-about .h1{ font-size: 33px; padding-top: 0; } .tarif_container{padding-top: 0;} .table_left{width: 115px;} .table_scroll{width: calc(100% - 115px);} .tarif_td,.tarif_td.popular{ padding-left: 10px; padding-right: 10px; } .tarif_select{width: 100%;} .mCSB_horizontal.mCSB_inside > .mCSB_container{width: 740px!important;} .tarif_row:nth-child(2) .tarif_td{padding-top: 7px;} .box_type .mCSB_horizontal.mCSB_inside > .mCSB_container{width: 555px!important;} .tarif_name{ font-size: 17px; line-height: 23px; } .tarif_price{ font-size: 18px; line-height: 22px; } .section-vb24n2-step{padding-top: 20px;} .section-vb24n2-step .h1{ font-size: 1.9em; margin-bottom: 1.6em; text-align: left; } .section-vb24n2-step .h1 .mob{display: block;} .section-vb24n2-rates{padding-top: 0;} }/* END 560px */ @media only screen and (max-width: 460px){ .page-header-inner{min-height: 220px;} .version_bonus{ align-items: center; background-position: left top !important; box-sizing: border-box; display: flex; flex-direction: row; justify-content: flex-start; min-height: 60px; padding: 0 0 0 80px; width: 100%; } .version_bonus.ico_4{ margin-bottom: 20px; min-height: 54px; } .version_bonus.ico_5,.version_bonus.ico_6,.version_bonus.ico_8{ margin-bottom: 40px; min-height: 64px; } .version_bonus.ico_7{min-height: 59px;} .all_crm{ background: url(/local/templates/.default/css/../img/all_crm.svg) 20px 20px no-repeat; background-size: 70px 70px; padding: 27px 20px 25px; } .all_crm p{padding-left: 80px;} .whats_new__links{justify-content: center;} .whats_new__links .btn{margin: 0 18px 20px;} .tarif_td ul li{font-size: 12px;} .form-order .d-file-wrap .btn { width: 47px; height: 47px; font-size: 20px; line-height: 47px; } }/* END 460px */ @media only screen and (max-width: 370px){ .page-header-inner{min-height: 190px;} .all_crm p{ font-size: 18px; line-height: 24px; padding-top: 5px; } .all_crm .btn{width: 100%;} .slider-nav-icon{ font-size: 20px!important; height: 45px; width: 45px; } .whats_new__links .btn{margin: 0 0 20px;} }/* END 370px */ .bx-pagination li:before { content: none; } .footer_banner{ background: #0094e8 url(/local/templates/.default/css/../img/footer_banner.png) no-repeat; background-size: cover; bottom: 0; color: #fff; display: none; left: 0; padding: 10px 0; position: fixed; width: 100%; z-index: 999999; } .footer_banner .d-grid{ align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .footer_banner p{ font-size: 14px; font-weight: 400; line-height: 18px; margin: 0 30px 0 0; } .footer_banner .btn{ color: #0098ef; padding: 4px 30px 4px; text-transform: none; } @media only screen and (max-width: 665px){ .footer_banner p{ font-size: 13px; line-height: 19px; margin: 0 25px 13px; text-align: center; width: 100%; } }/* END 665px */ /* Added Apr 23 */ @media (max-width: 1024px) { .footer_banner { display: none; } /* 17 */ } .projecting-page ~ .footer_banner { display: none; } /* 18 */ .footer_banner_close { vertical-align: middle; display: inline-block; margin-left: 15px; } /* 19 */ .footer_banner_close svg { display: block; } /* 19 */ .footer_banner_close path { transition: .2s; stroke-width: 1px; stroke: transparent; } /* 19 */ .footer_banner_close:hover path { stroke-width: 1px; stroke: #fff; } /* 19 */ .footer_banner p { margin-right: 20px; } /* 19 */ pre { text-align: left; } .popup.popup--vb24 { width: 100%; max-width: 700px; } .version-item { padding-bottom: 15px; } .version-item:not(:last-child) { margin-bottom: 15px; border-bottom: 1px solid #aeaeae; } .version-item__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .enterprize-more.number_users{ border-color: #fff; color: #fff; font-family: Roboto; font-size: 12px; line-height: 20px; margin: 7px 0 0; padding: 0; } @media only screen and (max-width: 750px) { .popup.popup--vb24 { max-width: 320px; } }/* END 750px */ @media only screen and (max-width: 420px) { .b-article__top-bar{ padding-bottom: 40px; position: relative; } .b-article__top-bar .b-article__top-bar-item.time-icon.video-time{ bottom: 0; left: 0; position: absolute; } }/* END 420px */ .feedback-block { margin: 100px 0; } @media only screen and (max-width: 750px) { .feedback-block { margin: 60px 0; } } .feedback-block__title > h2 { margin-bottom: 0em; } .popup__inner { max-width: 60% !important; } @media only screen and (max-width: 1440px) { .popup__inner { max-width: 80% !important; } } @media only screen and (max-width: 750px) { .popup__inner { max-width: 100% !important; } } .b24-form-header-title { text-wrap: balance; } .button { font-weight: 500; font-size: 20px; line-height: 30px; border-radius: 666px; transition: all var(--transition-duration, 0.3s) ease; display: inline-flex; align-items: center; justify-content: center; gap: 10px; cursor: pointer; text-decoration: none; outline: none; box-shadow: none; --border: 2px; --px: 50px; --py: 20px; --accent: #306AFF; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; } @media (max-width: 767px) { .button { font-weight: 500; font-size: 14px; line-height: 24px; --px: 20px; --py: 10px; width: 100%; } } .button:hover { --accent: #0C43CF; } .button-group { display: flex; flex-wrap: wrap; gap: 20px; } .button--primary { padding: var(--py) var(--px); color: #fff; background-color: var(--accent); } .button { font-weight: 500; font-size: 20px; line-height: 30px; border-radius: 666px; transition: all var(--transition-duration, 0.3s) ease; display: inline-flex; align-items: center; justify-content: center; gap: 10px; cursor: pointer; text-decoration: none; outline: none; box-shadow: none; --border: 2px; --px: 50px; --py: 20px; --accent: #306AFF; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; } @media (max-width: 767px) { .button { font-weight: 500; font-size: 14px; line-height: 24px; --px: 20px; --py: 10px; width: 100%; } } .button:hover { --accent: #0C43CF; } .button-group { display: flex; flex-wrap: wrap; gap: 20px; } .button--primary { padding: var(--py) var(--px); color: #fff; background-color: var(--accent); } .feedback-block { margin: 100px 0; } @media only screen and (max-width: 750px) { .feedback-block { margin: 60px 0; } } .feedback-block__title > h2 { margin-bottom: 0em; } .popup__inner { max-width: 60% !important; } @media only screen and (max-width: 1440px) { .popup__inner { max-width: 80% !important; } } @media only screen and (max-width: 750px) { .popup__inner { max-width: 100% !important; } } .b24-form-header-title { text-wrap: balance; } /* End */ /* Start:/local/templates/new/css/footer.css?172242984710097*/ #d-wrap:after { content: unset; } .footer__nav__item { font-weight: 500; font-size: 14px; line-height: 25px; max-width: 130px; } .footer__inner .footer__nav .footer__nav__item > a > span { text-wrap: nowrap; } @media (max-width: 1440px) { .footer__nav{ gap: 2em; } .footer__nav__item { font-size: 16px; line-height: 20px; max-width: 95px; } .footer__nav__item .list_parent_items { display: none; } } .footer__contacts, .footer__copyright { font-weight: 400; font-size: 14px; line-height: 20px; } @media (max-width: 1439px) { .footer__contacts, .footer__copyright { font-size: 12px; } } .footer__contacts a { color: #306AFF; border-bottom-color: #306AFF; border-bottom-width: 1px; display: inline-flex; } footer { background: #D2D6E1; border-radius: 40px 40px 0 0; padding: 80px 0; margin-top: var(--row-gap); } @media (max-width: 1439px) { footer { padding: 40px 0; border-radius: 20px 20px 0 0; } } .footer__inner { display: grid; grid-template-columns: auto auto; gap: 80px; } @media (max-width: 1439px) { .footer__inner { gap: 60px; } } @media (max-width: 1248px) { .footer__inner { gap: 40px; } } @media (max-width: 767px) { .footer__inner { grid-template-columns: 1fr; gap: 20px; } .footer__contacts { max-width: 100% !important; } } .footer__nav { display: flex; gap: 2em; flex-wrap: wrap; } @media (max-width: 1439px) { .footer__nav { gap: 2em; } } @media (max-width: 1248px) { .footer__nav{ gap: 1.5em; } } @media (max-width: 1023px) { .footer__nav { gap: 1em; flex-wrap: wrap; } } @media (max-width: 767px) { .footer__nav { flex-direction: column; } } .footer__nav__item, .footer__nav__item > a { transition: all var(--transition-duration, 0.3s) ease; } .footer__nav__item > a:hover, .footer__nav__item--is-active > a { color: #306AFF; text-decoration: underline; } .footer__nav__item > .list_parent_items { color: #616177; } .footer__nav__item > .list_parent_items > .footer__nav__item { font-size: 14px; line-height: 25px; } @media (max-width: 767px) { .footer__nav__item > .list_parent_items > .footer__nav__item { font-size: 12px; line-height: 20px; } } .footer__socials { justify-self: flex-end; } @media (max-width: 767px) { .footer__socials { justify-self: flex-start; } } .socials { display: flex; gap: 10px; flex-wrap: wrap; } .socials__item { width: 50px; height: 50px; border-radius: 50%; background: #E8EBF2; display: flex; justify-content: center; align-items: center; --icon-size: 24px; --color: #AFB5CE; } .icon--yt { -webkit-mask-image: url(/local/templates/new/css/../images/icon/yt.svg); mask-image: url(/local/templates/new/css/../images/icon/yt.svg); } .icon--vk { -webkit-mask-image: url(/local/templates/new/css/../images/icon/vk.svg); mask-image: url(/local/templates/new/css/../images/icon/vk.svg); } .icon--tg { -webkit-mask-image: url(/local/templates/new/css/../images/icon/tg.svg); mask-image: url(/local/templates/new/css/../images/icon/tg.svg); } .icon, .choices[data-type*=select-one]::after, .pagination__arrow::before, .outer-link::before, .custom-checkbox input[type=checkbox]::after, .partners__slider__card__link::before, .partners__slider__controls .splide__arrow::before, .custom-file-input__icon::before { display: inline-flex; border: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; flex-shrink: 0; transition: all var(--transition-duration, 0.3s) ease; width: var(--size, 24px); height: var(--size, 24px); background: var(--color, #000); } .icon--yt { -webkit-mask-image: url(/local/templates/new/css/../images/icon/yt.svg); mask-image: url(/local/templates/new/css/../images/icon/yt.svg); } .icon--vk { -webkit-mask-image: url(/local/templates/new/css/../images/icon/vk.svg); mask-image: url(/local/templates/new/css/../images/icon/vk.svg); } .icon--tg { -webkit-mask-image: url(/local/templates/new/css/../images/icon/tg.svg); mask-image: url(/local/templates/new/css/../images/icon/tg.svg); } .socials__item .icon { --size: var(--icon-size); } .footer__copyright { color: #616177; align-self: flex-end; } @media (max-width: 767px) { .footer__copyright { order: 999; } } .footer__contacts { color: #616177; align-self: flex-start; text-align: right; } @media (max-width: 1440px) { .footer__contacts { max-width: 20em; } } @media (max-width: 1250px) { .footer__contacts { max-width: 15em; } } @media (max-width: 767px) { .footer__contacts { text-align: left; } } .footer__contacts a { color: inherit; } .footer__contacts a + a { margin-left: 40px; } .footer__contacts p:not(:first-child) { margin-top: 10px; } .license__item__footer { margin-top: auto; } .mobile-menu__footer { display: flex; justify-content: center; width: 100%; margin-top: auto; } .request-themes__item__footer { margin-top: auto; } .expert-banner__inner__footer { margin-top: 60px; } @media (max-width: 1439px) { .expert-banner__inner__footer { margin-top: 45px; } } @media (max-width: 1023px) { .expert-banner__inner__footer { margin-top: 30px; } } @media (max-width: 767px) { .expert-banner__inner__footer { margin-top: 15px; } } .cards-request__cards__item__footer { margin-top: auto; } .price-card__footer { display: flex; justify-content: space-between; align-items: center; margin-top: auto; gap: 16px; } @media (max-width: 767px) { .price-card__footer { flex-direction: column; } } .section__footer { display: flex; justify-content: center; } .container, .cards-request__container, .expert-banner, .audit-cards__container, .main-quote__container, .main-banner__inner, .audit-banner__inner, .request-themes__container, .search-banner__container, .clients__container, .partners__inner, .banner__container { max-width: calc(1320px + var(--container-padding, 0) * 2); } .container-unlimited, .container-outer, .container, .cards-request__container, .expert-banner, .audit-cards__container, .main-quote__container, .main-banner__inner, .audit-banner__inner, .request-themes__container, .search-banner__container, .clients__container, .partners__inner, .banner__container { margin-left: auto; margin-right: auto; padding-left: var(--container-padding); padding-right: var(--container-padding); width: 100%; } a { text-decoration: none; color: inherit; } .request__block__content__row__cell { flex: 1 1 0; } .big-title, .request__block__title, .cards-request__form__group__title, .cards-request__cards__item__title, .main-quote__team__text, .main-quote__person__name, .main-banner__sup, .request-themes__item__title, .tariff__table__choose-header { font-weight: 700; font-size: 24px; line-height: 30px; } @media (max-width: 1023px) { .big-title, .request__block__title, .cards-request__form__group__title, .cards-request__cards__item__title, .main-quote__team__text, .main-quote__person__name, .main-banner__sup, .request-themes__item__title, .tariff__table__choose-header { font-size: 18px; line-height: 24px; } } @media (max-width: 767px) { .big-title, .request__block__title, .cards-request__form__group__title, .cards-request__cards__item__title, .main-quote__team__text, .main-quote__person__name, .main-banner__sup, .request-themes__item__title, .tariff__table__choose-header { font-size: 16px; line-height: 20px; } } .popup { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5019607843); overflow: auto; display: flex; justify-content: center; padding: 40px; opacity: 1; z-index: 9999; transition: all var(--transition-duration, 0.3s) ease; cursor: pointer; } .popup__inner { display: flex; flex-direction: column; cursor: initial; flex-shrink: 0; background-color: #FAFAFA; border-radius: 40px; padding: 90px; width: -moz-fit-content; width: fit-content; margin: auto; position: relative; } @media (max-width: 767px) { .popup { padding: 0px; } .popup__inner { padding: 50px; width: -webkit-fill-available; } } .popup__flex { display: flex; align-items: center; justify-content: flex-start; gap: 1em; } .popup__checkbox { height: 25px; width: 25px; } .submit_btn_disabled { color: grey; border: var(--border) solid grey; cursor: no-drop; } .submit_btn_disabled:hover { background-color: grey; color: #fff; } .container-small, .main-banner__content, .search-banner__content { margin-left: 0; max-width: calc(10 * calc(1320px / 12 - var(--column-gap) * 11 / 12) + (8 - 1) * var(--column-gap)); } .popup:not(.show) { pointer-events: none; opacity: 0; overflow: hidden; } .request { display: flex; flex-direction: column; gap: 80px; } .request__block { display: flex; flex-direction: column; gap: 40px; } .request__block__content { display: flex; flex-direction: column; gap: 40px; } .request__block__content__row { display: flex; gap: var(--column-gap); } .request__block__content__row__cell { flex: 1 1 0; } footer h2, footer .h2{ font-weight: 500; font-size: 60px; line-height: 70px; letter-spacing: -0.05em; } /* End */ /* Start:/local/components/itrack/request.form/templates/request/style.css?17150069069609*/ .feedback-block__text{ font-weight: 500; font-size: 20px; line-height: 30px; } @media (max-width: 1023px) { .feedback-block__text { font-size: 16px; line-height: 20px; } } .feedback-block { display: flex; flex-direction: column; } .feedback-block__title { margin-bottom: 60px; } @media (max-width: 1439px) { .feedback-block__title { margin-bottom: 48px; } } @media (max-width: 767px) { .feedback-block__title { margin-bottom: 24px; } } .feedback-block__text { margin-bottom: 40px; } @media (max-width: 1439px) { .feedback-block__text { margin-bottom: 30px; } } @media (max-width: 767px) { .feedback-block__text { margin-bottom: 16px; } } .feedback-block__title > h2{ font-weight: 500; font-size: 60px; line-height: 70px; letter-spacing: -0.05em; } @media (max-width: 767px) { .feedback-block__title > h2 { font-size: 26px; } } /*.button { font-weight: 500; font-size: 20px; line-height: 30px; border-radius: 666px; transition: all var(--transition-duration, 0.3s) ease; display: inline-flex; align-items: center; justify-content: center; gap: 10px; cursor: pointer; text-decoration: none; outline: none; box-shadow: none; --border: 2px; --px: 50px; --py: 20px; --accent: #306AFF; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; } @media (max-width: 767px) { .button { font-weight: 500; font-size: 14px; line-height: 24px; --px: 20px; --py: 10px; width: 100%; } } .button:hover { --accent: #0C43CF; } .button-group { display: flex; flex-wrap: wrap; gap: 20px; } .button--primary { padding: var(--py) var(--px); color: #fff; background-color: var(--accent); } */ .popup__inner { display: flex; flex-direction: column; cursor: initial; flex-shrink: 0; background-color: #FAFAFA; border-radius: 40px; padding: 90px; width: -moz-fit-content; width: fit-content; margin: auto; position: relative; } @media (max-width: 1439px) { .popup__inner { padding: 80px; border-radius: 30px; } } @media (max-width: 1023px) { .popup__inner { padding: 40px; border-radius: 20px; } } @media (max-width: 767px) { .popup__inner { padding: 20px; border-radius: 0px; width: 100%; min-height: 100%; } } .custom-file-input { display: flex; align-items: center; gap: 14px; position: relative; cursor: pointer; --status: "Прикрепить файл"; --name-visibility: none; --icon-bg: #E8EBF2; --icon-color: #616177; } .container-small{ margin-left: 0; max-width: calc(8 * calc(1320px / 12 - var(--column-gap) * 11 / 12) + (8 - 1) * var(--column-gap)); } .request { display: flex; flex-direction: column; gap: 80px; } @media (max-width: 1439px) { .request { gap: 60px; } } @media (max-width: 1023px) { .request { gap: 40px; } } .request__block { display: flex; flex-direction: column; gap: 40px; } @media (max-width: 1439px) { .request__block { gap: 30px; } } @media (max-width: 1023px) { .request__block { gap: 20px; } } .request__block__content { display: flex; flex-direction: column; gap: 40px; } .request__block__content__row { display: flex; gap: var(--column-gap); } .request__block__content__row__cell { flex: 1 1 0; } .custom-input { display: flex; flex-direction: column; width: 100%; gap: 8px; position: relative; } .custom-input__label { order: 1; color: #616177; } .custom-input__helper { order: 3; transition: all var(--transition-duration, 0.3s) ease; height: 0; opacity: 0; } .custom-input .pagination__arrow, .custom-input .pagination__page, .custom-input input, .custom-input textarea { --pb: 10px; order: 2; outline: none; transition: all var(--transition-duration, 0.3s) ease; -webkit-appearance: initial; -moz-appearance: initial; appearance: initial; padding-bottom: var(--pb); font-weight: 400; font-size: 16px; line-height: 24px; border: none; background-color: transparent; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DFE3EF; width: 100%; color: #000000; } .custom-input input::-moz-placeholder, .custom-input textarea::-moz-placeholder { color: #616177; } .custom-input input::placeholder, .custom-input textarea::placeholder { color: #616177; } .custom-input input:not(:disabled):not(:focus):not(:hover):not(:-moz-placeholder-shown):invalid, .custom-input textarea:not(:disabled):not(:focus):not(:hover):not(:-moz-placeholder-shown):invalid { border-bottom-color: #E8002A; } .custom-input input:not(:disabled):not(:focus):not(:hover):not(:placeholder-shown):invalid, .custom-input textarea:not(:disabled):not(:focus):not(:hover):not(:placeholder-shown):invalid { border-bottom-color: #E8002A; } .custom-input input:not(:disabled):not(:focus):not(:hover):not(:-moz-placeholder-shown):invalid ~ .custom-input__helper, .custom-input textarea:not(:disabled):not(:focus):not(:hover):not(:-moz-placeholder-shown):invalid ~ .custom-input__helper { color: #E8002A; } .custom-input input:not(:disabled):not(:focus):not(:hover):not(:placeholder-shown):invalid ~ .custom-input__helper, .custom-input textarea:not(:disabled):not(:focus):not(:hover):not(:placeholder-shown):invalid ~ .custom-input__helper { color: #E8002A; } .custom-input input:not(:disabled).is-invalid, .custom-input textarea:not(:disabled).is-invalid { border-bottom-color: #E8002A; } .custom-input input:not(:disabled).is-invalid ~ .custom-input__helper, .custom-input textarea:not(:disabled).is-invalid ~ .custom-input__helper { opacity: 1; color: #E8002A; } .custom-input textarea { resize: none; height: calc(4em + var(--pb) + 10px); } .icon--burger-close, .header.search-opened .header__search-toggler .icon.icon--close, .header__burger.popup-controller--active .icon { -webkit-mask-image: url(/local/templates/new/images/icon/burger-close.svg); mask-image: url(/local/templates/new/images/icon/burger-close.svg); } .popup__selfcloser--corner { position: absolute; right: 40px; top: 40px; display: flex; } @media (max-width: 767px) { .popup__selfcloser--corner { position: fixed; right: 12px; top: 12px; } } .popup__selfcloser--corner .icon { --size: 40px; --color: #306AFF; } @media (max-width: 767px) { .popup__selfcloser--corner .icon { --size: 32px; } } .radio-tags { display: flex; flex-wrap: wrap; gap: 10px; } .radio-tags--centered { justify-content: center; } .radio-tags__item { cursor: pointer; } .radio-tags__item input[type=radio], .radio-tags__item input[type=checkbox] { opacity: 0; position: absolute; pointer-events: none; } .popup--header-loyal .popup__selfcloser--mobile { top: calc(12px + var(--header-height, 0)); } .popup__selfcloser { cursor: pointer; } .popup__selfcloser--corner { position: absolute; right: 40px; top: 40px; display: flex; } @media (max-width: 767px) { .popup__selfcloser--corner { position: fixed; right: 12px; top: 12px; } } .popup__selfcloser--corner .icon { --size: 40px; --color: #306AFF; } @media (max-width: 767px) { .popup__selfcloser--corner .icon { --size: 32px; } } .tag, .radio-tags__item__visual { padding: 5px 15px; background: #E3E6E6; border-radius: 10px; color: #616177; transition: all var(--transition-duration, 0.3s) ease; } .tag-group { display: flex; flex-wrap: wrap; gap: 10px; } .tag.is-active, input[type=radio]:checked ~ .radio-tags__item__visual:is(.tag, .radio-tags__item__visual), input[type=checkbox]:checked ~ .radio-tags__item__visual:is(.tag, .radio-tags__item__visual), .is-active.radio-tags__item__visual { background: #306AFF; color: #fff; } .icon--file, .custom-file-input__icon::before { -webkit-mask-image: url(/local/templates/new/images/icon/file.svg); mask-image: url(/local/templates/new/images/icon/file.svg); } .icon--success { -webkit-mask-image: url(/local/templates/new/images/icon/success.svg); mask-image: url(/local/templates/new/images/icon/success.svg); } .custom-file-input__info__status{ font-weight: 500; font-size: 14px; line-height: 24px; } @media (max-width: 1023px) { .custom-file-input__info__status{ font-size: 12px; line-height: 20px; } } .custom-file-input__info__name{ font-weight: 400; font-size: 14px; line-height: 20px; } @media (max-width: 1439px) { .custom-file-input__info__name{ font-size: 12px; } } .custom-file-input__info { display: flex; justify-content: center; flex-direction: column; overflow: hidden; gap: 5px; position: relative; } .custom-file-input__info__status::before { content: var(--status); } .custom-file-input__info__name { color: #616177; flex: 1 1 0; display: var(--name-visibility); } .custom-file-input__info__name__start { white-space: nowrap; width: 0; flex-grow: 1; max-width: -moz-max-content; max-width: max-content; overflow: hidden; text-overflow: ellipsis; } /* End */ /* /local/templates/.default/css/font-im.css?1715006909736 */ /* /local/templates/.default/css/libs/animated.css?171500690956461 */ /* /local/templates/.default/css/jquery.fancybox.css?171500690917540 */ /* /local/templates/.default/css/jquery.mCustomScrollbar.css?171500690953583 */ /* /local/templates/.default/css/select2.min.css?171500690915180 */ /* /local/templates/.default/css/css.css?1721325207392232 */ /* /local/templates/new/css/footer.css?172242984710097 */ /* /local/components/itrack/request.form/templates/request/style.css?17150069069609 */