/** * Swiper 4.2.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: April 1, 2018 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} .a_pf-wrap .a_pf-placeholder,.a_pf-wrap .a_pf-tip{font-family:Arial,Helvetica,sans-serif;font-size:14px}.a_pf-txt-pass,.a_pf-txt-clear{outline:0}.a_pf-txt-pass::-ms-clear,.a_pf-txt-pass::-ms-reveal,.a_pf-txt-clear::-ms-clear,.a_pf-txt-clear::-ms-reveal{display:none}.a_pf-wrap .a_pf-btn{display:none;width:25px;text-align:center;color:#9e9e9e;cursor:pointer;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.a_pf-wrap .a_pf-btn:hover{color:#4b4b4b}.a_pf-wrap .a_pf-btn.a_pf-btn-gen{width:22px}.a_pf-wrap .a_pf-btn-gen-i{width:16px;height:16px;display:block;margin:0 auto}.a_pf-wrap .a_pf-btn-gen-i,.a_pf-wrap .a_pf-btn-gen-help{height:16px;background:url(/libraries/js/passfield/img/rand.png) center -16px no-repeat}.a_pf-wrap .a_pf-btn-gen-i:hover{background-position:center 0}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.a_pf-wrap .a_pf-btn-gen-i,.a_pf-wrap .a_pf-btn-gen-help{background-image:url(/libraries/js/passfield/img/rand@2x.png);background-size:16px}}.a_pf-wrap .a_pf-placeholder{display:block;color:#aaa;text-align:left;overflow:hidden;cursor:text}.a_pf-wrap .a_pf-warn{color:#b94a48;display:inline-block;margin:0}.a_pf-warn.a_pf-empty{display:none}.a_pf-wrap.a_pf-wrap-no-ib .a_pf-warn{display:inline;padding-bottom:2px}.a_pf-wrap .a_pf-tip{display:none;line-height:18px;margin:0;padding:0;z-index:10000}.a_pf-wrap .a_pf-tip-arr-wrap{height:9px;margin:0}.a_pf-wrap.a_pf-wrap-no-ib .a_pf-tip-arr-wrap{display:none}.a_pf-wrap .a_pf-tip-arr{display:block;top:0;margin:0 0 0 20px;padding:0;border-color:transparent transparent #9e9e9e;border-style:solid;border-width:0 10px 10px;width:0;height:0}.a_pf-wrap .a_pf-tip-arr-in{display:block;position:relative;top:-9px;margin:0 0 0 20px;padding:0;border-color:transparent transparent #fff;border-style:solid;border-width:0 10px 10px;width:0;height:0}.a_pf-wrap .a_pf-tip-body{display:block;border:1px solid #9e9e9e;border-radius:3px;padding:5px;background-color:#fff;color:#333;margin:0}.a_pf-wrap .a_pf-btn-gen-help{display:inline-block;width:16px;cursor:default;vertical-align:bottom;margin:0 1px 2px;padding:0}.a_pf-wrap.a_pf-wrap-no-ib .a_pf-btn-gen-help{display:inline}.a_pf-wrap.a_pf-wrap-no-ib .arrow{display:none} #uboverlay { background: #1A2936;/* #1E1E1E; */ opacity: 0; position: fixed; display: none; top: 0; right: 0; bottom: 0; left: 0; z-index: 100049; } .ubwindow { position: fixed; background: #fff; z-index: 100048; visibility: hidden; text-align: left; top: 0; left: 0; padding: 0 0 0 0; border-radius: 4px 4px 4px 4px; box-sizing: content-box; /* font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; */ font-family: "Open Sans", sans-serif; opacity: 0; } .ubwindow.active { z-index: 100050; opacity: 1; } .ubwindow.parent .ubhead { opacity: 0; } .ubtitle{ height: 25px; padding: 7px 30px 10px 25px; float: left; } .ubclose-button { background: #FFF url('/libraries/js/jQuery/plugins/unibox/close.png') -20px 0 no-repeat; /* height: 16px; width: 16px; top: 10px; right: 10px; */ height: 37px; width: 37px; top: 10px; right: -37px; position: absolute; z-index: 100051; display: inline-block; cursor: pointer; } .ubwindow.parent .ubclose, .hidden-close .ubclose-button { display: none; } /* .ubclose10 .ubclose { right: 10px; top: 10px; } */ /* .ubclose.adaptive { right: 8px; top: -17px; border-radius: 4px; z-index: 2; } .ubclose.inside { right: 14px; border-radius: 4px; } */ .ubcontent-wrapper { overflow: auto; padding: 30px 0 0 0; margin: 0; box-sizing: border-box; } .ubcontent { padding: 0 30px 30px 30px; margin: 0; /* box-sizing: content-box; */ box-sizing: border-box; white-space: normal !important; /* display: inline-block; */ display: table-cell; /* table не ставить, не работают отступы */ } .ubcontent:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; } .ubiframe { padding: 0; margin: 0; width: 100%; } .unibox { cursor: pointer; display: inline-block; } /* preloader **************************/ #ubpreloader-overlay { display: none; position: fixed; overflow: auto; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba( 255, 255, 255, 0.5 ); z-index: 100052; } .ubpreloader-wrapper { display: table; box-sizing: border-box; width: 180px; padding: 20px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -70px; margin-left: -90px; border-radius: 4px; box-shadow: 0 0 20px #CCC; border: 1px solid #DDD; z-index: 100052; background: #FFF; } .ubpreloader-text { font-size: 16px; color: #000; line-height: 1; padding-bottom: 10px; } #ubpreloader{ width: 180px; height: 22px; position: relative; } .visible6 { width: 140px !important; } .visible6 #ubpreloader { width: 140px !important; } .visible6 #ubpreloader-7, .visible6 #ubpreloader-8 { display: none; } .preloader-item { position:absolute; top:0; background-color:rgb(20,107,139); width:22px; height:22px; animation-name:bounce_ubpreloader; -o-animation-name:bounce_ubpreloader; -ms-animation-name:bounce_ubpreloader; -webkit-animation-name:bounce_ubpreloader; -moz-animation-name:bounce_ubpreloader; animation-duration:1.5s; -o-animation-duration:1.5s; -ms-animation-duration:1.5s; -webkit-animation-duration:1.5s; -moz-animation-duration:1.5s; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-direction:normal; -o-animation-direction:normal; -ms-animation-direction:normal; -webkit-animation-direction:normal; -moz-animation-direction:normal; transform:scale(.3); -o-transform:scale(.3); -ms-transform:scale(.3); -webkit-transform:scale(.3); -moz-transform:scale(.3); border-radius:14px; -o-border-radius:14px; -ms-border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; } #ubpreloader-1{ left:0; animation-delay:0.6s; -o-animation-delay:0.6s; -ms-animation-delay:0.6s; -webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; } #ubpreloader-2{ left:22px; animation-delay:0.75s; -o-animation-delay:0.75s; -ms-animation-delay:0.75s; -webkit-animation-delay:0.75s; -moz-animation-delay:0.75s; } #ubpreloader-3{ left:45px; animation-delay:0.9s; -o-animation-delay:0.9s; -ms-animation-delay:0.9s; -webkit-animation-delay:0.9s; -moz-animation-delay:0.9s; } #ubpreloader-4{ left:67px; animation-delay:1.05s; -o-animation-delay:1.05s; -ms-animation-delay:1.05s; -webkit-animation-delay:1.05s; -moz-animation-delay:1.05s; } #ubpreloader-5{ left:90px; animation-delay:1.2s; -o-animation-delay:1.2s; -ms-animation-delay:1.2s; -webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; } #ubpreloader-6{ left:112px; animation-delay:1.35s; -o-animation-delay:1.35s; -ms-animation-delay:1.35s; -webkit-animation-delay:1.35s; -moz-animation-delay:1.35s; } #ubpreloader-7{ left:135px; animation-delay:1.5s; -o-animation-delay:1.5s; -ms-animation-delay:1.5s; -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s; } #ubpreloader-8{ left:157px; animation-delay:1.64s; -o-animation-delay:1.64s; -ms-animation-delay:1.64s; -webkit-animation-delay:1.64s; -moz-animation-delay:1.64s; } @keyframes bounce_ubpreloader{ 0%{ transform:scale(1); background-color:rgb(20,107,139); } 100%{ transform:scale(.3); background-color:rgb(255,255,255); } } @-o-keyframes bounce_ubpreloader{ 0%{ -o-transform:scale(1); background-color:rgb(20,107,139); } 100%{ -o-transform:scale(.3); background-color:rgb(255,255,255); } } @-ms-keyframes bounce_ubpreloader{ 0%{ -ms-transform:scale(1); background-color:rgb(20,107,139); } 100%{ -ms-transform:scale(.3); background-color:rgb(255,255,255); } } @-webkit-keyframes bounce_ubpreloader{ 0%{ -webkit-transform:scale(1); background-color:rgb(20,107,139); } 100%{ -webkit-transform:scale(.3); background-color:rgb(255,255,255); } } @-moz-keyframes bounce_ubpreloader{ 0%{ -moz-transform:scale(1); background-color:rgb(20,107,139); } 100%{ -moz-transform:scale(.3); background-color:rgb(255,255,255); } } /* preloader **************************/ .chosen-delay { z-index: -1 !important; opacity: 0 !important; } /*! Chosen, a Select Box Enhancer for jQuery and Prototype by Patrick Filler for Harvest, http://getharvest.com Version 1.6.2 Full source at https://github.com/harvesthq/chosen Copyright (c) 2011-2016 Harvest http://getharvest.com MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md This file is generated by `grunt build`, do not edit it by hand. */ /* @group Base */ .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-family: "Open Sans", Arial, sans-serif; text-align: left !important; } .chosen-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .chosen-container a { cursor: pointer; } .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; color: #999999; } .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } /* @end */ /* @group Single Chosen */ .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 20px; height: 40px; line-height: 38px; /* height: 45px; line-height: 45px; */ /* border: 1px solid #d9e0e2; background: #FFF; */ background-color: #fcfcfc; border: 1px solid #dcdfe5; border-radius: 0; background-clip: padding-box; box-shadow: none; color: #444; text-decoration: none; white-space: nowrap; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 40px; text-overflow: ellipsis; white-space: nowrap; /* color: #192c59; */ color: #111155; } .chosen-container-single .chosen-default span { color: #828DA5 !important; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-noborder .chosen-single { border: none; padding: 0 0 0 10px; background: none; } .chosen-noborder .chosen-single span { margin-right: 30px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url('/assets/css/chosen/chosen-sprite.png') -42px 1px no-repeat; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; } .chosen-container-single .chosen-single div b { display: block; /* width: 100%; height: 100%; background: url('/assets/css/chosen/chosen-sprite.png') no-repeat 0 10px; */ content: ''; position: absolute; top: 18px; right: 18px; width: 0; height: 0; border-top: 5px solid #6a7794; border-right: 5px solid transparent; border-left: 5px solid transparent; } .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .chosen-container-single .chosen-search input[type="text"] { margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; background: url('/assets/css/chosen/chosen-sprite.png') no-repeat 100% -24px; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { /* проблема с фокусом на больших разрешениях переносит в начало таблицы position: absolute; left: -9999px; */ display: none; } /* @end */ /* @group Results */ .chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; /* margin: 0 4px 4px 0; padding: 0 0 0 4px; */ padding: 0; margin: 0; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 6px 18px; list-style: none; line-height: 25px; word-wrap: break-word; -webkit-touch-callout: none; font-size: 14px; color: #666; } .chosen-noborder .chosen-results li { padding: 6px 10px; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { background-color: #3875d7; color: #fff; } .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } /* @end */ /* @group Multi Chosen */ .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0 !important; padding: 0 5px !important; width: 100%; height: auto; min-height: 30px; border: 1px solid #CCC; /* #aaa */ background-color: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: linear-gradient(#eeeeee 1%, #ffffff 15%); cursor: text; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; display: none; } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; padding: 0; height: 25px; outline: 0; border: 0 !important; background: transparent !important; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #aaa; max-width: 100%; border-radius: 3px; background-color: #eeeeee; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url('/assets/css/chosen/chosen-sprite.png') -42px 1px no-repeat; font-size: 1px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); color: #666; } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container-multi .chosen-results { margin: 0; padding: 0; } .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } /* @end */ /* @group Active */ .chosen-container-active .chosen-single { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; background: #FFF; box-shadow: none; } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; } .chosen-container-active.chosen-with-drop .chosen-single div b { /* background-position: -18px 10px; */ top: 17px; border-top: none; border-right: 5px solid transparent; border-bottom: 5px solid #6a7794; border-left: 5px solid transparent; } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #222 !important; } /* @end */ /* @group Disabled Support */ .chosen-disabled { opacity: 0.5 !important; cursor: default; } .chosen-disabled .chosen-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } /* @end */ /* @group Right to Left */ .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop { left: 9999px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: white url('/assets/css/chosen/chosen-sprite.png') no-repeat -30px -20px; background: url('/assets/css/chosen/chosen-sprite.png') no-repeat -30px -20px; direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } .chosen-container.error .chosen-single, .chosen-container.error .chosen-drop { border-color: #F00; } /* @end */ /* @group Retina compatibility */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url('/assets/css/chosen/chosen-sprite@2x.png') !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } } /* @end */ /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(/assets/fonts/OpenSans/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(/assets/fonts/OpenSans/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(/assets/fonts/OpenSans/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(/assets/fonts/OpenSans/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/assets/fonts/OpenSans/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/assets/fonts/OpenSans/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/assets/fonts/OpenSans/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/assets/fonts/OpenSans/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(/assets/fonts/OpenSans/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(/assets/fonts/OpenSans/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(/assets/fonts/OpenSans/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(/assets/fonts/OpenSans/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/assets/fonts/OpenSans/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/assets/fonts/OpenSans/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/assets/fonts/OpenSans/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/assets/fonts/OpenSans/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(/assets/fonts/OpenSans/mem5YaGs126MiZpBA-UN8rsOX-hpOqc.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(/assets/fonts/OpenSans/mem5YaGs126MiZpBA-UN8rsOVuhpOqc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(/assets/fonts/OpenSans/mem5YaGs126MiZpBA-UN8rsOXOhpOqc.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(/assets/fonts/OpenSans/mem5YaGs126MiZpBA-UN8rsOUuhp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* @font-face { font-family: 'ALS Rubl'; src: url("/assets/fonts/ALSRubl/ALSRubl.otf") format("opentype"); } @font-face { font-family: 'ALS Rubl'; font-weight: bold; src: url("/assets/fonts/ALSRubl/ALSRubl.otf") format("opentype"); } */ /* @font-face { font-family: 'ALSRubl-Tahoma'; src: url('/assets/css/alsrubl-tahoma-regular.eot'); src: url('/assets/css//assets/css/alsrubl-tahoma-regular.eot?#iefix') format('embedded-opentype'),url('/assets/css/alsrubl-tahoma-regular.woff') format('woff'), url('/assets/css/alsrubl-tahoma-regular.ttf') format('truetype'), url('/assets/css/alsrubl-tahoma-regular.svg#ALSRublTahomaItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ALSRubl-Tahoma'; src: url('/assets/css/alsrubl-tahoma-bold.eot'); src: url('/assets/css//assets/css/alsrubl-tahoma-bold.eot?#iefix') format('embedded-opentype'), url('/assets/css/alsrubl-tahoma-bold.woff') format('woff'), url('/assets/css/alsrubl-tahoma-bold.ttf') format('truetype'), url('/assets/css/alsrubl-tahoma-bold.svg#ALSRublTahomaItalic') format('svg'); font-weight: bold; font-style: normal; } */ /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } body { margin: 0; } h1, .h1 { font-size: 2em; margin: 0.67em 0; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } a { background-color: transparent; } abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } button, input { /* 1 */ overflow: visible; } button, select { /* 1 */ text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } .clear { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; } @font-face { font-family: 'Raleway'; src: url("/assets/fonts/Raleway/Raleway-Bold.woff2") format("woff2"), url("/assets/fonts/Raleway/Raleway-Bold.woff") format("woff"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Raleway'; src: url("/assets/fonts/Raleway/Raleway-Light.woff2") format("woff2"), url("/assets/fonts/Raleway/Raleway-Light.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Raleway'; src: url("/assets/fonts/Raleway/Raleway-ExtraBold.woff2") format("woff2"), url("/assets/fonts/Raleway/Raleway-ExtraBold.woff") format("woff"); font-weight: 800; font-style: normal; } @font-face { font-family: 'Raleway'; src: url("/assets/fonts/Raleway/Raleway-Regular.woff2") format("woff2"), url("/assets/fonts/Raleway/Raleway-Regular.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway'; src: url("/assets/fonts/Raleway/Raleway-SemiBold.woff2") format("woff2"), url("/assets/fonts/Raleway/Raleway-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; } html, body { height: 100%; font-family: "Open Sans", sans-serif; line-height: 1.5; color: #002b59; } html.fixed, .fixed body { overflow: hidden; } h1, .h1 { font-weight: 800; font-family: "Raleway", sans-serif; font-size: 35px; text-align: center; } h2, .h2 { font-size: 30px; font-weight: bold; } #service-info > h2:first-child { margin-top: 0; } .link { cursor: pointer } a, .link { color: #4c86d3; text-decoration: underline; } a:hover, .link:hover { text-decoration: none; color: #4c86d3; } .content { z-index: 2; } .content img { max-width: 100%; } .container { max-width: 1200px; margin: 0 auto; } .container.service-positions { max-width: 1000px; } #services .content > .container { max-width: 1000px; } .btn, .button-primary { cursor: pointer; padding: 17px 44px 16px; font-size: 13px; font-weight: 800; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-decoration: none !important; text-transform: uppercase; border: 2px solid; display: inline-block; line-height: 1; } .btn.btn-orange { background: #fac522; color: #002b59; -webkit-box-shadow: 0px 18px 47px 2px rgba(250, 197, 34, 0.24); box-shadow: 0px 18px 47px 2px rgba(250, 197, 34, 0.24); border-color: #fac522; } .btn.btn-orange:hover { background: #fff; } .btn.btn-blue, .button-primary { background: #0266d1; border-color: #0266d1; color: #fff; -webkit-box-shadow: 0px 20px 47px 2px rgba(76, 134, 211, 0.3); box-shadow: 0px 20px 47px 2px rgba(76, 134, 211, 0.3); } .btn.btn-blue:hover, .button-primary:hover { background: #fff; color: #0266d1 !important; } .btn.btn-blue:hover *, .button-primary * { color: #0266d1 !important; } .button-gray { background: #DDD; border-color: #D0D0D0; color: #555; box-shadow: none; /* -webkit-box-shadow: 0px 20px 47px 2px #e5e5e5; box-shadow: 0px 20px 47px 2px #e5e5e5; */ } .button-gray:hover { background: #EEE; } .button-green { color: #fff; background: #7fb919; border-color: #7fb919; } .button-green:hover { background: #FFF; color: #448819; } /* .button-gray { background: #DDD; border-color: #D0D0D0; color: #555; -webkit-box-shadow: 0px 20px 47px 2px #e5e5e5; box-shadow: 0px 20px 47px 2px #e5e5e5; } .button-gray:hover { background: #EEE; } */ /* radiobox *******************************************************************/ .link-radio-toggle { cursor: pointer; } .seoa-radio.disabled { opacity: 0.5; } .seoa-radio input[type="radio"] { display: none; } .seoa-radio { width: 17px; height: 17px; margin: 0 12px 0 0; border: 1px solid #ced3de; border-radius: 50%; background: #fcfcfd; cursor: pointer; display: inline-block; padding: 0; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .seoa-radio + span { /* line-height: 17px; */ vertical-align: top; } .seoa-radio.checked .seoa-radio { border: 1px solid #0287d7; } .seoa-radio.checked .seoa-radio-tick { width: 17px; height: 17px; margin: 0; border-radius: 50%; background: #0287d7; display: inline-block; position: relative; top: -1px; left: -1px; } /* radiobox *******************************************************************/ .main { min-height: 100%; width: 100%; position: relative; z-index: 1; background: #fff; } input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: #fcfcfd; border: 2px solid #ced3de; width: 100%; padding: 5px 22px; font-size: 20px; color: #002b59; line-height: 1.8; font-family: "Raleway", sans-serif; font-weight: normal; } textarea { height: 350px; padding: 11px 16px; } #header { position: relative; padding: 0; z-index: 2; height: 50px; /* 100px */ background: #F2F8FE; -webkit-box-shadow: 0px 5px 38px 0px rgba(76, 134, 211, 0.3); box-shadow: 0px 5px 38px 0px rgba(76, 134, 211, 0.3); } #header .container { /* padding-top: 28px; */ padding-top: 5px; } #header.front { -webkit-box-shadow: none; box-shadow: none; background: #F2F8FE url(/assets/images/landing/new/header.png) no-repeat bottom center; padding-top: 35px; margin-bottom: 115px; min-height: 720px; } .notebook { /* background-image: url(/assets/images/landing/new/notebook.png); */ width: 747px; height: 574px; position: absolute; top: -25px; right: -55px; } #header .top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*#header .top .logo { position: relative; background: url(/assets/images/landing/logo_header.png) no-repeat center; width: 167px; height: 116px; padding: 39px 0; margin-right: 65px; }*/ #header .top .logo { display: block; position: relative; left: 0; top: 0; } #header .top nav { margin: 0; width: 870px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 100; } #header .top nav ul { list-style: none; margin: 0; padding: 0; line-height: 39px; position: relative; top: -2px;} #header .top nav ul + ul { top: -3px; } #header .top nav > ul.right > li { margin-left: 0; margin-right: 0; vertical-align: middle; line-height: 1; } #header .top nav > ul.right > li:last-child { margin-right: 0; } #header .top nav > ul > li, #header .top nav > ul > li > a { display: inline-block; position: relative; color: #00265a; text-transform: uppercase; font-weight: bold; padding-right: 30px; font-size: 13px; vertical-align: middle; text-decoration: none; } #header .top nav > ul > li > a { padding-right: 0; } #header .top nav > ul.right .enter { margin-right: 10px; } #header .top nav > ul > li:hover, #header .top nav > ul > li > a:hover, .user-options-link:hover, .enter:hover { color: #4c86d3 !important; text-decoration: underline !important; /* -webkit-transition: none !important; */ } /* #header .top nav > ul > li a, #header .top nav > ul > li span { text-decoration: none; color: #00265a; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; display: block; } #header .top nav > ul > li a { color: #4c86d3; -webkit-transition: all 0.2s ease; } #header .top nav > ul > li a:hover, #header .top nav > ul > li span:hover { text-decoration: underline; } */ #header .top nav > ul > li li a { color: #0266d1; text-decoration: none; } #header .top nav > ul > li li a:hover, #header .top nav > ul > li li span:hover { text-decoration: underline; } #header .top nav > ul > li.signup { padding: 0; text-decoration: none !important; } #header .top nav > ul > li.signup > * { color: #fff !important; text-decoration: none; -webkit-transition: none; padding: 12px 20px; display: block; } #header .top nav > ul > li.signup:hover > * { color: #0266d1 !important; text-decoration: none !important; } .regoffer { position: absolute; top: -80px; left: 60px; color: #E0E4E8; opacity: 1; text-align: center; } #header .top nav > ul > li ul { display: none; position: absolute; z-index: 3; height: auto; padding: 20px; background: rgba(223, 238, 255, 1); border-radius: 6px; top: 38px; left: 0; line-height: 1.7; box-shadow: 5px 5px 10px rgba(30, 50, 100, 0.1); } #header .top nav > ul > li ul li { color: #fff; display: block; text-transform: none; margin-bottom: 20px; white-space: nowrap; margin-right: 0; font-size: 13px; } #header .top nav > ul > li ul li:last-child { margin: 0; } #header .top nav > ul > li ul:before { content: ''; display: block; width: 100%; height: 13px; position: absolute; top: -13px; left: 0; background: none; } #header .top nav > ul > li ul:after { content: ''; display: block; position: absolute; top: -10px; left: 40px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #DDEEFF transparent; } #header .top nav > ul > li:hover ul { display: block; } #header .first-screen { margin-top: 80px; position: relative; } #header .first-screen .text { position: relative; z-index: 2; width: 45%; font-weight: 300; color: #00265a; font-size: 16px; padding: 40px 15px 190px 0; line-height: 50px; } #header .first-screen .text .title { font-size: 38px; font-weight: bold; font-family: "Raleway", sans-serif; margin-bottom: 11px; } #header .first-screen .text .title b { font-weight: 800; } #header .first-screen .text .btn { margin-top: 30px; margin-left: 3px; } #header .first-screen .text .subtitle { line-height: 2; /* font-family: "Open Sans Light"; */ } #header .top nav > ul > li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .hfooter { height: 414px; } #footer { background: #fff; height: 530px; margin-top: -480px; position: relative; z-index: 2; background: #002b59; padding-top: 30px; } #footer .container { display: -webkit-box; display: -ms-flexbox; display: flex; } #footer .col-logo { width: 395px; } #footer .col-logo .logo { width: 258px; height: 58px; position: relative; background: url(/assets/images/landing/logo_footer.png) no-repeat; margin-top: 2px; margin-bottom: 90px; } #footer .col-logo .logo a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #footer .col-logo .social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; } #footer .col-logo .social a { display: block; margin-right: 29px; opacity: 0.9; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #footer .col-logo .social a:hover { opacity: 1; } #footer .col-logo .social a.skype { width: 20px; height: 20px; background: url(/assets/images/landing/icon_skype.png) no-repeat; } #footer .col-logo .social a.vk { width: 27px; height: 15px; background: url(/assets/images/landing/icon_vk.png) no-repeat; } #footer .col-logo .social a.facebook { width: 11px; height: 21px; background: url(/assets/images/landing/icon_facebook.png) no-repeat; } #footer .col-logo .social a.twitter { width: 23px; height: 19px; background: url(/assets/images/landing/icon_twitter.png) no-repeat; } #footer .col-logo .copyright { font-size: 15px; color: #acb5c9; } #footer .col-tools { width: 320px; } #footer .col-help { width: 235px; } #footer .col-contacts { width: 150px; } #footer .title { font-weight: bold; font-size: 15px; text-transform: uppercase; color: #fff; padding-top: 18px; padding-bottom: 35px; } #footer .title a { text-decoration: none; color: #fff; } #footer ul { margin: 0; padding: 0; list-style: none; } #footer ul li { margin: 0; padding: 0 0 16px; } #footer ul li a { color: #acb5c9; text-decoration: none; } #footer ul li a:hover { text-decoration: underline; } #footer ul li.tel a { color: #fff; font-weight: bold; } #footer ul li.callback a { color: #fac522; border-bottom: 1px dotted; font-weight: bold; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #footer ul li.callback a:hover { text-decoration: none; border-bottom-color: transparent; } .payment-methods { display: table; margin: 0 auto 20px auto; text-align: center; } .payment-methods > * { margin: 10px 12px; } .wmcheck-link { display: inline-block; font-size: 12px; color: #FFF; vertical-align: top; } section.tools { padding: 0 0 112px; } section.tools .title { font-size: 35px; font-weight: 300; font-family: "Raleway", sans-serif; text-align: center; padding-bottom: 50px; } section.tools .title b { font-weight: 800; } section.tools .tabs { display: -webkit-box; display: -ms-flexbox; display: flex; } section.tools .tabs .selector { width: 50%; padding: 0; list-style: none; display: block; margin-left: 2px; z-index: 5; } section.tools .tabs .selector li { float: left; position: relative; border: 2px solid #e2e8f0; margin-left: -2px; margin-top: -2px; width: 275px; height: 150px; background: #fff; -webkit-box-shadow: 18.47px 23.64px 40px 0px rgba(105, 105, 105, 0.1); box-shadow: 18.47px 23.64px 40px 0px rgba(105, 105, 105, 0.1); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } section.tools .tabs .selector li span.num { pointer-events: none; z-index: 1; position: absolute; font-weight: bold; font-size: 14px; color: #002b59; opacity: 0.3; right: 26px; top: 29px; line-height: 1; } section.tools .tabs .selector li a { z-index: 2; display: block; width: 100%; height: 100%; padding-left: 27px; padding-top: 102px; color: #002b59; font-size: 16px; font-weight: bold; text-decoration: none; } section.tools .tabs .selector li .img { position: absolute; margin-top: -76px; } section.tools .tabs .selector li .img .active { display: none; } section.tools .tabs .selector li .img .inactive { display: block; } section.tools .tabs .selector li.active { background: #4c86d3; border-color: #4c86d3; -webkit-box-shadow: 0px 12px 41.28px 1.72px rgba(76, 134, 211, 0.3); box-shadow: 0px 12px 41.28px 1.72px rgba(76, 134, 211, 0.3); z-index: 50; } section.tools .tabs .selector li.active span.num { color: #fff; } section.tools .tabs .selector li.active a { color: #fff; font-weight: 600; } section.tools .tabs .selector li.active .img .active { display: block; } section.tools .tabs .selector li.active .img .inactive { display: none; } section.tools .tabs .tabs_content { width: 50%; list-style: none; position: relative; padding: 0; } section.tools .tabs .tabs_content li { display: none; } section.tools .tabs .tabs_content li span.num { pointer-events: none; position: absolute; z-index: 0; font-size: 219px; opacity: 0.07; font-weight: 800; top: -41px; left: 30px; line-height: 1; } section.tools .tabs .tabs_content li .title { position: relative; z-index: 1; padding: 0 0 0 90px; text-align: left; font-weight: 800; margin-top: 43px; margin-bottom: 27px; } section.tools .tabs .tabs_content li .title:before { content: ''; display: block; width: 65px; height: 6px; background: #fac522; position: absolute; left: -4px; top: 27px; } section.tools .tabs .tabs_content li .text { position: relative; z-index: 1; padding-left: 90px; font-size: 16px; line-height: 2.063; } section.tools .tabs .tabs_content li .text ul { margin-top: 34px; padding: 0; } section.tools .tabs .tabs_content li .text ul li { font-weight: 600; display: block !important; padding-left: 60px; line-height: 3.75; position: relative; } section.tools .tabs .tabs_content li .text ul li:before { content: ''; border: 3px solid #fac522; width: 17px; height: 17px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 0; top: 50%; margin-top: -9px; -webkit-box-shadow: 8px 8px 17.28px 0.72px rgba(250, 197, 34, 0.24); box-shadow: 8px 8px 17.28px 0.72px rgba(250, 197, 34, 0.24); } section.numbers { margin-bottom: 130px; } section.numbers .container { border: 7px solid #e2e8f0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } section.numbers .number { width: 33%; text-align: center; padding-top: 113px; padding-bottom: 44px; font-size: 16px; } section.numbers .number div { font-weight: bold; color: #002b59; font-size: 40px; display: block; letter-spacing: 2px; margin-bottom: 9px; } section.numbers .number.projects { background: url(/assets/images/landing/number1.png) no-repeat center 45px; } section.numbers .number.requests { background: url(/assets/images/landing/number2.png) no-repeat center 52px; } section.numbers .number.pages { background: url(/assets/images/landing/number3.png) no-repeat center 45px; } section.numbers .space { display: inline-block; width: 15px; } section.advantages { background: url(/assets/images/landing/advantages.jpg) no-repeat center top; height: 732px; } section.advantages .title { font-size: 32px; font-family: "Raleway", sans-serif; font-weight: 300; text-align: center; color: #fff; padding-top: 86px; padding-bottom: 70px; } section.advantages .title b { font-weight: 800; } section.advantages ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } section.advantages ul li { width: 300px; height: 185px; margin-bottom: 84px; } section.advantages ul li:nth-child(3n+2) { width: 340px; } /*section.advantages ul li .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; line-height: 1.2; margin-bottom: 26px; height: 65px; }*/ section.advantages ul li .title { display: table; padding: 0 0 15px 0; } section.advantages ul li .title .img { width: 90px; display: table-cell; vertical-align: middle; line-height: 1; padding-right: 20px; } section.advantages ul li .title .img img { max-width: 100%; } section.advantages ul li .title span { display: table-cell; vertical-align: middle; line-height: 1.5; font-family: "Open Sans", sans-serif; font-weight: 800; font-size: 16px; text-transform: uppercase; text-align: left; } section.advantages ul li .text { font-weight: 600; opacity: 0.71; font-size: 13px; color: #fff; padding-right: 30px; line-height: 1.846; } section.rates { padding-top: 118px; background: #FDFDFD; padding-bottom: 158px; } section.rates .title { text-align: center; font-weight: 300; font-size: 35px; font-family: "Raleway", sans-serif; padding-bottom: 56px; } section.rates .title b { font-weight: 800; } section.rates .subtitle { font-family: "Raleway", sans-serif; font-weight: bold; font-size: 20px; text-align: center; padding-bottom: 42px; } /* #payment-period { display: inline-block; position: relative; margin-left: 6px; } #current-period { display: inline-block; text-align: left; white-space: nowrap; } #current-period span{ cursor: pointer; color: #4c86d3; display: inline-block; font-family: "Open Sans", sans-serif; font-size: 16px; border-bottom: 1px dotted; text-decoration: none; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #payment-period:hover #current-period span { border-bottom-color: transparent; } #current-period span:after { margin-left: 5px; content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 6px 5px 0 5px; border-color: #4c86d3 transparent transparent transparent; } #current-period b { font-weight: bold; } */ #payment-period { margin-bottom: 20px; } #payment-period-menu { list-style: none; margin: 10px 0 0 0; padding: 0; border-radius: 4px; display: inline-block; /* border: 1px solid #C8D9EF; background: #E3E9F1; */ } #payment-period-menu li { display: inline-block; padding: 0 20px 0 0; padding: 10px 20px 10px 0; font-weight: normal; } #payment-period-menu li:first-child { padding-left: 24px; } #payment-period-menu #period-discount { display: none; /* background: #FAFAFA; */ padding-left: 0; /* color: #0088DB; */ color: #32B17B; border-radius: 0 4px 4px 0; } #payment-period .seoa-radio { margin-right: 8px; vertical-align: middle; border: 1px solid rgba( 76, 134, 211, 1); } #payment-period .seoa-radio.checked .seoa-radio-tick { background: rgba( 76, 134, 211, 1); } /* #payment-period-menu { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 0; position: absolute; background: #FFF; -webkit-box-shadow: 0px 8px 15.3px 1.7px rgba(76, 134, 211, 0.3); box-shadow: 0px 8px 15.3px 1.7px rgba(76, 134, 211, 0.3); text-align: left; padding: 0; z-index: -1; width: 100%; } #payment-period-menu.active { opacity: 1; z-index: 10; } #payment-period-menu span { display: block; font-size: 14px; padding: 12px; font-weight: normal; border-bottom: 1px dashed #CCC; white-space: nowrap; cursor: pointer; } #payment-period-menu span:hover{ background: rgba( 0, 136, 219, 0.4 ); } #payment-period-menu span:last-child { border-bottom: none; } */ section.rates .plans { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: stretch; background: none; } .plan-wrapper { width: 25%; margin-right: 10px; } section.rates .plans .plan { background: #fff; text-align: center; position: relative; padding-top: 0; padding-bottom: 0; /*height: 474px;*/ position: relative; margin-right: 10px; box-sizing: border-box; border: 1px solid #FFF; -webkit-box-shadow: 0px 12px 41.28px 1.72px rgba( 76, 134, 211, 0.3 ); box-shadow: 0px 12px 41.28px 1.72px rgba( 76, 134, 211, 0.3 ); } .recommendation { /* height: 105% !important; */ top: -13px; padding-bottom: 10px !important; } section.rates .plan-wrapper > .plan:last-child { margin-right: 0px; } section.rates .plans .plan.recommendation { /* height: 519px; height: 110%;*/ border: 3px solid #4c86d3; background: url(/assets/images/landing/rec.png) no-repeat left top #fff; } section.rates .plans .plan.recommendation .title { padding-top: 40px; font-size: 30px; padding-bottom: 18px; } section.rates .plans .plan .title { font-weight: 800; position: relative; font-size: 25px; padding-top: 24px; padding-bottom: 22px; margin-bottom: 0px; } section.rates .plans .plan .title span { font-size: 14px; font-weight: normal; display: block; } /* section.rates .plans .plan .title:after { content: ''; width: 247px; height: 1px; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -123px; background: #ced3de; opacity: 0.5; } */ section.rates .plans .plan .price { font-size: 40px; color: #4c86d3; line-height: 50px; position: relative; margin-top: 20px; padding-bottom: 45px; } section.rates .plans .plan .price b { font-weight: 600; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } section.rates .plans .plan .price span.price-period { font-size: 18px; display: block; line-height: 1em; margin-top: 11px; } /* section.rates .plans .plan .price:after { content: ''; width: 247px; height: 1px; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -123px; background: #ced3de; opacity: 0.5; } */ section.rates .plans .plan .check { font-weight: bold; font-size: 18px; margin-bottom: 20px; } section.rates .plans .plan .check-txt { display: block; font-weight: normal; } section.rates .plans .plan .text { font-size: 12px; line-height: 20px; padding: 0 30px; } section.rates .plans .plan .text .br { height: 4px; } section.rates .plans .plan .btn { position: absolute; bottom: -25px; left: calc(50% - 100px); } .planinfo { text-align: left; list-style: none; line-height: 3; margin: 20px auto; padding: 0; font-size: 14px; } .planinfo li { padding: 0 30px 0 30px; margin: 0 0 0 0; position: relative; } .planinfo li:nth-child( 2n+1 ) { background: #F8F8F8; } .planinfo .empty { background: none !important; } .planinfo span { position: absolute; right: 30px; font-weight: bold; } .plan .notavailable:after { content: ""; background: url('/assets/images/landing/sprite.png') no-repeat 0 -30px; width: 14px; height: 14px; display: inline-block; position: absolute; right: 33px; top: 50%; margin-top: -7px; } .plan .available:after { content: ""; background: url('/assets/images/landing/sprite.png') no-repeat -20px -30px; width: 18px; height: 13px; display: inline-block; position: absolute; right: 30px; top: 50%; margin-top: -7px; } .plannotes { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: stretch; padding: 0; margin: 40px 0 0 0; } .plannotes > li { width: 25%; margin: 0 10px 0 0; padding: 0 0 0 30px; font-size: 12px; line-height: 20px; } .plannotes > li:last-child { margin-right: 0; } .timage { width: 80%; margin: 0 auto 10px auto; line-height: 1; padding: 0 !important; position: relative; } .timage:after { content: ''; height: 1px; display: block; position: absolute; width: 100%; left: 0; bottom: 0; z-index: 0; background: #ced3de; opacity: 0.5; } .timage img { height: 190px; position: relative; vertical-align: bottom; z-index: 1; } .timgx img { height: 195px; margin-top: 10px; } .timgx:after { bottom: 23px; z-index: 0; } .timgx + .planinfo { position: relative; margin-top: -14px; } /* .rub { font-family: "ALSRubl-Tahoma", sans-serif; white-space: nowrap; } */ section.stages { background: #FDFDFD; padding-bottom: 140px; } section.stages .container { background: #FFF; border: 7px solid #e2e8f0;} section.stages .title { font-size: 32px; font-weight: 300; text-align: center; padding-top: 50px; padding-bottom: 47px; } section.stages .title b { font-weight: 800; } section.stages .items { counter-reset: myCounter; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; margin: 0; padding: 200px 0 0 0; width: 100%; position: relative; } section.stages .items li { list-style: none; display: block; margin: 0; padding: 0; width: 295px; text-align: center; position: relative; } section.stages .items li:before { counter-increment: myCounter; content: counter(myCounter); width: 40px; height: 40px; background: #4c86d3; color: #fff; border-radius: 50%; display: inline-block; line-height: 40px; font-weight: bold; font-size: 15px; -webkit-box-shadow: 0px 8px 15.3px 1.7px rgba(76, 134, 211, 0.3); box-shadow: 0px 8px 15.3px 1.7px rgba(76, 134, 211, 0.3); margin-bottom: 12px; } section.stages .items li:after { content: ''; display: block; width: 225px; height: 1px; background: #acb5c9; opacity: 0.5; position: absolute; right: -144px; top: 20px; } section.stages .items li:last-child:after { display: none; } section.stages .items li .title { font-weight: 800; font-family: "Raleway", sans-serif; font-size: 18px; padding-bottom: 32px; padding-top: 10px; } section.stages .items li .text { font-size: 14px; line-height: 2.36; text-align: left; } section.stages .btn { margin: 65px auto; display: block; width: 230px; text-align: center; } .stages img { position: absolute; top: -215px; left: 50%; margin-left: -125px; width: 250px; } section.questions { background: url(/assets/images/landing/questions.jpg) no-repeat center top; height: 227px; margin-bottom: 97px; } /* section.questions .container { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } */ section.questions .container { padding-top: 50px; max-width: 1200px; } section.questions .container > * { display: inline-block; vertical-align: middle; } section.questions .title { font-size: 36px; color: #fff; font-weight: 300; font-family: "Raleway", sans-serif; } section.questions .title b { font-weight: bold; } section.questions .tel { display: block; margin-top: 20px; white-space: nowrap; font-weight: 300; font-size: 16px; color: #fff; text-transform: uppercase; text-align: left; } section.questions .tel > span:first-child { margin-right: 20px;} section.questions .tel a { font-size: 20px; font-weight: bold; font-family: "Open Sans", sans-serif; color: #fff; text-decoration: none; } section.questions .tel a:after { content: ''; display: inline-block; margin-left: 6px; margin-bottom: 3px; width: 0; height: 0; border-style: solid; border-width: 7px 6px 0 6px; border-color: #fac522 transparent transparent transparent; } .questions .btn-orange { white-space: nowrap; margin-left: 40px; margin-right: 40px; float: right; } /* @media screen and (max-width: 840px) { .questions { display: table; width: 100%; } .questions .container { display: table-cell !important; text-align: center; vertical-align: middle; height: 227px !important; } .questions .title { padding-top: 0 !important; margin-top: -10px; } .questions .btn-orange, .questions .tel { display: inline-block; margin-top: 20px; vertical-align: top; } } @media screen and (max-width: 550px) { .questions .title { line-height: 1.2 !important; } .questions .btn-orange, .questions .tel { margin-top: 20px; } .questions .tel > * { display: inline-block !important; } } */ .reviews .container { position: relative; } .reviews .title { font-size: 35px; font-weight: 300; text-align: center; font-family: "Raleway", sans-serif; margin-bottom: 45px; } .reviews .title b { font-weight: 800; } .reviews .swiper-slide .top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 24px; padding: 26px 0 0 26px; } .reviews .swiper-slide .top .img { width: 71px; height: 71px; background: #fff; -webkit-box-shadow: 0px 10px 26.25px 8.75px rgba(105, 105, 105, 0.11); box-shadow: 0px 10px 26.25px 8.75px rgba(105, 105, 105, 0.11); border: 3px solid #fff; border-radius: 50%; overflow: hidden; margin-right: 20px; } .reviews .swiper-slide .top .img img { max-width: 100%; height: auto; } .reviews .swiper-slide .top .name { font-weight: 300; font-size: 14px; } .reviews .swiper-slide .top .name span { display: block; font-family: "Raleway", sans-serif; font-weight: bold; font-size: 18px; } .reviews .swiper-slide .text { font-size: 16px; line-height: 2.063; } .reviews .swiper-button-next { right: -60px; } .reviews .swiper-button-prev { left: -60px; } .reviews .swiper-pagination { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 68px; margin-bottom: 68px; } .reviews .swiper-pagination .swiper-pagination-bullet { background: #acb5c9; margin: 0 9px; opacity: 1; width: 11px; height: 11px; } .reviews .swiper-pagination .swiper-pagination-bullet-active { background: #4c86d3; } section.justdoit { background: #002b59; text-align: center; } section.justdoit .title { font-family: "Raleway", sans-serif; font-size: 35px; color: #fff; font-weight: 300; padding-top: 70px; padding-bottom: 48px; } section.justdoit .title b { font-weight: 800; } section.justdoit .container { position: relative; } section.justdoit .container:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #fff; opacity: 0.3; } section.justdoit .btn { margin-bottom: 80px; } section.content { background: #FDFDFD; padding-top: 90px; font-size: 16px; line-height: 2.063; padding-bottom: 120px; } section.content .title { font-size: 35px; text-align: center; font-weight: 300; font-family: "Raleway", sans-serif; line-height: 1.2; margin-bottom: 63px; } section.content .title b { font-weight: 800; } section.content ol.tools { width: 100%; padding: 0; list-style: none; display: block; margin-left: 2px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 90px; } section.content ol.tools:after { content: ''; display: block; width: 6px; height: 100px; position: absolute; bottom: -100px; background: #fac522; left: calc(50% - 3px); } section.content ol.tools li { position: relative; border: 2px solid #e2e8f0; margin-left: -2px; margin-top: -2px; width: calc(25% + 2px); height: 150px; background: #fff; -webkit-box-shadow: 18.47px 23.64px 40px 0px rgba(105, 105, 105, 0.1); box-shadow: 18.47px 23.64px 40px 0px rgba(105, 105, 105, 0.1); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } section.content ol.tools li span.num { pointer-events: none; z-index: 1; position: absolute; font-weight: bold; font-size: 14px; color: #002b59; opacity: 0.3; right: 26px; top: 29px; line-height: 1; } section.content ol.tools li a { z-index: 2; display: block; width: 100%; height: 100%; padding-left: 27px; padding-top: 92px; color: #002b59; font-size: 16px; font-weight: bold; text-decoration: none; } section.content ol.tools li .img { position: absolute; margin-top: -71px; } section.content ol.tools li .img .active { display: none; } section.content ol.tools li .img .inactive { display: block; } section.content ol.tools li.active { background: #4c86d3; border-color: #4c86d3; -webkit-box-shadow: 0px 12px 41.28px 1.72px rgba(76, 134, 211, 0.3); box-shadow: 0px 12px 41.28px 1.72px rgba(76, 134, 211, 0.3); z-index: 50; } section.content ol.tools li.active span.num { color: #fff; opacity: 1; } section.content ol.tools li.active a { color: #fff; font-weight: 600; } section.content ol.tools li.active .img .active { display: block; } section.content ol.tools li.active .img .inactive { display: none; } section.content .tools-form { margin-top: 37px; padding-bottom: 90px; } section.content .tools-form .white { background: #fff; padding: 58px 60px; -webkit-box-shadow: 0px 23px 33.6px 6.4px rgba(105, 105, 105, 0.1); box-shadow: 0px 23px 33.6px 6.4px rgba(105, 105, 105, 0.1); } section.content .tools-form .white label { font-size: 16px; font-family: "Raleway", sans-serif; color: #8593b2; font-weight: bold; line-height: 1.2; display: block; padding-bottom: 15px; } section.content .tools-form .white label { color: #717d97 } section.content .tools-form .white textarea, section.content .tools-form .white input[type="text"] { margin-bottom: 26px; } section.content .tools-form .white .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } section.content .tools-form .white .row .col { width: 100%; margin-right: 30px; position: relative; } section.content .tools-form .white .row .col:last-child { margin-right: 0; } section.content .tools-form .white .row .col .trick { position: relative; } section.content .tools-form .white .row .col textarea { height: 230px; } section.content .tools-form .white .row .col label.placeholder { position: absolute; left: 22px; top: 47px; font-size: 20px; font-weight: normal; font-family: "Raleway", sans-serif; color: #acb5c9; pointer-events: none; padding: 0; } section.content .tools-form .white .row .col input.placeholder-padding { padding-left: 77px; } section.content .tools-form .white .line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 7px; } section.content .tools-form .white .line input[type="text"], section.content .tools-form .white .line input[type="number"] { width: 24px; height: 24px; font-size: 16px; padding: 0; text-align: center; } section.content .tools-form .white .line label { width: calc(100% - 45px); font-size: 14px; font-family: "Raleway"; color: #002b59; line-height: 2.143; font-weight: normal; } section.content .tools-form .white .format { font-size: 14px; font-family: "Raleway", sans-serif; font-weight: normal; padding-top: 7px; line-height: 2.143; } section.content .tools-form .white .format p { margin-top: 0; margin-bottom: 40px; text-indent: 0; } section.content .tools-form .white .format p .label { color: #8593b2; } section.content .tools-form .white .checkbox-line { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 26px; } section.content .tools-form .white .checkbox-line.valign-middle { height: calc(100% - 26px); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } section.content .tools-form .white .checkbox-line label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 600; margin-right: 35px; padding-bottom: 0; } section.content .tools-form .white .checkbox-line label img { margin-right: 16px; } section.content .tools-form .white .checkbox-line label .jq-checkbox { margin-left: 16px; } section.content .tools-form input[type="submit"] { display: block; margin: 30px auto 0; } section.content p { text-indent: 30px; margin-top: 0; margin-bottom: 2em; } section.content h3 { font-size: 20px; } section.content h4, section.content h5, section.content h6 { font-size: 16px; margin-bottom: 2em; } section.content ul { margin-left: 0; padding-left: 0; margin-bottom: 2em; } section.content ul li { padding-left: 0; list-style: none; margin-left: 0; position: relative; } section.content ul li:before { content: ''; position: relative; left: 0; top: calc(50% - 5px); width: 0; height: 0; margin-right: 20px; border-style: solid; border-width: 5px 0 5px 6px; border-color: transparent transparent transparent #002b59; display: inline-block; } .indexing textarea, .positions textarea, .frequency textarea { height: 260px !important; } section.text { background: #fff; font-size: 16px; line-height: 2.25; padding-top: 25px; /* padding-top: 50px; */ padding-bottom: 90px; } section.text .center { text-align: center; margin-bottom: 2em; } section.text p { margin: 0; } section.text h1 { font-weight: 300; margin-top: 22px; margin-bottom: 16px; } section.text .accordion { margin-bottom: 26px; } section.text .accordion .title { font-weight: 800; font-family: "Raleway", sans-serif; font-size: 25px; margin-bottom: 2px; } section.text .accordion a.faq { font-size: 20px; color: #002b59; text-decoration: none; display: block; } section.text .accordion a.faq span { border-bottom: 1px dotted; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } section.text .accordion a.faq:hover span { border-bottom-color: transparent; } section.text .accordion .faq_content { display: none; padding: 0 0 49px; } .table { background: #fff; -webkit-box-shadow: 0px 23px 33.6px 6.4px rgba(105, 105, 105, 0.1); box-shadow: 0px 23px 33.6px 6.4px rgba(105, 105, 105, 0.1); padding: 60px; margin-bottom: 80px; } .table table { border-collapse: collapse; width: 100%; box-sizing: border-box; } .table table thead th { border: none; background: none; padding: 0 0 13px; text-align: left; font-size: 20px; font-family: "Raleway", sans-serif; } .table table thead th.center { text-align: center; } th.w-150, th.w150 { width: 150px; } .table table thead th.w-225, th.w225 { width: 225px; } .table table thead th.w-33 { width: 33.3%; } /* .table table thead th.nowrap { white-space: nowrap; } */ .nowrap { white-space: nowrap; } .table table tbody td { background: #fcfcfd; border: 2px solid #ced3de; padding: 4px 40px; font-size: 16px; } .table table tbody td.center { text-align: center; } .table table tbody td.strong { font-family: "Raleway", sans-serif; font-weight: bold; font-size: 20px; text-align: center; } .table table tbody td.semibold { font-weight: 600; font-size: 20px; text-align: center; } .table table tbody td.blue { color: #4c86d3; font-size: 20px; border-left-color: #efefef; text-align: center; } .table table tbody td.small { text-align: center; font-weight: bold; font-size: 17px; padding: 0 15px; } .table table tbody td.smaller { font-size: 15px; text-align: center; padding: 0 15px; } .table table tbody td .page { font-size: 14px; line-height: 1.2; } .table table tbody td .page .info { margin-bottom: 1em; } .table table tbody td .page a { display: block; margin-bottom: 1em; } .table table tbody td .page .badge { background: #FDFDFD; padding: 4px 6px; font-size: 10px; display: inline-block; } .table table tbody td .page .badge.red { color: #ee1d1d; } .table table tbody td .page .badge.green { color: #22b505; } .table table tbody td .cols { padding: 20px 0; width: 315px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .table table tbody td .cols .col { width: 50%; } .table table tbody td .cols .col .line { font-size: 17px; } .table table tbody td .cols .col .line b { padding-right: 15px; font-weight: bold; } .table table tbody td .cols .col .line .red { color: #ee1d1d; } .table table tbody td .cols .col .line .green { color: #22b505; } .table table tbody td .cols .col .line .orange { color: #fea417; } .table + .btn { margin: -50px auto 90px; display: block; width: 220px; } table.newstyle { border-collapse: collapse; } table.newstyle thead th { border: none; background: none; padding: 0 10px 13px 0; text-align: left; font-size: 20px; font-family: "Raleway", sans-serif; } table.newstyle thead th.center { text-align: center; } table.newstyle tbody td { background: #fcfcfd; border: 2px solid #ced3de; padding: 4px 18px; font-size: 16px; box-sizing: border-box; } table.newstyle tbody td.center { text-align: center; } /* table.newstyle tbody td.strong { font-family: "Raleway", sans-serif; font-weight: bold; font-size: 20px; text-align: center; } */ table.newstyle tbody td.strong { font-weight: bold; font-size: 20px; text-align: center; } table.newstyle tbody td.semibold { font-weight: 600; font-size: 20px; text-align: center; } table.newstyle tbody td.blue { color: #4c86d3; font-size: 20px; border-left-color: #efefef; text-align: center; } table.newstyle tbody td.small { text-align: center; font-weight: bold; font-size: 17px; padding: 0 15px; } table.newstyle tbody td.smaller { font-size: 15px; text-align: center; padding: 0 15px; } table.newstyle tbody td .page { font-size: 14px; line-height: 1.2; } table.newstyle tbody td .page .info { margin-bottom: 1em; } table.newstyle tbody td .page a { display: block; margin-bottom: 1em; } table.newstyle tbody td .page .badge { background: #FDFDFD; padding: 4px 6px; font-size: 10px; display: inline-block; } table.newstyle tbody td .page .badge.red { color: #ee1d1d; } table.newstyle tbody td .page .badge.green { color: #22b505; } /* unicoder *******************************************************************/ .hidden { display: none; } .txt-center { text-align: center !important; } .txt-middle, .txt-middle > * { vertical-align: middle; } .invisible { left: -9999em; top: -9999em; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } .seoa-error { color: #c92b5b; } .seoa-slash { color: #999 !important; } .nulldash { display: inline-block; color: #b6bbc5; text-align: left; /*width: 100%;*/ line-height: 1; font-size: 12px; vertical-align: middle; } .b-small { font-size: 11px; color: #666; } .txt-red { color: #ee1d1d; } .txt-yellow { color: #fea417 } .txt-green { color: #22b505; } .td-green { background: #c6f5db !important; } .td-blue { background: #C7EAFE !important; } .kstrong { color: #ee1d1d !important; font-weight: normal !important; } .keyword-highlight, .spam-highlight, .semantic-highlight, .synonyms-highlight, .cognates-highlight, .homonymous-highlight { display: inline-block; background-color: #739e73; border-radius: 0.25em; color: #fff; margin: 2px !important; padding: 0 6px !important; text-align: center; vertical-align: baseline; white-space: nowrap; font-weight: 700; } .spam-highlight { background-color: #EF827F; } .synonyms-highlight { background-color: #EBC642; } .cognates-highlight { background-color: #EBC12B; } .homonymous-highlight { background-color: #EABE1F; } .reg-form:after { left: -9999em; top: -9999em; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); content:url('/background.php'); } #captcha-img { border-radius: 2px; border: 1px solid #CCC; width: auto; max-width: 90px; height: 40px; } .reload { color: #4c86d3; text-decoration: underline; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .reload:hover { text-decoration: none; } .user-options-link { padding-left: 30px; background: url('/assets/images/landing/sprite.png') no-repeat -30px 0; height: 20px; line-height: 19px; display: inline-block; color: #0266d1; } .user-options-link:hover { color: #0266d1 !important; text-decoration: none !important; } .user-balance-link { text-decoration: none; font-size: 15px; font-weight: bold; } .user-balance-link:hover { text-decoration: underline; } .user-balance-link span#balance + span { font-weight: bold; font-size: 17px; position: relative; top: 1px; padding-left: 7px; display: inline-block; } .logout { display: inline-block; text-decoration: none; margin-left: 12px; padding-left: 0 !important; padding-right: 0 !important; width: 26px; height: 20px; } .logout a { background: url('/assets/images/landing/sprite.png') no-repeat 0 0; width: 26px; height: 20px; display: inline-block; text-decoration: none; } .scrollto { cursor: pointer; } .loader-12x12 { background: url('/assets/images/loader-12x12.gif') no-repeat !important; width: 12px !important; height: 12px !important; display: inline-block; margin: 0 auto; } .loader-256x10 { background: url('/assets/images/loader-256x10.gif') no-repeat !important; width: 100%; max-width: 256px; height: 10px; display: inline-block; } #window-signup .loader-256x10 { display: table; margin: 0 auto; } /* select *****************************/ .chosen-container li:before { display: none !important; } .chosen-container-single .chosen-single{ border-width: 2px; height: 50px; line-height: 48px; } .chosen-container .chosen-results li { font-size: 16px; } .chosen-container-single .chosen-single span { font-size: 20px; } .chosen-container-single .chosen-single div b { top: 22px } .chosen-container-active.chosen-with-drop .chosen-single div b { top: 22px; } .chosen-container-single .chosen-search input[type="text"] { margin: 1px 0 !important; height: 35px; background-position: 100% -20px; font-size: 16px; border-radius: 2px; } /* select *****************************/ /* checkbox **************************/ .seoa-checkbox input[type="checkbox"] { display: none; } .seoa-checkbox { width: 24px; height: 24px; margin: 0 12px 0 0; border: 2px solid #ced3de; background: #fcfcfd; cursor: pointer; display: inline-block; padding: 7px 0 0 4px; box-sizing: border-box; text-align: left !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .seoa-checkbox + span { line-height: 22px; vertical-align: top; } .seoa-checkbox.checked .seoa-checkbox-tick { width: 14px; height: 6px; border-bottom: 2px solid #666; border-left: 2px solid #666; -webkit-transform: rotate(-50deg); transform: rotate(-50deg); display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* checkbox **************************/ /* form result ************************/ .form-result { display: table; list-style: none; font-size: 13px; line-height: 1.5; padding: 4px 6px; border-radius: 2px; margin: 0 !important; width: 100%; } #form-auth .form-result { margin-top: 0 !important; width: 100%; } .form-result > * { padding: 4px 8px !important; line-height: 1.2; text-align: left; } .form-error { background: #FEE !important; border: 1px solid #F00; color: #F00 !important; } .form-success { background: #EFE !important; border: 1px solid #0C0; color: #080 !important; } /* .form-result #auth-link { display: inline-block; margin-left: 8px; } */ /* form result ************************/ /* preloader **************************/ #seoa-preloader-overlay { display: none; position: fixed; overflow: auto; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba( 255, 255, 255, 0.5 ); z-index: 2147483647; } .preloader-wrapper { display: table; box-sizing: border-box; width: 180px; padding: 20px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -70px; margin-left: -90px; border-radius: 4px; box-shadow: 0 0 20px #CCC; border: 1px solid #DDD; z-index: 100052; background: #FFF; } .seoa-preloader-text { font-size: 16px; color: #000; line-height: 1; padding-bottom: 10px; } #seoa-preloader{ width: 180px; height: 22px; position: relative; } .visible6 { width: 180px !important; } .visible6 #seoa-preloader { width: 140px !important; } .visible6 #seoa-preloader-7, .visible6 #seoa-preloader-8 { display: none; } .preloader-item { position:absolute; top:0; background-color:rgb(20,107,139); width:22px; height:22px; animation-name:bounce_seoa-preloader; -o-animation-name:bounce_seoa-preloader; -ms-animation-name:bounce_seoa-preloader; -webkit-animation-name:bounce_seoa-preloader; -moz-animation-name:bounce_seoa-preloader; animation-duration:1.5s; -o-animation-duration:1.5s; -ms-animation-duration:1.5s; -webkit-animation-duration:1.5s; -moz-animation-duration:1.5s; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-direction:normal; -o-animation-direction:normal; -ms-animation-direction:normal; -webkit-animation-direction:normal; -moz-animation-direction:normal; transform:scale(.3); -o-transform:scale(.3); -ms-transform:scale(.3); -webkit-transform:scale(.3); -moz-transform:scale(.3); border-radius:14px; -o-border-radius:14px; -ms-border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; } #seoa-preloader-1{ left:0; animation-delay:0.6s; -o-animation-delay:0.6s; -ms-animation-delay:0.6s; -webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; } #seoa-preloader-2{ left:22px; animation-delay:0.75s; -o-animation-delay:0.75s; -ms-animation-delay:0.75s; -webkit-animation-delay:0.75s; -moz-animation-delay:0.75s; } #seoa-preloader-3{ left:45px; animation-delay:0.9s; -o-animation-delay:0.9s; -ms-animation-delay:0.9s; -webkit-animation-delay:0.9s; -moz-animation-delay:0.9s; } #seoa-preloader-4{ left:67px; animation-delay:1.05s; -o-animation-delay:1.05s; -ms-animation-delay:1.05s; -webkit-animation-delay:1.05s; -moz-animation-delay:1.05s; } #seoa-preloader-5{ left:90px; animation-delay:1.2s; -o-animation-delay:1.2s; -ms-animation-delay:1.2s; -webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; } #seoa-preloader-6{ left:112px; animation-delay:1.35s; -o-animation-delay:1.35s; -ms-animation-delay:1.35s; -webkit-animation-delay:1.35s; -moz-animation-delay:1.35s; } #seoa-preloader-7{ left:135px; animation-delay:1.5s; -o-animation-delay:1.5s; -ms-animation-delay:1.5s; -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s; } #seoa-preloader-8{ left:157px; animation-delay:1.64s; -o-animation-delay:1.64s; -ms-animation-delay:1.64s; -webkit-animation-delay:1.64s; -moz-animation-delay:1.64s; } @keyframes bounce_seoa-preloader{ 0%{ transform:scale(1); background-color:rgb(20,107,139); } 100%{ transform:scale(.3); background-color:rgb(255,255,255); } } @-o-keyframes bounce_seoa-preloader{ 0%{ -o-transform:scale(1); background-color:rgb(20,107,139); } 100%{ -o-transform:scale(.3); background-color:rgb(255,255,255); } } @-ms-keyframes bounce_seoa-preloader{ 0%{ -ms-transform:scale(1); background-color:rgb(20,107,139); } 100%{ -ms-transform:scale(.3); background-color:rgb(255,255,255); } } @-webkit-keyframes bounce_seoa-preloader{ 0%{ -webkit-transform:scale(1); background-color:rgb(20,107,139); } 100%{ -webkit-transform:scale(.3); background-color:rgb(255,255,255); } } @-moz-keyframes bounce_seoa-preloader{ 0%{ -moz-transform:scale(1); background-color:rgb(20,107,139); } 100%{ -moz-transform:scale(.3); background-color:rgb(255,255,255); } } /* preloader **************************/ /* popup **********************************************************************/ :focus::-webkit-input-placeholder {color: transparent} :focus::-moz-placeholder {color: transparent} :focus:-moz-placeholder {color: transparent} :focus:-ms-input-placeholder {color: transparent} /* .ubcontent { position: relative; float: left; width: 450px; padding: 50px 60px 25px 60px; background: #FFF; box-sizing: content-box; } */ #window-enter, #window-signup, #window-reset { border-radius: 0; } #window-enter .form-result, #window-signup .form-result, #window-reset .form-result { margin-bottom: 20px !important; } #window-enter .ubcontent, #window-signup .ubcontent, #window-reset .ubcontent { width: 450px; } #window-enter input[type="submit"], #window-signup input[type="submit"], #window-reset input[type="submit"] { width: 100%; font-size: 14px !important; text-transform: none !important; } #window-enter input[type="text"], #window-enter input[type="password"], #window-enter input[type="email"], #window-signup input[type="text"], #window-signup input[type="password"], #window-signup input[type="email"], #window-reset input[type="text"], #window-reset input[type="password"], #window-reset input[type="email"] { /* border-bottom: none !important; */ border-width: 1px 1px 1px 1px !important; border-style: solid; border-color: #ced3de !important; font-size: 15px !important; padding-top: 10px !important; padding-bottom: 10px !important; padding-right: 10px !important; } #window-enter .title, #window-signup .title, #window-reset .title { font-size: 16px !important; font-weight: bold; text-transform: uppercase; } .lsrprow { line-height: 1 !important; } .long-session > *, .lsrprow > * { line-height: 22px !important; display: inline-block; vertical-align: middle; } #reset-password-link { float: right; font-size: 13px; } .long-session { font-size: 14px; float: left; } .ubcontent .title { position: relative; float: left; width: 100%; margin: 0 0 30px 0 !important; text-align: center; font-size: 35px !important; } @media screen and (max-width: 550px) { #window-reset .ubcontent, #window-enter .ubcontent, #window-signup .ubcontent { width: 100% !important; } } .ubcontent .center{ position: relative; float: left; width: 100%; text-align: center; } .ubcontent form { position: relative; float: left; width: 100%; } .ubcontent input { margin: 0; padding: 0; } .ubcontent input, .ubcontent textarea { -webkit-appearance: none; -webkit-border-radius: 0; } .ubcontent .line-form { position: relative; float: left; width: 100%; margin-bottom: 17px; } .ubcontent .line-form.center{ margin-top: 15px; } .ubcontent label { font-family: 'Open Sans', sans-serif; font-weight: 400; color: #acb5c9; } .ubcontent textarea{ outline: medium none; overflow: auto; resize: none; border: 1px solid #d5dae4; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 20px; color: #002b59; padding: 7px 10px; background: #FFF; } .ubcontent input[type="submit"], .ubcontent input[type="reset"], .ubcontent input[type="button"]{ position: relative; cursor: pointer; text-align: center; padding: 20px 35px; font-family: 'Open Sans', sans-serif; color: #FFF; font-weight: 700; font-size: 13px; text-transform: uppercase; background: #4c86d3; border: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; box-shadow: 0 8px 17px rgba(76,134,211,.25); } .ubcontent input[type="submit"]:hover, .ubcontent input[type="reset"]:hover, .ubcontent input[type="button"]:hover{ background: #4079c6; } .ubcontent .line-form.parent{ width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-between; justify-content: space-between;} .ubcontent .line-form .line_box{ position: relative; width: 48%; margin: 0 0 43px 0; } form.enter-form input[type="text"], form.enter-form input[type="password"], form.reg-form input[type="email"], form.reg-form input[type="text"], form.reg-form input[type="password"]{ width: 100%; padding: 25px 10px 25px 50px; border-left: none; border-top: none; border-right: none; border-bottom: 1px solid #d5dae4; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 20px; color: #002b59; background: #FFF; line-height: 1.5; } form.reg-form .captcha{ position: relative; float: left; width: 90px; margin: 0 20px 0 0; } form.reg-form .captcha span{ display: block; } form.reg-form .captcha a{ font-size: 14px; } form.reg-form input.enter_captcha[type="text"]{ width: calc(100% - 120px); padding: 20px 10px 20px 0; } .ubcontent .line-form { position: relative; float: left; width: 100%; margin-bottom: 17px; } span.enter-icon{ display: block; width: 27px; height: 29px; } span.enter-icon.user{ background: url(/assets/images/landing/enter-icon.png) left top no-repeat; } span.enter-icon.mail{ background: url(/assets/images/landing/enter-icon.png) left -29px no-repeat; } span.enter-icon.pass{ background: url(/assets/images/landing/enter-icon.png) left -58px no-repeat; } form.enter-form span.enter-icon, form.reg-form span.enter-icon{ position: absolute; /* top: 26px; */ top: 6px; left: 12px; } form.reg-form .nopadding { padding-left: 10px !important; padding-right: 10px !important; } .loginpass { position: relative; margin-bottom: 10px !important; } .service-auth { margin-top: 20px; } .service-auth > span { margin: 0 0 6px 0; font-size: 15px; display: block; color: #8593b2; text-align: center; } .service-auth ul { list-style: none; /* display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; */ padding: 0; display: table; margin: 0 auto; border-spacing: 12px; } .service-auth li { border-radius: 3px; /* width: calc(25% - 8px); */ width: 54px; height: 54px; display: table-cell; color: #FFF; font-size: 14px; text-align: center; position: relative; cursor: pointer; } .service-auth li:hover { opacity: 0.9 !important; } .service-auth li:before { content: ""; display: inline-block; position: absolute; top: 50%; left: 50%; } .service-auth .facebook { background: #4267B2; } .service-auth .facebook:before { background: url('/assets/images/landing/sprite.png') no-repeat 0 -60px; width: 17px; height: 29px; margin-top: -14px; margin-left: -8px; } .service-auth .vk { background: #4A76A8; } .service-auth .vk:before { background: url('/assets/images/landing/sprite.png') no-repeat -30px -60px; width: 37px; height: 22px; margin-top: -11px; margin-left: -19px; } .service-auth .yandex { background: #FF0000; } .service-auth .yandex:before { background: url('/assets/images/landing/sprite.png') no-repeat -40px -100px; width: 15px; height: 29px; margin-top: -14px; margin-left: -8px; } .service-auth .google { background: #FFF; border: 1px solid #CCC; } .service-auth .google:before { background: url('/assets/images/landing/sprite.png') no-repeat -0 -100px; width: 29px; height: 29px; margin-top: -14px; margin-left: -14px; } .service-auth .google:hover { border-color: #4c86d3; } /* Окно оплаты ***************************************************************/ #balance-window .ubcontent { width: 450px; } #balance-window title, #balance-window label { color: #111155; } /* #balance-window .title { font-size: 18px !important; font-weight: 800; margin: 17px 0 10px !important; margin-top: 17px !important; margin-bottom: 10px !important; line-height: 1; text-align: left; } #balance-window .col { display: inline-block; padding-right: 20px; box-sizing: border-box; vertical-align: top; } */ #services #balance-window .table { box-shadow: none !important; padding: 0 !important; margin: 35px auto 10px auto !important; width: 240px; } #balance-window select, #balance-window input { width: 100% !important; } #balance-window input { height: 50px; padding: 0 19px; } #balance-window .col { display: block; padding-bottom: 20px; box-sizing: border-box; vertical-align: top; } #balance-window label { font-size: 14px; font-weight: bold; margin-bottom: 12px; display: block; } #balance-window .promocode { width: calc(100% - 150px) !important; border-right: none; } .section .promocode-button { padding: 0 18px; height: 50px; vertical-align: top; line-height: 45px; width: 150px !important; } /* Окно оплаты ****************************************************************/ /* popup **********************************************************************/ /* registration page **********************************************************/ #registration-page .regpage-description { max-width: 1200px; margin: -40px auto 20px auto; } #registration-page section.content .container { max-width: 600px; } #registration-page h1 { margin-bottom: 10px; font-size: 31px; } #registration-page .xtable { display: table; width: 100%; } #registration-page .xtd { display: table-cell !important; width: 50% !important; } #registration-page .xtable .xtd:first-child { padding-right: 10px; } #registration-page .xtable .xtd:last-child { padding-left: 10px; } #registration-page .line-form, #registration-page .line-form input, #registration-page .line-form textarea { margin-bottom: 1px !important; } #registration-page .line-form input, #registration-page .line-form textarea { padding-top: 14px; padding-bottom: 14px; } #registration-page span.enter-icon, #registration-page span.enter-icon { top: 15px; } #registration-page #captcha-img { position: relative; top: 12px; } #messengers { display: inline-block; position: absolute; top: 50%; left: -2px; margin-top: -16px; } #messengers-menu { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 0; position: absolute; background: #FFF; -webkit-box-shadow: 0px 8px 15.3px 1.7px rgba(76, 134, 211, 0.3); box-shadow: 0px 8px 15.3px 1.7px rgba(76, 134, 211, 0.3); text-align: left; padding: 0; z-index: -1; width: 100%; top: 36px; } #messengers-menu.active { opacity: 1; z-index: 10; } #messengers-menu span { display: block; height: 50px !important; font-weight: normal; border-bottom: 1px dashed #CCC; white-space: nowrap; cursor: pointer; text-align: center; } #messengers-menu span:first-child { border-top: 1px dashed #CCC; } #messengers-menu span:hover{ background: rgba( 0, 136, 219, 0.4 ); } #messengers-menu span:last-child { border-bottom: none; } #messengers-menu img { width: 32px !important; height: 32px !important; max-width: 32px; position: relative; top: 9px; } #current-messenger { cursor: pointer; position: relative; display: inline-block; } #current-messenger span { width: 32px; height: 32px; min-width: 32px; min-height: 32px; } #current-messenger span:after { position: relative; margin: 0 0 0 1px; top: -10px; content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 6px 5px 0 5px; border-color: #AAA transparent transparent transparent; } /* registration page **********************************************************/ /* services *******************************************************************/ .modified-date { padding: 22px 0 6px 0; text-align: right; } .modified-date time { font-style: italic; } #services .white, #services .table { padding: 30px 30px 30px 30px !important; margin-bottom: 30px !important; } #services h1, #services .h1 { margin-bottom: 30px; font-size: 31px; line-height: 1.4; } .buttons-group:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; } .buttons-group > .button-left { float: left; } .buttons-group > .button-right { float: right; margin-left: 30px !important; } .buttons-group > * { margin-top: 30px !important; } .textarea-numbered { position: relative; overflow: auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .textarea-numbered > textarea { height: 100%; overflow: hidden; resize: none; margin: 0 !important; padding-top: 6px; line-height: 27px; } .textarea-numbered > textarea { border: 2px solid #ced3de; outline: none; } .textarea-numbered-wrapper { margin-bottom: 26px; height: 350px; overflow: auto; } .textarea-numbered-wrapper .textarea-numbered, .textarea-numbered-wrapper textarea { height: 100% !important; } .textarea-numbered .numbered-list { display: none; } .textarea-numbered.filled .numbered-list { background: #fcfcfd; border: 2px solid #ced3de; border-right: 0; padding: 8px 0 8px 16px; display: block; line-height: 27px; color: #BBB; } .textarea-numbered.filled .numbered-list + textarea { border-left: none; line-height: 27px; overflow-x: scroll; white-space: pre; } textarea.h300 { height: 300px; } .service-bottom-tools { list-style: none; padding: 0 !important; margin: 0 !important; line-height: 50px !important; } .service-bottom-tools > li { display: inline-block; list-style: none !important; line-height: 50px !important; vertical-align: middle; margin-right: 40px; } .service-bottom-tools .checkbox-line { padding-top: 0 !important; } .service-bottom-tools > li:before { display: none !important; } .service-button { float: right; margin-right: 0 !important; } .service-button * { margin-top: 0 !important; } .service-button.with-recaptcha { position: relative; top: -14px; } .g-recaptcha { margin-right: 20px; } .service-button.with-recaptcha > * { display: inline-block; vertical-align: middle; } @media screen and (max-width: 1000px) { .service-frequency .service-button { float: none; } .service-frequency .service-bottom-tools > li { margin-bottom: 12px !important; } } #service-form { margin-top: 0; padding-bottom: 20px; } #service-form ::-webkit-input-placeholder { font-size: 16px; } #service-form ::-moz-placeholder { font-size: 16px; } #service-form :-moz-placeholder { font-size: 16px; } #service-form :-ms-input-placeholder { font-size: 16px; } #keywords-selection-window .chosen-container-single .chosen-single span, #service-form .chosen-container-single .chosen-single span { font-size: 16px; } #service-form input[type="text"], #service-form input[type="search"], #service-form input[type="password"], #service-form input[type="email"], #service-form input[type="number"], #service-form input[type="tel"], #service-form input[type="time"], #service-form input[type="url"], #service-form textarea { font-size: 18px; } .service-positions input, .service-positions textarea, .service-positions select, .service-positions .chosen-single, #keywords-selection-window select, #keywords-selection-window .chosen-single { border-width: 1px !important; } #service-form .chosen-container .chosen-results li { font-size: 14px; } #service-form input + label, #service-form .seoa-checkbox + label { padding: 1px 0 15px 0 !important; line-height: 1.5; } #service-result .white { background: #fff; padding: 58px 60px; border: 2px solid #f3f3f3; -webkit-box-shadow: 0px 23px 33.6px 6.4px rgba(105, 105, 105, 0.1); box-shadow: 0px 23px 33.6px 6.4px rgba(105, 105, 105, 0.1); } #service-result img { max-width: none; } #service-result .table-head th { font-size: 18px; font-family: "Raleway", sans-serif; padding: 0 0 13px 0; } .table-head .sortable { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #service-result th { font-size: 18px !important; } #service-result td { font-size: 14px !important; padding-left: 20px !important; padding-right: 20px !important; } #service-result .table table tbody td { font-size: 16px !important; } .service-frequency #service-result .table table tbody > tr > td:first-child { min-width: 300px; } #service-result .ubcontent > .h1:first-child { margin-top: 0; } #newtask, .positions-reg { margin: 30px auto 20px auto; display: table; text-align: center; } .positions-reg > div:first-child { text-align:center; font-size: 20px; margin-bottom: 20px; } .table + #newtask, .table + .positions-reg { margin-top: 0; } .table-zebra tbody > tr > td { background: #FFF; } .table-zebra tbody > tr:nth-child(2n-1) > td { background: #FBFBFB; } .table-zebra1 tbody > tr:nth-child(2n) > td { background: #FBFBFB; } .row-highlight { border-collapse: separate; border-spacing: 0; } .row-highlight > tbody > tr:nth-child(2n-1) > td { border-top: 2px solid #FBFBFB !important; border-bottom: 2px solid #FBFBFB !important; } .row-highlight > tbody > tr:nth-child(2n) > td { border-top: 2px solid #FFF !important; border-bottom: 2px solid #FFF !important; } .row-highlight > tbody > tr:hover > td { border-top: 2px solid #CCC !important; border-bottom: 2px solid #CCC !important; } .row-highlight > tbody > tr:nth-child(2n-1) > td { background: #FBFBFB; } /** * Сервис позиций */ .result-offer { text-align: center; margin: 40px 0 20px 0; } .offer-text { font-size: 25px; margin-bottom: 20px; color: #22b505; } .service-positions h2 { font-size: 20px; margin-bottom: 1em; } .service-positions .faq { margin-bottom: 2em; } .service-positions #newtask, .service-positions #service-result + .positions-reg { margin-bottom: 90px; } .topregion { font-weight: bold; } .service-positions #service-form { padding-bottom: 20px; } .service-positions #service-result .white, .service-positions #service-result .table { padding-top: 20px !important; padding-bottom: 25px !important; } .service-positions #handler-button { float: right; position: relative; top: -28px; } .service-positions .button-primary { padding: 15px 20px !important; } .service-positions .subdomains, .service-positions .txtfilter { display: inline-block; width: auto; white-space: nowrap; padding-top: 12px; line-height: 1; } .service-positions .subdomains > *, .service-positions .txtfilter > * { display: inline-block; vertical-align: middle; line-height: 1; } .service-positions .subdomains { margin-right: 25px; } .service-positions #checks-available-wrapper { /* position: relative; */ float: right; /* margin-top: -14px; */ margin-top: 10px; margin-bottom: 0 !important; margin-left: 40px; font-size: 14px; color: #777; display: table; height: 100%; } .service-positions #checks-available-wrapper > div { display: table-cell; vertical-align: bottom; } .service-positions .row.flex { margin-bottom: 20px; } .service-positions .row.flex > * { margin-bottom: 0 !important; } .sebox .se-wrapper { margin-top: 6px; } .service-positions .device { font-weight: normal !important; } .service-positions .site { width: 400px; margin-right: 20px; } .service-positions .se-region { margin-right: 25px; } .service-positions .se-wrapper { min-width: 300px; } .service-positions .se-wrapper .checkbox-line { padding-top: 10px !important; } .service-positions .se-wrapper .checkbox-line label { margin-right: 20px !important; } .service-positions .se-wrapper .checkbox-line label:last-child { margin-right: 0 !important; } .service-positions .subdomains span:first-child { margin-right: 8px; } .service-positions .subdomains .seoa-checkbox { margin-right: 0 !important; } .service-positions .device { margin-right: 30px; display: inline-block; } .service-positions .google-search-depth { display: inline-block; } .service-positions .google-search-depth span:first-child { margin-right: 8px; } #keywords-selection-window select, .service-positions select { height: 44px; line-height: 44px; padding-top: 0; padding-bottom: 0; } #keywords-selection-window .chosen-container-single .chosen-single, .service-positions .chosen-container-single .chosen-single { height: 44px; line-height: 42px; padding-left: 14px; /* border-radius: 4px; */ } #keywords-selection-window .chosen-container-single .chosen-single span, .service-positions .chosen-container-single .chosen-single span { font-size: 16px; } #keywords-selection-window .chosen-container .chosen-results li, .service-positions .chosen-container .chosen-results li { font-size: 14px; } #keywords-selection-window .chosen-container .chosen-results li, .service-positions .chosen-container-single .chosen-single div b { top: 19px; right: 12px; } #keywords-selection-window .chosen-container .chosen-results li, .service-positions .chosen-container .chosen-results li { padding-top: 3px; padding-bottom: 3px; line-height: 34px; } .img-google { width: 29px; height: 29px; } .img-yandex { width: 15px; height: 29px; } .yatxtfilter-yellow, .yatxtfilter-red { position: absolute; top: -2px; right: 1px; /* margin-left: 6px; */ display: inline-block; width: 16px; height: 15px; background: url(/assets/images/sprite.png) no-repeat -110px -130px; } .yatxtfilter-yellow { background: url(/assets/images/sprite.png) no-repeat -130px -130px; } .txtfilter-s { position:relative; margin: 0 -20px; height: 0; } .pivot-block { padding: 30px 0 0 0; } .pivot-title { font-size: 18px; font-weight: bold; } .pivot-table th, .pivot-table td { text-align: center !important; } .resultlink { display: table; width: 100%; padding-top: 40px; } .resultlink .td { display: table-cell; } .resultlink > .td:first-child { width: 1px; white-space: nowrap; padding-right: 12px; font-size: 18px; } #export-top, #export-results { margin-top: 35px; margin-left: 0 !important; margin-right: 12px !important; } #export-top + select, #export-top ~ .chosen-container, #export-results + select, #export-results ~ .chosen-container { margin-top: 35px !important; vertical-align: top !important; } .service-positions .urllist { /* min-width: 700px; max-width: 800px; */ min-width: 850px; max-width: 850px; } .service-positions .urllist table { width: 100%; } #service-result .urllist tbody > tr > td { line-height: 1.4; padding-top: 3px !important; padding-bottom: 3px !important; padding-left: 8px !important; padding-right: 4px !important; word-break: break-all; } #service-result .urllist tbody > tr > td:first-child { white-space: nowrap; width: 1px; /* max-width: 1px; */ padding-left: 6px !important; padding-right: 3px !important; } .yandex-urls tbody > tr > td:last-child { text-align: ledt; width: 240px; max-width: 240px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .yandex-urls thead > tr > th:last-child { text-align: center; } .service-positions .urllist .ui-tabs-nav { margin-top: 12px !important; margin-bottom: 6px !important; } .service-positions .urllist .ui-tabs-panel { padding: 0; } .service-positions .urllist .tb { display: table; width: 100%; margin-bottom: 20px; } .upload-button { padding: 9px 6px; height: 34px; box-shadow: none; margin: 1px 0 0 12px; font-size: 13px; border-radius: 4px; font-weight: normal; cursor: pointer; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-decoration: none !important; text-transform: uppercase; display: inline-block; line-height: 1; background: #4c86d3; border: 2px solid; border-color: #4c86d3; color: #fff; } .upload-button:hover { background: #fff; color: #4c86d3; } .service-positions .urllist .upload-button { white-space: nowrap; } .service-positions .urllist .td { display: table-cell; } .service-positions .urllist .tb > .td:first-child { width: 100%; } #export-top + select, #export-results + select, .service-positions .urllist select { height: 34px; line-height: 34px; padding-top: 0; padding-bottom: 0; } #export-top ~ .chosen-container-single .chosen-single, #export-results ~ .chosen-container-single .chosen-single, .service-positions .urllist .chosen-container-single .chosen-single { height: 34px; line-height: 30px; padding-left: 14px; /* border-radius: 4px; */ } #export-top ~ .chosen-container-single .chosen-single span, #export-results ~ .chosen-container-single .chosen-single span, .service-positions .urllist .chosen-container-single .chosen-single span { font-size: 16px; } #export-top ~ .chosen-container .chosen-results li, #export-results ~ .chosen-container .chosen-results li, .service-positions .urllist .chosen-container .chosen-results li { font-size: 14px; } #export-top ~ .chosen-container-single .chosen-single div b, #export-results ~ .chosen-container-single .chosen-single div b, .service-positions .urllist .chosen-container-single .chosen-single div b { top: 14px; right: 12px; } #export-top ~ .chosen-container .chosen-results li, #export-results ~ .chosen-container .chosen-results li, .service-positions .urllist .chosen-container .chosen-results li { padding-top: 3px; padding-bottom: 3px; line-height: 24px; } #keywordlist { margin-bottom: 0; } .tab-nav { margin-bottom: 14px; } .tab-nav:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; } .tab-link { display: inline-block; margin-right: 20px; } .tab-link > span > * { vertical-align: middle; line-height: 1; } .tab-link > span img { margin-right: 10px; } .tab-link > span { margin-right: 20px; cursor: pointer; } .tab-link > span:hover > span, .tab-link > span.active > span { color: #002b59; } .tab-link > span > span { color: #8e98aa; } #keywordstab { line-height: 1; margin-bottom: 20px; } #keywordstab .tab-nav { margin-bottom: 0; } #keywordstab .tab-nav > * { margin-top: 0; } #keywordstab .tab-link { margin-top: 15px; margin-right: 20px; } #keywordstab .tab-body { padding-top: 5px; } .keywords-selection-wrapper { display: block; float: right; } #keywords-selection { box-shadow: none; } #keywords-text textarea { height: 300px; } .h350 { height: 350px; } #keywords-selection-window .title-table { display: table; width: 100%; margin-bottom: 15px; } #keywords-selection-window .title-table .td:last-child { text-align: right; padding-left: 20px; } #keywords-selection-window .title { padding-bottom: 0 !important; font-size: 20px !important; font-weight: bold !important; text-align: left !important; color: #111155; } #keywords-selection-window .seoa-error { margin-top: 20px; font-size: 16px; color: #dd0a0a !important; } #keywords-selection-window .chosen-container { position: relative; z-index: 1000000; } #keywords-selection-window .td { display: table-cell; vertical-align: middle; float: none; } .found-keywords-header { width: 100%; margin-bottom: 6px; } .found-keywords-header th { vertical-align: middle; padding-left: 0 !important; } .found-keywords-header th > span { vertical-align: middle; } .found-keywords-header > thead > tr > th:first-child { width: 100% !important; } .found-keywords-header > thead > tr > th:last-child { padding-right: 0 !important; } .found-keywords > thead > tr > th, .found-keywords > tbody > tr > td { padding-top: 5px; padding-bottom: 5px; font-size: 13px; vertical-align: middle; line-height: 1; } .found-keywords > tbody > tr > td { padding-right: 12px; } .found-keywords tbody > tr > td:first-child { font-size: 12px; font-weight: bold; padding-left: 0; } .found-keywords tbody > tr > td:last-child { padding-right: 30px; } #add-checked-keywords { margin-top: 25px; margin-bottom: 0 !important; } .uploadarea { width: 100%; height: 300px; background: #FCFCFC; border: 1px dashed #CCC; padding: 30px; text-align: center; cursor: pointer; position: relative; } .upload-icon { opacity: 0.5; margin-top: 80px; } .upload-text { font-size: 18px; padding: 20px 0; } .upload-text span { color: #4c86d3; text-decoration: underline; } .upload-text span:hover { text-decoration: none; color: #4c86d3; } #keywords-file { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 5; cursor: pointer; } .upload-highlight { background: #E8F9FF; } /* позиции для списка урл */ .pages-keyword, .pages-positions { display: block; margin-bottom: 3px; } .pages-keyword ~ div { line-height: 1.5; margin-left: 0; max-width: 590px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pages-positions ~ div { line-height: 1.5; } /** * Сервис проверки ииндексации */ .indexing-table > tbody > tr > td:first-child { word-break: break-all; } .check-history { padding: 0 0 26px 0; } .check-history td { padding-left: 15px !important; padding-right: 15px !important; } .check-history h2 { font-size: 25px; font-weight: bold; margin: 0 0 0 0; padding: 0 0 8px 0; line-height: 1; } .check-history ul { list-style: none; padding: 0 !important; margin: 0 !important; font-size: 18px; } .check-history li { padding: 12px 0; list-style: none !important; line-height: 1; } .check-history li:before { display: none !important; } h1 time { color: #4c86d3; } .service-indexing.without-form #service-form, .service-positions.without-form #service-form, .service-frequency.without-form #service-form { display: none; } #services .check-history { padding: 0 !important; background: none !important; box-shadow: none !important; } .check-history h2 { margin-bottom: 6px; } /** * Сервис Google Index Api */ #oauth-button { /* float: right; position: relative; top: -8px; */ padding: 0 16px 0 45px; box-shadow: none; height: 46px; line-height: 42px; display: inline-block;; } #oauth-button:before { content: ""; display: block; position: absolute; background: url('/assets/images/landing/sprite.png') no-repeat -70px -100px; width: 20px; height: 20px; margin-top: 12px; margin-left: -32px; } #oauth-button.button-green { background: #99c64a; } /** * Сервис проверка ТОП */ #addse { text-align: left; padding-top: 0px; top: -10px; position: relative; } .service-check-top #service-form .row + .row { margin-top: 20px; } .check-options { margin-bottom: 25px; } .check-options label { display: inline-block !important; margin-right: 14px; } .check-options .seoa-checkbox { vertical-align: middle; } .results-tools-title { font-size: 18px; font-weight: bold; } .results-tools { list-style: none !important; } .results-tools li::before { display: none !important; } .results-tools li { display: inline-block; list-style: none !important; margin: 0 20px 20px 0; padding: 5px 10px 6px 10px !important; background: #F5F5F5; border: 1px solid #DDD; border-radius: 4px; cursor: pointer; } .checktop-table, .checktop-matches, .service-check-top .adaptive-table-wrapper { margin-bottom: 40px !important; padding-bottom: 0 !important; } .checktop-table { min-width: 800px; } .checktop-matches { min-width: 500px; } .checktop-table td:first-child { width: 1px !important; } .checktop-table td, .checktop-matches td { padding-top: 10px; padding-bottom: 10px; vertical-align: middle; white-space: nowrap; max-width: 300px; overflow: hidden; text-overflow: ellipsis; } .checktop-matches td ~ td { text-align: center; } .checktop-table img { margin-right: 12px; vertical-align: middle; } .checktop-matches th { padding-left: 12px; padding-right: 12px; } .checktop-matches th:first-child { text-align: left; } .service-check-top .result-item-title { font-size: 26px; font-weight: bold; padding-bottom: 14px; color: #1b9702; text-decoration: underline; /* color: #0287d7; */ } #top-highlight li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #top-highlight .active { background: #c6f5db; } #yourlist-window .title { text-align: left; font-size: 24px !important; font-weight: bold; margin-bottom: 20px !important; } #yourlist-window textarea { margin-bottom: 25px; } #yourlist-window .ubcontent { width: 100%; } .export-wrapper { padding: 5px 0 50px 0 !important } #export-top, #export-top + select, #export-top ~ .chosen-container { margin-top: 0 !important; } .icon-delete { width: 20px; height: 20px; display: inline-block; min-width: 8px; position: absolute; top: 17px; right: -7px; cursor: pointer; } .icon-delete:before { content: ""; position: block; background: url('/assets/images/landing/sprite.png') no-repeat -50px -30px; width: 8px; height: 8px; position: absolute; top: 50%; left: 50%; margin-top: -4px; margin-left: -4px; } .icon-delete:hover:before { background-position-y: -40px; } .service-check-top .icon-delete { display: none; } /** * Faq */ .faq-item { border: 1px solid #DDD; border-bottom: none; } .faq .faq-item:last-child { border-bottom: 1px solid #DDD; } .faq-item-body { display: block; padding: 4px 16px 8px 16px; cursor: pointer; } .faq-item-body > *:last-child { margin-bottom: 0 !important; } .faq-item-body > *:first-child { margin-top: 0 !important; } .faq-item-title { position: relative; padding: 8px 16px; cursor: pointer; } .faq-item-title > *:first-child { font-weight: normal; font-size: 16px; } .faq-item.active .faq-item-title { text-decoration: underline; background: #FAFAFA; } .faq-item-title:hover { background: #F0F0F0; } .faq-item-title .arrow { position: absolute; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); display: inline-block; font-weight: normal !important; font-size: 30px; color: #BDBDBD; top: -6px; right: 15px; } .active .arrow { top: -5px; } .faq-item-title .arrow:after { content: ''; border: 1px solid #DDD; display: inline-block; width: 23px; height: 23px; position: absolute; bottom: 16px; right: -6px; } .active .arrow { top: -6px; } .active .arrow:after { right: -7px; } .faq-item .faq-item-body { display: none; } .faq-item.active .faq-item-body { background: #FAFAFA; } /** * Загрузка ключевых слов #upload-wrapper { list-style: none; padding: 0; margin: 0 0 6px 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #upload-wrapper li { display: inline-block; list-style: none; } #upload-wrapper > li:first-child { display: flex; } #upload-wrapper #uploaded-wrapper { float: right; line-height: 1; display: none; padding-top: 9px; } #upload-wrapper li:before { display: none; } #upload-input { cursor: pointer; width: 100%; max-width: 500px; white-space: nowrap; } #upload-input > * { display: inline-block; line-height: 1; vertical-align: top; } #upload-input span { font-size: 14px; font-weight: normal; border: 1px solid #CCC; border-right: none; padding: 9px 9px; height: 36px; border-radius: 4px 0 0 4px; box-sizing: border-box; } #upload-input:hover span { background: #F5F5F5; } #upload-input input[type="text"] { width: calc(100% - 140px); max-width: 400px; height: 36px; border-radius: 0 4px 4px 0; background: #F5F5F5; cursor: pointer; } #keywords-file{ display: none; } */ /** * Инфографика в инструменте позиций * ul.check-steps, ul.advantages { display: table; margin-left: auto !important; margin-right: auto !important; width: auto; text-align: center; } ul.check-steps:after, ul.advantages:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; } ul.check-steps li:before, ul.advantages li:before { display: none !important; } ul.advantages li, ul.check-steps li { display: inline-block; list-style: none; text-align: center; margin: 12px 20px; width: 200px; vertical-align: top; } ul.check-steps img, ul.advantages img { width: 150px; height: auto; } ul.advantages img { width: 100px; } ul.check-steps span, ul.advantages span { display: block; line-height: 1.4; font-size: 14px; } /* form result ************************/ #service-result .form-result { margin-bottom: 40px !important; font-size: 14px; } #service-result { line-height: 1.4; } #service-result .form-error { padding: 20px !important; } /* .form-result { display: table; list-style: none; font-size: 13px; padding: 4px 6px; border-radius: 2px; margin: 10px 0 20px 0 !important; max-width: 600px; width: 600px; } #form-auth .form-result { margin-top: 0 !important; width: 100%; } .form-result li { padding: 4px 8px !important; line-height: 1.2; text-align: left; } .form-error { background: #FEE !important; border: 1px solid #F00; color: #F00 !important; } .form-success { background: #EFE !important; border: 1px solid #0C0; color: #080 !important; } */ /* form result ************************/ /* content info ***************************************************************/ .table-scroll-wrapper, .scroll-wrapper { max-height: 239px; overflow: auto; margin: 0 0 0 0 !important; padding: 0 2px 0 0 !important; box-sizing: border-box; } .scroll-wrapper table { margin-left: 1px; } .row-text { /* display: block; */ line-height: 1.8 !important; font-size: 14px !important; /* border-top: none !important; */ /* padding: 0 10px !important; */ /* padding: 0 55px !important; */ } .row-text > table * { width: auto !important; padding: 0; margin: 0; text-indent: 0; } .row-text p { text-indent: 20px !important; } .row-text h1{ font-size: 20px; } .row-text h2{ font-size: 18px; } .row-text h3{ font-size: 16px; } .row-text li { list-style-position: inside; } .txt-delution { text-align: left !important; line-height: 1.3; word-wrap: break-word; } .semantic-highlight { background-color: #ecc43a; } /* content info ***************************************************************/ /* competitors ****************************************************************/ .keyword-title { font-size: 17px; color: #212223; margin: 0; display: inline-block; } .keyword-title > span { margin: 0 8px 8px 0; } .keyword-title span:last-child { font-size: 17px; color: #a80729; margin: 0 0 0 0; display: inline-block; } .service-competitors #service-result .content-info .h1 { margin-top: 45px; } .service-competitors #service-result .content-info .h1:first-child { margin-top: 0px; } .service-competitors #service-result .content-info { max-width: 1000px; } .service-competitors #service-result .content-info table { width: 100%; } /* .service-competitors #service-result table.newstyle { width: auto; } */ #competitors-table > tbody > tr > td:first-child { width: 1px; padding: 0 12px; } .service-competitors #service-result .content-info .table-zebra > tbody > tr > td:first-child ~ td { width: 1px; white-space: nowrap; font-weight: bold; text-align: center; } .service-competitors #service-result .content-info .table-zebra > thead > tr > th:first-child ~ th { width: 1px; white-space: nowrap; padding-left: 12px; padding-right: 12px; } .service-competitors #service-result .content-info .table-head > thead > tr > th:first-child ~ th { text-align: center; } #competitors-table .group-values { margin: 0 8px; display: table !important; width: auto; } #competitors-table .seoa-value, #competitors-table .group-values .td > ul { display: table; cursor: default; } #competitors-table .group-values > .td > *, #competitors-table .group-values > .seoa-value { margin-top: 10px !important; } #competitors-table .group-values > .td > *:first-child, #competitors-table .group-values > .seoa-value:first-child { margin-top: 0 !important; } #competitors-table .group-values .td, #competitors-table .group-values .td > ul > li, #competitors-table .seoa-value > li { display: table-cell; white-space: nowrap; text-align: left; } #competitors-table li:before { display: none !important; } #competitors-table .group-values > .td { padding: 0 20px 0 0; } #competitors-table .group-values ul { margin-bottom: 0 !important; } #competitors-table .group-values > .td:last-child { padding-right: 0; } #competitors-table .seoa-value li:first-child { /* font-weight: bold; */ padding-right: 6px; } #competitors-table .seoa-value .m-loader { margin-left: 2px; } #competitors-table .value-separator { color: #999; display: inline-block; padding: 0 6px; } #competitors-table .page .info { line-height: 1.4; margin-bottom: 0; } #competitors-table .page a { font-size: 11px; color: #78787a; display: block; max-width: 400px; overflow: hidden; margin-top: 6px; margin-bottom: 6px; line-height: 1.2; } /* #competitors-table .group-values b { margin-right: 4px; width: 22px; display: inline-block; } #competitors-table .seoa-value > li:first-child { padding-right: 4px; width: 32px; box-sizing: content-box; } #competitors-table .average-title { text-align: right !important; font-weight: bold; } .table-headings th { text-align: center !important; padding-right: 0 !important; } */ /* semantic window ********************/ .speech-part { font-size: 20px; line-height: 40px; margin: 0 0 5px 0px; padding-right: 30px; text-align: center; text-decoration: underline; } .semantic-column { display: table-cell; padding: 0 20px 0 0; width: 50%; box-sizing: border-box; } .ubcontent .semantic-column:last-child { padding-right: 0; } .semantic-group-table { display: table; margin-bottom: 20px; } .semantic-group-cell { display: table-cell; vertical-align: top; } .semantic-table { border-spacing: 0; border-collapse: collapse; display: table-cell; max-width: 340px; padding: 0 20px 0 0; } .semantic-column .semantic-table:last-child { padding-right: 0; } .semantic-table thead > tr > th:last-child { text-align: center; font-size: 18px; } .semantic-table tbody > tr:first-child > td { border-color: #ced3de !important; border-width: 0 2px 0 0; font-weight: bold; border: none; white-space: nowrap; } .semantic-table tbody > tr:first-child ~ tr > td { line-height: 1.4 !important; } .semantic-table tbody > tr:first-child ~ tr:hover > td { background: #e5e9f2; cursor: default; } /* semantic window ********************/ /* content analysis *******************/ .service-content-analysis #service-form { padding-bottom: 0px; } #content { /* width: 900px; */ height: 400px; } #textinfo { padding: 0; margin: -12px 0 0 0; line-height: 1; /* width: 900px; */ width: 100%; } #textinfo li { display: inline-block; margin-right: 30px; margin-bottom: 12px; list-style: none !important; font-size: 14px; } #textinfo span { display: inline-block; padding: 4px 8px; background: #7fb919; border-radius: 4px; } #textinfo li:before { display: none; } #textinfo li:last-child { margin-right: 0; } #content-analysis-tabs td > .seoa-checkbox { vertical-align: middle; } #content-analysis-tabs .table-scroll-wrapper { max-height: 340px; } .service-content-analysis #handler-button { float: right; } .service-content-analysis #handler-button > input { margin: 0 !important; /* padding: 6px 8px; text-transform: none; */ } #check-keywords { padding: 6px 8px; text-transform: none; margin-top: 20px; } #check-keywords + * { margin-top: 20px; } .subtitle.check-keywords { margin: 0 0 20px 0 !important; line-height: 1; } /* content analysis *******************/ /* competitors ****************************************************************/ /** Проверка сниппетов ********************************************************/ /* .service-parsing-highlights #service-result { text-align: center; } .service-parsing-highlights #service-result .seoa-section-title { font-weight: bold; font-size: 18px; } .service-parsing-highlights #service-result .highlights-table, .service-parsing-highlights #service-result .highlights-column { display: inline-block; } .service-parsing-highlights #service-result .table { display: table; text-align: left; } */ /* table { cursor: pointer; margin: 0 auto; } .highlights-column { display: inline-block !important; padding: 0px 40px 0 0; } .highlights-column:last-child { pading-right: 0; } .seoa-section-title { text-align: center; padding-bottom: 8px; } .table-scroll-wrapper, .scroll-wrapper { max-height: 420px; } */ .service-parsing-highlights .seoa-section-title { font-size: 18px; font-weight: bold; margin-bottom: 25px; } .service-parsing-highlights #service-result th, .service-parsing-highlights #service-result td { width: 50%; } .export-buttons { float: right; } .export-buttons .btn { padding: 8px 10px !important; margin-right: 12px; box-shadow: none; } /** Проверка сниппетов ********************************************************/ /* services *******************************************************************/ /* tabs ***********************************************************************/ .ui-tabs-nav { position: relative; margin: 0 0 20px 0 !important; top: 1px; float: left; z-index: 1; } .tabs-li { list-style: none; float: left; margin: 0 0 12px 0 !important; padding: 0; border-bottom-width: 0; white-space: nowrap; border-right: 1px solid #d6dae2; font-size: 18px; font-weight: bold; cursor: pointer !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tabs-li:before { display: none !important; } .ui-tabs .tabs-li:last-child { border-right: none; } .ui-tabs-active, .ui-tabs-active:hover { border-bottom: none; position: relative; cursor: pointer !important; } .ui-tabs-anchor, .ui-tabs-anchor:link, .ui-tabs-anchor:visited, .ui-tabs-anchor:focus, .ui-tabs-anchor:hover { display: block; height: 100%; padding: 0 15px; box-sizing: border-box; text-decoration: none; outline: none; } .ui-tabs .tabs-li:first-child .ui-tabs-anchor { padding-left: 0; } .tabs-li .ui-tabs-anchor { /* color: #192c59; */ /* color: #111155; */ color: #8e98aa; } .ui-tabs-active .ui-tabs-anchor, .tabs-li .ui-tabs-anchor:hover { color: #192c59; } .ui-tabs-panel { display: none; border-width: 0; /* padding: 30px 0 0 0; */ padding: 0; background: none; clear: both; } .ui-tabs-panel > table tr th:first-child, .ui-tabs-panel > table tr td:first-child { padding-left: 0; } .ui-tabs ~ .button-submit { padding-top: 10px; } /* tabs ***********************************************************************/ /* faq ************************************************************************/ #faq img { max-width: 100%; /* min-width: 100px; */ height: auto; } /* faq ************************************************************************/ /* pagination *****************************************************************/ #pagination-wrapper:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; } .pagination { margin: 25px 0 30px 0; line-height: 1; } .pagination > * { display: inline-block; } .pagination .before { color: #212223; font-size: 16px; margin-right: 15px; } .pagination a, .pagination .page-link { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; margin: 0 0 0 5px; color: #000000; font-size: 18px; padding: 10px; text-decoration: none; cursor: pointer; } .pagination a:hover, .pagination .page-link:hover { background: #0287d7; color: #ffffff; } .pagination .page-current { color: #ffffff; font-size: 18px; font-weight: bold; background: #0287d7; /* margin: 0 0 0 20px; */ margin: 0 0 0 5px !important; padding: 10px; } /* pagination *****************************************************************/ /* comments *******************************************************************/ .comments-wrapper { margin: 40px 0 40px 0; padding-top: 60px; } .comments-wrapper::before { content: ""; display: block; height: 1px; width: 100%; background: #DDD; position: relative; z-index: 1000; box-shadow: 0 0 5px #DDD; top: -40px; } .comments-wrapper .pagination { margin-bottom: 0 !important; } /** * Форма добавления комментариев */ .comments-title { font-size: 22px; margin: 0 0 10px 0 !important; padding-top: 0; } #comments-form { list-style: none !important; padding: 0 0 20px 0; margin: 0; } #comments-form:after { content: "."; display: block; height: 0; font-size: 0; line-height: 0; clear: both; visibility: hidden; } #comments-form li { padding-bottom: 12px; } #comments-form li:before { display: none; } #comments-form textarea { width: 100%; height: 300px; padding: 8px; /* font-size: 16px; color: #444; */ /* border: 1px solid #AAA; border-radius: 4px; */ } #comments-form .button { float: right; } .new-comment-username span { font-size: 19px; color: #444; border-bottom: 1px dashed #CCC; } .new-comment-username input[type="text"] { line-height: 24px; width: 100%; padding-left: 8px; padding-right: 8px; } #comments-form .form-result-wrapper { padding-bottom: 2; } #comments-form .form-result { margin-bottom: 3px !important; } /** * Список комментариев */ #commentlist { list-style: none !important; padding: 20px 0 0 0; margin: 20px 0 0 0; border-top: 1px solid #F5F5F5; } #commentlist > li { padding: 14px 0; border-bottom: 1px solid #F5F5F5; } #commentlist > li:before { display: none; } #commentlist > li:first-child { padding-top: 0; } /* #commentlist > li:last-child { border-bottom: none; } */ .comment-top { display: block; margin-bottom: 8px; } .comment-top > * { vertical-align: middle; } .comment-avatar { display: inline-block; border-radius: 5%; overflow: hidden; width: 20px; height: 20px; margin: 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; background: #CCC; margin-right: 6px; } .comment-avatar img { width: 100%; height: auto; } .comment-username { line-height: 1; font-weight: bold; position: relative; top: -1px; } .comment-date { float: right; font-size: 12px; color: #555; position: relative; top: 4px; } .comment-content { display: block; } /* comments *******************************************************************/ /* tariff actions *************************************************************/ .tariff-actions { display: table; margin: 0 auto; font-size: 14px; line-height: 1.8; } .tariff-actions td { position: relative; line-height: 1; padding: 6px 18px; height: 54px; vertical-align: middle; box-sizing: border-box; text-align: center; } .tariff-actions td:after { content: ''; width: 1px; height: 26px; background: #dcdfe5; display: block; position: absolute; right: 0; top: calc(50% - 13px); } .tariff-actions tbody > tr:nth-child(2n) > td { background: #f7f8f9; } .tariff-actions thead > tr:nth-child(1) > th { font-size: 16px !important; text-align: left !important; font-weight: bold !important; padding: 0 30px !important; text-align: center !important; background: none; } .tariff-actions tbody > tr > td:first-child { text-align: left; } .tariff-price span.price-period { display: block; margin-top: 6px; margin-bottom: 10px; } .plan .saving { display: none; color: #32B17B; font-size: 18px; margin-top: 10px; } .tariff-table .notavailable { background: url('/assets/images/landing/sprite.png') no-repeat 0 -30px; width: 14px; height: 14px; display: table; margin: 0 auto; } .tariff-table .available { background: url('/assets/images/landing/sprite.png') no-repeat -20px -30px; width: 18px; height: 13px; display: table; margin: 0 auto; } .excess-note { font-size: 13px; padding-top: 20px; padding-left: 18px; } /* tariff actions *************************************************************/ /* our tools ******************************************************************/ .ourtools .title { font-size: 35px; font-weight: bold !important; margin-top: 0 !important; margin-bottom: 30px !important; } .ourtools { list-style: none; text-align: center; margin-bottom: 85px; } .ourtools ol { margin-left: auto; padding-left: 0; max-width: 900px; margin-right: auto; } .ourtools ol:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; } .ourtools li:before { display: none; } .ourtools li { display: inline-block; list-style: none; text-align: center; margin: 12px 20px 30px 20px; width: 250px; vertical-align: top; } .ourtools li a:before { content: ""; width: 53px; height: 53px; position: relative; display: inline-block; } .ourtools a { text-decoration: none; } .ourtools span { text-align: left; } .ourtools a > span:first-child { /* text-decoration: underline;*/ color: #444; font-weight: bold; font-size: 20px; text-align: center; } .ourtools a > span:last-child { color: #666; } .ourtools .positions a:before { background: url('/assets/images/landing/tool1.png') no-repeat 0 0; } /* .ourtools .positions a:hover:before { background: url('/assets/images/landing/tool1_active.png') no-repeat 0 0; } */ .ourtools .indexing a:before { background: url('/assets/images/landing/tool2.png') no-repeat 0 0; } /* .ourtools .indexing a:hover:before { background: url('/assets/images/landing/tool2_active.png') no-repeat 0 0; } */ .ourtools .parsing-highlights a:before { background: url('/assets/images/landing/parsing-highlights.png') no-repeat 0 0; } /* .ourtools .competitors a:hover:before { background: url('/assets/images/landing/tool6_active.png') no-repeat 0 0; } */ .ourtools .competitors a:before { background: url('/assets/images/landing/tool6.png') no-repeat 0 0; } .ourtools .content-analysis a:before { background: url('/assets/images/landing/tool3.png') no-repeat 0 0; } /* .ourtools .content-analysis a:hover:before { background: url('/assets/images/landing/tool3_active.png') no-repeat 0 0; } */ .ourtools .frequency a:before { background: url('/assets/images/landing/tool4.png') no-repeat 0 0; } /* .ourtools .frequency a:hover:before { background: url('/assets/images/landing/tool4_active.png') no-repeat 0 0; } */ .ourtools span { display: block; } /* our tools ******************************************************************/ #positions-regwindow .ubcontent, #google-regwindow .ubcontent { text-align: center; } #positions-regwindow .redbutton, #google-regwindow .redbutton { color: #FFF; background: #ED1C24; border-radius: 4px; padding: 15px; cursor: pointer; text-decoration: none; } #google-regwindow .redbutton { margin-top: 20px; display: inline-block; } #google-regwindow .ubcontent-wrapper { padding-top: 15px; } #google-regwindow .title { margin-bottom: 10px; } #google-regwindow .redbutton { margin-top: 10px; } /** * Сворачивающиеся блоки */ .toggle-wrapper { position: relative; } .toggle-wrapper.white.minimized { padding-bottom: 20px !important; } .toggle-wrapper .title { text-align: left !important; font-size: 25px !important; margin: 0px !important; padding: 0px !important; } .toggle-wrapper .toggle-link { content: "Открыть"; position: relative; cursor: pointer; font-size: 14px; float: right; top: 9px; right: 10px; text-decoration: underline; } .toggle-link:before { content: ""; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; display: block; cursor: pointer; width: 0; height: 0; padding: 0 !important; border-style: solid; border-width: 0 5px 5px 5px; position: absolute; top: 6px; right: -20px; border-color: transparent transparent #192c59 transparent; font-size: 14px; } .toggle-wrapper.minimized .toggle-link:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .toggle-content { margin-top: 20px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .toggle-wrapper.minimized .toggle-content { position: absolute; z-index: -1; opacity: 0; } .unsubscribe { font-size: 40px; font-weight: bold !important; padding: 0 !important; margin: 30px 0 0 0 !important; line-height: 1 !important; text-align: center; } .listing h2 { font-size: 18px; display: inline-block; } .listing > li { display: block; padding: 8px 0; } .listing ol { list-style: none; counter-reset: item; } .listing ol > li:before { content: counters(item,".") ". "; counter-increment: item; } .terms-of-use { font-size: 13px; text-align: center; } /** * Прогресс бар */ .progress { position: relative; top: -59px; } .progress > * { display: inline-block; vertical-align: middle; } .progress-value { margin-left: 6px; font-size: 14px; } /** * Adaptive Table */ .adaptive-table-wrapper { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: auto; /* min-width: 100%; */ width: 100%; padding-bottom: 7px; margin-bottom: 10px; } .adaptive-table-wrapper > table { margin: 0 !important; } .adaptive-table-wrapper.mobile { padding-bottom: 0; margin-bottom: 12px; } .adaptive-table-fixcolumns { display: table; width: 100%; } .adaptive-table-fixcolumns > * { display: table-cell; position: relative; vertical-align: top; } .adaptive-left-column { width: 1px; white-space: nowrap; z-index: 101; } .adaptive-left-column > table { /* border-right: 1px solid #ebedf1; */ margin: 0 !important; } .adaptive-right-column { width: 100%; } .adaptive-right-content { z-index: 1; padding-bottom: 7px; margin-bottom: 10px; } .adaptive-right-content > table { margin-top: 0 !important; margin-bottom: 0 !important; } .adaptive-right-content.mobile { padding-bottom: 0 !important; margin-bottom: 12px; } .adaptive-right-content .tdfix + td { border-left: none !important; } .adaptive-right-content { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: auto; margin-left: -1px; } /* unicoder *******************************************************************/ /* Мобильный дизайн ***********************************************************/ @media screen and (max-width: 1250px) { #header .top nav { width: auto; } #header .top .logo { min-width: 168px; } #header .top nav > ul:first-child { margin-right: 100px; } .container { padding-left: 20px; padding-right: 20px; } .ourtools { margin-bottom: 40px; } .hfooter { display: none; } #footer { height: auto; margin: 0; padding-top: 40px; padding-bottom: 15px; } #footer .container { display: table; text-align: center; } #footer .container > * { display: inline-block; width: auto; margin-right: 40px; margin-left: 40px; margin-bottom: 20px; vertical-align: top; text-align: left; } #footer .col-logo { text-align: center; } #footer .col-logo .logo { margin-bottom: 40px; } #footer .col-logo .social { display: block; } #footer .col-logo .social > a { display: inline-block; } #footer .col-logo .social > a:last-child { margin-right: 0; } #footer .title { padding-bottom: 15px; } /** * Сервис "Проверка Позиций" */ .resultlink input[type="text"]{ font-size: 18px; } } @media screen and (max-width: 1100px) { /* #header .top .logo { height: 38px; } */ #header .top nav > ul:first-child { margin-right: 0; } } @media screen and (max-width: 1000px) { /** * Сервис "Проверка Позиций" */ .service-positions .row.flex { display: block !important; margin-bottom: 0 !important; } .service-positions .row.flex > * { display: inline-block; margin-bottom: 20px !important; vertical-align: top; } .service-positions .site { width: calc( 100% - 325px ); } .service-positions .site + .se-region { margin-right: 0 !important; } } @media screen and (max-width: 940px) { section.questions .container { padding-top: 30px; } section.questions, section.questions .tel { text-align: center !important; } .questions .btn-orange { white-space: nowrap; margin-left: 0; margin-right: 40px; float: none; display: table !important; margin: 6px auto 6px auto; } /** * Сервис "Проверка Позиций" */ .resultlink input[type="text"]{ font-size: 16px; } } @media screen and (max-width: 830px) { #header { height: 95px; } #header .top .logo { padding: 0; } #header .top nav > ul:first-child, #header .top nav > ul:last-child { position: absolute; right: 10px; bottom: 14px; height: 26px; } #header .top nav > ul:first-child { z-index: 3; } #header .top nav > ul:last-child { top: 6px; z-index: 2; } #header .top nav > ul:first-child > li, #header .top nav > ul:last-child > li { padding-left: 0; padding-right: 20px; } #header .top nav > ul:first-child > li:last-child, #header .top nav > ul:last-child > li:last-child { padding-left: 0; padding-right: 6px; } #header .top nav > ul:first-child { top: 55px; } .logout { padding-right: 0 !important; } #header .top nav > ul > li ul { right: -60px; left: auto; } #header .top nav > ul > li ul::after { left: 50%; margin-left: -10px; } .questions { margin-bottom: 60px !important; } .ourtools .title { font-size: 30px !important; } /** * Сервис "Проверка Позиций" */ .keywords-selection-wrapper { display: inline-block; float: none; white-space: nowrap; } #keywordstab .tab-nav > * { margin-top: 25px !important; } .service-positions #handler-button { float: none; position: static; display: table; margin: 0 auto; } .resultlink .td { display: block; } .resultlink .td + .td { margin-top: 10px; } } @media screen and (max-width: 750px) { .service-positions .site, .se-region, .se-region .chosen-container { width: 100% !important; } .service-positions .site + .se-region { margin-right: 25px !important; } .service-positions h1, .service-positions .h1 { font-size: 26px !important; } .service-positions .google-search-depth { margin-top: 15px; } } @media screen and (max-width: 640px) { section.questions .container { padding-top: 20px; } section.questions .title { line-height: 1.1; } /** * Сервис "Проверка Позиций" */ #keywords-selection { font-size: 13px !important; padding-left: 10px !important; padding-right: 10px !important; } .service-positions .subdomains { margin-top: 10px; } .service-positions .subdomains, .service-positions .txtfilter { display: block; } .service-positions #handler-button { margin-left: 0; } .service-positions #service-result .table table tbody td { font-size: 15px !important; } .progress { display: table; margin: 0 0 0 auto; position: relative; top: -20px; } } @media screen and (max-width: 530px) { #header .container { padding-top: 6px; padding-left: 10px; } /** * Сервис "Проверка Позиций" */ #keywords-selection { font-size: 13px !important; padding-left: 10px !important; padding-right: 10px !important; } } @media screen and (max-width: 500px) { /** * Сервис "Проверка Позиций" */ .keywords-selection-wrapper { white-space: normal; } .keywords-selection-wrapper .chosen-container { width: 100% !important; } #keywords-selection { font-size: 14px !important; width: 100% !important; margin: 10px 0 0 0 !important; text-align: center; } #keywordstab .tab-link { white-space: nowrap; } section.questions .title { font-size: 30px; } .service-positions #service-result .table table tbody td { font-size: 14px !important; } } @media screen and (max-width: 450px) { #header { height: 126px; } #header .top { display: block; } #header .top nav { display: flex; flex-direction: column-reverse; } #header .top nav > ul:first-child, #header .top nav > ul:last-child { position: static; float: none; line-height: 1; margin-top: 3px; } #header .top nav > ul:first-child { margin-top: 16px; } #header .btn-blue { padding: 0 !important; box-shadow: none; } #header .btn-blue > span { padding: 6px 12px !important; margin: 0 !important; } /** * Сервис "Проверка Позиций" */ #service-result th { font-size: 16px !important; } } @media screen and (max-width: 400px) { /** * Сервис "Проверка Позиций" */ #service-result th { font-size: 15px !important; } #service-result td { font-size: 14px !important; padding-left: 12px !important; padding-right: 12px !important; } .resultlink input[type="text"]{ font-size: 14px; } .offer-text { font-size: 23px; } } /* @media screen and (max-width: 620px) { /** * Сервис "Проверка Позиций" * / .sebox { display: block !important; } .sebox .checkbox-line { width: 350px; } .sebox img { width: auto !important; max-width: 100px; } .sebox > .device { display: inline-block !important; float: none !important; width: auto; position: relative; top: -10px; } .se-wrapper { display: inline-block; } } */ /* @media screen and (max-width: 580px) { #header { height: 124px; } #header .top .logo { padding-top: 40px; padding-bottom: 10px; } #header .top nav { height: 70px; position: relative; } #header .top nav > ul:first-child, #header .top nav > ul:last-child { right: auto; left: 0; } #header .top nav > ul:last-child { top: 4px; } #header .top, #header .top nav { display: block; } #header .container { padding-left: 15px; padding-right: 7px; } #footer .col-logo { text-align: left; } #footer .col-logo .logo, #footer .col-logo .social { margin-bottom: 12px; } #footer .container { text-align: left; margin: 0; } #footer .container > * { display: block; margin-left: 12px; margin-right: 12px; } } */ /* @media screen and (max-width: 430px) { .sebox .se-wrapper { margin-top: 0 !important; } .sebox .checkbox-line { width: auto; display: inline-block !important; } .sebox .checkbox-line label > * { vertical-align: middle !important; } .sebox .checkbox-line label { white-space: nowrap; display: inline-block !important; } .sebox .checkbox-line label + label { display: inline-block; margin-top: 30px; } .tel > div:first-child { display: none !important; } } */ /* --- @media screen and (max-width: 510px) { #header { height: 110px; } #header .top .logo { padding-top: 40px; padding-bottom: 10px; } #header .top nav > ul:first-child, #header .top nav > ul:last-child { float: none; } } */ /* Мобильный дизайн ***********************************************************/ /* This is the core CSS of Tooltipster */ /* GENERAL STRUCTURE RULES (do not edit this section) */ .tooltipster-base { /* this ensures that a constrained height set by functionPosition, if greater that the natural height of the tooltip, will be enforced in browsers that support display:flex */ display: flex; pointer-events: none; /* this may be overriden in JS for fixed position origins */ position: absolute; } .tooltipster-box { /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10- and flex-basis auto for IE11- (at least) */ flex: 1 1 auto; } .tooltipster-content { /* prevents an overflow if the user adds padding to the div */ box-sizing: border-box; /* these make sure we'll be able to detect any overflow */ max-height: 100%; max-width: 100%; overflow: auto; } .tooltipster-ruler { /* these let us test the size of the tooltip without overflowing the window */ bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden; } /* ANIMATIONS */ /* Open/close animations */ /* fade */ .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade.tooltipster-show { opacity: 1; } /* grow */ .tooltipster-grow { -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow.tooltipster-show { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } /* swing */ .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing.tooltipster-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } /* fall */ .tooltipster-fall { -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall.tooltipster-initial { top: 0 !important; } .tooltipster-fall.tooltipster-show { } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0 !important; opacity: 0; } /* slide */ .tooltipster-slide { -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-initial { left: -40px !important; } .tooltipster-slide.tooltipster-show { } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0 !important; opacity: 0; } /* Update animations */ /* We use animations rather than transitions here because transition durations may be specified in the style tag due to animationDuration, and we try to avoid collisions and the use of !important */ /* fade */ @keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } .tooltipster-update-fade { animation: tooltipster-fading 400ms; } /* rotate */ @keyframes tooltipster-rotating { 25% { transform: rotate(-2deg); } 75% { transform: rotate(2deg); } 100% { transform: rotate(0); } } .tooltipster-update-rotate { animation: tooltipster-rotating 600ms; } /* scale */ @keyframes tooltipster-scaling { 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .tooltipster-update-scale { animation: tooltipster-scaling 600ms; } /** * DEFAULT STYLE OF THE SIDETIP PLUGIN * * All styles are "namespaced" with .tooltipster-sidetip to prevent * conflicts between plugins. */ /* .tooltipster-box */ .tooltipster-sidetip .tooltipster-box { background: #333a4a; border: none; border-radius: 0; font-size: 13px; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 8px; } .tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 8px; } .tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 8px; } .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 8px; } /* .tooltipster-content */ .tooltipster-sidetip .tooltipster-content { color: white; line-height: 18px; padding: 6px 14px; } /* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that corresponds to the arrow we want to display */ .tooltipster-sidetip .tooltipster-arrow { overflow: hidden; position: absolute; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { height: 10px; /* half the width, for centering */ margin-left: -10px; top: 0; width: 20px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow { height: 20px; margin-top: -10px; right: 0; /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not been positioned yet */ top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow { height: 20px; margin-top: -10px; left: 0; /* same as .tooltipster-left .tooltipster-arrow */ top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: 0; height: 10px; margin-left: -10px; width: 20px; } /* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */ .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { height: 0; position: absolute; width: 0; } /* .tooltipster-arrow-background */ .tooltipster-sidetip .tooltipster-arrow-background { border: 10px solid transparent; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #333a4a; left: 0px; top: 3px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: #333a4a; left: -3px; top: 0px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: #333a4a; left: 3px; top: 0px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #333a4a; left: 0px; top: -3px; } /* .tooltipster-arrow-border */ .tooltipster-sidetip .tooltipster-arrow-border { border: 10px solid transparent; left: 0; top: 0; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #333a4a; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: #333a4a; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: #333a4a; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: #333a4a; } /* tooltipster-arrow-uncropped */ .tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: -10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px; } .service-rating-wrapper { display: table; margin: 0 0 0 auto; padding: 15px 0 40px 0; } .service-rating-wrapper > div, .service-rating-wrapper > span { display: table-cell; vertical-align: middle; } .service-rating-wrapper > script { left: -9999em; top: -9999em; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } .service-rating-wrapper > span:first-child { padding-right: 12px; line-height: 1; font-size: 16px; } #rating-microdata { left: -9999em; top: -9999em; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } .rating, .rating-bar { display: block; float: left; margin: 0; padding: 0; } .rating-wrap:after, .rating:after { content: "."; display: block; height: 0; font-size: 0; line-height: 0; clear: both; visibility: hidden; } .rating { vertical-align: middle; } .rating-bar { float: left; } .rating li:before { display: none !important; } .rating li span { display: none; background: #CCC; border-radius: 3px; padding: 2px 3px; position: absolute; color: #000; text-align: center; border: 1px solid #555; opacity: 0.95; line-height: 1; font-weight: normal; word-break: normal; white-space: normal; word-wrap: normal; } .rating li span:after { opacity: 0.95; content: ''; position: absolute; left: 1%; bottom: -8px; border: 4px solid transparent; border-top: 4px solid #555; } .rating ul { margin: 0; padding: 0; list-style: none; position: relative; float: left; } .rating li { float: left; position: static !important; margin: 0 !important; padding: 0 !important; font-size: 100%; } .rating-current { z-index: 1; } .rating-icon { display: block; position: absolute; text-decoration: none; z-index: 3; cursor: pointer; } .rating-icon:hover { z-index: 2; } .voting-info { white-space: nowrap; float: left; line-height: 1; } .rating-loading-bar { z-index: 4; position: relative; } .rating-loading-text { font-weight: bold; } .rating-loading-bar, .rating-loading-text { display: none; float: left; font-weight: normal; } .vn-wrapper { color: #CCC; font-size: 14px; position: relative; top: -1px; } /* icon size: 16px ************************************************************/ .rating li span {background: #CCC !important} .rating li span {border-color: #555 !important} .rating li span:after {border-top-color: #555 !important} .rating li span {color: #000 !important} .ri-size-16 ul { background: url( '/modules/ratings/assets/images/rating.png' ) } .ri-size-16 .rating-current { background: url( '/modules/ratings/assets/images/rating.png' ) left -16px; } .ri-size-16 .rating-icon:hover {background: url( '/modules/ratings/assets/images/rating.png' ) left -16px; } .ri-size-16 .rating-loading-bar {background: url( '/modules/ratings/assets/images/rating.png' ) left -16px; } .ri-size-16 .voting-info, .ri-size-16 .rating-loading-text { font-size: 16px; margin-left: 12px; } .ri-size-16 li span { margin-top: -2px; font-size: 12px; } .ri-size-16 li span:after { left: 1px; } .ri-size-16 .rating-bar, .ri-size-16 ul { width: 80px; height: 16px; } .ri-size-16 .rating-current, .ri-size-16 .rating-loading-bar { height: 16px; } .ri-size-16 .rating-icon { width: 16px; height: 16px; } .ri-size-16 .ri-1 { left: 0; } .ri-size-16 .ri-1:hover { width: 16px; left: 0; } .ri-size-16 .ri-2 { left: 16px; } .ri-size-16 .ri-2:hover { width: 32px; left: 0; } .ri-size-16 .ri-3 { left: 32px; } .ri-size-16 .ri-3:hover { width: 48px; left: 0; } .ri-size-16 .ri-4 { left: 48px; } .ri-size-16 .ri-4:hover { width: 64px; left: 0; } .ri-size-16 .ri-5 { left: 64px; } .ri-size-16 .ri-5:hover { width: 80px; left: 0; } /* icon size: 16px ************************************************************/