/* Start:/catcher/main_callback-v3.min.css?15628355025394*/ #callback-expecto{position:fixed;bottom:0;width:30%;font-size:14px;height:auto;left:50%;margin-left:-15%;z-index:9999999}#callback-expecto.opened{bottom:0;height:auto}#callback-expecto.opened .callback-form{height:100%}#callback-expecto.opened .callback-form-body{height:100%;display:inline-block;right:0;bottom:0}#callback-expecto .callback-btn{display:inline-block;cursor:pointer;width:100%;position:relative;bottom:0}#callback-expecto .callback-btn:before{content:'';display:block;padding-top:100%}#callback-expecto .callback-btn-overlay{border-radius:50%;box-sizing:border-box;position:absolute;bottom:-20px}#callback-expecto .callback-btn-overlay.step1{width:100%}#callback-expecto .callback-btn-overlay.step2{width:90%;margin:5.5%}#callback-expecto .callback-btn-overlay.step3{width:80%;margin:11%}#callback-expecto .callback-btn-overlay.callback-ico{width:65%;margin:18%}#callback-expecto .callback-btn img{width:100%;display:inline-block}#callback-expecto.opened .callback-form .callback-btn{display:inline-block}#callback-expecto .callback-form .btn{width:150px;height:150px;background-color:#85c413;border-radius:50%;color:white;font-family:"Open Sans","Arial",sans-serif;font-size:28px;font-weight:600;line-height:24px;cursor:pointer;margin:15px 0 25px;border:0}#callback-expecto .callback-form .btn.res{float:right;font-size:22px}#callback-expecto .callback-form{left:0;text-align:center;width:100%}.callback-form-body{width:100%;box-shadow:0 8px 25px rgba(118,118,118,0.5);display:none;position:relative;padding:30px 30px 10px;box-sizing:border-box;bottom:18px;right:18px;transition:.2s linear;-webkit-transition:.2s linear;background:#fff}#callback-expecto .callback-form #resault{display:none;color:#535353;font-family:"Open Sans",'Arial',sans-serif;font-size:18px;font-weight:600;padding:16px 0}#callback-expecto .callback-form .close-btn{color:#cbcbcb;position:absolute;width:30px;height:30px;font-size:22px;line-height:15px;text-align:center;right:30px;top:30px;cursor:pointer;border:1px solid #fff;transition:all .3s ease}#callback-expecto .callback-form .close-btn img{width:100%}#callback-expecto .callback-form .title{color:#535353;font-family:"Open Sans",'Arial',sans-serif;font-size:38px;font-weight:600;margin-bottom:40px;margin-top:40px}#callback-expecto .callback-form .row{position:relative;margin:25px 0 25px}#callback-expecto .callback-form .row label{display:none;position:absolute;font-family:'Open Sans','Arial',sans-serif;font-size:1.8em;margin:2px 20px;color:#b3b3b3}#callback-expecto .callback-form #for-input{width:100%;height:150px;background:#fff;padding-left:20px;color:#a3a3a3;font-family:"Open Sans","Arial",sans-serif;font-size:26px;font-weight:400;border:1px solid}@media(min-width:1px){#callback-expecto{text-align:right;right:5%;bottom:160px;left:auto;margin:0}#callback-expecto.opened{bottom:60px;height:105px;width:auto}#callback-expecto .callback-form{text-align:right;bottom:23px}#callback-expecto.opened .callback-form-body{bottom:23px;min-width:706px}#callback-expecto .callback-btn{bottom:0;right:0;left:auto;margin:0}#callback-expecto .callback-btn{position:absolute;height:153px;width:153px;display:inline-block}#callback-expecto .callback-form .btn{width:75px;height:75px;font-size:14px;margin:0}#callback-expecto .callback-btn-overlay{border-radius:50%;box-sizing:border-box;position:absolute}#callback-expecto .callback-btn-overlay.step1{height:153px;width:153px;border-radius:50%;top:0}#callback-expecto .callback-btn-overlay.step2{height:124px;width:124px;top:50%;left:50%;margin-top:-61px;margin-left:-61px}#callback-expecto .callback-btn-overlay.step3{height:99px;width:99px;top:50%;left:50%;margin-top:-49px;margin-left:-49px}#callback-expecto .callback-btn-overlay.callback-ico{width:75px;height:75px;top:50%;left:50%;margin-top:-36.5px;margin-left:-36.5px;position:absolute}#callback-expecto .callback-form .callback-form-body{width:110px;padding:15px 20px;text-align:left;border-radius:100px;transition:all .2s linear;-webkit-transition:all .2s linear}#callback-expecto.opened .callback-form .callback-form-body{width:auto;right:19px;height:auto}#callback-expecto .callback-form .close-btn{position:relative;display:inline-block;float:left;right:0;top:0;vertical-align:super;margin:29px 35px 29px 20px;width:15px;height:15px;line-height:19px}#callback-expecto .callback-form .title{display:inline-block;float:left;width:200px;font-size:14px;padding:18px 0;margin-right:20px;margin-bottom:0;margin-top:0}#callback-expecto .callback-form .row{display:inline-block;float:left;margin:0 20px 0 0;padding:7px 0}#callback-expecto .callback-form #for-input{width:279px;height:60px;font-size:12px}#callback-expecto .callback-form .row label{font-size:12px}#callback-expecto .callback-content{display:inline-block;float:left}}.shake{-webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:.4s;animation-duration:.4s;border-width:1px;color:#ef4444;border-style:solid;background-color:#fff;box-shadow:0 0 5px 2px rgba(239,68,68,0.75)}.blink1{-webkit-animation:blink1 2.5s linear infinite;-moz-animation:blink1 2.5s linear infinite;animation:blink1 2.5s linear infinite}.tada{-webkit-animation-name:tada;animation-name:tada;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media(min-width:1px) and (max-width:768px){#callback-expecto{bottom:80px !important}} /* End */ /* Start:/local/templates/main-new/css/style.css?1583957625174657*/ /* cyrillic-ext */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; font-display: fallback; src: local('PT Sans'), local('PTSans-Regular'), url(//fonts.gstatic.com/s/ptsans/v8/JX7MlXqjSJNjQvI4heMMGvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; font-display: fallback; src: local('PT Sans'), local('PTSans-Regular'), url(//fonts.gstatic.com/s/ptsans/v8/vtwNVMP8y9C17vLvIBNZI_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; font-display: fallback; src: local('PT Sans'), local('PTSans-Regular'), url(//fonts.gstatic.com/s/ptsans/v8/9kaD4V2pNPMMeUVBHayd7vY6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; font-display: fallback; src: local('PT Sans'), local('PTSans-Regular'), url(//fonts.gstatic.com/s/ptsans/v8/ATKpv8nLYAKUYexo8iqqrg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 700; font-display: fallback; src: local('PT Sans Bold'), local('PTSans-Bold'), url(//fonts.gstatic.com/s/ptsans/v8/kTYfCWJhlldPf5LnG4ZnHCEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 700; font-display: fallback; src: local('PT Sans Bold'), local('PTSans-Bold'), url(//fonts.gstatic.com/s/ptsans/v8/g46X4VH_KHOWAAa-HpnGPiEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 700; font-display: fallback; src: local('PT Sans Bold'), local('PTSans-Bold'), url(//fonts.gstatic.com/s/ptsans/v8/hpORcvLZtemlH8gI-1S-7iEAvth_LlrfE80CYdSH47w.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 700; font-display: fallback; src: local('PT Sans Bold'), local('PTSans-Bold'), url(//fonts.gstatic.com/s/ptsans/v8/0XxGQsSc1g4rdRdjJKZrNPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext */ @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 400; font-display: fallback; src: local('PT Sans Italic'), local('PTSans-Italic'), url(//fonts.gstatic.com/s/ptsans/v8/GpWpM_6S4VQLPNAQ3iWvVRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 400; font-display: fallback; src: local('PT Sans Italic'), local('PTSans-Italic'), url(//fonts.gstatic.com/s/ptsans/v8/7dSh6BcuqDLzS2qAASIeuhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 400; font-display: fallback; src: local('PT Sans Italic'), local('PTSans-Italic'), url(//fonts.gstatic.com/s/ptsans/v8/DVKQJxMmC9WF_oplMzlQqRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 400; font-display: fallback; src: local('PT Sans Italic'), local('PTSans-Italic'), url(//fonts.gstatic.com/s/ptsans/v8/PIPMHY90P7jtyjpXuZ2cLFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0; } /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } body, input, textarea, select, button { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: 'liga', 'kern'; } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0 0 0.67em; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; } /** * Address `overflow` set to `hidden` in IE 8/9/10. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8+, and Opera * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 0; margin: 0; padding: 0; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure, .h2, .h3 { margin-bottom: 20px; } .alpha { margin-left: 0; } .omega { margin-right: 0; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .inner{ width: 1090px; margin: auto; position: relative; } section, header, footer{ width: 100%; min-width: 1000px; } html, body{ font-family: 'PT Sans', sans-serif; font-size: 16px; font-weight: 300; color: #000000; line-height: 1; background: #ffffff; } a{ color: #000000; text-decoration: underline; } a:hover{ color: #C72727; text-decoration: underline; } .js-zoom{ outline: none; } html { height: 100%; } body { min-height: 100%; position: relative; } .main-wrapper{ /*padding-bottom: 95px;*/ /* padding-bottom:94px; */ } .page-footer{ /* height: 131px; */ padding: 30px 0 20px; background: #c72727; /* position: absolute; right: 0; bottom: 0; left: 0;*/ } /* interface elmnts */ input:focus::-webkit-input-placeholder { color:transparent!important; } input:focus:-moz-placeholder { color:transparent!important; } /* FF 4-18 */ input:focus::-moz-placeholder { color:transparent!important; } /* FF 19+ */ textarea:focus::-webkit-input-placeholder { color:transparent!important; } textarea:focus:-moz-placeholder { color:transparent!important; } /* FF 4-18 */ textarea:focus::-moz-placeholder { color:transparent!important; } /* FF 19+ */ ::-webkit-input-placeholder { font-size: 14px; font-weight: 400; font-family: "PT Sans", sans-serif; color: #a9a9a9; } :-moz-placeholder { font-size: 14px; font-weight: 400; font-family: "PT Sans", sans-serif; color: #a9a9a9; } ::-moz-placeholder { font-size: 14px; font-weight: 400; font-family: "PT Sans", sans-serif; color: #a9a9a9; } :-ms-input-placeholder { font-size: 14px; font-weight: 400; font-family: "PT Sans", sans-serif; color: #a9a9a9; } .err::-webkit-input-placeholder { font-size: 14px; font-weight: 400; font-family: "PT Sans", sans-serif; color: #F88!important; } .err:-moz-placeholder { font-size: 14px; font-weight: 400; font-family: "PT Sans", sans-serif; color: #F88!important; } .err::-moz-placeholder { font-size: 14px; font-weight: 400; font-family: "PT Sans", sans-serif; color: #F88!important; } .err:-ms-input-placeholder { font-size: 14px; font-weight: 400; font-family: "PT Sans", sans-serif; color: #F88!important; } div.err { color: #F00; text-shadow: 0px 0px 1px rgba(255, 0, 0, 0.42); } .input{ display: inline-block; margin: 0; padding: 0 15px; outline: 0; border: 1px solid #e1e1e1; border-radius: 3px; width: 293px; height: 52px; color: #000; font-size: 14px; font-weight: 400; font-family: "PT Sans", sans-serif; background: #fff; transition: all 0.2s; } .input.err{ box-shadow: 0px 0px 5px #f00; -webkit-box-shadow: 0px 0px 5px #f00; -moz-box-shadow: 0px 0px 5px #f00; } .input.focused{ box-shadow: 0px 0px 3px #fff; -webkit-box-shadow: 0px 0px 3px #fff; -moz-box-shadow: 0px 0px 3px #fff; } .input_i-secure{ padding-left: 50px; background: #fff url(/local/templates/main-new/css/../img/i-secure-ico.png) no-repeat 15px 50%; } .size_s{ font-size: 15px!important; } .btn-green, .btn-gray { display: inline-block; margin: 0; padding: 0; outline: 0; border: 1px solid #6eda1e; border-radius: 3px; height: 53px; width: 218px; text-align: center; text-transform: uppercase; text-decoration: none; color: #fff; font-size: 14px; font-weight: bold; line-height: 55px; background: #61c914; transition: all 0.2s; } .btn-green:hover{ background: #66d215; color: #fff; text-decoration: none; } .btn-gray{ background-color: #939393; border-color: #A1A1A1; } .btn-gray:hover{ background-color: #a3a3a3; } .btn-green_tariff{ width: 214px; height: 36px; line-height: 36px; } .btn-green_shadow{ -webkit-box-shadow: 0 28px 15px -20px rgba(63,129,14,0.5); -moz-box-shadow: 0 28px 15px -20px rgba(63,129,14,0.5); box-shadow: 0 28px 15px -20px rgba(63,129,14,0.5); width: 276px; height: 60px; line-height: 65px; font-size: 17px; border: 0; } .block-title{ font-size: 34px; line-height: 36px; margin-bottom: 20px; } /* form orderphone elmnts */ .for-form-orderphone{ margin-top: 20px; } .for-form-orderphone.on-down-page{ margin: 0 auto; margin-top: -111px; min-width: 666px; } .js-form-overlay.js-z-top{ z-index: 1000000; } .for-form-orderphone .inner{ padding-top: 0px; padding-bottom: 64px; } .form-orderphone, .form-subscribe, .form-input-login, .form_copy_token{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width: 599px; min-height: 177px; border-radius: 5px; background-color: rgba(255,255,255,0.71); -webkit-box-shadow: 0 18px 21px 0 rgba(0,0,0,0.55); -moz-box-shadow: 0 18px 21px 0 rgba(0,0,0,0.55); box-shadow: 0 18px 21px 0 rgba(0,0,0,0.55); padding: 29px 30px 10px 35px; position: relative; } .form-orderphone-title, .form-subscribe-title{ color: #000; font-size: 24px; font-weight: 400; line-height: 21px; margin-bottom: 15px; } .form-orderphone-title strong, .form-subscribe-title strong{ font-weight: 700; } .form-orderphone-title span, .form-subscribe-title span{ font-size: 14px; color: #676767; } .form-orderphone-input, .form-subscribe-input, .form-token-input{ margin-right: 18px; } .form-orderphone fieldset, .form-subscribe fieldset{ white-space: nowrap; } .form-orderphone-data-saved, .form-subscribe-data-saved{ position: absolute; top: 8px; right: -30px; width: 89px; height: 89px; background: url(/local/templates/main-new/css/../img/form-orderphone-data-saved.svg) no-repeat; z-index:3; } .form-orderphone-bird{ z-index: 1; position: absolute; top: -96px; right: -13px; width: 61px; height: 107px; background: url(/local/templates/main-new/css/../img/form-orderphone-bird.png) no-repeat; } .on-down-page .sentmessage { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(255,255,255,.9); font-size: 23px; } .singly-form-orderphone, .singly-form-subscribe{ margin: 0 auto; width: 621px; padding: 32px 30px 10px 42px; background: #f3f3f3; box-shadow: 0 11px 31px 0 rgba(0,0,0,0.25); -webkit-box-shadow: 0 11px 31px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 11px 31px 0 rgba(0,0,0,0.25); } .singly-form-orderphone .form-orderphone-title, .singly-form-subscribe .form-subscribe-title{ margin-bottom: 10px; } .singly-form-orderphone.newservices .form-orderphone-title, .singly-form-subscribe.newservices .form-subscribe-title{ text-align: center; } .form-orderphone_download{ padding-top: 26px; margin-bottom: 33px; } .form-orderphone_download .form-orderphone-title{ line-height: 28px; font-size: 22.7px; } /* popup first time visiter */ @import url('https://fonts.googleapis.com/css?family=Montserrat:700&subset=cyrillic'); .popup_ftime_visit{ } .popup_ftime_visit, .popup_viber_load{ display: none; } .backform-viber { text-align: left; } .backform-viber .form-content{ display: block; width: 369px; height: 85px; margin: 15px 0 0; padding: 15px; outline: 0; border: 1px solid #e1e1e1; border-radius: 3px; color: #000; font-size: 14px; font-weight: 400; font-family: "PT Sans", sans-serif; background: #fff; transition: all 0.2s; } .backform-viber .form-orderphone-ftime-wrapper .btn-green{ display: block; margin-top: 15px; } .backform-viber .form-orderphone-ftime-wrapper .input{ display: block; } .form-ftime-visit { margin: 0 auto; width: 730px; background: #f3f3f3; box-shadow: 0 11px 31px 0 rgba(0,0,0,0.25); -webkit-box-shadow: 0 11px 31px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 11px 31px 0 rgba(0,0,0,0.25); } .form-ftime-visit .close, .regform .close, .backform .close{ position: absolute; right: -15px; top: -15px; background: url(/local/templates/main-new/css/../SVG/close.svg) no-repeat; width: 12px; height: 12px; z-index: 0; cursor: pointer; } .form-ftime-visit { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 730px; border-radius: 5px; background-color: rgba(255,255,255,1); -webkit-box-shadow: 0 18px 21px 0 rgba(0,0,0,0.55); -moz-box-shadow: 0 18px 21px 0 rgba(0,0,0,0.55); box-shadow: 0 18px 21px 0 rgba(0,0,0,0.55); position: relative; } .form-orderphone-ftime-title{ padding: 32px 19px 18px; padding-left: 200px; background: url(/local/templates/main-new/css/../SVG/logo_red.svg) no-repeat; background-position: 28px 17px; background-size: 147px; } .form-orderphone-ftime-title strong{ font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 20px; display: block; text-transform: uppercase; color: #333333; } .form-orderphone-ftime-title span{ font-size: 15px; display: block; line-height: 21px; padding-top: 11px; } .form-orderphone-ftime-fieldset{ text-align: center; padding-top: 25px; padding-bottom: 25px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a61d4a+0,d81c28+58,d81c28+100 */ background: #a61d4a; /* Old browsers */ background: -moz-linear-gradient(left, #a61d4a 0%, #d81c28 58%, #d81c28 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #a61d4a 0%,#d81c28 58%,#d81c28 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #a61d4a 0%,#d81c28 58%,#d81c28 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a61d4a', endColorstr='#d81c28',GradientType=1 ); /* IE6-9 */ } .form-orderphone-ftime-wrapper .form-agreement, .form-orderphone-ftime-wrapper .form-agreement a{ color: #ffffff; text-align: left; } .form-orderphone-ftime-wrapper .input_i-secure{ padding-left: 44px; background-position: 12px 50%; } .form-orderphone-ftime-wrapper .input{ width: 369px; height: 55px; } .form-orderphone-ftime-wrapper .btn-green{ width: 148px; } .form-orderphone-ftime-wrapper{ display: inline-block; width: 540px } .form-orderphone-ftime-title2{ padding: 0; color: #ffffff; } .form-orderphone-ftime-title2 strong{ font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 20px; display: block; text-align: left; } .form-orderphone-ftime-title2 span{ font-size: 14px; display: block; padding-top: 8px; text-align: left; margin-bottom: 13px; line-height: 19px; } .form-orderphone-ft-back{ text-align: right; width: 730px; height: 300px; background: url(/local/templates/main-new/css/../img/form-orderphone-ft-back.jpg) no-repeat; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .form-orderphone-ft-back ul{ width: 280px; display: inline-block; padding-right: 20px; padding-top: 15px; background: url(/local/templates/main-new/css/../SVG/form-ico.svg) no-repeat; background-size: 35px; padding-left: 40px; background-position: 0 50%; } .form-orderphone-ft-back ul li{ text-align: left; padding-bottom: 15px; list-style-type: none; } .form-orderphone-ft-back ul li strong, .form-orderphone-ft-back ul li span{ display: block; } .form-orderphone-ft-back ul li strong{ font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 15px; padding-top: 10px; } .form-orderphone-ft-back ul li span{ padding-top: 10px; font-size: 14px; line-height: 17px; } /* page header elmnts */ .page-header{ height: 144px; background: #c72727; } .page-header .inner{ height: 144px; } .page-header-logo{ position: absolute; top: 12px; left: 0px; width: 234px; height: 124px; background: url(/local/templates/main-new/css/../img/page-header-logo.png) no-repeat; } .page-header-logo a, .page-header-logo span{ display: block; width: 184px; height: 54px; position: absolute; top: 10px; left: 0px; text-indent: -9999px; } .page-header-phone{ position: absolute; top: 44px; right: 0px; color: #fff; font-weight: 700; font-size: 24px; line-height: 18px; text-align: right; } .page-header-phone span{ color: #ffcc00; font-weight: 300; font-size: 12px; text-transform: uppercase; letter-spacing: -0.4px; } .page-header-phone_london{ font-size: 20px; right: 214px; top: 45px; } .page-header-btns{ position: absolute; top: 40px; left: 255px; } .page-header-btn-bill{ display: inline-block; margin: 0; padding: 0 0 0 52px; outline: 0; border: 1px solid rgba(255,255,255,0.55); border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 39px; width: 193px; color: #fff; font-size: 12px; font-weight: 700; text-transform: uppercase; text-decoration: none; line-height: 39px; cursor: pointer; background: url(/local/templates/main-new/css/../img/page-header-btn-bill-ico.png) no-repeat 19px 9px; transition: all 0.2s; } .page-header-btn{ display: inline-block; margin: 0 0 0 7px; padding: 0 15px; outline: 0; border: 1px solid rgba(255,255,255,0.55); border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 39px; color: #fff; font-size: 12px; font-weight: 700; text-transform: uppercase; text-decoration: none; line-height: 39px; cursor: pointer; transition: all 0.2s; } .page-header-btn-bill:hover, .page-header-btn:hover{ border-color: rgba(255,255,255,1); color: #fff; text-decoration: none; } .page-header-nav{ position: absolute; right: 0px; bottom: 0px; } .page-header-nav ul{ margin: 0; padding: 0; } .page-header-nav ul li{ display: inline-block; /* margin: 0 43px 0 0; */ /* padding: 0 2px; */ border-top: 4px solid #c72727; transition: all 0.2s; } .page-header-nav ul li:last-child{ margin-right: 0px; } .page-header-nav ul li.active, .page-header-nav ul li:hover, .page-header-nav ul li.opened{ border-color: #ffcc00; } .page-header-nav ul li a{ display: block; padding: 10px 20px 15px; color: #fff; font-weight: 400; font-size: 18px; text-align: center; text-decoration: none; } .page-header-nav ul li.opened { background: #f3f3f3; } .page-header-nav ul li.opened a { color: #c72727; } /*.page-header-nav ul li a:hover{ color: #ffcc00; } .page-header-nav ul li.active a:hover{ color: #fff; }*/ .page-header-citys{ position: absolute; top: 96px; left: 0px; text-align: right; } .page-header-citys-phone{ color: #fff; font-size: 20px; font-weight: 700; margin-bottom: 1px; } .page-header-citys-phone span{ font-size: 18px; font-weight: 400; } .page-header-citys-current{ display: inline-block; text-align: right; padding-right: 10px; background: url(/local/templates/main-new/css/../img/yellow-arrow-down.png) no-repeat 100% 50%; position: relative; } .page-header-citys-current a{ display: inline-block; color: #ffcc00; font-size: 12px; text-decoration: none; text-transform: uppercase; border-bottom: 1px dotted #ffcc00; } .page-header-citys-current a:hover{ border-bottom: none; } .page-header-language{ position: absolute; top: 10px; right: 0px; padding-left: 20px; background-repeat: no-repeat; background-position: 0 1px; line-height: 11px; } .page-header-language a{ color: #ffcc00; font-size: 12px; text-transform: uppercase; text-decoration: none; border-bottom: 1px dotted #ffcc00; line-height: 12px; display: inline-block; } .page-header-citys-list{ position: absolute; top: -9px; left: -16px; padding: 7px 5px 7px 15px; background: #fff; box-shadow: 0px 9px 10px 0px rgba(0,0,0,0.4); border-radius: 5px; z-index: 100; width: 480px; text-align: left; } .page-header-citys-list ul{ margin: 0; padding: 0; } .page-header-citys-list ul li{ display: inline-block; margin: 0 10px 0 0; padding: 0; width: 150px; } .page-header-citys-list ul li a{ display: inline-block; color: #000000; font-size: 12px; font-weight: 300; line-height: 24px; text-decoration: none; text-transform: uppercase; border: 0; } .page-header-citys-list ul li a.js-city-current-item { font-weight:bold; } .page-header-citys-list ul li a:hover{ color: #c72727; } .page-header-citys-quest{ background: #ffffff; padding: 21px 20px 66px 20px; border-radius: 3px; box-shadow: 0px 7px 14px 0px rgba(0,0,0,0.4); position: absolute; top: 45px; left: 30px; text-align: left; min-width: 190px; z-index: 1000001; } .page-header-citys-quest:after { bottom: 100%; left: 92px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 7px; margin-left: -7px; } .page-header-citys-quest-text{ color: #000; font-size: 16px; font-weight: 400; margin-bottom: 0px; white-space: nowrap; } .page-header-citys-quest .btn-green{ position: absolute; width: 88px; height: 41px; border-radius: 2px; line-height: 45px; font-size: 14px; bottom: 13px; left: 19px; border:0; } .page-header-citys-quest .btn-green.btn-green_no{ right: 20px; left: auto; background: #bab2b2; } .page-header-citys-quest .btn-green.btn-green_no:hover{ background: #c8bfbf; } /* banner catch elmnts */ .banner-catch{ height: -webkit-calc(100vh - 144px); height: -moz-calc(100vh - 144px); height: calc(100vh - 144px); min-height: 711px; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; background-image: url(/local/templates/main-new/css/../img/banner-catch-back.jpg); position: relative; } .banner-catch .inner{ height: 100%; min-height:711px; } .banner-catch-iphone{ position: absolute; bottom: 0px; right: 4%; width: 351px; height: 465px; background: url(/local/templates/main-new/css/../img/banner-catch-iphone.png); } .banner-catch-title{ position: absolute; top: 5%; left: 0; color: #000; font-size: 48px; line-height: 58px; } .company_age {position:absolute; top:25%; color:#000; font-size:30px; line-height:32px;} .banner-catch-title strong{ font-weight: 400; } .banner-catch-title h1, .banner-catch-title h2, .banner-catch-title h3 { font-weight: normal; font-size: 48px; } .banner-catch-privilege-list{ position: absolute; top: 36%; left: 0; margin: 0; padding: 0; } .block-tariff-title { } .block-tariff-title h1, .block-tariff-title h2, .block-tariff-title span.h2{ font-size: 48px; font-weight: 700; color: #fff; } .block-tariff-title span.h2{ display: block; } .banner-catch-privilege-list li{ display: block; margin: 0 0 14px 0; padding: 0 0 0 52px; color: #000000; font-size: 18px; font-weight: 400; line-height: 38px; } .banner-catch-privilege-list li.ico1{ background: url(/local/templates/main-new/css/../img/banner-catch-privilege-list-ico1.png) no-repeat 0 0; } .banner-catch-privilege-list li.ico2{ background: url(/local/templates/main-new/css/../img/banner-catch-privilege-list-ico2.png) no-repeat 0 0; } .banner-catch-privilege-list li.ico3{ background: url(/local/templates/main-new/css/../img/banner-catch-privilege-list-ico3.png) no-repeat 0 0; } .banner-catch-form{ position: absolute; bottom: 15%; left: 0px; } /* main-navigate elmnts */ .main-navigate{ background: #fff; } .main-navigate .inner{ padding-top: 43px; padding-bottom: 47px; width: 960px; } .main-navigate-list ul{ margin: 0; padding: 0; text-align: center; } .main-navigate-item{ display: inline-block; margin: 0 32px 14px 0; padding: 103px 0 0; width: 200px; background-position: 50% 0; background-repeat: no-repeat; vertical-align: top; } .main-navigate-item:nth-child(4n){ margin-right: 0px; } .main-navigate-title{ margin-bottom: 9px; } .main-navigate-title a{ color: #000; font-size: 16px; line-height: 18px; font-weight: 400; } .main-navigate-title a:hover{ color: #C72727; } .main-navigate-description{ color: #838383; font-size: 14px; line-height: 14px; } .main-navigate-item_ico1{ background-image: url(/local/templates/main-new/css/../img/main-navigate-item_ico1.png); } .main-navigate-item_ico2{ background-image: url(/local/templates/main-new/css/../img/main-navigate-item_ico2.png); width: 210px; } .main-navigate-item_ico3{ background-image: url(/local/templates/main-new/css/../img/main-navigate-item_ico3.png); } .main-navigate-item_ico4{ background-image: url(/local/templates/main-new/css/../img/main-navigate-item_ico4.png); width: 190px; } .main-navigate-item_ico5{ background-image: url(/local/templates/main-new/css/../img/main-navigate-item_ico5.png); } .main-navigate-item_ico6{ background-image: url(/local/templates/main-new/css/../img/main-navigate-item_ico6.png); } .main-navigate-item_ico7{ background-image: url(/local/templates/main-new/css/../img/main-navigate-item_ico7.png); } .main-navigate-item_ico8{ background-image: url(/local/templates/main-new/css/../img/main-navigate-item_ico8.svg); background-size: 89px; } .main-navigate-item_ico9{ background-image: url(/local/templates/main-new/css/../img/main-navigate-item_ico9.svg); background-size: 89px; } /* main-navigate-small elmnts */ .main-navigate-small{ background: #f3f3f3; } .main-navigate-small.strangeSubMenu{ display: none; /* position: absolute; z-index: 1000000;*/ } .main-navigate-small .inner{ padding-top: 21px; padding-bottom: 30px; } .main-navigate-small-list ul{ margin: 0 0 0 -5px; padding: 0; text-align: center; white-space: nowrap; } .main-navigate-small-item{ display: inline-block; margin: 0 0 0px; padding: 0px 1px 0; min-width: 72px; vertical-align: top; text-align: center; vertical-align: top; white-space: normal; } .main-navigate-small-item:first-child{ padding-left: 0!important; } .main-navigate-small-item:last-child{ padding-right: 0!important; } .main-navigate-small-title{ margin-bottom: 0px; } .main-navigate-small-title a{ display: block; padding-top: 60px; color: #000; font-size: 14px; line-height: 16px; font-weight: 400; text-decoration: none; background-position: 50% 0; background-repeat: no-repeat; } .main-navigate-small-title a:hover{ color: #C72727; font-weight: bold; text-decoration: none; } .main-navigate-small-item.active a{ color: #C72727; text-decoration: none; } .main-navigate-small.sub-services .main-navigate-small-item_ico1 a{ background-image: url(/images/submenu/services/item1.png); } .main-navigate-small.sub-services .main-navigate-small-item_ico2 a{ background-image: url(/images/submenu/services/item2.png); } .main-navigate-small.sub-services .main-navigate-small-item_ico3 a{ background-image: url(/images/submenu/services/item3.png); } .main-navigate-small.sub-services .main-navigate-small-item_ico4{ width: 60px; } .main-navigate-small.sub-services .main-navigate-small-item_ico4 a{ background-image: url(/images/submenu/services/item4.png); } .main-navigate-small.sub-services .main-navigate-small-item_ico5 a{ background-image: url(/images/submenu/services/item5.png); } .main-navigate-small.sub-services .main-navigate-small-item_ico6{ width: 65px; } .main-navigate-small.sub-services .main-navigate-small-item_ico6 a{ background-image: url(/images/submenu/services/item6.svg); background-size: 49px; } .main-navigate-small.sub-services .main-navigate-small-item_ico7 a{ background-image: url(/images/submenu/services/item7.png); } .main-navigate-small.sub-services .main-navigate-small-item_ico8 a{ background-image: url(/images/submenu/services/item8.png); } .main-navigate-small.sub-services .main-navigate-small-item_ico9 a{ background-image: url(/images/submenu/services/item9.png); } .main-navigate-small.sub-services .main-navigate-small-item_ico10 a{ background-image: url(/images/submenu/services/item10.svg); background-size: 49px; } .main-navigate-small.sub-services .main-navigate-small-item_ico11 a{ background-image: url(/images/submenu/services/item11.svg); background-size: 49px; } .main-navigate-small.sub-services .main-navigate-small-item_ico12 a{ background-image: url(/images/submenu/services/item12.svg); background-size: 49px; } .main-navigate-small.sub-services .main-navigate-small-item_ico13 a{ background-image: url(/images/submenu/services/item13.svg); background-size: 49px; } .main-navigate-small.sub-services .main-navigate-small-item_ico14 a{ background-image: url(/images/submenu/services/item14.svg); background-size: 49px; } /*.main-navigate-small.sub-services .main-navigate-small-item_ico8 a{ background-image: url(/images/submenu/item8.png); }*/ .main-navigate-small.sub-about .main-navigate-small-item_ico1 a{ background-image: url(/images/submenu/about/item1.png); } .main-navigate-small.sub-about .main-navigate-small-item_ico2 a{ background-image: url(/images/submenu/about/item2.png); } .main-navigate-small.sub-about .main-navigate-small-item_ico3 a{ background-image: url(/images/submenu/about/item3.png); } .main-navigate-small.sub-about .main-navigate-small-item_ico4 a{ background-image: url(/images/submenu/about/item4.png); } .main-navigate-small.sub-about .main-navigate-small-item_ico5 a{ background-image: url(/images/submenu/about/item5.png); } .main-navigate-small.sub-about .main-navigate-small-item_ico6 a{ background-image: url(/images/submenu/about/item6.png); } /* text-download-product elmnts */ .text-download-product{ background: #f3f3f3; } .text-download-product .inner{ padding-top: 40px; /* padding-bottom: 52px; */ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .text-download-product-title{ margin-bottom: 30px; text-align: center; color: #000000; font-size: 28px; font-weight: 400; } .text-download-product-description{ padding: 10px 0 1px 120px; color: #333333; font-size: 14px; font-weight: 400; line-height: 18px; width: 550px; min-height: 110px; background: url(/local/templates/main-new/css/../img/text-download-product-ico.png) no-repeat; } .text-download-product.services .text-download-product-description{ min-height: 90px; background: url(/images/services/form-download-icon.svg) no-repeat; background-position: 0 0px; padding: 20px 0 10px 130px; background-size: 100px; } .text-download-product-description p{ margin-bottom: 10px; } .text-download-product-btn{ position: absolute; top: 120px; right: 0px; } .text-download-product-btn .btn-green{ height: 50px; line-height: 53px; width: 215px; } /* block-tariff elmnts */ .block-tariff{ min-height: 448px; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; background-image: url(/local/templates/main-new/css/../img/block-tariff-back.jpg); } .block-tariff .inner{ padding-top: 62px; padding-bottom: 55px; } .block-tariff-table-wrap{ background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 19px 27px 27px 29px; border-radius: 5px; /*width: 688px;*/ margin: 0 auto; } .block-tariff-table{ width: 100%; margin-bottom: 0; } .industry-solutions-columns .industry-solutions-title h1, .industry-solutions-columns .industry-solutions-title h2, .industry-solutions-columns .industry-solutions-title h3, .block-tariff-title { font-size: 28px; font-weight: 400; } .block-tariff-title h3{ font-weight: 700; color: #fff; } .block-tariff-table th{ color: #000; font-size: 18px; font-weight: 300; padding: 5px 7px 16px; border-bottom: 1px solid #c72727; text-align: center; vertical-align: middle; } .block-tariff-table td{ color: #4c4c4c; font-size: 16px; padding: 11px 8px 0px; text-align: center; vertical-align: middle; } /* industry-solutions elmnts */ .industry-solutions{ background: #fff; } .industry-solutions .inner{ padding-top: 47px; padding-bottom: 61px; width: 996px; } .industry-solutions-title{ margin-bottom: 33px; margin-left: 73px; } .industry-solutions-list{ margin: 0 0 0 41px; padding: 0; } .industry-solutions-list_list2{ position: absolute; top: 115px; left: 510px; } .industry-solutions-item{ display: block; margin: 0 0 7px 0; padding: 0 0 0 45px; line-height: 33px; background-repeat: no-repeat; background-position: 0 0; } .industry-solutions-item a{ font-size: 16px; } .industry-solutions-item.ico1{ background-image: url(/local/templates/main-new/css/../img/industry-solutions-item-ico1.png); } .industry-solutions-item.ico2{ background-image: url(/local/templates/main-new/css/../img/industry-solutions-item-ico2.png); } .industry-solutions-item.ico3{ background-image: url(/local/templates/main-new/css/../img/industry-solutions-item-ico3.png); } .industry-solutions-item.ico4{ background-image: url(/local/templates/main-new/css/../img/industry-solutions-item-ico4.png); } .industry-solutions-item.ico5{ background-image: url(/local/templates/main-new/css/../img/industry-solutions-item-ico5.png); } .industry-solutions-item.ico6{ background-image: url(/local/templates/main-new/css/../img/industry-solutions-item-ico6.png); } .industry-solutions-item.ico7{ background-image: url(/local/templates/main-new/css/../img/industry-solutions-item-ico7.png); } .industry-solutions-item.ico8{ background-image: url(/local/templates/main-new/css/../img/industry-solutions-item-ico8.png); } .industry-solutions-item.ico9{ background-image: url(/local/templates/main-new/css/../img/industry-solutions-item-ico9.png); } .industry-solutions-item.ico10{ background-image: url(/local/templates/main-new/css/../img/industry-solutions-item-ico10.png); } .industry-solutions-columns{ /* background: #f3f3f3; */ } .industry-solutions-columns .inner{ padding-top: 29px; padding-bottom: 19px; } .industry-solutions-columns .inner:after{ display: block; content: ''; clear: both; } .industry-solutions-columns .industry-solutions-title{ color: #000000; font-size: 28px; font-weight: 400; margin-bottom: 18px; text-align: left; } .industry-solutions-columns .industry-solutions-item{ padding-left: 70px; line-height: 54px; min-height: 54px; background: left center no-repeat / 54px 54px; } .industry-solutions-columns .industry-solutions-item a{ display: inline-block; color: #333333; font-size: 16px; font-weight: 400; text-decoration: none; } .industry-solutions-columns .industry-solutions-list{ box-sizing: border-box; padding-left: 50px; float: left; width: 50%; margin: 0; } .industry-solutions-columns .industry-solutions-item.ico1{ background-image: url(/local/templates/main-new/css/../img/industry-solutions-columns-item-ico1.png); } .industry-solutions-columns .industry-solutions-item.ico2{ background-image: url(/local/templates/main-new/css/../img/industry-solutions-columns-item-ico2.png); } .industry-solutions-columns .industry-solutions-item.ico3{ background-image: url(/local/templates/main-new/css/../img/industry-solutions-columns-item-ico3.png); } .industry-solutions-columns .industry-solutions-item.ico4{ background-image: url(/local/templates/main-new/css/../img/industry-solutions-columns-item-ico4.png); } .industry-solutions-columns .industry-solutions-item.ico5{ background-image: url(/local/templates/main-new/css/../img/industry-solutions-columns-item-ico5.png); } .industry-solutions-columns .industry-solutions-item.ico6{ background-image: url(/local/templates/main-new/css/../img/industry-solutions-columns-item-ico6.png); } .industry-solutions-columns .industry-solutions-item.ico7{ background-image: url(/local/templates/main-new/css/../img/industry-solutions-columns-item-ico7.png); } .industry-solutions-columns .industry-solutions-item.ico8{ background-image: url(/local/templates/main-new/css/../img/industry-solutions-columns-item-ico8.png); } .industry-solutions-columns .industry-solutions-item.ico9{ background-image: url(/local/templates/main-new/css/../img/industry-solutions-columns-item-ico9.png); } .industry-solutions-columns .industry-solutions-item.ico10{ background-image: url(/local/templates/main-new/css/../img/industry-solutions-columns-item-ico10.png); } /* info articles block */ .info-articles{ background: #f3f3f3; } .info-articles .inner{ padding-top: 43px; padding-bottom: 15px; } .info-articles .inner:after{ content:""; display:table; clear:both; } .info-articles-left{ float: left; width: 450px; padding-right: 10px; } .info-articles-right{ float: left; width: 440px; } .info-articles-item{ margin: 0 0 46px 0; padding: 0; } .info-articles-title{ color: #000000; font-size: 24px; margin-bottom: 13px; padding-left: 3px; } .info-articles-links{ margin: 0; padding: 0 0 0 3px; } .info-articles-links-list{ margin: 0; padding: 0; } .info-articles-list-item{ display: block; margin: 0 0 8px 0; padding: 0; } .info-articles-list-item a{ font-size: 12px; } /* content elmnts */ .content{ background: #fff; } .content .inner{ padding-top: 62px; padding-bottom: 38px; } .content h1{ font-size: 48px; line-height: 52px; font-weight: 300; margin:0 0 20px; } .content h2{ font-size: 34px; line-height: 38px; font-weight: 300; margin:30px 0 20px; } .content h3{ font-size: 24px; line-height: 28px; font-weight: 300; margin:20px 0 14px; } .content p{ font-size: 13px; line-height: 24px; font-weight: 300; margin:12px 0 12px; color: #424242; } .content p.small{ font-size: 12px; line-height: 18px; margin-bottom: 18px; } .content p.big{ font-size: 16px; line-height: 24px; margin-bottom: 13px; } .content ul{ margin: 0 0 51px 0; padding: 0; } .content ul li{ margin: 0 0 12px 0; padding: 0; color: #424242; font-size: 14px; line-height: 24px; list-style-image: url(/local/templates/main-new/css/../img/content-li-item.png); list-style-position: inside; } /* free 30 days elmnts */ .free-50-days{ margin-top: -22px; margin-bottom: 50px; position: relative; } .free-30-days{ margin-top: -22px; margin-bottom: 58px; position: relative; background: #f3f3f3; } .free-30-days-text{ color: #4f4f4f; font-size: 36px; line-height: 125px; text-align: center; padding-bottom: 8px; text-shadow: 0px 1px 1px rgba(0,0,0,1); } .free-30-days-text span{ text-transform: uppercase; } .free-30-days-btn{ position: absolute; bottom: -23px; left: 50%; margin-left: -140px; z-index: 1; } .free-30-days-btn-justify{ margin-left: -110px; } .free-30-days-text-center{ text-align: center; } /* inner banner */ .inner-banner{ height: 524px; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .inner-banner .inner{ height: 100%; } .inner-banner-title{ color: #fff; font-size: 48px; font-weight: 300; line-height: 52px; position: absolute; left: 0px; top: 49px; text-shadow: 0px 1px 1px rgba(0,0,0,1); } .inner-banner-description{ position: absolute; top: 124px; left: 0px; color: #fff; font-size: 16px; line-height: 24px; /* width: 450px; */ text-shadow: 0px 1px 1px rgba(0,0,0,1); } .inner-banner-description p{ color: #fff; font-size: 16px; line-height: 24px; margin-bottom: 12px; } .inner-banner-free-30-days{ background: transparent; width: 760px; position: absolute; left: 63px; bottom: 15px; border-top: 1px solid #9d9797; margin: 0; } .inner-banner-free-50-days{ background: transparent; width: 760px; position: absolute; left: 63px; bottom: 15px; margin: 0; } .inner-banner-free-30-days .free-30-days-text{ color: #fff; line-height: 82px; } .inner-banner-free-30-days .free-30-days-btn{ bottom: -44px; margin-left: -126px; } .inner-banner-1{ background-image:url(/local/templates/main-new/css/../banners/banner-1.jpg); } .inner-banner-2{ background-image:url(/local/templates/main-new/css/../banners/banner-2.jpg); } .inner-banner-3{ background-image:url(/local/templates/main-new/css/../banners/banner-3.jpg); } .inner-banner-4{ background-image:url(/local/templates/main-new/css/../banners/banner-4.jpg); } .inner-banner-5{ background-image:url(/local/templates/main-new/css/../banners/banner-5.jpg); } .inner-banner-6{ background-image:url(/local/templates/main-new/css/../banners/banner-6.jpg); } .inner-banner-7{ background-image:url(/local/templates/main-new/css/../banners/banner-7.jpg); } .downpro.btn-green { position: relative; top: -49px; } /* download page elmnts */ .download-page{ height: -webkit-calc(100vh - 210px); height: -moz-calc(100vh - 210px); height: calc(100vh - 210px); min-height: 440px; position: relative; background-position: 0% 0%; background-repeat: repeat-x; background-image: url(/local/templates/main-new/css/../img/download-back.jpg); margin-bottom: 95px; z-index: 11; } .download-page video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 400px; height: -webkit-calc(100% - 40px); height: -moz-calc(100% - 40px); height: calc(100% - 40px); } .download-page .inner{ height: 100%; min-height: 400px; /*background: url(/local/templates/main-new/css/../img/banner-download.jpg) no-repeat 50% 0;*/ } .download-page-text{ text-align: center; position: absolute; width: 100%; bottom: 70px; font-size: 40px; line-height: 30px; color: #000; } .download-page-text span{ display: inline-block; background: rgba(255,255,255,0.74); box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.5); } .download-page-text span:first-child{ padding: 18px 28px 0px 28px; position: relative; z-index: 10; box-shadow: 0px -5px 20px 0px rgba(0,0,0,0.3), 0px -10px 20px 0px rgba(0,0,0,0); } .download-page-text span:last-child{ padding: 20px 15px 20px 18px; } .download-page-btn{ position: absolute; bottom: -85px; left: 50%; margin-left: -173px; } .download-page-btn .btn-green{ width: 346px; height: 76px; line-height: 79px; border: 0; font-size: 22px; } .download-page-btn .btn-small { width: 250px; height: 50px; font-size: 100%; line-height: 50px; } .download-current { bottom: -35px; } .download-other { position: relative; bottom: inherit; left:inherit; margin: inherit; z-index: 12; text-align: center; } .download-other a { margin-left: 20px; } .download-other a:first-child { margin-left: 0; } .download-other-title { margin-bottom: 20px; text-align: center; } .download-other-title span { } /* contacts page elmnts */ .contacts-maps{ margin-bottom: 0px; } .contacts-maps-item{ height: 70px; width: 100%; background: #f3f3f3; border-bottom: 1px solid #e8e8e8; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-top: 16px; white-space: nowrap; position: relative; outline: none; cursor: pointer; margin: 0; -webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.28); -moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.28); box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.28); z-index: 10; } .contacts-maps-title{ color: #000; font-size: 24px; font-weight: 300; margin-bottom: 3px; } .contacts-maps-prps{ font-size: 12px; color: #5f5f5f; display: inline-block; margin-right: 6px; vertical-align: top; } .contacts-maps-prps:last-child{ margin-right: 0px; } .contacts-maps-prps span{ font-weight: 400; } .contacts-maps-btn{ position: absolute; top: -4px; right: 0px; } .contacts-maps-btn .btn-green{ height: 40px; width: 174px; font-size: 12px; line-height: 43px; } .contacts-maps-map{ height: 307px; display: none; } /* page footer elmnts */ .page-footer .inner{ /* height: 95px; */ } .page-footer-first-phone{ /*position: absolute; left: 0px; top: 26px;*/ color: #ffffff; font-size: 18px; font-weight: 700; } .page-footer-second-phone{ /*position: absolute; left: 0px; top: 55px;*/ color: #ffffff; font-size: 18px; font-weight: 700; } .page-footer-second-phone span{ font-size: 14px; font-weight: 400; } .navigation-block { float: left; } .navigation-block .page-footer-nav{ float: left; } .navigation-block .page-footer-nav .nav-title{ color: #ffffff; font-family: "PT Sans"; font-size: 16px; font-weight: 700; height: 30px; } .navigation-block .page-footer-nav ul{ float: left; margin: 0; padding: 0; list-style: none; } .navigation-block .page-footer-nav.about-nav ul{ margin-right: 40px; } .navigation-block .page-footer-nav ul li{ margin: 0; padding: 0; padding-bottom: 15px; } .navigation-block .page-footer-nav ul li:last-child{ margin-right: 0px; } .navigation-block .page-footer-nav ul li a, .navigation-block .page-footer-nav ul li span { color: #ffffff; font-family: "PT Sans"; font-size: 14px; font-weight: 400; text-decoration: none; cursor: pointer; } .navigation-block .page-footer-nav ul li a:hover{ color: #ef5b5b; } .navigation-block .services-nav ul{ -webkit-columns: 150px 2; -moz-columns: 150px 2; columns: 150px 2; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; } .phones-block { float: left; color: #fff; } .phones-block .phones1, .phones-block .phones2 { float: left; padding-left: 80px; } .phones-block .phones2 { } .phones-block .phones-block-title { color: #ffffff; font-size: 23px; font-weight: 700; height: 45px; } .phones-block .phones-list { margin: 0; padding: 0; list-style: none; } .phones-block .phones-list li { padding-bottom: 10px; } .phones-block .phones-list .city { color: #eda20d; font-size: 14px; font-weight: 400; } { padding-top: 5px; color: #ffffff; font-size: 18px; font-weight: 400; } .phones-block .phones-list .phonenum a { color: #fff; text-decoration: none; } .phones-block .phones-list .phonenum span { font-weight: 700; } .phones-block .bottom-block .footer-call-cbform-btn { display: inline-block; padding: 12px 28px; color: #fff; font-size: 12px; font-weight: 400; text-align: center; text-transform: uppercase; text-decoration: none; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-sizing: border-box; cursor: pointer; } .phones-block .bottom-block .social { list-style: none; padding: 0; margin: 0; } .phones-block .bottom-block .social li { display: inline-block; vertical-align: middle; margin-right: 4px; } .phones-block .bottom-block .social li a { } .phones-block .bottom-block .social li a img { } .page-footer .navigation-block .bottom-block { padding-top: 15px; } .page-footer .phones-block .phones1 .bottom-block { padding-top: 20px; } .page-footer .phones-block .phones2 .bottom-block { padding-top: 25px; } .page-footer-logo{ width: 113px; height: 35px; } .page-footer-logo a, .page-footer-logo span{ display: block; width: 113px; height: 35px; background: url(/local/templates/main-new/css/../img/page-footer-logo.png) no-repeat; text-indent: -9999px; } /* popup elmnts */ form.backform fieldset{ margin: 0; padding: 41px 45px 41px 45px; border: 0px; } form.backform .title{ color: #61c914; font-size: 25px; font-weight: 400; margin-bottom: 31px; text-align: center; text-transform: uppercase; } form.backform .for-row{ text-align: center; margin-bottom: 19px; } form.backform .input{ width: 320px; } form.backform .for-submit{ margin-top: 21px; text-align: center; } form.backform .btn-green{ width: 322px; font-size: 16px; } /* billing page */ .billing-page { padding-bottom: 15px; } .billing-page .inner { padding-top: 43px; } .billing-page h1 { text-align: center; margin-bottom: 45px; color: #000; font-size: 48px; font-weight: 300; } /* begin billing page - tariff styles */ .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flex_vlign { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .flex_justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .billing-page.smart .inner { padding-top: 37px; } .billing-page.smart h1{ font-size: 27px; } .billing-tariff{ text-align: center; margin-bottom: 20px; justify-content: center; align-content: space-between; align-items: center; } .billing-tariff :first-child, .billing-tariff :last-child{ margin: 0!important; } .billing-tariff :nth-child(2n).billing-tariff-item:before{ content: "Популярное"; text-transform: uppercase; position: absolute; top:-1px; right: -1px; padding: 6px 6px; font-size: 13px; background: #6FCA0E; color: #ffffff; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomleft: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; } .billing-tariff-item.margin_tariff:before{ display: none; } .billing-tariff-item{ max-width: 290px; cursor: pointer; position: relative; border: 1px solid #CCCCCC; margin: 0px 16px; border-radius: 3px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .billing_border{ padding: 20px 20px 17px; border: 1px solid transparent; } .billing-tariff .margin_tariff{ margin: 0px 0 0 16px!important; } .billing-tariff-item.active{ border-color: #6FCA0E; -webkit-box-shadow: 0px 8px 23px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 8px 23px 0px rgba(0,0,0,0.15); box-shadow: 0px 8px 23px 0px rgba(0,0,0,0.15); } .billing-tariff-item.active .billing_border{ border-color: #6FCA0E; } .billing-tariff:hover .billing-tariff-item.active{ box-shadow:none; } .billing-tariff:hover .billing-tariff-item.active .billing_border{ border-color: transparent; } .billing-tariff-item:hover{ border-color: #6FCA0E!important; -webkit-box-shadow: 0px 8px 23px 0px rgba(0,0,0,0.15)!important; -moz-box-shadow: 0px 8px 23px 0px rgba(0,0,0,0.15)!important; box-shadow: 0px 8px 23px 0px rgba(0,0,0,0.15)!important; } .billing-tariff-item:hover .billing_border{ border-color: #6FCA0E!important; } .billing-tariff-item-title{ font-size: 19px; font-weight: bold; text-transform: uppercase; } .billing-tariff-item-price{ font-size: 37px; font-weight: bold; padding: 19px 0 14px; } .billing-tariff-item-price:after{ position: relative; content:"\20BD"; font-size: 25px; font-weight: normal; padding: 0 0 0 6px; bottom: 3px; } .billing-tariff-item-info{ font-size: 16px; line-height: 20px; } #pay_summa, .range_price_wrapper, .billing-form-smart{ -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .billing-form .select_tariff:hover .billing-form .range_price_wrapper{ opacity: 0.8; display: none; } .range_price_wrapper{ position: relative; display: block; text-align: center; margin-bottom: 20px; } .billing-smart{ background: #ffffff!important; width: 100%!important; padding: 0!important; border: 0!important; box-shadow:none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; } .blur_form{ opacity: 0.4; } /* ===================================================================================================================== // RangeSlider */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; left: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.single { } .irs-slider.from { } .irs-slider.to { } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; left: -30px; cursor: default; } .irs-max { position: absolute; display: block; right: -30px; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0,0,0,0.0); z-index: 2; } .lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity=0); cursor: not-allowed; } .irs-disabled { opacity: 0.4; } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } .range-slider{ display: inline-block; width: 622px; } .irs { height: 85px; } .irs-with-grid { height: 80px; } .irs-line { height: 15px; top: 33px; background: #CCCCCC; display: block; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .irs-line-left { height: 8px; } .irs-line-mid { height: 8px; } .irs-line-right { height: 8px; } .irs-bar { height: 15px; top: 33px; background: #6FCA0E; } .irs-bar-edge { height: 15px; top: 33px; width: 14px; background: #6FCA0E; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; border-right: 0; } .irs-shadow { height: 2px; top: 38px; background: #000; opacity: 0.3; border-radius: 5px; -moz-border-radius: 5px; } .lt-ie9 .irs-shadow { filter: alpha(opacity=30); } .irs-slider { top: 29px; cursor: pointer; text-align: left; background: #F2F2F2; border: 1px solid #6FCA0E; cursor: pointer; display: inline-block; width: 20px; height: 20px; position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.30); -moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.30); box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.30); } .irs-slider.state_hover, .irs-slider:hover { background: #FFF; } .irs-min, .irs-max { display: none; color: #262626; font-size: 19px; line-height: 1.333; text-shadow: none; bottom: 0; padding: 1px 5px; } .irs-min:after, .irs-max:after { content: "\20BD"; padding-left: 4px; } .irs-from, .irs-to, .irs-single { line-height: 2.333; text-shadow: none; padding: 1px 5px; min-width: 32px; padding: 0 20px; top: 0px; color: #262626; border-radius: 100px; white-space: nowrap; font-weight: bold; font-size: 14px; text-align: center; } .irs-from, .irs-to, .irs-single:after { content: "\20BD"; padding-left: 4px; } .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #999; } .irs-grid { height: 27px; } .irs-grid-pol { opacity: 0.5; background: none; } .irs-grid-pol.small { background: none; } .irs-grid-text { bottom: 0px; color: #262626; font-size: 18px; } .irs-grid-text:after{ content: "\20BD"; padding-left: 4px; } .irs-disabled { } /* end billing page - tariff styles */ .billing-form, .billing-form-smart { background: #f3f3f3; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 28px 15px -20px rgba(0,0,0,0.5); -moz-box-shadow: 0 28px 15px -20px rgba(0,0,0,0.5); box-shadow: 0 28px 15px -20px rgba(0,0,0,0.5); padding: 36px 25px 44px 42px; width: 622px; margin:0 auto; position: relative; } .js-bill-result{ padding-bottom: 24px; padding-left: 0; padding-right: 0; } .js-bill-result .billing-form-title{ text-align: center; } .bind_card_block{ display: inline-block; } .bind_card label{ font-size: 14px; color: #676767; } .bind_card .hide_message{ margin-top: 15px; opacity: 0; } .bind_card .bind_card_green{ position: relative; display: inline-block; color: #6fca0e; text-decoration: none; border-bottom: 1px solid #6fca0e; margin: 0 10px; padding: 0 4px; font-size: 16px; cursor: pointer; } .bind_card .bind_card_red{ position: relative; display: inline-block; color: #c72727; text-decoration: none; border-bottom: 1px solid #c72727; margin: 0 10px; padding: 0 4px; font-size: 16px; cursor: pointer; } .billing-form-title{ color: #000; margin-bottom: 15px; font-size: 24px; } .billing-form-title_token{ font-size: 28px; color: #A0A0A0; font-weight: 400; margin-bottom: 30px; } .billing-form-input{ width: 538px; padding-left: 55px; } .billing-form-for-input{ margin-bottom: 22px; } .cashless-pin .pinsent{ margin-bottom: 11px; margin-top: 22px; } .billing-form-wrap{ padding-top: 6px; } .billing-form-row{ margin-bottom: 14px; } .billing-form-pay-title{ color: #353434; font-size: 11px; font-weight: 400; text-transform: uppercase; margin-bottom: 12px; font-weight: bold; } .billing-form-pay-item{ margin-right: 32px; display: inline-block; cursor: pointer; padding-left: 4px; vertical-align: top; margin-bottom: 9px; } .billing-form-pay-item span{ display: inline-block; width: 18px; height: 18px; margin-right: 5px; background: url("/local/templates/main-new/css/../img/radioboxes.png") 0 0 no-repeat; position: relative; top: 4px; } .billing-form-pay-item.visa_mastercard {margin-right:12px;} .billing-form-pay-item.sb span {top:-7px; margin-right:9px;} .billing-form-pay-item.active span { background-position: -18px 0; } .billing-form-pay-item .img { display: inline-block; position: relative; } .billing-form-pay-item.qiwi { margin-right: 22px; } .billing-form-pay-item.qiwi span { top: -10px; margin-right: 3px; } .billing-form-pay-item.qiwi .img { width: 84px; height: 35px; background: url("/local/templates/main-new/css/../img/pay_qiwi.jpg") 0 0; } .billing-form-pay-item.webmoney { margin-right: 30px; } .billing-form-pay-item.webmoney span { top: -10px; } .billing-form-pay-item.webmoney .img { width: 91px; height: 33px; background: url("/local/templates/main-new/css/../img/pay_webmoney.jpg") 0 0; top: -2px; } .billing-form-pay-item.yandex { margin-right: 18px; } .billing-form-pay-item.yandex span { top: -10px; } .billing-form-pay-item.yandex .img { width: 81px; height: 33px; background: url("/local/templates/main-new/css/../img/pay_yandex.jpg") 0 0; } .billing-form-pay-item.alfa_bank { margin-right: 0px; } .billing-form-pay-item.alfa_bank span { top: -10px; } .billing-form-pay-item.alfa_bank .img { width: 89px; height: 33px; background: url("/local/templates/main-new/css/../img/pay_alfabank.jpg") 0 0; } .billing-form-pay-item.visa_mastercard span { top: -6px; } .billing-form-pay-item.visa_mastercard .img { width: 91px; height: 33px; background: url("/local/templates/main-new/css/../img/pay_visamastercard.jpg") 0 0; } .billing-form-pay-item.visa_mastercard_disc{ position: relative; } .billing-form-pay-item.visa_mastercard_disc p{ display: none; position: absolute; right: -255px; top: -19px; width: 220px; background: #ffffff; z-index: 100; padding: 7px 11px 10px; color: #8D8D8D; font-size: 12px; line-height: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: -2px 2px 13px 0px rgba(0,0,0,0.24); -moz-box-shadow: -2px 2px 13px 0px rgba(0,0,0,0.24); box-shadow: -2px 2px 13px 0px rgba(0,0,0,0.24); } .billing-form-pay-item.visa_mastercard_disc p::after { content: ''; position: absolute; /* Абсолютное позиционирование */ left: -19px; top: 18px; /* Положение треугольника */ border: 10px solid transparent; border-right: 20px solid white; z-index: 100; } .billing-form-pay-item.visa_mastercard_disc .img { width: 91px; height: 48px; background: url("/local/templates/main-new/css/../SVG/pay_visamastercard_disc.svg") 0 0; background-size: 91px 48px; } .billing-form-pay-item.visa_mastercard_disc span { top: -22px; } .billing-form-pay-item.visa_mastercard_disc .show_inf{ position: absolute; right: 0; bottom: 0; width: 20px; height: 20px; } .show_inf:hover p{ display: block; } .billing-form-pay-item.google_pay span { top: -7px; margin-right: 10px; } .billing-form-pay-item.google_pay .img { width: 59px; height: 23px; background: url("/local/templates/main-new/css/../SVG/gpay.svg") 0 0; background-repeat: no-repeat; background-size: 59px 33px; height: 33px; } .billing-form-pay-item.sb .img { width: 91px; height: 33px; background: url("/local/templates/main-new/css/../img/pay_sb.png") 0 0; } .billing-form-pay-item.sb{ margin-right: 27px; } .billing-form-pay-item.euroset { margin-right: 15px; } .billing-form-pay-item.euroset span { top: 5px; margin-right: 5px; } .billing-form-pay-item.euroset .img { top: 6px; width: 88px; height: 20px; background: url("/local/templates/main-new/css/../img/pay_euroset.jpg") 0 0; } .billing-form-pay-item.contact span { top: -12px; margin-right: 7px; } .billing-form-pay-item.contact .img { top: -3px; width: 86px; height: 37px; background: url("/local/templates/main-new/css/../img/pay_contact.jpg") 0 0; } .billing-form-pay-item.westernunion { margin-right: 11px; } .billing-form-pay-item.westernunion span { top: 0px; } .billing-form-pay-item.westernunion .img { top: 5px; width: 90px; height: 25px; background: url("/local/templates/main-new/css/../img/pay_westernunion.jpg") 0 0; } .billing-form-pay-item.rapida { margin-right: 0px; } .billing-form-pay-item.rapida span { top: -8px; margin-right: 10px; } .billing-form-pay-item.rapida .img { top: -2px; width: 95px; height: 33px; background: url("/local/templates/main-new/css/../img/pay_rapida.jpg") 0 0; } .billing-form-pay-item.svzny { margin-right: 0px; } .billing-form-pay-item.svzny span { top: -8px; margin-right: 10px; } .billing-form-pay-item.svzny .img { top: 0px; width: 91px; height: 33px; background: url("/local/templates/main-new/css/../img/pay_svzny.png") 0 0; } .billing-form-pay-item.beeline { margin-right: 0px; } .billing-form-pay-item.beeline span { top: -6px; margin-right: 11px; } .billing-form-pay-item.beeline .img { top: 0px; width: 96px; height: 30px; background: url("/local/templates/main-new/css/../img/pay_beeline.jpg") 0 0; } .billing-form-pay-item.mts { margin-right: 35px; } .billing-form-pay-item.mts span { top: -10px; margin-right: 7px; } .billing-form-pay-item.mts .img { top: -1px; width: 83px; height: 33px; background: url("/local/templates/main-new/css/../img/pay_mts.jpg") 0 0; } .billing-form-pay-item.megafon { margin-right: 30px; } .billing-form-pay-item.megafon span { top: -10px; margin-right: 8px; } .billing-form-pay-item.megafon .img { top: -1px; width: 128px; height: 33px; background: url("/local/templates/main-new/css/../img/pay_megafon.jpg") 0 0; } .billing-form-pay-item.cashless { padding-top: 3px; /* color: #666; */ } .billing-form-pay-item.cashless span { top: 3px; margin-right: 11px; } .billing-form .message { display: none; background: #f9ecec; border: 1px solid #ebd3d3; border-radius: 5px; color: #cf8484; text-align: center; width: 510px; padding: 13px; } .billing-form .message b { line-height: 26px; position: relative; top: 4px; } .billing-form .org.message { display: block; } .billing-form-for-btn { position: relative; bottom: 0; right: 0; /*height: 55px;*/ overflow: hidden; /* display: none; */ margin-top: 22px; transition: all .5s; } .billing-form-for-btn input[type="submit"]{ float: right; box-shadow: none; } .billing-form .btn-green.hidden { display: none; margin-right: 18px; opacity:1; } .billing-form-pay-title.other { text-transform: none; font-size: 22px; margin-top: 22px; font-weight: normal; } .billing-form-for-btn .btn-gray { background: #a6b2b6; border: #96a4a9; box-shadow: none; text-decoration: none; cursor: pointer; } .billing-form-for-btn .btn-gray:hover { background: #a6b2b6; color: black; } /* overlay-block */ .overlay-block{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; background: rgba(0, 0, 0, 0.36); display: none; cursor: pointer; transition: all 0.4s; } .bind_card_wrapper{ position: absolute; top:0; display: none; z-index: 10000; } .bind_card_in{ position: relative; width: 400px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; background-color: rgba(255,255,255,1); -webkit-box-shadow: 0 18px 21px 0 rgba(0,0,0,0.55); -moz-box-shadow: 0 18px 21px 0 rgba(0,0,0,0.55); box-shadow: 0 18px 21px 0 rgba(0,0,0,0.55); color:#000; } .bind_card-title { padding: 32px 19px 18px; padding-top: 68px; background: url(/local/templates/main-new/css/../SVG/logo_red.svg) no-repeat; background-position: 20px 17px; background-size: 147px; font-size: 16px; line-height: 20px; } .bind_card_in .close { position: absolute; right: -15px; top: -15px; background: url(/local/templates/main-new/css/../SVG/close.svg) no-repeat; width: 12px; height: 12px; z-index: 0; cursor: pointer; } /* colorbox */ .popup{ display: none; } #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999999;} #cboxWrapper { width:600px!important; } #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;overflow: hidden;} #cboxLoadedContent{ -webkit-overflow-scrolling: touch; overflow:hidden!important;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow, #cboxCurrent{cursor:pointer;display:none!important;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:#000;} #colorbox{outline:0;} #cboxContent{} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{ background:#fff; -webkit-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.38); -moz-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.38); box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.38); border-radius: 5px; } .colorbox-inline #cboxLoadedContent{ padding: 5px; } #cboxClose{ position: absolute; top: 12px; right: 11px; display: none; width: 0px; height: 0px; text-indent: -9999px; border: 0; outline: 0; margin: 0; padding: 0; } #cboxLoadedContent, #cboxWrapper, #colorbox { overflow:visible!important; } #cboxLoadedContent, #cboxContent { width:auto!important; overflow:visible!important; } .pop-result{ padding: 30px; text-align: center; } .pop-result p{ font-size: 16px; line-height: 20px; font-weight: 700; margin-bottom: 0px; margin-top: 0px; color: #000; } /* css animations */ html.cssanimations{ visibility: hidden; } .fadeIn{ animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible!important; } .bounce{ animation-name: bounce; -webkit-animation-name: bounce; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } .scaleInfinite{ animation-name: scaleInfinite; -webkit-animation-name: scaleInfinite; animation-duration: 1.4s; -webkit-animation-duration: 1.4s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; visibility: visible!important; } .certs { width: 666px; margin: 0 auto; } .cert { width: 322px; margin: 0 4px; box-shadow: 0 0 11px silver; } .page-header-btn-live:hover { color: white; } .page-header-btn-live { position: absolute; top: 6px; right: 99px; color: #EBAEAF; text-decoration: none !important; font-weight: bold; border-radius: 33px; background: #A20F0E; padding: 4px 17px 6px 13px; } .page-header-btn-live .red_circle { width: 7px; height: 7px; display: block; background: #FE0003; border-radius: 6px; float: left; margin-top: 5px; margin-right: 10px; } /* flippin form splash */ .unclosed-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000001; } .unclosed-modal .underlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, .5); cursor: pointer; -webkit-animation: fadeIn .5s; animation: fadeIn .5s; } .unclosed-modal form.orderphone { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 40px; width: 640px; height: 230px; /*background-color: #fff;*/ background: rgba(255,255,255,0.88); border-radius: 5px; -webkit-box-shadow: 0 18px 21px 0 rgba(0,0,0,0.55); -moz-box-shadow: 0 18px 21px 0 rgba(0,0,0,0.55); box-shadow: 0 18px 21px 0 rgba(0,0,0,0.55); z-index: 100; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation: flipInX .8s; animation: flipInX .8s; } form.orderphone .title { /*color: #545454;*/ font-size: 28px; line-height: 28px; /* font-weight: 600; */ margin-bottom: 31px; /* text-transform: uppercase; */ text-align: center; white-space: nowrap; font-family: "PT Sans", sans-serif; } form.orderphone fieldset { text-align: center; white-space: nowrap; } fieldset { border: 0; margin: 0; padding: 0; } form.orderphone .for-row { display: inline-block; max-width: 50%; margin-right: 15px; text-align: center; position: relative; vertical-align: top; } form.orderphone .for-row:last-child { margin-right: 0; } form.orderphone .for-submit { margin-top: 26px; text-align: center; } form.orderphone .btn-green, form.orderphone .input { width: 250px; } .btn-green:hover { background-color: #8AEC21; color: #343434; text-decoration: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } .btn_center{ display: block; text-align: center; margin-bottom: 20px; } .btn-green.viber_style{ width: 285px; } .btn-green { /*font-family: "Exo 2", sans-serif;*/ /*letter-spacing: 1px;*/ display: inline-block; margin: 0; padding: 0; outline: 0; border: 0; border-radius: 2px; height: 55px; width: 220px; text-align: center; text-transform: uppercase; text-decoration: none; color: #fff; font-size: 14px; font-weight: 700; line-height: 55px; background: #6fca0e; -webkit-transition: all .5s; transition: all .5s; box-shadow: 0 1px 2px 0 rgba(77, 164, 30, .75); -moz-box-shadow: 0 1px 2px 0 rgba(77, 164, 30, .75); -webkit-box-shadow: 0 1px 2px 0 rgba(77, 164, 30, .75); } .btn-green.btn_content_size{ width: auto; padding: 0 15px; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; box-sizing: border-box; outline: 0; } label.for-input { display: none; position: absolute; top: 5px; left: 24px; font-size: 12px; font-family: "Exo 2", sans-serif; font-weight: 300; color: #414141; } .js-orderphone .input { width: 318px; height: 55px; display: inline-block; border: 1px solid #e1e1e1; border-radius: 3px; font-family: "Exo 2", sans-serif; font-size: 14px; font-weight: 400; color: #414141; padding: 0 23px; } input { line-height: normal; background: white; } .flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX; } .top0 { position: fixed; top: 0; width: 0; height: 0; } .hidden { display: none; } /*/bill page*/ .clr {height:1px; line-height:1px; font-size:1px; clear:both;} .steps_line {width:100%; height:87px; display:block; position:relative; background-color:#f5f5f5;} .steps_cont {width:960px; height:87px; margin:0px auto; display:block; position:relative;} .steps_cont .step {width:315px; height:87px; cursor:pointer; float:left; margin:0px; display:block; position:relative;} .steps_cont .step:hover, .steps_cont .step.curr {background-color:#f5eded;} .steps_cont .step.first {width:330px; z-index:999999;} .steps_cont .step#not_clickable {cursor:auto;} .steps_cont .step .num {border-radius:50%; border:2px solid #d2d2d2; width:37px; height:37px; text-align:center; line-height:37px; color:#c5c5c5; float:left; margin:23px 14px 0px 27px;} .steps_cont .step.first .num {margin-left:27px;} .steps_cont .step:hover .num, .steps_cont .step.curr .num {border-color:#c72727; color:#c72727;} .steps_cont .step .cont {width:230px; float:left; padding:0px 0px 0px 0px; display:block; position:relative;} .steps_cont .step.first .cont {width:245px; z-index:999999;} .steps_cont .step.second .cont {padding-top:27px;} .steps_cont .step.third .cont {padding-top:27px;} .steps_cont .step .cont span.zag {color:#c5c5c5; font-size: 16px; font-weight: 400;} .steps_cont .step.first .cont span.zag {display:block; float:left; margin:35px 10px 0px 0px;} .steps_cont .step.second .cont span.zag {font-size: 16px; font-weight: 400;} .steps_cont .step.second .cont span.steps_login_name {margin-top:5px; display:block; color: #e68f8f; font-size: 12px; font-weight: 400; text-decoration: underline;} .steps_cont .step.second:hover .cont span.steps_login_name, .steps_cont .step.second.curr .cont span.steps_login_name {color:#c72727;} .steps_cont .step.third .cont span.steps_price {display:block; margin-top:5px; font-size:12px; color:#e68f8f; font-weight: 400; text-decoration: underline;} .steps_cont .step.third:hover .cont span.steps_price, .steps_cont .step.third.curr .cont span.steps_price {color:#c72727;} .steps_cont .step:hover .cont span.zag, .steps_cont .step.curr .cont span.zag {color: #555;} .steps_line .select_wrapp {width:115px; height:39px; display:block; position:relative; margin:22px 0px 0px 0px; float:left;} .steps_line .select {width:115px; z-index:999999999; overflow:hidden; display:none; position:relative; height:39px; cursor:pointer; margin:0px 0px 0px 0px; border-radius:8px; -webkit-transition: height 0.3s ease-in; -moz-transition: height 0.3s ease-in; -ms-transition: height 0.3s ease-in; -o-transition: height 0.3s ease-in; transition: height 0.3s ease-in; background: #e0e0e0; background: -moz-linear-gradient(top, #f7f7f7 0%, #e0e0e0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#e0e0e0)); background: -webkit-linear-gradient(top, #f7f7f7 0%,#e0e0e0 100%); background: -o-linear-gradient(top, #f7f7f7 0%,#e0e0e0 100%); background: -ms-linear-gradient(top, #f7f7f7 0%,#e0e0e0 100%); background: linear-gradient(to bottom, #f7f7f7 0%,#e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e0e0e0',GradientType=0 );} .steps_line .select#opened {height:520px; display:block; position:relative; box-shadow: 0 1px 3px rgba(63, 63, 63, 0.35); border-radius:4px;} .steps_line .select .my_select {display:block; position:relative; z-index:999999; height:35px; background-image:none; background-repeat:no-repeat; background-position:95px 18px;} .steps_line #not_clickable .select .my_select {background-image:url("/local/templates/main-new/css/../img/myselect_corner.png");} .steps_line .select#opened .my_select {background-image:none;} .steps_line .select .my_select .select_item {width:88px; height:35px; padding:2px 13px;} .steps_line .select .my_select .select_item_main {width:88px; height:35px; padding:2px 13px;} .steps_line .select .my_select .select_item .img, .steps_line .select .my_select .select_item_main .img {width:75px; height:34px; margin:0px; background-repeat:no-repeat; background-position:center top;} .steps_line .select .my_select .select_item#qiwi .img, .steps_line .select .my_select #qiwi .img {background-image:url("/local/templates/main-new/css/../img/payment_logos/qiwi.png");} .steps_line .select .my_select #webmoney .img {background-image:url("/local/templates/main-new/css/../img/payment_logos/wm.gif");} .steps_line .select .my_select #google_pay .img {background-image:url("/local/templates/main-new/css/../SVG/gpay.svg"); background-position:center center;} .steps_line .select .my_select #yandex .img {background-image:url("/local/templates/main-new/css/../img/payment_logos/ym.png");} .steps_line .select .my_select #alfa_bank .img {background-image:url("/local/templates/main-new/css/../img/payment_logos/ab.png");} .steps_line .select .my_select #visa_mastercard .img {background-image:url("/local/templates/main-new/css/../img/payment_logos/card.png");} .steps_line .select .my_select #visa_mastercard_disc .img {background-image:url("/local/templates/main-new/css/../img/payment_logos/card.png");} .steps_line .select .my_select #sb .img {background-image:url("/local/templates/main-new/css/../img/pay_sb.png"); background-size:100% auto; background-position:center center;} .steps_line .select .my_select #euroset .img {background-image:url("/local/templates/main-new/css/../img/payment_logos/euro.gif");} .steps_line .select .my_select #contact .img {background-image:url("/local/templates/main-new/css/../img/payment_logos/contact.png");} .steps_line .select .my_select #westernunion .img {background-image:url("/local/templates/main-new/css/../img/payment_logos/wu.png");} .steps_line .select .my_select #svzny .img {background-image:url("/local/templates/main-new/css/../img/payment_logos/svaznoi.png");} .steps_line .select .my_select #beeline .img {background-image:url("/local/templates/main-new/css/../img/payment_logos/beeline.png");} .steps_line .select .my_select #mts .img {background-image:url("/local/templates/main-new/css/../img/payment_logos/logo-mts.png");} .steps_line .select .my_select #megafon .img {background-image:url("/local/templates/main-new/css/../img/payment_logos/megafon.png");} .steps_line .select_wrapp .payment_type_error {width: 380px; height: 54px; left:23px; top:58px; padding:15px 18px 15px 55px; display:none; z-index:999999; position:absolute; background-color: #fff; border-radius: 4px; box-shadow: 0 9px 40px rgba(128, 58, 58, 0.61);} .steps_line .select_wrapp .payment_type_error .arrow {width: 36px; height: 43px; background-image:url("/local/templates/main-new/css/../img/steps_error_arrow.png"); background-repeat:no-repeat; background-position:left top; position:absolute; left:12px; top:-17px;} .steps_line .select_wrapp .payment_type_error p {margin:0px; color: #df8787; font-size: 14px; font-weight: 400;} .steps_line .select_wrapp .payment_type_error p.bold {color: #cb3535; font-size: 18px; font-weight: 400; margin-bottom:10px;} .special_offer_step {width: 595px; height: 349px; display:none; padding:1px 0px; margin:0px auto; background-color: #f3f3f3; background: -webkit-linear-gradient(306deg, #f2f2f2 0%, #e6dddd 100%); background: -moz-linear-gradient(144deg, #f2f2f2 0%, #e6dddd 100%); background: -ms-linear-gradient(144deg, #f2f2f2 0%, #e6dddd 100%); background: linear-gradient(144deg, #f2f2f2 0%, #e6dddd 100%); border-radius: 3px; -webkit-box-shadow: 0 28px 15px -20px rgba(0,0,0,0.5); -moz-box-shadow: 0 28px 15px -20px rgba(0,0,0,0.5); box-shadow: 0 28px 15px -20px rgba(0,0,0,0.5);} .special_offer_step .special_zag {width: 595px; height: 72px; margin:50px 0px 0px 0px; background-color: #2e2e2e; text-align:center; font-size: 30px; line-height:72px; font-weight: 400; color:#fff;} .special_offer_step .special_zag span.offer_price {font-weight:bold;} .special_offer_step .condition_descr {text-align:center; padding:28px 10px;} .special_offer_step .condition_descr p {color: #777; font-size: 16px; font-weight: 400; margin:0px;} .special_offer_step .order_buttons {margin-top:20px;} .special_offer_step .get_offer_btn {width: 208px; height: 52px; margin-left:38px; float:left; margin-top:22px;} .special_offer_step .get_offer_btn a {width: 208px; height: 52px; color:#fff; text-decoration:none; font-weight:bold;} .special_offer_step .contunie_btn {float:left; width:208px; height:52px; margin-left:72px; background-color:transparent;border:1px solid #A1A1A1; border-radius:3px;} .special_offer_step .contunie_btn a {width:208px; height:52px; background-color:transparent; color:#a6b2b6; border-radius:3px;} .steps_table {width:100%; height:87px; table-layout:fixed;} .steps_table td.steps_cont_td {width:960px;} .steps_table td.steps_left#hovered, .steps_table td.steps_right#hovered {background-color:#f5eded;} /*Reviews Block*/ .reviews_gal .inner {border-top:1px solid #ebebeb; padding:52px 0px 85px 0px;} .bx-viewport {width:916px!important; padding:20px 0px 20px 2px;} ul.reviews_slider {list-style-type:none; padding:0px; margin:0px; width:920px;} ul.reviews_slider li {display:block; position:relative; float:left; width:298px; height:294px; margin:10px 4px;} ul.reviews_slider li.megazindex {z-index:10000;} ul.reviews_slider li .full_review {display:none;} .reviews_item {width:236px; height:auto; display:block; position:relative; min-height:240px; padding:25px 34px 25px 28px; background-color:#fff; border-radius:2px; box-shadow: 0 5px 16px rgba(174, 174, 174, 0.64);} ul.reviews_slider li.megazindex .reviews_item {z-index:10000; padding-bottom:50px;} .reviews_item p, .reviews_item div {font-size:14px; line-height:16px; color:#9b9b9b;} .reviews_item p {margin-bottom:0px;} .reviews_item .anons {height:auto; max-height:175px; overflow:hidden; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} .reviews_item .anons.opened {height:auto; max-height:800px;} .reviews_item p.reviewer_name {color:#000; font-size:18px; line-height:10px; margin-bottom:10px;} .reviews_item p.r_link {text-align:left; display:block; position:absolute; bottom:20px;} .reviews_item p.r_link a {color:#c72727; font-size:12px; line-height:16px;} .bx-pager {display:none;} /*a.r_readmore {width:144px; height:36px; margin:15px 0px 0px 0px; cursor:pointer; display:block; position:relative; float:right; text-decoration:none!important; background-color:#e0e0e0; border-radius:3px; text-align:center; color:#8f8f8f; font-size:12px; line-height:36px; text-transform:uppercase; background-image:url(/local/templates/main-new/css/../img/button_arrow.png); background-repeat:no-repeat; background-position:120px center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} a.r_readmore:hover {background-color:#6eda1e; color:#fff;}*/ .reviews_item a.r_readmore {font-size:12px; line-height:18px; color:#000; cursor:pointer; display:block; text-align:left; margin:5px 0px 0px 0px;} .reviews_item a.r_readmore:hover {color:#C72727;} .bx-prev {display:none;} /*Partners Block*/ .partners-block {height:auto; min-height:220px; padding:45px 0px 61px 0px; background-image:url(/local/templates/main-new/css/../img/partners_bg.jpg); background-repeat:no-repeat; background-position:center top; background-size:100% 100%;} .partners-block p.zag {text-align:center; color:#ededed; font-size:24px; line-height:26px; margin:0px 0px 50px 0px;} .partners {text-align:center;} .partners img {margin:10px 20px;} /*Office Photos Carousel*/ .office_photos_carousel {height:335px; display:block; position:relative; overflow:hidden;} .office_photos_carousel .o_carousel {height:335px; width:100%; position:absolute!important;} .office_photos_carousel .office_photos_nav {height:335px; width:100%;} .office_photos_carousel .office_photos_nav span.nav_btn {width:65px; height:65px; background:rgba(0,0,0,0.55) url(/local/templates/main-new/css/../img/office_carousel_nav.png); background-repeat:no-repeat!important; border-radius:50%; cursor:pointer; display:block; position:absolute; top:50%; margin-top:-32px; -webkit-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -ms-transition: background 0.3s ease-out; -o-transition: background 0.3s ease-out; transition: background 0.3s ease-out; behavior:url(/local/templates/main-new/css/PIE.htc);} .office_photos_carousel .office_photos_nav span.nav_btn:hover {background:rgba(0,0,0,0.8) url(/local/templates/main-new/css/../img/office_carousel_nav.png);} .office_photos_carousel .office_photos_nav span.nav_btn#office_photos_prev {left:0px; background-position:22px top;} .office_photos_carousel .office_photos_nav span.nav_btn#office_photos_next {right:0px; background-position:center bottom;} /*NY_2016*/ h1.ny_offer_header {text-align:center;} p.offer {text-align:center; font-weight:bold;} p.offern {text-align:center; line-height: 19px;} ul.nomargin_bottom {margin-bottom:10px;} .form-orderphone.ny2016_form {height:auto; min-height:134px; padding-top:20px; padding-bottom:20px;} .ny_two_columns {margin-top:-40px;} .ny_two_columns .column {width:380px; height:auto; min-height:350px; display:block; position:relative; padding:25px 34px 25px 28px; background-color:#fff; border-radius:2px; box-shadow: 0 5px 16px rgba(174, 174, 174, 0.64); float:left;} .ny_two_columns .column.right_column {float:right;} .ny_two_columns .column p {margin:2px 0px; line-height:15px;} .ny_two_columns .column p.zag {font-weight:bold; font-size:16px; line-height:18px; margin:2px 0px;} .ny_two_columns .column.right_column p {margin-bottom:10px; line-height:24px;} .ny_two_columns .column ul {margin-top:0px; margin-bottom:0px;} .ny_two_columns .column ul li {margin-bottom:0px; margin-top:0px;} /*/NY_2016*/ .already_registered {display:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:29px 30px 20px 35px; position:relative;} .banner-catch .already_registered {position:absolute; bottom:15%; left:0px;width:599px; height: 177px; border-radius:5px; background-color:rgba(255,255,255,0.71); -webkit-box-shadow:0 18px 21px 0 rgba(0,0,0,0.55); -moz-box-shadow:0 18px 21px 0 rgba(0,0,0,0.55); box-shadow:0 18px 21px 0 rgba(0,0,0,0.55);} .already_registered p {color:#676767; font-size:14px; line-height:20px; margin-bottom:15px;} .already_registered p strong {font-weight:normal;} .already_registered p:first-child {font-weight:400; color:#000; font-size:24px; margin-bottom:10px;} .already_registered a {text-decoration:none; color:#fff; font-size:14px; font-weight:700; text-transform:uppercase;} .already_registered a:hover {border-bottom:0px;} .pin{display:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:29px 30px 40px 35px; position:relative;} .banner-catch .pin {position:absolute; bottom:14%; left:0px; width:599px; height: 197px; border-radius:5px; background-color:rgba(255,255,255,0.71); -webkit-box-shadow:0 18px 21px 0 rgba(0,0,0,0.55); -moz-box-shadow:0 18px 21px 0 rgba(0,0,0,0.55); box-shadow:0 18px 21px 0 rgba(0,0,0,0.55);} .pin p {color:#000; font-size:16px; font-weight:400; line-height:21px; margin-bottom:15px;} .pin .retry_info {margin-top:15px;} .pin .retry_info span, .pin .retry_info a {font-weight:bold;} .pin .retry_info a {cursor:pointer; text-decoration:none; border-bottom:1px dotted #000;} .pin .retry_info a:hover {border-bottom:0px;} .pin .fail {display:block; position:absolute; border-radius:5px 0px 0px 0px; left:0px; top:0px; padding:29px 30px 52px 35px; background:rgba(255,255,255,0.91); z-index:2; color:#000; font-size:16px; font-weight:400; line-height:21px;} .loader_wrapper { padding-left: 1em; padding-right: 1em; margin: auto; display: none; width: 165px; } .cssload-loader { width: 41px; height: 41px; border-radius: 50%; margin: 2em; display: inline-block; position: relative; vertical-align: middle; } .cssload-loader { width: 41px; height: 41px; border-radius: 50%; margin: 2em; display: inline-block; position: relative; vertical-align: middle; } .cssload-loader, .cssload-loader:before, .cssload-loader:after { animation: 1.75s infinite ease-in-out; -o-animation: 1.75s infinite ease-in-out; -ms-animation: 1.75s infinite ease-in-out; -webkit-animation: 1.75s infinite ease-in-out; -moz-animation: 1.75s infinite ease-in-out; } .cssload-loader:before, .cssload-loader:after { width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; } .cssload-loader:before, .cssload-loader:after { content: ""; } .cssload-loader { animation: cssload-animation1 2.63s infinite linear; -o-animation: cssload-animation1 2.63s infinite linear; -ms-animation: cssload-animation1 2.63s infinite linear; -webkit-animation: cssload-animation1 2.63s infinite linear; -moz-animation: cssload-animation1 2.63s infinite linear; } .cssload-loader:before, .cssload-loader:after { content:""; margin: -21px 0 0 -21px; top: 50%; left: 50%; background-color: rgba(111,202,14,0.71); animation-name: cssload-animation2; -o-animation-name: cssload-animation2; -ms-animation-name: cssload-animation2; -webkit-animation-name: cssload-animation2; -moz-animation-name: cssload-animation2; } .cssload-loader:after { animation-direction: reverse; -o-animation-direction: reverse; -ms-animation-direction: reverse; -webkit-animation-direction: reverse; -moz-animation-direction: reverse; } .thanks_page {background-image:url(/local/templates/main-new/css/../img/thanks_bg.jpg); background-size:100% auto;} .thanks_page .header_part p {color:#fff; font-size:34px; font-weight:300; line-height:52px; margin:44px 0px 27px 0px; text-align:center;} .thanks_page .header_part p.zag {font-size:48px; font-weight:300; line-height:38px; margin:124px 0px 0px 0px;} .thanks_page .header_part p.zag span {color:#eaeaea; font-size:20px; font-weight:300; line-height:21px;} .thanks_page .services {padding-bottom:144px; text-align:center;} .thanks_page .services .item {margin-bottom:20px; margin-left:20px; margin-right:20px; width:33%; display:inline-block;} .thanks_page .services .inner {padding:46px 25px 137px 25px; position:relative; opacity:0.91; background-color:rgba(255, 255, 255, 0.88); border:1px solid white; border-radius:2px; width:100%; display:inline-block; box-sizing:border-box; -webkit-box-sizing:border-box;} .thanks_page .services .ico {width:75px; height:75px; text-align:center; line-height:95px; border-radius:50%; margin:0px auto 15px auto; background-color:#bd1a13;} .thanks_page .services .third .ico {line-height:68px;} .thanks_page .services p {color:#333; font-size:12px; font-weight:400; line-height:15px; text-align:center; margin:0px;} .thanks_page .services p.name {margin-bottom:13px;} .thanks_page .services p.name a {color:#000; font-size:16px; font-weight:400; line-height:19px; text-decoration:underline;} .thanks_page .services p.name a:hover {text-decoration:none;} .thanks_page .services .button {width:118px; height:42px; border:1px solid #c02223; border-radius:2px; position:absolute; bottom:44px; left:50%; margin-left:-59px;} .thanks_page .services .button a {display:block; position:relative; width:100%; height:100%; text-align:center; text-decoration:none; text-transform:uppercase; line-height:40px; color:#c02223; font-size:12px; font-weight:700; background-color:transparent; -o-transition:all 0.2s ease-in 0s; -webkit-transition:all 0.2s ease-in 0s; -moz-transition:all 0.2s ease-in 0s; -ms-transition:all 0.2s ease-in 0s; transition:all 0.2s ease-in 0s;} .thanks_page .services .button a:hover {background-color:#c02223; color:#fff;} .nodisplay {display:none!important;} .download_crimea { display:none; position: absolute; bottom: -42px; left: 50%; margin-left: -150px; width: 300px; height: 80px; line-height: 80px; font-size: 26px; } .download_crimea a.btn-green { width: 300px; height: 80px; line-height: 80px; font-size: 26px; } /*Install Guide*/ .install_guide { padding-bottom:50px; } .install_guide .steps { float: left; width: 50%; text-align: center; } .install_guide .steps .stepnum { display: block; width: 66px; height: 66px; margin: 15px auto; background-color: #e1e1e1; border-radius: 50%; color: #8c8c8c; font-family: 'Fira Sans', sans-serif; font-size: 39px; font-weight: 300; text-align: center; line-height: 70px; } .install_guide .steps .title { color: black; height: 50px; font-family: 'Fira Sans', sans-serif; font-size: 24px; font-weight: 300; } .install_guide .steps .image { padding-top: 15px; height: 250px; } .download-btn { padding-top: 15px; } .install_guide .steps.step3 { float: none; clear: both; padding-top: 50px; width: 100%; } .install_guide .steps.step1 .image img { margin-top: 35px; } .install_guide .steps .image { } .install_guide .steps .image img { position: relative; z-index: 1; } .install_guide .steps.step1 .image::before { content: ' '; display: block; position: relative; top: 130px; /*left: 50%; width: 100%;*/ left: 370px; width: 300px; height: 20px; background: url('/images/download/dots.png') repeat-x 0 7px, url('/images/download/r-arraw.png') no-repeat center; z-index: 0; } .install_guide .steps.step2 .image::after { content: ' '; display: block; position: relative; bottom: 5px; left: 120px; width: 20px; height: 250px; background: url('/images/download/dots.png') repeat-y 7px 5px, url('/images/download/d-arrow.png') no-repeat center; z-index: 0; } .install_guide .steps.step2.exist-email .image::after { display:none; } .install_guide .steps.step3.exist-email { display:none; } .trouble-download-form-wrapp { margin-top:-32px!important; } .trouble-download-content h1 { text-align:center; } .banner-catch .stores { bottom:4%; position:absolute; } .banner-catch .stores img { margin-left:8px; } .banner-catch .stores img:first-child { margin-left:0; } footer .stores { text-align:center; /* margin-top:25px; */ } footer .stores img { height: 34px; } .app-download .app-download-big { margin-bottom:25px; } .app-download .app-download-big img { max-width:268px; margin:0 auto; border-radius:15px; box-shadow: 0 14px 38px rgba(0, 0, 0, 0.59); } .app-download .app-download-small a { float:right; } .app-download .app-download-small a:first-child { float:left; } .app-download .app-download-small img { height:41px; } .for-form-orderphone.on-down-page.app-download-form-wrapp { margin-top:33px; } .billing-form-title a { float: right; margin-right: 20px; font-size: 14px; line-height: 20px; } .billing-page.express_pay form { display:none; } .pay-express_buttons { text-align:center; } .pay-express_buttons a { margin:0 10px; cursor:pointer; height:53px; } .pay-express_buttons a.btn-gray:hover { color:#fff; text-decoration:none; } .services-top-banner { background: no-repeat center / cover; color: #ffffff; padding-top: 55px; } .services-top-banner .inner { padding: 0 25px; box-sizing: border-box; } .services-top-banner .inner .banner-title { font-size: 48px; font-weight: 700; } .services-top-banner .inner .banner-title h1, .services-top-banner .inner .banner-title h2, .services-top-banner .inner .banner-title h3 { font-size: 48px; font-weight: 700; margin: 0; } .services-top-banner .inner .banner-description { padding-top: 20px; color: #ffffff; font-size: 16px; font-weight: 400; line-height: 21px; } .services-top-banner .inner .banner-form { padding-top: 15px; } .services-top-banner .inner .banner-form.plugins .banner-catch-form { height: 265px; } .services-top-banner .inner .banner-form.plugins .banner-catch-form .input{ width: 512px; } .services-top-banner .inner .banner-form.plugins .banner-catch-form .input, .services-top-banner .inner .banner-form.plugins .input_size{ width: 512px; } .banner-form.plugins .form-orderphone-input, .form-subscribe-input{ margin-right: 0; } .services-top-banner .inner .banner-form.plugins .mult_input{ margin: 15px 6px 0; } .banner-form.plugins .form-orderphone, .banner-form.plugins.form-subscribe{ padding-left: 30px; padding-right: 30px; } .banner-catch-city { position: relative; bottom: auto; left: auto; width: 100%; text-align: center; } .inner.city-wrap{ padding-bottom: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .select_city{ height: 52px; background: #FFFFFF; border: 1px solid #e1e1e1; outline: none; width: 200px; text-indent: 10px; margin-right: 18px; } .city-order-phone.singly-form-orderphone{ padding-left: 0; padding-right: 0; padding-bottom: 20px; } .city_answer_wrap{ background: #4c4c4c; padding: 15px 25px; color: #ffffff; } .city_answer_wrap strong{ padding: 3px 5px 0; } .slideUp{ animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideUp { 0% { transform: translateY(100%); } 50%{ transform: translateY(-8%); } 65%{ transform: translateY(4%); } 80%{ transform: translateY(-4%); } 95%{ transform: translateY(2%); } 100% { transform: translateY(0%); } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(100%); } 50%{ -webkit-transform: translateY(-8%); } 65%{ -webkit-transform: translateY(4%); } 80%{ -webkit-transform: translateY(-4%); } 95%{ -webkit-transform: translateY(2%); } 100% { -webkit-transform: translateY(0%); } } .services-top-banner .inner .banner-form .banner-catch-form, .services-top-banner .inner .banner-form .form-input-login, .services-top-banner .inner .banner-form .form_copy_token { position: relative; bottom: auto; left: auto; width: 100%; height: 190px; text-align: center; background-color: rgba(255,255,255,0.9); } .services-top-banner .inner .banner-form .token_btn{ vertical-align: middle; cursor: pointer; } .services-top-banner .inner .banner-form .form_copy_token{ line-height: 50px; } .services-top-banner .inner .banner-form .form_copy_token .form_copy_token_fields{ position: relative; vertical-align: middle; display: inline-block; margin: 0; padding: 0 15px; outline: 0; border: 1px solid #e1e1e1; border-radius: 3px; width: 293px; height: 52px; color: #000; font-size: 14px; font-weight: 400; font-family: "PT Sans", sans-serif; background: #fff; transition: all 0.2s; margin-right: 18px; } .services-top-banner .inner .banner-form .form_copy_token span.token_lable{ position: absolute; font-size: 12px; line-height: 12px; color: #333333; left: 15px; top: 9px; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } .services-top-banner .inner .banner-form .form_copy_token .token{ text-align: left; font-size: 16px; font-weight: bold; line-height: 16px; margin-top: 27px; } .services-top-banner .inner .banner-form .already_registered, .services-top-banner .inner .banner-form .pin { border-radius: 5px; background-color: rgba(255,255,255,0.9); -webkit-box-shadow: 0 18px 21px 0 rgba(0,0,0,0.55); -moz-box-shadow: 0 18px 21px 0 rgba(0,0,0,0.55); box-shadow: 0 18px 21px 0 rgba(0,0,0,0.55); padding: 29px 30px 20px 35px; } .services-top-banner .inner .banner-form .banner-catch-form .form-orderphone-title { color: #000000; font-size: 27px; font-weight: 400; line-height: 28px; } .services-top-banner .inner .banner-form .banner-catch-form .form-orderphone-title strong { font-weight: 700; } .services-top-banner .inner .banner-form .banner-catch-form .form-orderphone-title span { color: #333333; font-size: 16px; font-weight: 400; } .services-top-banner .inner .banner-form .banner-catch-form .form-orderphone-data-saved, .services-top-banner .inner .banner-form .pin .form-orderphone-data-saved, .services-top-banner .inner .banner-form .banner-catch-form .form-orderphone-data-saved { top: 42px; right: -55px; width: 110px; height: 110px; } .services-top-banner .inner .banner-form .already_registered .form-orderphone-data-saved { top: 40px; right: -42px; width: 85px; height: 85px; } .services-top-banner .inner .banner-form .stores { padding: 10px 0; text-align: center; } .why-psms-block { padding: 40px 0 20px; } .why-psms-block .block-title { color: #000000; font-size: 28px; font-weight: 400; text-align: center; } .why-psms-block .block-title h3, .why-psms-block .block-title h2 { font-size: 28px; font-weight: 400; margin: 0; } .why-psms-block .compare-block .block-head { padding: 20px; color: #333333; line-height: 28px; font-size: 18px; font-weight: 400; text-align: center; background: #f3f3f3; } .why-psms-block .compare-block .block-head strong { font-size: 21px; font-weight: 700; } .why-psms-block .compare-block .block-body { display: table; width: 100%; } .why-psms-block .compare-block .block-body .sides { display: table-cell; width: 50%; padding-bottom: 20px; vertical-align: top; } .why-psms-block .compare-block .block-body .sides.left-side { background: #c63e3e; } .why-psms-block .compare-block .block-body .sides.right-side { background: #4c4c4c; } .why-psms-block .compare-block .block-body .sides .side-head { height: 90px; color: #ffffff; font-size: 21px; font-weight: 700; text-align: center; box-sizing: border-box; } .why-psms-block .compare-block .block-body .sides .side-head .text { padding-top: 40px; } .why-psms-block .compare-block .block-body .sides .side-head .logo { padding-top: 10px; } .why-psms-block .compare-block .block-body .sides .side-body { } .why-psms-block .compare-block .block-body .sides .side-body .image { text-align: center; } .why-psms-block .compare-block .block-body .sides .side-body .image img { max-width: 100%; } .why-psms-block .compare-block .block-body .sides .side-body .steps { color: #ffffff; padding: 0 5px; } .why-psms-block .compare-block .block-body .sides .side-body .steps .item { padding: 36px 0 18px; background: url("/images/services/compare-gray-arrow.png") no-repeat top center; background-image: url("/images/services/compare-white-arrow.png"); } .why-psms-block .compare-block .block-body .sides .side-body .steps .item::after { display: block; content: ''; clear: both; } .why-psms-block .compare-block .block-body .sides .side-body .steps .item .step-wrapper { padding: 0 10px; } .why-psms-block .compare-block .block-body .sides .side-body .steps .item.double .step-wrapper { float: left; width: 50%; box-sizing: border-box; } .why-psms-block .compare-block .block-body .sides .side-body .steps .item .step-wrapper .icon { } .why-psms-block .compare-block .block-body .sides .side-body .steps .item .step-wrapper .icon img { float: left; padding-right: 15px; } .why-psms-block .compare-block .block-body .sides .side-body .steps .item .step-wrapper .title { font-size: 18px; font-weight: 700; line-height: 24px; } .why-psms-block .compare-block .block-body .sides .side-body .steps .item .step-wrapper .text { padding-top: 5px; font-size: 14px; font-weight: 400; line-height: 18px; } .why-psms-block .compare-block .block-body .sides .side-body .steps .item .step-wrapper .title.manvlign { padding-top: 10px; } .why-psms-block .compare-block .block-body.disable_arrow .sides .side-body .steps .item{ background: none; } .why-psms-block .compare-block .block-body .sides .side-body .rate-box { display: inline-block; text-align: left; background: repeat-x; } .why-psms-block .compare-block .block-body .sides .side-body .rate-box .rate { display: inline-block; height: 100%; background: repeat-x; } .why-psms-block .compare-block .block-body .sides .side-body .total-rate { text-align: center; } .why-psms-block .compare-block .block-body .sides .side-body .total-rate .rate-box { width: 215px; height: 33px; background-image: url("/images/services/rate-star-empty.png"); } .why-psms-block .compare-block .block-body .sides .side-body .total-rate .rate-box .rate { background-image: url("/images/services/rate-star-full.png"); } .why-psms-block .compare-block .block-body .sides .side-body .review { padding: 0 30px; } .why-psms-block .compare-block .block-body .sides .side-body .review .name { padding-top: 10px; color: #ffffff; font-size: 18px; font-weight: 700; } .why-psms-block .compare-block .block-body .sides .side-body .review .review-rate { padding-top: 5px; margin-left: -4px; } .why-psms-block .compare-block .block-body .sides .side-body .review .review-rate .rate-box { width: 120px; height: 19px; background-image: url("/images/services/rev-rate-star-empty.png"); } .why-psms-block .compare-block .block-body .sides .side-body .review .review-rate .rate-box .rate { background-image: url("/images/services/rev-rate-star-full.png"); } .why-psms-block .compare-block .block-body .sides .side-body .review .text { padding-top: 10px; color: #ffffff; font-size: 14px; font-weight: 400; } .why-psms-block .compare-block .block-body .sides .side-body .review .date { padding-top: 10px; color: #e6e6e6; font-size: 12px; font-weight: 400; } .why-psms-block .block-description { margin-top: 40px; background: #f3f3f3; background: -moz-linear-gradient(left, #fff 0%, #fff 50%, #f3f3f3 50%, #f3f3f3 100%); background: -webkit-linear-gradient(left, #fff 0%, #fff 50%, #f3f3f3 50%, #f3f3f3 100%); background: linear-gradient(to right, #fff 0%, #fff 50%, #f3f3f3 50%, #f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f3f3f3',GradientType=1 ); } .why-psms-block .block-description .text-wrapper { position: relative; padding: 10px; background: #f3f3f3; } .why-psms-block .block-description .text-wrapper::after { display: block; content: ''; clear: both; } .why-psms-block .block-description .text-wrapper .text { padding: 20px 230px 20px 20px; color: #333333; font-size: 16px; font-weight: 400; line-height: 24px; /* background: url("/images/services/why-description-icon1.png") no-repeat right center / contain; */ } .why-psms-block .block-description .text-wrapper .image { margin-left: 70px; float: right; } .why-psms-block .block-description .text-wrapper .image.outsider { position: absolute; bottom: -25px; right: 0; } .necessary_block2{ background: #ffffff!important; } .necessary_block2 .block-content .item-list ul li .item .icon{ height: 190px!important; } .necessary_block2 .block-content .item-list ul li .item p{ font-size: 13px; padding: 8px 4% 0; line-height: 18px; min-height: 170px; margin-bottom: 9px; } .necessary_block2 .block-desc span{ display: block; padding: 36px 5px 0; font-size: 21px; line-height: 28px; font-weight: bold; text-align: center; } .necessary_block2 .block-content .item-list ul li:not(:last-child) .item .icon:after{ top:59%!important; width: 14px!important; } .necessary_block2 .block-content .item-list ul li .item span{ display: block; background: #E92727; margin: 0 4%; padding: 7px 2px; font-size: 13px; line-height: 19px; color: #ffffff; } .necessary_block { padding: 35px 0 25px; background: #f3f3f3; } .necessary_block.big-variant { padding: 40px 0 10px; } .necessary_block .block-title { color: #000000; font-size: 28px; font-weight: 400; text-align: center; } .necessary_block .block-title h2{ font-size: 32px; font-weight: 400; margin: 0; text-align: center; } .necessary_block .block-title h3 { font-size: 28px; font-weight: 400; margin: 0; } .necessary_block .block-content { } .necessary_block .block-content .item-list { } .necessary_block .block-content .item-list ul { margin: 0; padding: 0; list-style: none; } .necessary_block .block-content .item-list ul:after { clear: both; content: ''; display: block; } .necessary_block .block-content .item-list ul li { width: 25%; float: left; box-sizing: border-box; } .necessary_block.treein .block-content .item-list ul li { width: 33.3%; float: left; box-sizing: border-box; text-align: center; margin-bottom: 20px; } .necessary_block.treein .block-content .item-list ul li span{ min-height: 38px; } .necessary_block.treein .block-content .item-list ul li .item p{ min-height: 110px; } .necessary_block.big-variant .block-content .item-list ul li { width: 33.3%; padding: 20px 0 40px; } .necessary_block.big-variant .block-content .item-list ul li:nth-child(3n+4) { clear: both; } .necessary_block .block-content .item-list ul li .item { text-align: center; } .necessary_block .block-content .item-list ul li .item .icon { position: relative; height: 146px; } .necessary_block .block-content .item-list ul li .item .icon img { max-width: 100%; height: 100%; } .necessary_block .block-content .item-list ul li:not(:last-child) .item .icon:after { content: url("/images/services/next-step-arrow.svg"); display: block; position: absolute; top: 50%; right: -8px; width: 17px; height: 32px; margin-top: -16px; } .necessary_block.big-variant .block-content .item-list ul li:nth-child(3n+4) .item .icon:before { content: url("/images/services/next-step-arrow.png"); display: block; position: absolute; top: 50%; left: -8; width: 17px; height: 32px; margin-top: -16px; } .necessary_block .block-content .item-list ul li .item .title, .necessary_block .block-content .item-list ul li .item .title a { padding-top: 10px; color: #c72727; font-size: 18px; font-weight: 700; line-height: 19px; text-decoration: none; } .necessary_block .block-content .item-list ul li .item .text { padding-top: 10px; max-width: 250px; margin: 0 auto; color: #333333; font-size: 14px; font-weight: 400; line-height: 18px; } /* block justify -----------------------------------------------------------------------------*/ .block_justify{ text-align: justify; line-height: 0; font-size: 1px; /* 1px 亟仍�� Opera */ /* �亠从舒���于仂 亟仍�� IE6-7*/ text-justify: newspaper; zoom:1; /* �从仍�ﾑ�舒亠仄 于 �舒弍仂�� 仗仂�仍亠亟仆�ﾑ� ���仂从�*/ text-align-last: auto; } .block_justify:after { width: 100%; height: 0px; visibility: hidden; overflow: hidden; content: ''; display: inline-block; } .block_justify div, .block_justify nav, .block_justify li, .block_justify figure, .block_justify p{ display: inline-block; line-height: normal; vertical-align: middle; /* inline-block for IE6-7*/ //display : inline; //zoom : 1; } .gradient_block{ padding: 30px 0; overflow: hidden; display: block; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#de1c24+0,821d63+100 */ background: #de1c24; /* Old browsers */ background: -moz-linear-gradient(left, #de1c24 0%, #821d63 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #de1c24 0%,#821d63 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #de1c24 0%,#821d63 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de1c24', endColorstr='#821d63',GradientType=1 ); /* IE6-9 */ text-align: right; } .gradient_block .inner p{ display: inline-block; width: 50%; font-size: 21px; line-height: 36px; color: #ffffff; vertical-align: middle; text-align: left; } .gradient_block .inner .smart_panel{ display: inline-block; width: 46%; vertical-align: middle; } .gradient_block .inner .smart_panel img{ display: block; width: 100%; } .inl-block .gray-bg{ width: 37%; text-align: left; background: #F2F2F2; padding: 25px 20px 5px 30px; font-size: 16px; vertical-align: middle; } .inl-block .gray-bg p{ padding-right: 15px; padding-bottom: 12px; } .inl-block .transp{ width: 54%; vertical-align: middle; } .inl-block .transp p{ padding-right: 15px; padding-bottom: 12px; text-align: left; } .calculation_block { background: #f3f3f3; background: -moz-linear-gradient(left, #c82222 0%, #c82222 50%, #f3f3f3 50%, #f3f3f3 100%); background: -webkit-linear-gradient(left, #c82222 0%, #c82222 50%, #f3f3f3 50%, #f3f3f3 100%); background: linear-gradient(to right, #c82222 0%, #c82222 50%, #f3f3f3 50%, #f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c82222', endColorstr='#f3f3f3',GradientType=1 ); } .calculation_block.reputation-style { background: #fff; background: -moz-linear-gradient(left, #c82222 0%, #c82222 50%, #fff 50%, #fff 100%); background: -webkit-linear-gradient(left, #c82222 0%, #c82222 50%, #fff 50%, #fff 100%); background: linear-gradient(to right, #c82222 0%, #c82222 50%, #fff 50%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c82222', endColorstr='#fff',GradientType=1 ); } .calculation_block .sides { } .calculation_block .sides:after { display: block; content: ''; clear: both; } .calculation_block .sides .side { float: left; width: 50%; padding: 30px 30px 40px; box-sizing: border-box; } .calculation_block.reputation-style .sides .side { padding-bottom: 0; } .calculation_block .sides .side .description { color: #ffffff; font-size: 16px; font-weight: 400; line-height: 24px; } .calculation_block .sides .side .description .text { padding-bottom: 50px; } .calculation_block.reputation-style .sides .side .description .text { padding-bottom: 0; } .calculation_block .sides .side .description .text ul { list-style: square; } .calculation_block .sides .side .description .text ul li { padding-top: 10px; } .calculation_block .sides .side .description .image { float: right; margin-left: 20px; } .calculation_block .sides .side .description .image img { } .calculation_block .sides .side .calc { padding-right: 35px; } .calculation_block .sides .side .calc .side-title { color: #000000; font-size: 21px; font-weight: 700; } .calculation_block .sides .side .calc .calc-body { } .calculation_block .sides .side .calc .calc-body .single-price { padding-top: 25px; color: #333333; font-size: 27px; font-weight: 400; } .calculation_block .sides .side .calc .calc-body .pack-block { padding-top: 25px; } .calculation_block .sides .side .calc .calc-body .pack-block .fname { color: #666666; font-size: 12px; font-weight: 400; padding-bottom: 10px; } .calculation_block .sides .side .calc .calc-body .pack-block .select-pack { color: #333333; font-size: 27px; font-weight: 400; width: 100%; height: 64px; border: 1px solid #e1e1e1; border-radius: 5px; padding-left: 20px; background: url(/local/templates/main-new/css/../img/select-arrow.png) no-repeat right 20px top 30px #fff; -webkit-appearance: none; } .calculation_block .sides .side .calc .calc-body .total-block { padding-top: 40px; display: table; width: 100%; } .calculation_block .sides .side .calc .calc-body .total-block:after { clear: both; content: ''; display: block; } .calculation_block .sides .side .calc .calc-body .total-block .fname { display: table-cell; color: #666666; font-size: 12px; font-weight: 400; text-align: left; vertical-align: middle; } .calculation_block .sides .side .calc .calc-body .total-block .total { display: table-cell; color: #000000; font-size: 27px; font-weight: 700; text-align: right; vertical-align: middle; } .calculation_block .sides .side .calc .calc-body .total-block .total .price { } .calculation_block .sides .side .calc .calc-footer { padding-top: 20px; text-align: center; } .calculation_block.reputation-style .sides .side .calc .calc-footer { text-align: left; } .calculation_block .sides .side .calc .calc-footer .call-test-form { } .calculation_block .sides .side .calc .calc-footer .call-test-form .title { color: #333333; font-size: 16px; font-weight: 700; } .calculation_block .sides .side .calc .calc-footer .call-test-form .button { padding-top: 15px; } .calculation_block .sides .side .calc .calc-footer .call-test-form .button .btn-green_tariff { width: 300px; } .inner .profit_block{ padding: 25px 0 0px; } .profit_block { padding: 45px 0 15px; } .profit_block .block-title { color: #000000; font-size: 28px; font-weight: 400; text-align: left; } .profit_block .block-title h2, .profit_block .block-title h3 { font-size: 28px; font-weight: 400; margin: 0; text-align: left; } .profit_block .block-title h3{ padding-left: 10px; } .profit_block .block-content { } .profit_block .block-content .profit-list { } .profit_block .block-content .profit-list::after { display: block; content: ''; clear: both; } .profit_block .block-content .profit-list>ul { float: left; width: 50%; margin: 0; padding: 0; list-style: none; box-sizing: border-box; } .profit_block .block-content .profit-list>ul:nth-child(even) { padding-left: 70px; } .profit_block .block-content .profit-list>ul>li { padding-left: 60px; padding-bottom: 15px; min-height: 60px; background: no-repeat left top 5px; } .profit_block .block-content .profit-list>ul>li>.title { color: #333333; font-size: 18px; font-weight: 700; line-height: 21px; } .profit_block.targets-style .block-content .profit-list>ul>li { display: table; } .profit_block.targets-style .block-content .profit-list>ul>li>.title { display: table-cell; vertical-align: middle; } .profit_block .block-content .profit-list>ul>li>.text { padding-top: 10px; color: #333333; font-size: 14px; font-weight: 400; line-height: 18px; } .profit_block .block-content .profit-list>ul>li>.text ul, .profit_block .block-content .bottom-text ul { margin: 0; padding: 0; list-style: none; } .profit_block .block-content .profit-list>ul>li>.text ul li{ padding-left: 20px; padding-bottom: 15px; background: url(/images/list-red-square.png) no-repeat left top 5px; } .profit_block .block-content .bottom-text .bt-title { padding-top: 15px; color: #333333; font-size: 16px; font-weight: 400; line-height: 24px; } .profit_block .block-content .bottom-text { padding-top: 15px; color: #333333; font-size: 16px; font-weight: 400; line-height: 24px; } .profit_block .block-content .bottom-text p, .profit_block .block-content .bottom-text ul { margin-bottom: 15px; } .profit_block .block-content .bottom-text ul li { padding-left: 20px; margin-bottom: 5px; background: url(/images/list-red-square.png) no-repeat left center; } .freetest-solid-block { padding: 40px 0; background: #f3f3f3; } .freetest-solid-block .inner { } .freetest-solid-block .inner .block-title { color: #000000; font-size: 28px; font-weight: 400; text-align: center; } .freetest-solid-block .inner .block-title h2, .freetest-solid-block .inner .block-title h3 { font-size: 28px; font-weight: 400; margin: 0; } .freetest-solid-block .inner .form-orderphone.singly-form-orderphone { width: 100%; padding: 0; height: auto; background: none; -webkit-box-shadow: none; } .freetest-solid-block .inner .form-orderphone.singly-form-orderphone .field-wrapper { float: left; width: 33.3%; padding: 0; box-sizing: border-box; } .freetest-solid-block .inner .form-orderphone.singly-form-orderphone .field-wrapper:first-child { padding-right: 25px; } .freetest-solid-block .inner .form-orderphone.singly-form-orderphone .field-wrapper:last-of-type { padding-left: 25px; } .freetest-solid-block .inner .form-orderphone.singly-form-orderphone .form-text, .freetest-solid-block .inner .form-orderphone.singly-form-orderphone input[type="tel"], .freetest-solid-block .inner .form-orderphone.singly-form-orderphone input[type="submit"] { display: inline-block; width: 100%; margin: 0; height: 56px; } .freetest-solid-block .inner .form-orderphone.singly-form-orderphone .form-text { color: #333333; font-size: 14px; font-weight: 400; line-height: 18px; white-space: normal; } .freetest-solid-block .inner .form-orderphone.singly-form-orderphone { position: relative; top: 0; right: 0; } .freetest-solid-block .inner .form-orderphone.singly-form-orderphone:after { clear: both; } /* content elmnts */ .content.services{ padding: 10px 0 40px; background: #fff; } .content.services .inner{ padding: 0; } .content.services h1{ font-size: 48px; line-height: 52px; font-weight: 300; margin:0 0 20px; } .content.services h2{ font-size: 28px; font-weight: 400; line-height: 36px; margin:30px 0 20px; text-align: center; } .content.services h3{ font-size: 24px; line-height: 28px; font-weight: 300; margin:20px 0 14px; } .content.services p{ font-size: 16px; font-weight: 400; line-height: 24px; margin:0 0 10px; color: #333333; } .content.services strong{ color: #333333; font-size: 16px; font-weight: 700; line-height: 18px; margin:12px 0 12px; } .content.services ul, ol{ margin: 0 0 20px; padding: 0; } .content.services ul li{ margin: 0 0 10px; padding: 0; color: #333333; font-size: 16px; font-weight: 400; line-height: 24px; list-style-image: url(/images/list-red-square.png); list-style-position: inside; } .content.services ol li{ margin: 0 0 10px; padding: 0; color: #333333; font-size: 16px; font-weight: 400; line-height: 24px; list-style-position: inside; } .red-line-block { padding: 30px 0; background: #c82222; } .red-line-block .block-content { } .red-line-block .block-content .text { color: #ffffff; line-height: 28px; font-size: 18px; font-weight: 400; text-align: center; } .red-line-block .block-content .text strong { font-size: 21px; font-weight: 700; } .getPromo-block { background: #facc01; padding: 25px 0 20px; } .getPromo-block::after { display: block; content: ''; clear: both; } .getPromo-block .getPromo-block-title { color: #000000; font-size: 27px; font-weight: 400; line-height: 50px; padding-left: 220px; margin: 0; background: url("/images/services/promo-form-logo.png") no-repeat left center / contain; } .getPromo-block .getPromo-block-description { padding-top: 10px; color: #333333; font-size: 16px; font-weight: 400; line-height: 21px; margin: 0; } .getPromo-block .getPromo-block-btn { float: right; } .getPromo-block .btn { height: 50px; line-height: 53px; width: 260px; display: inline-block; margin: 0; padding: 0; margin-left: 20px; outline: 0; border: 0; border-radius: 2px; text-align: center; text-transform: uppercase; text-decoration: none; font-size: 14px; font-weight: 700; -webkit-transition: all .5s; transition: all .5s; } .btn.btn-red { background: #c82222; color: #fff; text-decoration: none; box-shadow: 0 1px 2px 0 #c82222; -moz-box-shadow: 0 1px 2px 0 #c82222; -webkit-box-shadow: 0 1px 2px 0 #c82222; } .btn.btn-red:hover { background: #f20d0d; color: #343434; } .staff-block { } .staff-block .managers-block, .staff-block .other-block { padding-top: 20px; } .staff-block .managers-block .block-title, .staff-block .other-block .block-title { color: #000000; font-size: 24px; font-weight: 300; line-height: 1; } .staff-block .block-title h2, .staff-block .block-title h3 { margin: 0; } .staff-block .managers-block .workers, .staff-block .other-block .workers { } .staff-block .managers-block .workers ul, .staff-block .other-block .workers ul { list-style: none; padding: 0; margin: 0; } .staff-block .managers-block .workers ul::after, .staff-block .other-block .workers ul::after { display: block; content: ''; clear: both; } .staff-block .managers-block .workers ul li, .staff-block .other-block .workers ul li { float: left; width: 25%; padding: 0 20px 20px 0; margin: 0; box-sizing: border-box; list-style: none; line-height: 1; } .staff-block .other-block .workers ul li { width: 16.66%; } .staff-block .managers-block .workers ul li .image, .staff-block .other-block .workers ul li .image { } .staff-block .managers-block .workers ul li .image img, .staff-block .other-block .workers ul li .image img { width: 100%; } .staff-block .managers-block .workers ul li .name, .staff-block .other-block .workers ul li .name { padding-top: 10px; color: #000000; font-size: 16px; font-weight: 400; } .staff-block .managers-block .workers ul li .position, .staff-block .other-block .workers ul li .position { padding-top: 3px; color: #9c9c9c; font-size: 12px; font-weight: 400; } /* NEW CSS STYLE CAMERA ONLINE STAFF * DATE 18/05/17 11:47 */ .staff-block li { position:relative; } .staff-block .camera { position:absolute; top:0; right:0; } .staff-block .icon-28 a, .staff-block .icon-36 a { display:block; } .staff-block .icon-28 { width:28px; height:28px; right: 22px; top: 5px; } .staff-block .icon-36 { width:36px; height:36px; right: 25px; top: 10px; } .camera-online-block { background:url(/local/templates/.default/img/back_staff.jpg) 50% repeat-x; height:192px; margin-bottom:30px; } .camera-online-block .block-content { width:550px; height:192px; background:url(/local/templates/.default/svg/camera_bottom-01.svg) 0 50% no-repeat; float:right; } .camera-online-block .text{ margin-left:160px; margin-top: 30px; font-size: 28px; font-weight: 400; } .camera-online-block .btn { margin-left:160px; } .reviews_gal .anons { max-height: 160px; } .reviews_gal .reviews-title h3, .reviews_gal .reviews-title h2 { font-weight: normal; } .r_rating { margin-top:5px; } .r_rating .icon-rating .st0{fill:#ccc;} .r_rating .icon-rating.stars-1 .st0:nth-of-type(-n+1){fill:#facc01} .r_rating .icon-rating.stars-2 .st0:nth-of-type(-n+2){fill:#facc01} .r_rating .icon-rating.stars-3 .st0:nth-of-type(-n+3){fill:#facc01} .r_rating .icon-rating.stars-4 .st0:nth-of-type(-n+4){fill:#facc01} .r_rating .icon-rating.stars-5 .st0:nth-of-type(-n+5){fill:#facc01} .api-icon { } .api-icon .icon { position: relative; display: inline-block; width: 80px; height: 80px; padding: 0; text-align: center; } .api-icon .icon img { width: 100%; height: 100%; transition: 200ms ease-in; } .api-icon .icon img:hover { transform: scale(1.3); } .float-order-phone { display: none; bottom: 0; background: rgba(0,0,0,.85); position: fixed !important; z-index: 1000000; } .close_now{ display: none!important; } .float-order-phone .close{ position: absolute; left: 5px; top: -30px; background: #000; padding: 5px; z-index: 1; cursor: pointer; border-radius: 100%; } .float-order-phone .close:before{ content: ""; display: block; background: url(/local/templates/main-new/css/../SVG/close.svg) no-repeat; width: 12px; height: 12px; z-index: 2; } .float-order-phone.open { } .float-order-phone .order-phone-form { margin-top: 10px; margin-bottom: 10px; } .float-order-phone .order-phone-form fieldset { display:inline-block; vertical-align: middle; width: 49%; font-size: 0; } .float-order-phone .order-phone-form .phone-form-title { color: #fff; } .float-order-phone .order-phone-form .phone-form-title p, .float-order-phone .already_registered .phone-form-title p, .float-order-phone .pin .phone-form-title p { font-size: 18px; margin: 0; line-height: 1.5em; color: #fff; } .float-order-phone .order-phone-form .phone-form-title span, .float-order-phone .already_registered .phone-form-title span, .float-order-phone .pin .phone-form-title span { color: #fff; font-size: 12px; line-height: 1.2em !important; display: block; } .float-order-phone .order-phone-form fieldset .form-orderphone-input, .float-order-phone .order-phone-form fieldset .form-subscribe-input, .float-order-phone .order-phone-form fieldset input[type="text"]{ margin-right: 10px; height: 55px; } .float-order-phone .already_registered { padding: 0; text-align: right; } .float-order-phone .already_registered .phone-form-title{ margin-right: 20px; } .float-order-phone .already_registered p { } .float-order-phone .pin { padding: 0; } .float-order-phone .pin p { } .float-order-phone .retry_info { text-align: center; color:#fff; } .float-order-phone .retry_info a, .float-order-phone .retry_info span { color:#fff; } .float-order-phone .form-agreement, .float-order-phone .form-agreement a{ color: #fff; } .form-agreement { color: #555; font-size: 10px; padding-top: 10px; word-wrap: normal; white-space: normal; } .form-agreement a { color: #555; text-decoration: none; } /* .disclaimer { position: fixed; left: 10px; right: 10px; bottom: 10px; width: 400px; padding: 20px; max-width: 100%; font-size: 13px; font-weight: 300; line-height: 1.4; background: #fff; border: 1px solid #c72727; background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(199, 39, 39, 0.7); border-radius: 3px; z-index: 999999; } .disclaimer .close-btn { position: absolute; display: block; top: 8px; right: 10px; line-height: 1; cursor: pointer; } .disclaimer:hover { background: #fff; border: 1px solid #c72727; } */ .disclaimer { color: #fff; font-size: 12px; font-weight: 300; line-height: 1; text-align: center; background: #c72727; } .disclaimer a { color: inherit; } .services-blocks{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; font-size: 14px; line-height: 1.1; } .service-block{ max-width: 210px; } .sb-head{ font-weight: bold; text-transform: uppercase; margin-bottom: 10px; } .content.margin-25{ margin:25px 0; padding: 0; } .content p.bold{ font-weight: bold; line-height: 18px; } .content p.head{ font-size: 28px; line-height: 36px; text-align: center; margin:35px 0 25px; } .optim-holder{ width: 877px; display: flex; justify-content: space-between; margin: 0 auto; } .oh-block{ width: 233px; text-align: center; position: relative; } .oh-block:after{ content:""; display: block; position: absolute; width: 17px; height: 31px; background: url("/local/templates/main-new/css/../img/red-arrow.png") 0 0 no-repeat; left: 275px; top: 165px; z-index: 2; } .oh-block:last-child:after{ display: none; } .oh-block__head{ font-size: 18px; font-weight: bold; color: #c72727; margin: 15px 0 10px; } .oh-block__text{ height: 120px; font-size: 14px; line-height: 1.4; } .oh-block__red{ background: #da242a; color: #fff; font-size: 14px; padding: 5px 0; } .bold{ font-weight: bold; } .bigfont{ font-size: 24px; line-height: 1.4; margin: 30px 0; } .already_registered.var-3-btn { width: 100%; z-index: 1; } .already_registered.var-3-btn .variants { margin: 0; padding: 10px 0 0; list-style: none; } .already_registered.var-3-btn .variants li { float: left; width: 33.33%; margin: 0; padding: 0 20px 0 45px; box-sizing: border-box; list-style: none; } .already_registered.var-3-btn .variants li .title { padding-bottom: 10px; font-weight: 400; font-size: 18px; color: #000; } .already_registered.var-3-btn .variants li .btn-wrapper { } .already_registered.var-3-btn .variants li .btn-wrapper a { max-width: 100%; } .already_registered.var-3-btn .variants li:nth-child(1) { background: url(/images/alredy_registered/icon1.png) no-repeat top left; } .already_registered.var-3-btn .variants li:nth-child(2) { background: url(/images/alredy_registered/icon2.png) no-repeat top left; } .already_registered.var-3-btn .variants li:nth-child(3) { background: url(/images/alredy_registered/icon3.png) no-repeat top left; } .already_registered.var-3-btn .variants::after { display: block; content: ''; clear: both; } .already_registered.var-3-btn::after { display: block; content: ''; position: absolute; top: -45px; right: -40px; width: 85px; height: 85px; background: url(/images/alredy_registered/shield.png) no-repeat center / contain; z-index: 3; } #colorbox .already_registered.var-3-btn .variants li { padding: 10px 5px 0; background: none; text-align: center; } #colorbox .already_registered.var-3-btn .variants li .title { display: none; } .social_wrapper{ position: fixed; padding: 0 0 15px 15px; bottom: 0; z-index: 100000000; } .social_wrapper a{ display: block; width: 100%; height: 100%; } .viber_btn{ position: relative; display: inline-block; background: #fff url(/local/templates/.default/css/../img2/SVG/viber_ico.svg) no-repeat 18px 0%; width: 47px; height: 47px; background-size: 47px 47px; background-position: 0; vertical-align: bottom; box-shadow: 0 6px 10px rgba(0,0,0,0.25); cursor: pointer; border-radius: 50px; z-index: 2147483000!important; } .whatsapp_btn{ position: relative; display: inline-block; background: #fff url(/local/templates/.default/css/../img2/SVG/whatsapp_ico.svg) no-repeat 18px 0%; width: 47px; height: 47px; background-size: 47px 47px; margin-left: 5px; background-position: 0; vertical-align: bottom; box-shadow: 0 6px 10px rgba(0,0,0,0.25); cursor: pointer; border-radius: 50px; z-index: 2147483000!important; } .audit-page{ background-color: white; } .services-top-banner.audit-page .banner-title{ color: #333333; font-weight: normal; } .form-orderphone-info{ color: #333333; font-size: 16px; line-height: 20px; padding-bottom: 33px; } .services-top-banner.audit-page .banner-form{ padding-top: 40px; } .form-audit{ box-sizing: border-box; text-align: left; height: 253px; border-left: 6px solid #C63E3E; background-color: #ffffff; padding: 29px 30px 20px 147px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.16); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.16); background: #fff url(/local/templates/.default/css/../img2/SVG/brain.svg) no-repeat 40px 27px; } .form-audit .btn-green{ width: 159px; } #pact-widget{ background: transparent!important; } #pact-widget h6{ display: none!important; } .page-site-map .map{ float: left; } .page-site-map .map ul{ float: left; } .page-site-map .map ul li{ min-width: 220px; list-style-image:none; } .page-site-map .map a{ text-decoration: none; font-size: 16px; } .page-site-map .nav-title{ padding: 0 0 10px 0; } @media (max-width: 1500px) { body #carrotquest-messenger-collapsed-container.carrotquest-messenger-right_bottom{ bottom: 77px!important; } } .intl-tel-input { position: relative; display: inline-block; color: #333; } .intl-tel-input .hide { display: none; } .intl-tel-input .flag-dropdown { position: absolute; z-index: 1; cursor: pointer; } .intl-tel-input .flag-dropdown .selected-flag { margin: 1px; padding: 17px 16px 17px 6px; } .intl-tel-input .flag-dropdown .selected-flag:hover { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input .flag-dropdown .selected-flag .down-arrow { top: 6px; position: relative; left: 20px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid black; } .intl-tel-input .flag-dropdown .country-list { list-style: none; padding: 0; text-align: left; margin: 0; z-index: 1; overflow-y: scroll; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #cccccc; position: absolute; top: 29px; width: 330px; max-height: 200px; } .intl-tel-input .flag-dropdown .country-list .divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #cccccc; } .intl-tel-input .flag-dropdown .country-list .country { line-height: 16px; padding: 4px 10px; } .intl-tel-input .flag-dropdown .country-list .country .dial-code { color: #999999; } .intl-tel-input .flag-dropdown .country-list .country.highlight { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input .flag-dropdown .country-list .flag { display: inline-block; vertical-align: bottom; } .intl-tel-input .flag-dropdown .country-list .flag, .intl-tel-input .flag-dropdown .country-list .country-name { margin-right: 6px; } .intl-tel-input input { box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 47px; position: relative; z-index: 0; } .intl-tel-input input { border: 1px solid #CCC; font-family: inherit; font-size: 100%; color: inherit; } /* originally from https://github.com/lafeber/world-flags-sprite */ .f16 .flag { width: 16px; height: 16px; background: url("/local/templates/.default/img/flags16.png") no-repeat; } .f16 ._African_Union { background-position: 0 -16px; } .f16 ._Arab_League { background-position: 0 -32px; } .f16 ._ASEAN { background-position: 0 -48px; } .f16 ._CARICOM { background-position: 0 -64px; } .f16 ._CIS { background-position: 0 -80px; } .f16 ._Commonwealth { background-position: 0 -96px; } .f16 ._England { background-position: 0 -112px; } .f16 ._European_Union { background-position: 0 -128px; } .f16 ._Islamic_Conference { background-position: 0 -144px; } .f16 ._Kosovo { background-position: 0 -160px; } .f16 ._NATO { background-position: 0 -176px; } .f16 ._Northern_Cyprus { background-position: 0 -192px; } .f16 ._Northern_Ireland { background-position: 0 -208px; } .f16 ._Olimpic_Movement { background-position: 0 -224px; } .f16 ._OPEC { background-position: 0 -240px; } .f16 ._Red_Cross { background-position: 0 -256px; } .f16 ._Scotland { background-position: 0 -272px; } .f16 ._Somaliland { background-position: 0 -288px; } .f16 ._Tibet { background-position: 0 -304px; } .f16 ._United_Nations { background-position: 0 -320px; } .f16 ._Wales { background-position: 0 -336px; } .f16 .ad { background-position: 0 -352px; } .f16 .ae { background-position: 0 -368px; } .f16 .af { background-position: 0 -384px; } .f16 .ag { background-position: 0 -400px; } .f16 .ai { background-position: 0 -416px; } .f16 .al { background-position: 0 -432px; } .f16 .am { background-position: 0 -448px; } .f16 .an { background-position: 0 -464px; } .f16 .ao { background-position: 0 -480px; } .f16 .aq { background-position: 0 -496px; } .f16 .ar { background-position: 0 -512px; } .f16 .as { background-position: 0 -528px; } .f16 .at { background-position: 0 -544px; } .f16 .au { background-position: 0 -560px; } .f16 .aw { background-position: 0 -576px; } .f16 .az { background-position: 0 -592px; } .f16 .ba { background-position: 0 -608px; } .f16 .bb { background-position: 0 -624px; } .f16 .bd { background-position: 0 -640px; } .f16 .be { background-position: 0 -656px; } .f16 .bf { background-position: 0 -672px; } .f16 .bg { background-position: 0 -688px; } .f16 .bh { background-position: 0 -704px; } .f16 .bi { background-position: 0 -720px; } .f16 .bj { background-position: 0 -736px; } .f16 .bm { background-position: 0 -752px; } .f16 .bn { background-position: 0 -768px; } .f16 .bo { background-position: 0 -784px; } .f16 .br { background-position: 0 -800px; } .f16 .bs { background-position: 0 -816px; } .f16 .bt { background-position: 0 -832px; } .f16 .bw { background-position: 0 -848px; } .f16 .by { background-position: 0 -864px; } .f16 .bz { background-position: 0 -880px; } .f16 .ca { background-position: 0 -896px; } .f16 .cg { background-position: 0 -912px; } .f16 .cf { background-position: 0 -928px; } .f16 .cd { background-position: 0 -944px; } .f16 .ch { background-position: 0 -960px; } .f16 .ci { background-position: 0 -976px; } .f16 .ck { background-position: 0 -992px; } .f16 .cl { background-position: 0 -1008px; } .f16 .cm { background-position: 0 -1024px; } .f16 .cn { background-position: 0 -1040px; } .f16 .co { background-position: 0 -1056px; } .f16 .cr { background-position: 0 -1072px; } .f16 .cu { background-position: 0 -1088px; } .f16 .cv { background-position: 0 -1104px; } .f16 .cy { background-position: 0 -1120px; } .f16 .cz { background-position: 0 -1136px; } .f16 .de { background-position: 0 -1152px; } .f16 .dj { background-position: 0 -1168px; } .f16 .dk { background-position: 0 -1184px; } .f16 .dm { background-position: 0 -1200px; } .f16 .do { background-position: 0 -1216px; } .f16 .dz { background-position: 0 -1232px; } .f16 .ec { background-position: 0 -1248px; } .f16 .ee { background-position: 0 -1264px; } .f16 .eg { background-position: 0 -1280px; } .f16 .eh { background-position: 0 -1296px; } .f16 .er { background-position: 0 -1312px; } .f16 .es { background-position: 0 -1328px; } .f16 .et { background-position: 0 -1344px; } .f16 .fi { background-position: 0 -1360px; } .f16 .fj { background-position: 0 -1376px; } .f16 .fm { background-position: 0 -1392px; } .f16 .fo { background-position: 0 -1408px; } .f16 .fr { background-position: 0 -1424px; } .f16 .ga { background-position: 0 -1440px; } .f16 .gb { background-position: 0 -1456px; } .f16 .gd { background-position: 0 -1472px; } .f16 .ge { background-position: 0 -1488px; } .f16 .gg { background-position: 0 -1504px; } .f16 .gh { background-position: 0 -1520px; } .f16 .gi { background-position: 0 -1536px; } .f16 .gl { background-position: 0 -1552px; } .f16 .gm { background-position: 0 -1568px; } .f16 .gn { background-position: 0 -1584px; } .f16 .gp { background-position: 0 -1600px; } .f16 .gq { background-position: 0 -1616px; } .f16 .gr { background-position: 0 -1632px; } .f16 .gt { background-position: 0 -1648px; } .f16 .gu { background-position: 0 -1664px; } .f16 .gw { background-position: 0 -1680px; } .f16 .gy { background-position: 0 -1696px; } .f16 .hk { background-position: 0 -1712px; } .f16 .hn { background-position: 0 -1728px; } .f16 .hr { background-position: 0 -1744px; } .f16 .ht { background-position: 0 -1760px; } .f16 .hu { background-position: 0 -1776px; } .f16 .id { background-position: 0 -1792px; } .f16 .mc { background-position: 0 -1792px; } .f16 .ie { background-position: 0 -1808px; } .f16 .il { background-position: 0 -1824px; } .f16 .im { background-position: 0 -1840px; } .f16 .in { background-position: 0 -1856px; } .f16 .iq { background-position: 0 -1872px; } .f16 .ir { background-position: 0 -1888px; } .f16 .is { background-position: 0 -1904px; } .f16 .it { background-position: 0 -1920px; } .f16 .je { background-position: 0 -1936px; } .f16 .jm { background-position: 0 -1952px; } .f16 .jo { background-position: 0 -1968px; } .f16 .jp { background-position: 0 -1984px; } .f16 .ke { background-position: 0 -2000px; } .f16 .kg { background-position: 0 -2016px; } .f16 .kh { background-position: 0 -2032px; } .f16 .ki { background-position: 0 -2048px; } .f16 .km { background-position: 0 -2064px; } .f16 .kn { background-position: 0 -2080px; } .f16 .kp { background-position: 0 -2096px; } .f16 .kr { background-position: 0 -2112px; } .f16 .kw { background-position: 0 -2128px; } .f16 .ky { background-position: 0 -2144px; } .f16 .kz { background-position: 0 -2160px; } .f16 .la { background-position: 0 -2176px; } .f16 .lb { background-position: 0 -2192px; } .f16 .lc { background-position: 0 -2208px; } .f16 .li { background-position: 0 -2224px; } .f16 .lk { background-position: 0 -2240px; } .f16 .lr { background-position: 0 -2256px; } .f16 .ls { background-position: 0 -2272px; } .f16 .lt { background-position: 0 -2288px; } .f16 .lu { background-position: 0 -2304px; } .f16 .lv { background-position: 0 -2320px; } .f16 .ly { background-position: 0 -2336px; } .f16 .ma { background-position: 0 -2352px; } .f16 .md { background-position: 0 -2368px; } .f16 .me { background-position: 0 -2384px; } .f16 .mg { background-position: 0 -2400px; } .f16 .mh { background-position: 0 -2416px; } .f16 .mk { background-position: 0 -2432px; } .f16 .ml { background-position: 0 -2448px; } .f16 .mm { background-position: 0 -2464px; } .f16 .mn { background-position: 0 -2480px; } .f16 .mo { background-position: 0 -2496px; } .f16 .mq { background-position: 0 -2512px; } .f16 .mr { background-position: 0 -2528px; } .f16 .ms { background-position: 0 -2544px; } .f16 .mt { background-position: 0 -2560px; } .f16 .mu { background-position: 0 -2576px; } .f16 .mv { background-position: 0 -2592px; } .f16 .mw { background-position: 0 -2608px; } .f16 .mx { background-position: 0 -2624px; } .f16 .my { background-position: 0 -2640px; } .f16 .mz { background-position: 0 -2656px; } .f16 .na { background-position: 0 -2672px; } .f16 .nc { background-position: 0 -2688px; } .f16 .ne { background-position: 0 -2704px; } .f16 .ng { background-position: 0 -2720px; } .f16 .ni { background-position: 0 -2736px; } .f16 .nl { background-position: 0 -2752px; } .f16 .no { background-position: 0 -2768px; } .f16 .np { background-position: 0 -2784px; } .f16 .nr { background-position: 0 -2800px; } .f16 .nz { background-position: 0 -2816px; } .f16 .om { background-position: 0 -2832px; } .f16 .pa { background-position: 0 -2848px; } .f16 .pe { background-position: 0 -2864px; } .f16 .pf { background-position: 0 -2880px; } .f16 .pg { background-position: 0 -2896px; } .f16 .ph { background-position: 0 -2912px; } .f16 .pk { background-position: 0 -2928px; } .f16 .pl { background-position: 0 -2944px; } .f16 .pr { background-position: 0 -2960px; } .f16 .ps { background-position: 0 -2976px; } .f16 .pt { background-position: 0 -2992px; } .f16 .pw { background-position: 0 -3008px; } .f16 .py { background-position: 0 -3024px; } .f16 .qa { background-position: 0 -3040px; } .f16 .re { background-position: 0 -3056px; } .f16 .ro { background-position: 0 -3072px; } .f16 .rs { background-position: 0 -3088px; } .f16 .ru { background-position: 0 -3104px; } .f16 .rw { background-position: 0 -3120px; } .f16 .sa { background-position: 0 -3136px; } .f16 .sb { background-position: 0 -3152px; } .f16 .sc { background-position: 0 -3168px; } .f16 .sd { background-position: 0 -3184px; } .f16 .se { background-position: 0 -3200px; } .f16 .sg { background-position: 0 -3216px; } .f16 .si { background-position: 0 -3232px; } .f16 .sk { background-position: 0 -3248px; } .f16 .sl { background-position: 0 -3264px; } .f16 .sm { background-position: 0 -3280px; } .f16 .sn { background-position: 0 -3296px; } .f16 .so { background-position: 0 -3312px; } .f16 .sr { background-position: 0 -3328px; } .f16 .st { background-position: 0 -3344px; } .f16 .sv { background-position: 0 -3360px; } .f16 .sy { background-position: 0 -3376px; } .f16 .sz { background-position: 0 -3392px; } .f16 .tc { background-position: 0 -3408px; } .f16 .td { background-position: 0 -3424px; } .f16 .tg { background-position: 0 -3440px; } .f16 .th { background-position: 0 -3456px; } .f16 .tj { background-position: 0 -3472px; } .f16 .tl { background-position: 0 -3488px; } .f16 .tm { background-position: 0 -3504px; } .f16 .tn { background-position: 0 -3520px; } .f16 .to { background-position: 0 -3536px; } .f16 .tr { background-position: 0 -3552px; } .f16 .tt { background-position: 0 -3568px; } .f16 .tv { background-position: 0 -3584px; } .f16 .tw { background-position: 0 -3600px; } .f16 .tz { background-position: 0 -3616px; } .f16 .ua { background-position: 0 -3632px; } .f16 .ug { background-position: 0 -3648px; } .f16 .us { background-position: 0 -3664px; } .f16 .uy { background-position: 0 -3680px; } .f16 .uz { background-position: 0 -3696px; } .f16 .va { background-position: 0 -3712px; } .f16 .vc { background-position: 0 -3728px; } .f16 .ve { background-position: 0 -3744px; } .f16 .vg { background-position: 0 -3760px; } .f16 .vi { background-position: 0 -3776px; } .f16 .vn { background-position: 0 -3792px; } .f16 .vu { background-position: 0 -3808px; } .f16 .ws { background-position: 0 -3824px; } .f16 .ye { background-position: 0 -3840px; } .f16 .za { background-position: 0 -3856px; } .f16 .zm { background-position: 0 -3872px; } .f16 .zw { background-position: 0 -3888px; } .black{ position: fixed; width: 100%; height: 100%; z-index: 6; display: none; background: rgba(0,0,0,0.7); } @media(max-width: 1120px) { .inner{ width:100%; } section, header, footer{ width: calc(100% - 20px); padding-right:10px; padding-left:10px; min-width: 0px; } .page-footer, .partners-block{ width: calc(100% - 20px); padding-right:10px; padding-left:10px; } .main-navigate-small .inner{ overflow-x: scroll; } .btn-green{ width: 170px; } .industry-solutions .inner{ width: 100%; } .freetest-solid-block{ padding-left: 10px; padding-right: 10px; } .services-top-banner .inner .banner-form .banner-catch-form .form-orderphone-data-saved, .services-top-banner .inner .banner-form .pin .form-orderphone-data-saved, .services-top-banner .inner .banner-form .banner-catch-form .form-orderphone-data-saved{ right: -25px; } .necessary_block.big-variant, .why-psms-block, .content.services{ padding-right: 10px; padding-left: 10px; } } @media(max-width: 1000px) { .steps_line{ height: auto; } .steps_table{ height: auto; } .steps_cont{ width: 100%; } .billing-form, .billing-form-smart{ width: 100%; } .steps_table td.steps_cont_td{ width: 100%; } .cmn-toggle-switch { display: block; position: absolute; overflow: hidden; margin: 0; padding: 0; width: 25px; left: 0px; top: 21px; height: 40px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; } .cmn-toggle-switch:focus { outline: none; } .cmn-toggle-switch span { display: block; position: absolute; top: 19px; left: 0px; right: 18px; height: 3px; width: 100%; background: white; } .cmn-toggle-switch span::before, .cmn-toggle-switch span::after { position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #fff; content: ""; } .cmn-toggle-switch span::before { top: -8px; } .cmn-toggle-switch span::after { bottom: -8px; } #panel { position: absolute; z-index: 7; /*opacity: .9;*/ padding: 22px; min-width: 222px; max-width: 311px; height: 100%; overflow: auto; top: 0px; left: -10px; background-color: #c72727; -webkit-transition: all .2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; } #panel.hidden { left: -266px; } #panel .noscroll { overflow: auto; width: 122%; height: 100%; } #panel .scroller { min-height: 555px; position: relative; } #panel * { color: white; text-decoration: none; } #panel li { margin-top: 11px; } #panel a { font-size: 17px; font-weight: 600; display: block; padding: 11px; padding-left: 0; } #panel .pay.button { border: 1px solid white; margin-top: 0px; display: inline-block; letter-spacing: 0; padding: 17px; min-width: 186px; } #panel .pay.button img { float: left; width: 29px; padding-right: 11px; } #panel .pay.button div { float: left; margin-top: 3px; font-size: 13px; font-weight: 800; } #panel .num { margin: 33px 0; font-size: 22px; font-weight: bold; display: block; } .page-header-nav{ display: none; } .main-navigate-small.strangeSubMenu{ display: none!important; } .main-navigate .inner{ max-width: 780px; } ul.reviews_slider{ max-width: 780px; } .page-header .inner, .page-header{ height: auto; } .page-header{ padding-bottom: 25px; } .page-header-logo, .page-header-phone, .page-header-phone_london, .page-header-btns, .page-header-nav, .page-header-citys{ position: relative; top: 0; left: 0; } .page-header-logo{ margin: 0 auto; } .page-header-phone{ text-align: center; margin-bottom: 25px; } .page-header-btns, .page-header-nav{ text-align: center; margin-bottom: 25px; } .page-header-citys{ text-align: center; } .page-header-citys-list{ width: 280px; top: 22px; } .text-download-product-btn{ position: relative; top: 0px; margin: -25px auto 0; width: 215px; } .text-download-product .inner{ padding-bottom: 40px; } ul.reviews_slider li{ margin: 10px 20px; } .page-footer-nav{ width: 50%; } .navigation-block{ float: none; } footer .stores{ margin-bottom: 15px; } footer .stores img{ margin: 0 5px; } .phones-block { float:none; width: 380px; margin: 0 auto; } .navigation-block{ width: 640px; margin: 0 auto; } .phones-block .phones1, .phones-block .phones2{ padding-left: 0; } .phones-block .phones2{ padding-left: 80px; } .form-orderphone-input{ margin-bottom: 10px; } .disclaimer{ padding-bottom: 15px; } .services-top-banner .inner .banner-form .banner-catch-form .form-orderphone-data-saved, .services-top-banner .inner .banner-form .pin .form-orderphone-data-saved, .services-top-banner .inner .banner-form .banner-catch-form .form-orderphone-data-saved{ right: 0; } .necessary_block, .red-line-block, .why-psms-block, .content.services, .profit_block, .necessary_block.big-variant, .gradient_block, .getPromo-block{ padding-left: 10px; padding-right: 10px; } .inl-block .gray-bg{ width: calc(100% - 20px); padding-left: 10px; padding-right: 10px; } .inl-block .transp{ width: calc(100% - 20px); padding-left: 10px; padding-right: 10px; } .blog .blog-row{ justify-content: space-between; } .blog-row .col-6{ flex: 0 0 49%; } .blog-post-list .blog-post-image{ width: auto; } .blog-post-list .blog-post-image .image-container { position: absolute; width: 100%; height: 100%; margin: -50% 0 0 -50%; left: 50%; top: 49.5%; text-align: center; line-height: 100%; } .content .inner img{ max-width: 100%; } } @media(max-width: 800px) { .main-navigate .inner{ max-width: 520px; } ul.reviews_slider{ max-width: 520px; } ul.reviews_slider li{ width: 100%; margin: 10px 0; } .reviews_item{ width: auto; } .banner-catch-iphone{ display: none; } .banner-catch-privilege-list{ top: 23%; } .banner-catch-title h1, .banner-catch-title h2, .banner-catch-title h3{ font-size: 36px; } .banner-catch-form{ bottom: 13%; } .navigation-block{ width: 520px; margin: 0 auto; } .text-download-product-description{ width: auto; } .form-orderphone, .form-subscribe, .form-input-login, .form_copy_token{ width: 490px; } .form-orderphone fieldset, .form-subscribe fieldset { white-space: normal; } .industry-solutions-item{ background-position: 0 -8px; } .industry-solutions-columns .industry-solutions-list{ padding-left: 20px; } .industry-solutions-columns .industry-solutions-item{ line-height: 1.5; margin-bottom: 15px; } .main-navigate-item{ margin-right: 16px; } .main-navigate-item (2n){ margin-right: 0; } .main-navigate-item:nth-child(4n){ margin-right: 16px; } .profit_block .block-content .profit-list>ul{ float: none; width: 100%; } .profit_block .block-content .profit-list>ul:nth-child(even){ padding-left: 0; } .navigation-block .page-footer-nav{ float: none; position: relative; width: 100%; margin-bottom: 15px; } .navigation-block .page-footer-nav:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; } .disclaimer{ padding: 0 10px 15px; } .staff-block .other-block .workers ul li{ width: 33%; } .services-blocks{ flex-wrap: wrap; } .why-psms-block .compare-block .block-body .sides, .calculation_block .sides .side{ display: block; width: 100%; } /* .calculation_block{ background: #c82222; } .calculation_block.reputation-style{ background: #c82222; } */ .calculation_block { background: #f3f3f3; background: -moz-linear-gradient(top, #c82222 0%, #c82222 50%, #f3f3f3 50%, #f3f3f3 100%); background: -webkit-linear-gradient(top, #c82222 0%, #c82222 50%, #f3f3f3 50%, #f3f3f3 100%); background: linear-gradient(to bottom, #c82222 0%, #c82222 50%, #f3f3f3 50%, #f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c82222', endColorstr='#f3f3f3',GradientType=1 ); } .calculation_block.reputation-style { background: #fff; background: -moz-linear-gradient(top, #c82222 0%, #c82222 50%, #fff 50%, #fff 100%); background: -webkit-linear-gradient(top, #c82222 0%, #c82222 50%, #fff 50%, #fff 100%); background: linear-gradient(to bottom, #c82222 0%, #c82222 50%, #fff 50%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c82222', endColorstr='#fff',GradientType=1 ); } .services-top-banner .inner .banner-form .banner-catch-form, .services-top-banner .inner .banner-form .form-input-login, .services-top-banner .inner .banner-form .form_copy_token{ height: auto; } .necessary_block .block-content .item-list ul li, .necessary_block.treein .block-content .item-list ul li{ width: 50%; margin-bottom: 25px; } .necessary_block.big-variant .block-content .item-list ul li{ width: 50%; } .text-download-product-btn{ margin-top: 15px; } .calculation_block .sides .side .calc .calc-body .pack-block .fname{ color:#000; } .gradient_block .inner .smart_panel{ display: none; } .gradient_block .inner p{ width: 100%; } .getPromo-block .getPromo-block-title{ padding-left: 0; } .services-top-banner .inner .banner-form.plugins .banner-catch-form .input, .services-top-banner .inner .banner-form.plugins .input_size{ width: 100%; } .contacts-maps-item{ white-space: normal; height: auto; padding-left: 5px; padding-right: 5px; padding-bottom: 15px; } .contacts-maps-btn{ position: static; } .content .blog-groups li a{ display: inline-block; margin: 0; } .content .blog-groups li{ display: inline-block; margin: 0 7px; line-height: 24px; } .blog-post-last .blog-post-readmore{ position: static; margin-top: 15px; } .blog-post-last .blog-post-readmore a{ display: inline-block; } .certs{ width: auto; text-align: center; } .certs .js-zoom{ margin-bottom: 15px; display: inline-block; } .for-form-orderphone.on-down-page{ min-width: auto; } .calculation_block .sides .side{ padding: 80px 30px 60px; } } @media(max-width: 540px) { .download-other a{ margin-left: 0; margin-bottom: 25px; } .download-page-btn.download-current{ margin-left: -150px; } .download-page-btn.download-current .btn-green{ width: 300px; } .calculation_block .sides .side .calc{ padding-bottom: 50px; } .freetest-solid-block .inner .form-orderphone.singly-form-orderphone .field-wrapper:first-child{ padding-right: 0; text-align: center; } .freetest-solid-block .inner .form-orderphone.singly-form-orderphone .field-wrapper:last-of-type{ padding-left: 0; text-align: center; } .form-orderphone, .form-subscribe, .form-input-login, .form_copy_token{ text-align: center; } .why-psms-block .block-description .text-wrapper .image.outsider{ position: static; display: block; float: none; margin: 0 auto 15px; text-align: center; } .main-navigate .inner{ max-width: 300px; } ul.reviews_slider{ max-width: 300px; } .navigation-block{ max-width: 300px; } .banner-catch-title{ position: relative; line-height: 1.4; } .banner-catch-privilege-list{ position: relative; top: 0; margin-top: 25px; } .form-orderphone, .form-subscribe, .form-input-login, .form_copy_token{ width: 290px; position: relative; bottom: 0; margin-top: 15px; } .banner-catch .stores{ position: static; margin-top: 15px; } .banner-catch-title{ position: static; padding-top: 15px; } .banner-catch{ min-height: 950px; } .banner-catch .stores img{ margin-bottom: 10px; } .info-articles-left{ float: none; width: auto; padding-right: 0; } .info-articles-right{ float: none; width: auto; } .input{ width: auto; } .main-navigate-item{ margin: 0 0 25px 0; } .block-tariff-table-wrap{ } .block-tariff-table{ } table.block-tariff-table { border: 0; } table.block-tariff-table thead { display: none; } table.block-tariff-table tr { margin-bottom: 10px; display: block; border-bottom: 2px solid #ddd; } table.block-tariff-table td { display: block; text-align: right; font-size: 13px; border-bottom: 1px dotted #ccc; border-right: 1px solid transparent; padding-bottom: 25px; } table.block-tariff-table td:last-child { border-bottom: 0; } table.block-tariff-table td:before { content: attr(data-label); float: left; text-transform: uppercase; font-weight: bold; } table.block-tariff-table td .btn-green { width: 220px; clear: both; display: block; margin-top: 25px; } .industry-solutions-title{ margin-left: 0; } .industry-solutions-columns .industry-solutions-list{ float: none; width: 100%; } .phones-block{ width: 100%; } .phones-block .phones1, .phones-block .phones2{ float: none; width: 100%; padding-left: 0; margin-bottom: 25px; } .float-order-phone .order-phone-form fieldset{ width: 100%!important; } .float-order-phone .order-phone-form .phone-form-title{ margin-bottom: 10px; } .text-download-product-description{ min-height: 210px; } .industry-solutions-columns .industry-solutions-list{ padding-left: 0; } .disclaimer { padding: 15px 10px 15px; width: calc(100% - 20px); } .page-footer-logo{ margin: 0 auto; } .phones-block .phones1, .phones-block .phones2{ text-align: center; } .page-footer, .partners-block{ width: calc(100% - 20px); } section, header, footer{ width: calc(100% - 20px); } .freetest-solid-block .inner .form-orderphone.singly-form-orderphone .field-wrapper{ width: 100%; margin-bottom: 20px; } .staff-block .other-block .workers ul li{ width: 50%; } .staff-block .managers-block .workers ul li, .staff-block .other-block .workers ul li{ width: 50%; } .camera-online-block .block-content{ width: 100%; } .camera-online-block .text{ margin-left: 0; } .camera-online-block .btn{ margin-left: 0; } .services-top-banner .inner .banner-form .banner-catch-form .form-orderphone-data-saved, .services-top-banner .inner .banner-form .pin .form-orderphone-data-saved, .services-top-banner .inner .banner-form .banner-catch-form .form-orderphone-data-saved{ width: 50px; height: 50px; } .necessary_block .block-content .item-list ul li{ width: 100%; } .why-psms-block .block-description .text-wrapper .text{ padding: 0; } .why-psms-block .compare-block .block-body .sides .side-body .steps .item.double .step-wrapper{ width: 100%; margin-bottom: 50px; } .calculation_block .sides .side .calc .calc-footer .call-test-form .button .btn-green_tariff{ width: 100%; } .services-top-banner .inner .banner-form .banner-catch-form, .services-top-banner .inner .banner-form .form-input-login, .services-top-banner .inner .banner-form .form_copy_token{ padding: 20px 0; } .necessary_block.big-variant .block-content .item-list ul li, .necessary_block.treein .block-content .item-list ul li{ width: 100%; } .services-top-banner .inner .banner-form.plugins .banner-catch-form{ height: auto; } .blog-row .col-6, .blog-row .col-3, .blog-row .col-9{ flex: 0 0 100%; max-width: 100%; } .blog-detail-bottom-navigation{ display: none; } } /* End */ /* Start:/local/templates/.default/css/animations.css?15628355029838*/ @keyframes bounce { 0% { transform: translateX(0%); } 10%{ transform: translateX(-2%); } 20%{ transform: translateX(2%); } 30%{ transform: translateX(-2%); } 40%{ transform: translateX(2%); } 50%{ transform: translateX(-2%); } 60%{ transform: translateX(2%); } 70%{ transform: translateX(-2%); } 80%{ transform: translateX(2%); } 90%{ transform: translateX(-2%); } 100% { transform: translateX(0%); } } @-webkit-keyframes bounce { 0% { transform: translateX(0%); } 10%{ transform: translateX(-2%); } 20%{ transform: translateX(2%); } 30%{ transform: translateX(-2%); } 40%{ transform: translateX(2%); } 50%{ transform: translateX(-2%); } 60%{ transform: translateX(2%); } 70%{ transform: translateX(-2%); } 80%{ transform: translateX(2%); } 90%{ transform: translateX(-2%); } 100% { transform: translateX(0%); } } @keyframes scaleInfinite{ 0% { transform:scale(1); } 50% { transform:scale(1.1); } 100% { transform:scale(1); } } @-webkit-keyframes scaleInfinite{ 0% { transform:scale(1); } 50% { transform:scale(1.1); } 100% { transform:scale(1); } } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes cssload-animation1 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-o-keyframes cssload-animation1 { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); } } @-ms-keyframes cssload-animation1 { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); } } @-webkit-keyframes cssload-animation1 { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes cssload-animation1 { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @keyframes cssload-animation2 { 0% { transform: scale(0.2); left: 0%; } 50% { transform: scale(1.0); left: 50%; } 100% { transform: scale(0.2); left: 100%; } } @-o-keyframes cssload-animation2 { 0% { -o-transform: scale(0.2); left: 0%; } 50% { -o-transform: scale(1.0); left: 50%; } 100% { -o-transform: scale(0.2); left: 100%; } } @-ms-keyframes cssload-animation2 { 0% { -ms-transform: scale(0.2); left: 0%; } 50% { -ms-transform: scale(1.0); left: 50%; } 100% { -ms-transform: scale(0.2); left: 100%; } } @-webkit-keyframes cssload-animation2 { 0% { -webkit-transform: scale(0.2); left: 0%; } 50% { -webkit-transform: scale(1.0); left: 50%; } 100% { -webkit-transform: scale(0.2); left: 100%; } } @-moz-keyframes cssload-animation2 { 0% { -moz-transform: scale(0.2); left: 0%; } 50% { -moz-transform: scale(1.0); left: 50%; } 100% { -moz-transform: scale(0.2); left: 100%; } } @keyframes fadeIn{ 0% { opacity: 0.0; } 100% { opacity: 1; } } @-webkit-keyframes fadeIn{ 0% { opacity: 0.0; } 100% { opacity: 1; } } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } @keyframes blink1 { 0% { -webkit-transform: scale(.0); opacity: .0; } 10% { -webkit-transform: scale(.1); opacity: .1; } 20% { -webkit-transform: scale(.2); opacity: .2; } 30% { -webkit-transform: scale(.3); opacity: .3; } 40% { -webkit-transform: scale(.4); opacity: .4; } 50% { -webkit-transform: scale(.5); opacity: .5; } 60% { -webkit-transform: scale(.6); opacity: .6; } 70% { -webkit-transform: scale(.7); opacity: .7; } 80% { -webkit-transform: scale(.8); opacity: 1; } 90% { -webkit-transform: scale(.9); opacity: .5; } 100% { -webkit-transform: scale(1); opacity: 0; } } @-webkit-keyframes blink1 { 0% { -webkit-transform: scale(.0); opacity: .0; } 10% { -webkit-transform: scale(.1); opacity: .1; } 20% { -webkit-transform: scale(.2); opacity: .2; } 30% { -webkit-transform: scale(.3); opacity: .3; } 40% { -webkit-transform: scale(.4); opacity: .4; } 50% { -webkit-transform: scale(.5); opacity: .5; } 60% { -webkit-transform: scale(.6); opacity: .6; } 70% { -webkit-transform: scale(.7); opacity: .7; } 80% { -webkit-transform: scale(.8); opacity: 1; } 90% { -webkit-transform: scale(.9); opacity: .5; } 100% { -webkit-transform: scale(1); opacity: 0; } } @-moz-keyframes blink1 { 0% { -webkit-transform: scale(.0); opacity: .0; } 10% { -webkit-transform: scale(.1); opacity: .1; } 20% { -webkit-transform: scale(.2); opacity: .2; } 30% { -webkit-transform: scale(.3); opacity: .3; } 40% { -webkit-transform: scale(.4); opacity: .4; } 50% { -webkit-transform: scale(.5); opacity: .5; } 60% { -webkit-transform: scale(.6); opacity: .6; } 70% { -webkit-transform: scale(.7); opacity: .7; } 80% { -webkit-transform: scale(.8); opacity: 1; } 90% { -webkit-transform: scale(.9); opacity: .5; } 100% { -webkit-transform: scale(1); opacity: 0; } } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: rotate3d(0, 0, 1, -3deg); transform: rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: rotate3d(0, 0, 1, 3deg); transform: rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: rotate3d(0, 0, 1, -3deg); transform: rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: rotate3d(0, 0, 1, -3deg); transform: rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: rotate3d(0, 0, 1, 3deg); transform: rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: rotate3d(0, 0, 1, -3deg); transform: rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } /* End */ /* Start:/local/templates/main-new/components/bitrix/news.detail/partners/style.css?1562835502155*/ div.news-detail { word-wrap: break-word; } div.news-detail img.detail_picture { float:left; margin:0 8px 6px 1px; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/main-new/components/bitrix/news.list/reviews_gal/style.css?1562835502150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* /catcher/main_callback-v3.min.css?15628355025394 */ /* /local/templates/main-new/css/style.css?1583957625174657 */ /* /local/templates/.default/css/animations.css?15628355029838 */ /* /local/templates/main-new/components/bitrix/news.detail/partners/style.css?1562835502155 */ /* /local/templates/main-new/components/bitrix/news.list/reviews_gal/style.css?1562835502150 */