@import "/promo/css/lato.css"; @font-face { font-family: "ALSRubl"; src: url("/fonts/rouble.ttf"); } @font-face { font-family: "jw-promo-icon"; src: url("/promo/fonts/jw-promo-icon.eot"); src: url("/promo/fonts/jw-promo-icon.eot?#iefix") format("embedded-opentype"), url("/promo/fonts/jw-promo-icon.woff") format("woff"), url("/promo/fonts/jw-promo-icon.ttf") format("truetype"), url("/promo/fonts/jw-promo-icon.svg#jw-promo-icon") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "jw-icon"; src: url("/promo/fonts/jw-icon.eot"); src: url("/promo/fonts/jw-icon.eot?#iefix") format("embedded-opentype"), url("/promo/fonts/jw-icon.woff") format("woff"), url("/promo/fonts/jw-icon.ttf") format("truetype"), url("/promo/fonts/jw-icon.svg#jw-promo-icon") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "themify"; src: url("/fonts/themify.eot?-fvbane"); src: url("/fonts/themify.eot?#iefix-fvbane") format("embedded-opentype"), url("/fonts/themify.woff?-fvbane") format("woff"), url("/fonts/themify.ttf?-fvbane") format("truetype"), url("/fonts/themify.svg?-fvbane#themify") format("svg"); font-weight: normal; font-style: normal; } [class^="jw-icon-"]:before, [class*=" jw-icon-"]:before, [class^="jw-icon-"]:after, [class*=" jw-icon-"]:after { font-family: jw-icon; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .jw-icon-calendar:before { content: "\f100"; } .jw-icon-calendar-with-clock:before { content: "\f101"; } .jw-icon-check-mark:before { content: "\f102"; } .jw-icon-clients:before { content: "\f103"; } .jw-icon-crm:before { content: "\f104"; } .jw-icon-employe:before { content: "\f105"; } .jw-icon-graph:before { content: "\f106"; } .jw-icon-help:before { content: "\f107"; } .jw-icon-network:before { content: "\f108"; } .jw-icon-objects:before { content: "\f109"; } .jw-icon-people:before { content: "\f10a"; } .jw-icon-profile:before { content: "\f10b"; } .jw-icon-search:before { content: "\f10c"; } .jw-icon-settings:before { content: "\f10d"; } .jw-icon-tasks:before { content: "\f10e"; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "jw-promo-icon"; src: url("../fonts/jw-promo-icon.svg#jw-promo-icon") format("svg"); } } [class^="jw-promo-icon-"]:before, [class*=" jw-promo-icon-"]:before, [class^="jw-promo-icon-"]:after, [class*=" jw-promo-icon-"]:after { font-family: jw-promo-icon; font-style: normal; } .jw-promo-icon-buildings:before { content: "\f100"; } .jw-promo-icon-briefcase:before { content: "\f101"; } .jw-promo-icon-boxes-2:before { content: "\f102"; } .jw-promo-icon-file-1:before { content: "\f103"; } .jw-promo-icon-interface-5:before { content: "\f104"; } .jw-promo-icon-geometric:before { content: "\f105"; } .jw-promo-icon-money-4:before { content: "\f106"; } .jw-promo-icon-fashion:before { content: "\f107"; } .jw-promo-icon-interface-4:before { content: "\f108"; } .jw-promo-icon-business-6:before { content: "\f109"; } .jw-promo-icon-drink:before { content: "\f10a"; } .jw-promo-icon-interface-3:before { content: "\f10b"; } .jw-promo-icon-writing:before { content: "\f10c"; } .jw-promo-icon-interface-2:before { content: "\f10d"; } .jw-promo-icon-search:before { content: "\f10e"; } .jw-promo-icon-attach-1:before { content: "\f10f"; } .jw-promo-icon-building:before { content: "\f110"; } .jw-promo-icon-commerce-2:before { content: "\f111"; } .jw-promo-icon-application:before { content: "\f112"; } .jw-promo-icon-pen-1:before { content: "\f113"; } .jw-promo-icon-travel:before { content: "\f114"; } .jw-promo-icon-coins:before { content: "\f115"; } .jw-promo-icon-computer:before { content: "\f116"; } .jw-promo-icon-loudspeaker:before { content: "\f117"; } .jw-promo-icon-people-8:before { content: "\f118"; } .jw-promo-icon-transport-3:before { content: "\f119"; } .jw-promo-icon-magnifying-glass:before { content: "\f11a"; } .jw-promo-icon-looking:before { content: "\f11b"; } .jw-promo-icon-business-5:before { content: "\f11c"; } .jw-promo-icon-circle-1:before { content: "\f11d"; } .jw-promo-icon-statistics:before { content: "\f11e"; } .jw-promo-icon-circle:before { content: "\f11f"; } .jw-promo-icon-money-3:before { content: "\f120"; } .jw-promo-icon-time-4:before { content: "\f121"; } .jw-promo-icon-boxes-1:before { content: "\f122"; } .jw-promo-icon-graphic-1:before { content: "\f123"; } .jw-promo-icon-arrows:before { content: "\f124"; } .jw-promo-icon-people-7:before { content: "\f125"; } .jw-promo-icon-man-2:before { content: "\f126"; } .jw-promo-icon-money-2:before { content: "\f127"; } .jw-promo-icon-time-3:before { content: "\f128"; } .jw-promo-icon-time-2:before { content: "\f129"; } .jw-promo-icon-transport-2:before { content: "\f12a"; } .jw-promo-icon-people-6:before { content: "\f12b"; } .jw-promo-icon-city:before { content: "\f12c"; } .jw-promo-icon-people-5:before { content: "\f12d"; } .jw-promo-icon-graphic:before { content: "\f12e"; } .jw-promo-icon-commerce-1:before { content: "\f12f"; } .jw-promo-icon-man-1:before { content: "\f130"; } .jw-promo-icon-people-4:before { content: "\f131"; } .jw-promo-icon-people-3:before { content: "\f132"; } .jw-promo-icon-people-2:before { content: "\f133"; } .jw-promo-icon-people-1:before { content: "\f134"; } .jw-promo-icon-technology-8:before { content: "\f135"; } .jw-promo-icon-boxes:before { content: "\f136"; } .jw-promo-icon-transport-1:before { content: "\f137"; } .jw-promo-icon-attach:before { content: "\f138"; } .jw-promo-icon-transport:before { content: "\f139"; } .jw-promo-icon-write:before { content: "\f13a"; } .jw-promo-icon-technology-7:before { content: "\f13b"; } .jw-promo-icon-technology-6:before { content: "\f13c"; } .jw-promo-icon-pen:before { content: "\f13d"; } .jw-promo-icon-hammers:before { content: "\f13e"; } .jw-promo-icon-clock-1:before { content: "\f13f"; } .jw-promo-icon-office:before { content: "\f140"; } .jw-promo-icon-technology-5:before { content: "\f141"; } .jw-promo-icon-construction:before { content: "\f142"; } .jw-promo-icon-commerce:before { content: "\f143"; } .jw-promo-icon-money-1:before { content: "\f144"; } .jw-promo-icon-time-1:before { content: "\f145"; } .jw-promo-icon-money:before { content: "\f146"; } .jw-promo-icon-eyes:before { content: "\f147"; } .jw-promo-icon-technology-4:before { content: "\f148"; } .jw-promo-icon-file:before { content: "\f149"; } .jw-promo-icon-business-4:before { content: "\f14a"; } .jw-promo-icon-map-location:before { content: "\f14b"; } .jw-promo-icon-business-3:before { content: "\f14c"; } .jw-promo-icon-business-2:before { content: "\f14d"; } .jw-promo-icon-technology-3:before { content: "\f14e"; } .jw-promo-icon-technology-2:before { content: "\f14f"; } .jw-promo-icon-square:before { content: "\f150"; } .jw-promo-icon-time:before { content: "\f151"; } .jw-promo-icon-business-1:before { content: "\f152"; } .jw-promo-icon-interface-1:before { content: "\f153"; } .jw-promo-icon-scale:before { content: "\f154"; } .jw-promo-icon-folder:before { content: "\f155"; } .jw-promo-icon-hands:before { content: "\f156"; } .jw-promo-icon-business:before { content: "\f157"; } .jw-promo-icon-interface:before { content: "\f158"; } .jw-promo-icon-technology-1:before { content: "\f159"; } .jw-promo-icon-internet:before { content: "\f15a"; } .jw-promo-icon-arrow:before { content: "\f15b"; } .jw-promo-icon-man:before { content: "\f15c"; } .jw-promo-icon-technology:before { content: "\f15d"; } .jw-promo-icon-clock:before { content: "\f15e"; } .jw-promo-icon-circular:before { content: "\f15f"; } .jw-promo-icon-tool:before { content: "\f160"; } .jw-promo-icon-swords:before { content: "\f161"; } .jw-promo-icon-people:before { content: "\f162"; } .jw-promo-icon-agenda:before { content: "\f163"; } .jw-promo-icon-list-1:before { content: "\f164"; } .jw-promo-icon-list:before { content: "\f165"; } .rub { font-family: "ALSRubl" !important; font-weight: normal !important; } [class^="ti-"], [class*=" ti-"] { font-family: "themify"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ti-close:before { content: "\e646"; } /* Body */ body { margin: 0; padding: 0; letter-spacing: 0.25px; font-family: "Lato", Helvetica, sans-serif; } a { text-decoration: none; color: #212121; border-bottom: 1px solid #dedede; } a:hover, .form-links__reg:hover { color: #237ef7 !important; border-color: #3a8efa !important; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } form { margin: 0; padding: 0; } h1, h2 { font-weight: 600; } * { box-sizing: border-box; } @-ms-viewport { width: device-width; } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 50px; padding-right: 50px; width: 100%; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col { float: left; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } .feature.database .feature-description { padding: 90px 20px 0 0 !important; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .container:after, .container-fluid:after, .row:after { clear: both; } .cut { max-width: 1440px; margin: 0 auto; overflow-x: hidden; } .menu { height: 52px; position: fixed; width: 100%; max-width: 1440px; opacity: 1; z-index: 999; transition: all 0.33s ease-out; -ms-transform: translateY(0); transform: translateY(0); -webkit-backdrop-filter: saturate(100%) blur(20px); backdrop-filter: saturate(100%) blur(20px); background: rgba(255, 255, 255, 0.89); } .headroom--unpinned { opacity: 0; -ms-transform: translateY(-10px); transform: translateY(-10px); pointer-events: none; } @media (min-width: 992px) { .menu { height: 69px; } } .menu__logo { display: inline-block; font-size: 35px; margin: 10px 0 0 0; font-weight: 600; } .logo span { color: #000000; } .logo span.green { color: #4caf50; } .menu__items { float: right; text-align: right; vertical-align: top; font-size: 0; margin-top: 14px; margin-bottom: 12px; height: 26px; } .menu__items_left { float: none; text-align: left; display: inline-block; } @media (min-width: 992px) { .menu__items { margin-top: 20px; } } .menu__link { font-size: 17px; color: #000000; line-height: 30px; margin: 0 12px; text-decoration: none; border: 0; font-weight: 600; } .headroom--pinned .menu__link { color: #757575; } .menu .menu__items .button { display: inline-block; margin: 0 0 0 12px; padding: 3px 14px 5px; background: rgb(67, 160, 71); background-image: -moz-linear-gradient( top, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100% ); background-image: -webkit-linear-gradient( top, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100% ); background-image: linear-gradient( to bottom, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100% ); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#43a047', endColorstr='#388e3c', GradientType=0 ); border-radius: 3px; color: #ffffff; position: relative; font-family: "Lato", Helvetica, sans-serif; text-align: center; text-decoration: none; border: 1px solid #328436; vertical-align: top; outline: 0 none; font-size: 16px; } .menu__link:hover { border: 0; } .menu .menu__items .button.black { background: #000000; border-color: #000000; } .headroom--pinned { display: block; } .feature { padding: 0 0 90px; } .is__white { background: white; } .is__grey { background: #f6f6f6; border-radius: 3px; } /* Top Big Promo */ .big-promo { position: relative; padding: 320px 0 90px; background: url("../images/work-table.jpg") no-repeat; min-height: 840px; background-size: 100% 100%; } .big-promo .features .col-md-6 { display: table; } .big-promo .feature-block { color: #000; display: table-cell; text-align: center; position: relative; padding-top: 50px; width: 20%; } .big-promo .feature-block__title i { font-size: 48px; display: block; z-index: 125; position: absolute; height: 60px; top: 0; width: 100%; text-align: center; } .feature-block__title i.jw-icon-calendar-with-clock { top: 3px; font-size: 41px; } .feature-block__title i.jw-icon-clients { top: -2px; font-size: 48px; } .feature-block__title i.jw-icon-crm { top: 1px; font-size: 47px; } .feature-block__title i.jw-icon-objects { font-size: 38px; top: 3px; } .feature-block__title i.jw-icon-search { font-size: 43px; } /* .big-promo .feature-block__title i.jw-icon-clients { top: 3px; font-size: 59px; } .big-promo .feature-block__title i.jw-icon-crm { top: 3px; font-size: 58px; } */ .big-promo .feature-block__title span { font-size: 13px; } .big-promo .big-promo__maintitle { color: #000000; margin: 30px 200px 40px; text-align: center; font-size: 46px; font-weight: normal; } .big-promo .big-promo__subtitle { color: #000000; text-align: center; font-size: 26px; margin: 0 300px 50px; font-weight: normal; } .big-promo__button { text-align: center; } /* Change page */ .menu__change-page { position: absolute; left: 200px; top: 20px; } .menu__change-page .selector-button span { padding: 4px 14px 5px; line-height: 18px; font-size: 16px; } .menu__change-page .selector-button:hover span { cursor: pointer; background-color: #eef0f3; background: -moz-linear-gradient(top, #f5f5f5, #e0e0e0); background: -webkit-linear-gradient(top, #f5f5f5, #e0e0e0); background: -o-linear-gradient(top, #f5f5f5, #e0e0e0); background: -ms-linear-gradient(top, #f5f5f5, #e0e0e0); background: linear-gradient(top, #f5f5f5, #e0e0e0); border-color: #c6cbd1 !important; } .menu__change-page .selector-button.selected span { padding: 5px 15px 6px 16px; border: 0 !important; color: rgb(255, 255, 255) !important; cursor: default !important; background: #424242 !important; box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 0.2); text-shadow: 0 2px 2px rgba(0, 0, 0, 0.22); } .menu__change-page .selector-button.selected span:hover { } /* Buttons */ .button { display: inline-block; background: rgb(67, 160, 71); background-image: -moz-linear-gradient( top, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100% ); background-image: -webkit-linear-gradient( top, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100% ); background-image: linear-gradient( to bottom, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100% ); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#43a047', endColorstr='#388e3c', GradientType=0 ); color: #ffffff; position: relative; text-align: center; text-decoration: none; border: 1px solid #328436; outline: 0 none; cursor: pointer; margin: 0; } .button.big { font-size: 22px; padding: 14px 62px 16px; border-radius: 4px; } .button:hover, a.button:hover, .menu .menu__items .button:hover { background: rgb(67, 160, 71); border: 1px solid #328436 !important; color: #ffffff !important; } .button:active, .menu .menu__items .button:active { -webkit-box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.2), 0 0px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.2), 0 0px 2px rgba(0, 0, 0, 0.15); -webkit-transform: scale(0.97); -moz-transform: scale(0.97); -ms-transform: scale(0.97); -o-transform: scale(0.97); transform: scale(0.97); } .button:focus, .menu .menu__items .button:focus { background: #328436 !important; color: #ffffff !important; border: 1px solid #328436 !important; } /* Feature */ .feature .feature-description { padding: 40px 0 0 30px; } .feature.database .feature-description { /* padding: 0px 0 0 60px; */ } .counts { display: table; } .count { display: table-cell; width: 300px; } .count span { color: #757575; font-size: 90px; } .browser.subway-map .browser__wrapper { height: 350px; } .feature.database .browser.search-form .browser__wrapper { height: 430px !important; } .feature.database .browser.small .browser__wrapper { height: 200px; } .feature .feature-description__title, .reviews .title, .pricing .title { font-size: 36px; } .feature .feature-description__title.is__big, .title.is__big { font-size: 46px; } .is__center { text-align: center; } .feature-description__subtitle { text-transform: uppercase; font-size: 13px; letter-spacing: 1px; } .feature-description__short { margin: 8px auto 0; font-size: 19px; line-height: 25px; color: #757575; width: 70%; } .feature .feature-description__text { margin: 35px 0 0; } .feature .feature-description__text p { font-size: 19px; line-height: 25px; margin-bottom: 25px; } .feature ul.check-list { list-style: none; font-size: 19px; line-height: 25px; padding: 0; margin: 0; } .feature ul.check-list li { position: relative; padding-left: 45px; margin-bottom: 25px; } .feature ul.check-list li:before { content: "\f102"; font-family: jw-icon; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; font-size: 32px; color: #4caf50; left: 0; top: 50%; margin-top: -16px; } .feature ul.check-list.vk li:before { color: #507299; } .feature.is__white .feature-description__title, .feature.is__white ul.check-list, .feature.is__white .browser__screen-description, .is__grey .feature-description__title, .is__grey ul.check-list, .is__grey .browser__screen-description { color: #000000; } .feature.is__black .feature-description__title, .feature.is__black ul.check-list, .feature.is__black .browser__screen-description, .feature.is__black p { color: #ffffff; } .feature.is__white .feature-description__subtitle { color: #757575; } .feature.is__black .feature-description__subtitle { color: rgba(255, 255, 255, 0.5); } /* Feature why */ .feature.why { padding: 0 0 20px; } .why .why__title { font-size: 36px; font-weight: normal; } .why .why__list { list-style: none; margin: 0; padding: 0; } .why .why__list li { min-height: 75px; padding-left: 70px; position: relative; font-size: 23px; margin-bottom: 10px; } .why .why__list li i { font-size: 52px; position: absolute; left: 0; top: 50%; margin-top: -29px; color: rgb(67, 160, 71); } .why .why__list li span { display: block; padding: 21px 0; } /* Add-object */ .feature.database .add-object .feature-description { padding: 80px 0 0 50px !important; } /* Move screen */ .move-screen { position: relative; } .move-screen__wrapper { overflow: hidden; height: 640px; } .move-screen__wrapper img { position: relative; } /* Feature presentations */ .feature.presentations { padding: 0px; } .feature.presentations .container-fluid { padding-left: 0; } .feature.presentations .move-screen img { left: -27px; } .feature.presentations .feature-description { padding: 80px 0 0 25px; } .feature.presentations .feature-description__text { margin-top: 10px; } .feature.presentations .feature-description__subtitle { margin-bottom: 8px; } .on-one-click { margin-bottom: 35px; } .on-one-click span { color: #757575; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; vertical-align: top; line-height: 28px; margin-right: 6px; } .feature.presentations-history { padding: 50px 0 0 0; } .feature.presentations-history .feature-description { padding: 0; } /* Feature VK */ .feature.vk { padding: 70px 0 110px; } .feature.vk .screen img { box-shadow: 0 12px 60px 0 rgba(108, 108, 108, 0.4); } .feature.vk .feature-description { padding: 50px 0 0 0; } .feature.vk .feature-description__text { margin-top: 10px; } /* Feature CRM: Clients */ .feature.crm__clients { padding: 80px 0 90px 0; } .feature.crm__clients .feature-description { padding: 0; } .feature.crm__clients .about-clients, .feature.crm__clients .about-agents { margin-top: 40px; } .about-clients .browser__wrapper { height: 340px; } .about-clients .browser.small .browser__wrapper { height: 200px; } .agents { padding: 60px 0 0 0; } .feature.agents .feature-description { padding: 0; } .h440 { height: 440px !important; } .h360 { height: 360px !important; } .h280 { height: 280px !important; } .h200 { height: 200px !important; } .col-sm-10 .browser__screen-description { width: 65%; } /* Feature detail */ .feature__details { margin: 40px 0 0; } .detail-description { margin-top: 10px; } .detail-description span { font-size: 13px; } .detail-description p { font-size: 19px; line-height: 25px; margin-bottom: 0; } .feature.is__black .detail .detail-text { color: #ffffff; } .detail.favorite img { margin-top: -40px; } .feature-description__subtitle + .browser { margin-top: 20px; } .sub-detail { margin-bottom: 35px; } .sub-detail p { margin-top: 8px; color: #757575; font-size: 15px; line-height: 18px; } .sub-detail.in-line { position: relative; padding-top: 90px; } .sub-detail.in-line .sub-detail__icon { position: absolute; top: 2px; } .sub-detail.in-line span { display: block; color: #000; font-size: 16px; margin-bottom: 8px; } .sub-detail.in-line p { line-height: 20px; } .feature.sub-details { padding: 60px 0 50px; } .feature.sub-details .feature-description__title { margin-bottom: 40px; } .top-detail { margin-bottom: 25px; height: 70px; } .top-detail .detail-description { padding-top: 30px; font-size: 19px; line-height: 23px; color: #757575; } .top-detail { position: relative; padding-left: 90px; } .top-detail .top-detail__icon { position: absolute; left: 2px; top: 6px; } .feature.top-details { padding: 60px 0 50px; } .is__grey + .is__grey { border-top: 0 !important; } .is__grey + .reg { border-top: 0 !important; } .pricing.is__grey { border: 0 !important; } .reviews.is__grey { border-bottom: 0 !important; } /* Magic */ .magic-wand { position: absolute; left: 40px; bottom: 160px; z-index: 999; } /* Browser */ .browser { position: relative; z-index: 99; } .browser__maintitle { font-size: 15px; line-height: 21px; color: #757575; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; } .browser__title { position: absolute; top: 9px; left: 0; font-size: 14px; right: 0; text-align: center; color: rgba(0, 0, 0, 0.9); z-index: 30; } .browser { width: 100%; border-radius: 4px; margin: 0 auto; box-shadow: 0 12px 60px 0 rgba(108, 108, 108, 0.4); z-index: 20; position: relative; } .browser__header { display: table; width: 100%; height: 38px; z-index: 999; } .browser__header .left { background-image: url(../images/browser-header_left.png); width: 336px; display: table-cell; border-top-left-radius: 4px; } .browser__header .right { background-image: url(../images/browser-header_right.png); width: 28px; display: table-cell; border-top-right-radius: 4px; } .browser__header .center { background-image: url(../images/browser-header_center.png); display: table-cell; } .browser__wrapper { overflow: hidden; height: 530px; background: #ffffff; border-radius: 0 0 4px 4px; } .browser__wrapper img { position: relative; width: 100%; height: 100%; object-fit: contain; } } .browser__screen-description { margin-top: 10px; } .browser__screen-description span { font-size: 13px; } .browser__screen-description p { font-size: 19px; line-height: 25px; margin-bottom: 0; } .browser.small .browser__header { height: 29px; } .browser.small .browser__header .left { width: 256px; background-size: 256px 29px; } .browser.small .browser__header .center { background-size: 1px 29px; } .browser.small .browser__header .right { width: 23px; background-size: 23px 29px; } .browser.small .browser__title { top: 7px; font-size: 12px; } /* Checkbox */ .checkbox { display: block; position: relative; height: 40px; margin-bottom: 20px; } .checkbox input[type="checkbox"] { display: none; } .checkbox input[type="checkbox"] + label { position: absolute; cursor: pointer; padding: 9px 0 0 66px; font-size: 16px; font-family: "Lato"; } .checkbox input[type="checkbox"] + label::before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; vertical-align: middle; padding: 0; height: 40px; width: 53px; margin: 0 5px 0 0; border-radius: 23px; background: #dddddd; box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2); } .checkbox input[type="checkbox"] + label::before, .checkboxinput[type="checkbox"] + label::after { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .checkbox input[type="checkbox"] + label::after { content: ""; display: block; position: absolute; top: 3px; left: 3px; width: 34px; height: 34px; border-radius: 22px; background: #ffffff; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); } .checkbox input[type="checkbox"]:checked + label::before { background: rgb(76, 175, 80); } .checkbox input[type="checkbox"]:checked + label::after { left: 16px; } .checkbox { -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } .checkbox.checkbox_small { height: 32px; margin-bottom: 0; } .checkbox.checkbox_small input[type="checkbox"] + label { position: relative; cursor: pointer; padding: 7px 0 7px 80px; margin-right: 0px !important; font-size: 14px; font-family: "Lato"; height: 32px; line-height: 32px; color: #757575; } .checkbox.checkbox_small input[type="checkbox"] + label::before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; vertical-align: middle; padding: 0; height: 30px; width: 68px; margin: 0 5px 0 0; border: 1px solid #d0d0d0; border-radius: 4px; background: #fff; box-shadow: none; } .checkbox.checkbox_small input[type="checkbox"] + label::before, .checkboxinput[type="checkbox"] + label::after { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .checkbox.checkbox_small input[type="checkbox"] + label::after { content: ""; display: block; position: absolute; top: 4px; left: 4px; width: 30px; height: 22px; border-radius: 4px; background: -moz-linear-gradient(top, #f5f5f5, #f1f1f1); background: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1); background: -o-linear-gradient(top, #f5f5f5, #f1f1f1); background: -ms-linear-gradient(top, #f5f5f5, #f1f1f1); background: linear-gradient(top, #f5f5f5, #f1f1f1); border: 1px solid #d0d0d0; } .checkbox.checkbox_small input[type="checkbox"]:checked + label::before { background: rgba(76, 175, 80, 0.85); border-color: rgba(76, 175, 80, 1); } .checkbox.checkbox_small input[type="checkbox"]:checked + label::after { left: 34px; background: #fff; box-shadow: none; } .checkbox .on, .checkbox .off { display: none; color: #757575; font-size: 14px; } .checkbox .active { display: inline-block; } /*! * Fotorama 4.6.4 | http://fotorama.io/license/ */ .fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__html, .fotorama__img, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video iframe { position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; } .fotorama--fullscreen, .fotorama__img { max-width: 99999px !important; max-height: 99999px !important; min-width: 0 !important; min-height: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; } .fotorama__wrap .fotorama__grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .fotorama__grabbing * { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .fotorama__spinner { position: absolute !important; top: 50% !important; left: 50% !important; } .fotorama__wrap--css3 .fotorama__arr, .fotorama__wrap--css3 .fotorama__fullscreen-icon, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border, .fotorama__wrap--css3 .fotorama__video-close, .fotorama__wrap--css3 .fotorama__video-play { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .fotorama__caption, .fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before, .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__stage .fotorama__img, .fotorama__wrap--css3 .fotorama__stage__frame { -webkit-transform: translateZ(0); transform: translateZ(0); } .fotorama__arr:focus, .fotorama__fullscreen-icon:focus, .fotorama__nav__frame { outline: 0; } .fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after { content: ""; border-radius: inherit; background-color: rgba(0, 175, 234, 0.5); } .fotorama__wrap--video .fotorama__stage, .fotorama__wrap--video .fotorama__stage__frame--video, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__shaft { -webkit-transform: none !important; transform: none !important; } .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border { transition-property: -webkit-transform, width; transition-property: transform, width; transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1); transition-duration: 0ms; } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__no-select, .fotorama__video-close, .fotorama__video-play, .fotorama__wrap { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fotorama__select { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .fotorama__nav, .fotorama__nav__frame { margin: auto; padding: 0; } .fotorama__caption__wrap, .fotorama__nav__frame, .fotorama__nav__shaft { -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; } .fotorama__nav__frame, .fotorama__thumb-border { box-sizing: content-box; } .fotorama__caption__wrap { box-sizing: border-box; } .fotorama--hidden, .fotorama__load { position: absolute; left: -99999px; top: -99999px; z-index: -1; } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__nav, .fotorama__nav__frame, .fotorama__nav__shaft, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video-close, .fotorama__video-play { -webkit-tap-highlight-color: transparent; } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play { background: url(https://joywork.ru/images/fotorama.png) no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) { .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play { background: url(https://joywork.ru/images/fotorama@2x.png) 0 0/96px 160px no-repeat; } } .fotorama__thumb { background-color: #7f7f7f; background-color: rgba(127, 127, 127, 0.2); } @media print { .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__thumb-border, .fotorama__video-close, .fotorama__video-play { background: none !important; } } .fotorama { min-width: 1px; overflow: hidden; } .fotorama:not(.fotorama--unobtrusive) > *:not(:first-child) { display: none; } .fullscreen { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #000; } .fotorama--fullscreen { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; float: none !important; z-index: 2147483647 !important; background: #000; width: 100% !important; height: 100% !important; margin: 0 !important; } .fotorama--fullscreen .fotorama__nav, .fotorama--fullscreen .fotorama__stage { background: #000; } .fotorama__wrap { -webkit-text-size-adjust: 100%; position: relative; direction: ltr; z-index: 0; } .fotorama__wrap--rtl .fotorama__stage__frame { direction: rtl; } .fotorama__nav, .fotorama__stage { overflow: hidden; position: relative; max-width: 100%; } .fotorama__wrap--pan-y { -ms-touch-action: pan-y; } .fotorama__wrap .fotorama__pointer { cursor: pointer; } .fotorama__wrap--slide .fotorama__stage__frame { opacity: 1 !important; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .fotorama__stage__frame { overflow: hidden; } .fotorama__stage__frame.fotorama__active { z-index: 8; } .fotorama__wrap--fade .fotorama__stage__frame { display: none; } .fotorama__wrap--fade .fotorama__fade-front, .fotorama__wrap--fade .fotorama__fade-rear, .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active { display: block; left: 0; top: 0; } .fotorama__wrap--fade .fotorama__fade-front { z-index: 8; } .fotorama__wrap--fade .fotorama__fade-rear { z-index: 7; } .fotorama__wrap--fade .fotorama__fade-rear.fotorama__active { z-index: 9; } .fotorama__wrap--fade .fotorama__stage .fotorama__shadow { display: none; } .fotorama__img { -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; border: none !important; } .fotorama__error .fotorama__img, .fotorama__loaded .fotorama__img { -ms-filter: "alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img, .fotorama__img--full { display: none; } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full { display: block; } .fotorama__wrap--only-active .fotorama__nav, .fotorama__wrap--only-active .fotorama__stage { max-width: 99999px !important; } .fotorama__wrap--only-active .fotorama__stage__frame { visibility: hidden; } .fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active { visibility: visible; } .fotorama__nav { font-size: 0; line-height: 0; text-align: center; display: none; white-space: nowrap; z-index: 5; } .fotorama__nav__shaft { position: relative; left: 0; top: 0; text-align: left; } .fotorama__nav__frame { position: relative; cursor: pointer; } .fotorama__nav--dots { display: block; } .fotorama__nav--dots .fotorama__nav__frame { width: 18px; height: 30px; } .fotorama__nav--dots .fotorama__nav__frame--thumb, .fotorama__nav--dots .fotorama__thumb-border { display: none; } .fotorama__nav--thumbs { display: block; } .fotorama__nav--thumbs .fotorama__nav__frame { padding-left: 0 !important; } .fotorama__nav--thumbs .fotorama__nav__frame:last-child { padding-right: 0 !important; } .fotorama__nav--thumbs .fotorama__nav__frame--dot { display: none; } .fotorama__dot { display: block; width: 4px; height: 4px; position: relative; top: 12px; left: 6px; border-radius: 6px; border: 1px solid #7f7f7f; } .fotorama__nav__frame:focus .fotorama__dot:after { padding: 1px; top: -1px; left: -1px; } .fotorama__nav__frame.fotorama__active .fotorama__dot { width: 0; height: 0; border-width: 3px; } .fotorama__nav__frame.fotorama__active .fotorama__dot:after { padding: 3px; top: -3px; left: -3px; } .fotorama__thumb { overflow: hidden; position: relative; width: 100%; height: 100%; } .fotorama__nav__frame:focus .fotorama__thumb { z-index: 2; } .fotorama__thumb-border { position: absolute; z-index: 9; top: 0; left: 0; border-style: solid; border-color: #00afea; background-image: linear-gradient( to bottom right, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1) ); } .fotorama__caption { position: absolute; z-index: 12; bottom: 0; left: 0; right: 0; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 14px; line-height: 1.5; color: #000; } .fotorama__caption a { text-decoration: none; color: #000; border-bottom: 1px solid; border-color: rgba(0, 0, 0, 0.5); } .fotorama__caption a:hover { color: #333; border-color: rgba(51, 51, 51, 0.5); } .fotorama__wrap--rtl .fotorama__caption { left: auto; right: 0; } .fotorama__wrap--no-captions .fotorama__caption, .fotorama__wrap--video .fotorama__caption { display: none; } .fotorama__caption__wrap { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); padding: 5px 10px; } @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fotorama__wrap--css3 .fotorama__spinner { -webkit-animation: spinner 24s infinite linear; animation: spinner 24s infinite linear; } .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__stage .fotorama__img { transition-property: opacity; transition-timing-function: linear; transition-duration: 0.3s; } .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img { -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .fotorama__select { cursor: auto; } .fotorama__video { top: 32px; right: 0; bottom: 0; left: 0; position: absolute; z-index: 10; } @-moz-document url-prefix() { .fotorama__active { box-shadow: 0 0 0 transparent; } } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play { position: absolute; z-index: 11; cursor: pointer; } .fotorama__arr { position: absolute; width: 32px; height: 32px; top: 50%; margin-top: -16px; } .fotorama__arr--prev { left: 2px; background-position: 0 0; } .fotorama__arr--next { right: 2px; background-position: -32px 0; } .fotorama__arr--disabled { pointer-events: none; cursor: default; *display: none; opacity: 0.1; } .fotorama__fullscreen-icon { width: 32px; height: 32px; top: 2px; right: 2px; background-position: 0 -32px; z-index: 20; } .fotorama__arr:focus, .fotorama__fullscreen-icon:focus { border-radius: 50%; } .fotorama--fullscreen .fotorama__fullscreen-icon { background-position: -32px -32px; } .fotorama__video-play { width: 96px; height: 96px; left: 50%; top: 50%; margin-left: -48px; margin-top: -48px; background-position: 0 -64px; opacity: 0; } .fotorama__wrap--css2 .fotorama__video-play, .fotorama__wrap--video .fotorama__stage .fotorama__video-play { display: none; } .fotorama__error .fotorama__video-play, .fotorama__loaded .fotorama__video-play, .fotorama__nav__frame .fotorama__video-play { opacity: 1; display: block; } .fotorama__nav__frame .fotorama__video-play { width: 32px; height: 32px; margin-left: -16px; margin-top: -16px; background-position: -64px -32px; } .fotorama__video-close { width: 32px; height: 32px; top: 0; right: 0; background-position: -64px 0; z-index: 20; opacity: 0; } .fotorama__wrap--css2 .fotorama__video-close { display: none; } .fotorama__wrap--css3 .fotorama__video-close { -webkit-transform: translate3d(32px, -32px, 0); transform: translate3d(32px, -32px, 0); } .fotorama__wrap--video .fotorama__video-close { display: block; opacity: 1; } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { opacity: 0; } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { opacity: 1; } .fotorama__wrap--video .fotorama__arr, .fotorama__wrap--video .fotorama__fullscreen-icon { opacity: 0 !important; } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { display: none; } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { display: block; } .fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon { display: none !important; } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) { -webkit-transform: translate3d(32px, -32px, 0); transform: translate3d(32px, -32px, 0); } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) { -webkit-transform: translate3d(-48px, 0, 0); transform: translate3d(-48px, 0, 0); } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) { -webkit-transform: translate3d(48px, 0, 0); transform: translate3d(48px, 0, 0); } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon { -webkit-transform: translate3d(32px, -32px, 0) !important; transform: translate3d(32px, -32px, 0) !important; } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev { -webkit-transform: translate3d(-48px, 0, 0) !important; transform: translate3d(-48px, 0, 0) !important; } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next { -webkit-transform: translate3d(48px, 0, 0) !important; transform: translate3d(48px, 0, 0) !important; } .fotorama__wrap--css3 .fotorama__arr:not(:focus), .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus), .fotorama__wrap--css3 .fotorama__video-close:not(:focus), .fotorama__wrap--css3 .fotorama__video-play:not(:focus) { transition-property: -webkit-transform, opacity; transition-property: transform, opacity; transition-duration: 0.3s; } .fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before { content: ""; display: block; position: absolute; text-decoration: none; top: 0; bottom: 0; width: 10px; height: auto; z-index: 10; pointer-events: none; background-repeat: no-repeat; background-size: 1px 100%, 5px 100%; } .fotorama__nav:before, .fotorama__stage:before { background-image: linear-gradient( transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent ), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), transparent); background-position: 0 0, 0 0; left: -10px; } .fotorama__nav.fotorama__shadows--left:before, .fotorama__stage.fotorama__shadows--left:before { left: 0; } .fotorama__nav:after, .fotorama__stage:after { background-image: linear-gradient( transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent ), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), transparent); background-position: 100% 0, 100% 0; right: -10px; } .fotorama__nav.fotorama__shadows--right:after, .fotorama__stage.fotorama__shadows--right:after { right: 0; } .fotorama--fullscreen .fotorama__nav:after, .fotorama--fullscreen .fotorama__nav:before, .fotorama--fullscreen .fotorama__stage:after, .fotorama--fullscreen .fotorama__stage:before, .fotorama__wrap--fade .fotorama__stage:after, .fotorama__wrap--fade .fotorama__stage:before, .fotorama__wrap--no-shadows .fotorama__nav:after, .fotorama__wrap--no-shadows .fotorama__nav:before, .fotorama__wrap--no-shadows .fotorama__stage:after, .fotorama__wrap--no-shadows .fotorama__stage:before { display: none; } .clear { clear: both; float: none; } .work-on-browsers { margin: 30px 0 45px; } .work-on-browsers img { height: 40px; margin-right: 4px; } .work-on-browsers p { margin-top: 8px; color: #757575; font-size: 15px; line-height: 18px; } .jw-info { padding: 15px 20px; margin: 50px 0 25px; font-size: 21px; line-height: 27px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } /* Forms */ .reg { padding: 60px 0 60px; border-top: 1px solid #dedede; } .reg__form, .auth__form { text-align: center; } .form__block { position: relative; display: inline-block; margin-right: 10px; width: 250px; max-width: 100%; vertical-align: top; } .form__line { position: relative; } .form__block:last-child { margin-right: 0; } .form__input { position: relative; font-family: "Lato"; font-weight: normal; box-sizing: border-box; margin: 0; vertical-align: top; outline: 0 none; background: white; border: 1px solid #dedede; border-radius: 3px; color: #000000; font-size: 19px; line-height: 32px; padding: 22px 23px 2px 10px; width: 100%; display: block; } .form__button { padding: 11px 23px 12px; width: 100%; font-size: 19px; line-height: 32px; border-radius: 4px; } .reg h2, .reg h3, .feature-description__title h2, .feature-description__title h3 { font-weight: normal; font-size: 36px; margin: 0 0 10px; } .reg h3.sec { color: #757575; font-weight: normal; font-size: 24px; margin: 0 0 30px; } .is__error { border-color: #a94442; } .JW-form label { position: absolute; font-size: 15px; color: #757575; top: 4px; left: 10px; z-index: 4; } .auth__form .error-message { margin-top: 20px; } .error-message { background-color: #f2dede; border: 1px solid #ebcccc; border-radius: 4px; color: #a94442; padding: 11px 23px 12px; margin-bottom: 30px; font-size: 16px; font-family: "Lato"; line-height: 32px; } .success-message { background-color: #dcedc8; border: 1px solid #c5e1a5; border-radius: 4px; color: #43a047; padding: 11px 23px 12px; margin-bottom: 30px; font-size: 16px; font-family: "Lato"; line-height: 32px; } /* Reviews */ .reviews { padding: 60px 0 90px; } .reviews .title { margin-bottom: 40px; } .review .review__text { margin-top: 30px; border-radius: 5px; padding: 23px 38px 40px; background: #fff; position: relative; z-index: 5; box-shadow: 0 12px 60px 0 rgba(108, 108, 108, 0.4); border-bottom: 3px solid #fff; } .review .inner { font-size: 17px; line-height: 23px; position: relative; z-index: 67; } .review .inner p { margin: 0 0 5px; } .review__text:before { box-shadow: -2px 2px 3px 0 rgba(0, 0, 0, 0.16); -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #fff; border-radius: 4px; position: absolute; display: block; height: 46px; content: ""; width: 46px; top: -5px; left: 20%; margin-left: -23px; } .review__text:after { position: absolute; background: #fff; height: 100px; width: 90%; content: ""; top: 0px; left: 5%; z-index: 5; } .review-author { position: relative; } .review .review__pic { width: 50px; position: absolute; left: 0; top: 50%; margin-top: -25px; } .review .review__pic img { border-radius: 100%; width: 100%; border: 1px solid #dedede; } .review__pic + .review__name { padding-left: 60px; } .review .review__name { margin: 0; } .review .review__name .name { font-size: 19px; margin-bottom: 8px; } .review .review__name .description { color: #757575; } .review .review__name .description img { height: 20px; border-radius: 4px; position: relative; top: 4px; } /* Price */ .pricing { padding: 0px 0 80px; } .pricing .title { margin-bottom: 40px; } .price { width: 100%; background: #fff; box-shadow: 0 12px 60px 0 rgba(108, 108, 108, 0.4); border-radius: 5px; } .price .price__name { padding: 22px 7%; font-size: 27px; color: #757575; margin-bottom: 20px; } .price .price__value { text-align: left; padding: 30px 7% 0; } .price .price__value .value { font-size: 62px; } .price .price__value .rub { font-size: 62px; position: relative; left: -4px; } .price .price__value .in-month { color: #757575; font-size: 21px; } .price .price__in-year { padding: 0 7%; color: #757575; font-size: 19px; } .price-details { margin-top: 23px; padding: 40px 7%; border-top: 1px solid #dedede; color: #757575; } .price-detail { position: relative; padding-left: 54px; margin-bottom: 35px; } .price-detail__icon { font-size: 42px; position: absolute; left: 0px; top: 50%; margin-top: -21px; } .price-detail__description { font-size: 17px; } .price__button { /* padding: 20px 7% 25px; */ } .price__button .button { border-top-left-radius: 0; border-top-right-radius: 0; } .price__button .button:active { transform: none; } .price-click { -webkit-box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.2), 0 0px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.2), 0 0px 2px rgba(0, 0, 0, 0.15); -webkit-transform: scale(0.97); -moz-transform: scale(0.97); -ms-transform: scale(0.97); -o-transform: scale(0.97); transform: scale(0.97); -webkit-backdrop-filter: saturate(100%) blur(20px); backdrop-filter: saturate(100%) blur(20px); background: rgba(255, 255, 255, 0.65); } /* Footer */ .footer { padding: 80px 0 30px; } .footer .col { margin-right: 36px; } .footer .big-phone { text-align: center; margin-bottom: 80px; } .footer .big-phone a { font-size: 42px; } .footer p { color: #757575; margin: 0 0 6px; font-size: 15px; } .footer .big-phone p { font-size: 16px; } .footer .big-phone a { cursor: pointer; border: 0; } .footer .jw-footer { font-size: 35px; line-height: 36px; } /* Modal */ .full-modal { display: none; position: relative; z-index: 99999; width: 50%; margin: 100px auto; background: #ffffff; box-shadow: 0 25px 40px -10px rgba(8, 26, 40, 0.3); -webkit-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); border-radius: 4px; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } .video-modal { padding: 0px; } .full-modal h2 { margin: 0 0 48px 0; padding: 0; font-size: 38px; font-weight: normal; } .full-modal__close { display: block; position: fixed; top: 0px; bottom: 0; left: 0; right: 0px; cursor: pointer; z-index: 99993; -webkit-overflow-scrolling: touch; overflow: auto; } .full-modal__bg { display: block; position: fixed; top: 0px; bottom: 0; left: 0; right: 0px; z-index: 99993; -webkit-overflow-scrolling: touch; overflow: auto; } .closer i { position: fixed; top: 20px; right: 30px; color: #9e9e9e; font-size: 24px; line-height: 1; cursor: pointer; z-index: 99994; } .closer:active i { color: #757575 !important; top: 21px; } .full-modal__bg > * { /* -webkit-transform: translateZ(0px); */ } .full-modal__bg { background: rgba(255, 255, 255, 0.92); -webkit-backdrop-filter: saturate(100%) blur(20px); backdrop-filter: saturate(100%) blur(20px); zoom: 1; } .full-modal.is__show, .full-modal .is__show { display: block; } .full-modal .modal-inner { padding: 50px 14% 90px; } .full-modal .form__input { margin-bottom: 20px; } .form-links { margin-top: 15px; } .form-links a { font-size: 16px; color: #757575; } .auth__logo { font-size: 35px; font-weight: 600; margin-bottom: 100px; } .auth__logo span { /* color: #757575; */ } .form-links { display: table; width: 100%; } .form-link { display: table-cell; width: 50%; } .form-links__forgot { border-bottom: 1px solid #d0d0d0; } .form-links__reg { border-bottom: 1px dashed #d0d0d0; text-align: left; cursor: pointer; } .form-link_right { text-align: right; } .button-row { margin-bottom: 20px; } .selector-button { float: left; margin: 0; position: relative; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .selector-button span { display: inline-block; margin: 0; padding: 0; border: 1px solid #d0d0d0; color: #757575; cursor: pointer; background-color: #fff; background: -moz-linear-gradient(top, #fff, #f5f5f5); background: -webkit-linear-gradient(top, #fff, #f5f5f5); background: -o-linear-gradient(top, #fff, #f5f5f5); background: -ms-linear-gradient(top, #fff, #f5f5f5); background: linear-gradient(top, #fff, #f5f5f5); border-radius: 3px; padding: 11px 23px 12px 23px; font-size: 19px; line-height: 32px; } .selector-button.button-left span { border-top-right-radius: 0; border-bottom-right-radius: 0; border-left: 1px solid #cdced0; } .selector-button.button-center span { border-radius: 0 !important; border-left: 0 !important; } .selector-button.button-right span { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; } .selector-button:hover span { cursor: pointer; background-color: #eef0f3; background: -moz-linear-gradient(top, #f5f5f5, #e0e0e0); background: -webkit-linear-gradient(top, #f5f5f5, #e0e0e0); background: -o-linear-gradient(top, #f5f5f5, #e0e0e0); background: -ms-linear-gradient(top, #f5f5f5, #e0e0e0); background: linear-gradient(top, #f5f5f5, #e0e0e0); border-color: #c6cbd1 !important; } .button-row .selector-button.selected span { padding: 12px 23px 13px 23px; border: 0 !important; color: rgb(255, 255, 255); cursor: default !important; background: #424242 !important; box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 0.2); text-shadow: 0 2px 2px rgba(0, 0, 0, 0.22); } .button-row .selector-button.button-left.selected:hover span { border: 0; } .hidden--radio { position: absolute; left: -9999px; } .label-overlay { cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; } body.lock { /* modal fix */ overflow: hidden; } .form-rules { font-size: 14px; color: #757575; } .yandex { position: relative; top: 5px; height: 25px; margin-right: 10px; } .rbk { position: relative; top: 4px; height: 18px; margin-right: 5px; } .is__hidden { display: none; } .feature.agents { padding: 20px 0 70px; } .feature.agents .about-agents { margin-top: 40px; } .rights-info { padding: 100px 0 200px 0; } .rights-info p, .rights-info ul, .rights-info ol { padding: 0; margin: 1em 0; line-height: 21px; } .rights-info li { margin: 0.5em 0 0.5em 1.3em; } .rights-info ul { list-style-type: none; //list-style-image: url('li.gif'); } .rights-info ul li { padding: 0; behavior: expression( (!this.before && parentNode && parentNode.tagName == "UL") ? (this.before = true) & (parentNode.style.listStyleImage = "none") & ( (this.firstChild && this.firstChild.firstChild) ? (this.firstChild.style.marginTop = "-1.2em") & (this.firstChild.style.position = "relative"): "" ) & ( eNOBR = document.createElement( '' ) ) & (eNOBR.innerHTML = "— ") & (this.insertBefore(eNOBR, this.firstChild)): "" ); } .rights-info ul > li:before { content: "\2014\a0"; float: left; margin-left: -1.25em; } .rights-info ul > li > *:first-child:-moz-first-node { margin-top: -1.2em; } .rights-info ul > li > * { text-indent: 0; } .rights-info .sup { position: relative; top: -0.5em; font-size: 0.75em; line-height: 0; vertical-align: baseline; } .remember h1 { font-weight: normal; font-size: 38px; margin-bottom: 30px; } .remember { padding: 120px 0 100px; border: 0; } .remember .form__line { margin-bottom: 20px; } @media (max-width: 767px) { .container-fluid { padding: 0 15px; } .menu { height: 117px; } .menu__logo { margin: 6px 0 0 0; } .menu__change-page { position: absolute; left: 15px; top: 70px; } .big-promo { position: relative; min-height: 200px; padding: 180px 0 50px; background: none; } .big-promo .big-promo__maintitle { margin: 40px 0; font-size: 30px; } .why .why__title { font-size: 28px; font-weight: normal; margin: 0; } .feature.why { padding: 30px 0 50px; } .title { font-size: 32px !important; } .features .feature-block { width: 20%; } .feature .feature-description, .feature.database .add-object .feature-description { padding: 0; } .footer .big-phone a { font-size: 24px; } .footer .col { float: none; margin: 15px 15px; } .pricing .price { margin-bottom: 37px; } .reviews .review { margin-bottom: 37px; } .browser .browser__wrapper img { position: relative; margin: 0 !important; } .browser__wrapper { height: auto !important; } .reg { padding: 40px 0; } .form__block { width: 100%; margin: 0 0 20px; } .full-modal { width: 100%; margin: 70px auto; background: #ffffff; } .full-modal h2 { margin: 0 0 22px 0; font-size: 30px; } .full-modal__close { display: block; position: fixed; top: 0px; bottom: 0; left: 0; right: 0px; cursor: pointer; z-index: 99993; -webkit-overflow-scrolling: touch; overflow: auto; } .full-modal .modal-inner { padding: 35px 4% 50px; } .closer i { position: fixed; top: 20px; right: 30px; color: #9e9e9e; font-size: 24px; line-height: 1; cursor: pointer; z-index: 99999; } }