/* Theme Name: Feather Theme URI: http://themeforest.net/item/feather-clean-flat-responsive-wordpress-blog-theme/6815330 Author: Kraftt Author URI: http://themeforest.net/user/Kraftt Description: Feather - Clean Flat Responsive WordPress Blog Theme Version: 1.5.9 License: GPL/MIT License URI: http://themeforest.net/licenses Tags: blog, blogging, clean, flat, gallery, journal, modern, personal, post types, responsive, simple, wordpress theme, writing */ /* HEADER */ @font-face { font-family: 'Signika'; src: url('/wp-content/uploads/2018/03/Signika.ttf') format('truetype'); } @font-face { font-family: 'Acrom Extra Bold'; src: url('/wp-content/themes/feather/fonts/Acrom-ExtraBold.eot'); src: url('/wp-content/themes/feather/fonts/Acrom-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/feather/fonts/Acrom-ExtraBold.woff') format('woff'), url('/wp-content/themes/feather/fonts/Acrom-ExtraBold.ttf') format('truetype'); font-weight: normal; font-style: normal; } .row { margin: 0; } iframe { max-width: 100%; } body, div, ul, .gallery-caption, footer p, li a, p, span, article, nav, blockquote, dl, dt, dd, td, a, tr, th, code, caption, figcaption, input, label, textarea {color: rgba(0,0,0,.87); font-family: Lato, sans-serif;} a { color: #3486cd; } .wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.is-resized { display: table; } /* WP MEARGING HEADER */ html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { font-family: sans-serif; font-size: 14px; line-height: 1.428571429; color: #333; background-color: #fff; margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;} .container {padding: 0 15px; margin: 0 auto;} b, strong {font-weight: bold;} button, input, select, textarea { margin: 0; font-family: inherit; font-size: 100% } button, input {line-height: normal;} button, select {text-transform: none} button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: none; } button[disabled], html input[disabled] {cursor: default;} input[type="checkbox"], input[type="radio"] {padding: 0; box-sizing: border-box;} button::-moz-focus-inner, input::-moz-focus-inner {padding: 0; border: 0;} textarea {overflow: auto; vertical-align: top;} input, button, select, textarea {font-family: inherit; font-size: inherit; line-height: inherit;} a {text-decoration: none;} img {vertical-align: middle;} hr {margin: 20px 0; border: 0; border-top: 1px solid #eee;} p {margin: 0 0 10px;} h1, h2, h3 {margin: 20px 0 10px;} body.blog h1, body.archive h1, body.single-post h1, body.search h1, body.blog h2, body.archive h2, body.single-post h2, body.search h2, body.blog h3, body.archive h3, body.single-post h3, body.search h3, body.page-template-template-blog h1, body.page-template-template-blog h2, body.page-template-template-blog h3 { margin-top: 0; } ul, ol {margin: 0 0 10px;} ul ul, ol ul, ul ol, ol ol {margin-bottom: 0;} .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .container:before, .container:after {display: table; content: " ";} .container:after {clear: both;} @media screen and (max-width: 1310px) { #header .col-md-12 .logo { margin-left: 0; } } /* END WP MEARGING HEADER */ .head-hold {width: 100%; padding-top: 90px; border-bottom: 1px solid #cccccc;} @media screen and (max-width: 990px) {.head-hold {padding-top: 70px;} .single-blog-page #blog {margin-top: 120px !important;}} .head-hold .sub-navigation {max-width: 1140px; margin: 0 auto;} .header_nav_item.store, .soci, .blog-menu-link { display: none; } #header .container {max-width: 100%; width: 100%;} #header { background-color: #fff !important; position: fixed !important; padding: 0px !important; left: 0; right: 0; z-index: 100; } #header .col-md-12 { display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; height: 50px; padding: 0; } #header .logo { height: 26px; overflow: visible; position: relative; top: -13px; } #header .logo a img { width: 150px; height: 47px; } #header .col-md-12 .logo { margin-right: 35px;} #header .header_left { display: flex; } #header .header_nav_link { padding: 5px 10px; color: #48555E; font-size: 16px; line-height: 24px; transition: color .3s; font-family: OpenSans-Regular, sans-serif; } @media screen and (max-width: 1199px) { body:not(.category) .header_btns .btn, body:not(.single-post) .header_btns .btn, .header_btns .btn.login {display: none !important;} } @media screen and (max-width: 1310px) { #header .col-md-12 .logo { margin-left: 0; } } @media screen and (min-width: 991px) and (max-width: 1111px) { #header .header_nav_link { padding: 5px !important; } } #header .header_nav_link:hover { color: #000000 !important; text-decoration: underline; } #header .header_btns .btn { width: 180px; cursor: pointer; text-transform: uppercase; text-decoration: none; text-align: center; padding: 13px 10px; margin: 0 5px; border-radius: 4px; line-height: 20px; transition: .1s; font-size: 16px; } #header .btn.beta { background: #3BC047; color: #fff; border: 1px solid #3BC047; box-shadow: inset 0px -1px 0px #2C9035; font-family: OpenSans-Semibold; } #header .btn.beta:hover, .feedback_beta .powerful_form_btn:hover, body.single-post header .powerful_form_btn:hover, body.category header .powerful_form_btn:hover { background: #40D14E; } #header .btn.login { background: transparent; color: #1E92DC !important; border: 1px solid #1E92DC; font-family: OpenSans-Regular; } #header .btn.login:hover { background: #F3F9FD; border: 1px solid #3486CD; } /* END HEADER */ /* FOOTER */ footer { background: #195990; padding-bottom: 0px !important; overflow: hidden; } footer .container { padding: 20px 0 55px; } .footer_list { display: flex; align-items: flex-start; justify-content: space-between; max-width: 740px; margin: 0 auto; } .footer_list .footer_item_wrap { display: inline-flex; align-items: flex-start; justify-content: space-between; } .footer_list .footer_item { display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; min-width: 200px; } .footer_list .footer_item img { max-width: 137px; margin-bottom: 5px; } .footer_list .footer_title { font-size: 14px !important; font-family: OpenSans-Semibold,sans-serif; font-weight: normal; line-height: 20px; color: #94B5D1 !important; margin-bottom: 25px; } .footer_list .footer_link { white-space: nowrap; font-size: 14px !important; font-family: OpenSans-Semibold, sans-serif; font-weight: normal; line-height: 20px; color: #ffffff !important; text-decoration: none; margin: 6px 0; } .footer_list .footer_link:hover { text-decoration: underline; } .footer_list .footer_item_mobile { display: inline-flex; } .footer_line { width: 100%; background: #2A6BA4; display: flex; align-items: center; justify-content: center; height: 80px; } .footer_line .footer_line_wrap { max-width: 980px; width: 100%; padding: 0 20px 0 120px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; } .footer_line .footer_line_wrap .footer_social { display: flex; align-items: center; justify-content: flex-start; } .footer_line .footer_line_wrap .footer_social .follow_holder { display: flex; justify-content: center; align-items: center; } .footer_line .footer_line_wrap .footer_social .ico_social:hover { background-color: #195990; border-radius: 3px; } .footer_line .footer_line_wrap .footer_social .ico_social { width: 36px; height: 36px; margin-right: 6px; border-radius: 3px; transition: background .3s; } .ico_social.ico_twitter { background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAgCAYAAABgrToAAAAABGdBTUEAALGPC/xhBQAAAwFJREFUWAnFmM1LFVEUwN9oGJVRBpVRgasMishFRSglCK5ahfQXRNGm3BUW5UIhEIJa1aZFEEQtLGrRxyYqsQ8KEsKkoCwE03SRiZTp9DvT3GnefTOX+XrzDvy8H+fcc4/3890pFMootm1XQQfchK8wB1MwCKehPqx7dA1FOioaYVlRZYoCvrbBEJhkBmWn6oZ8NbTDXTin6p2UijtwD5YUKRIU8NEKsxBVZISvw4TbYJR0pdc1hRUw7ypvkS71lDEztN0E066vJMkPGu2Sbklrq9z+m0jVyHWQf4RyjauLm5ynQV3cRq79Z9LjIMvjNulhcCI9QIUuX6jY7xhE/IP9WlAzofuLUl70GV0jbzldk2nxKfzZBQqXINJoYnfI3zhFXtajmlFnBOuo+GNwKGvqJBinDn2XwUcUlYxgN/wbOf/MUfkggoef2FyBNvj/H7qOqDsDaWTSH5PkvUjx2kL5qW5gKE+jG4BXMARj0Ap9kFTGLcvaENqYIC+k+fczaPtBD86ZJhzvQyGRn4XlcBQqId/0TtU6qkVxA37De5iDzK49fEWVj7qhCvAlChtqYIdulGP5rd6Xc5OwML+jeKgrK1B+pvfp38V7UMqurNaNcirLINUzWAv+/tRdXEDxAoVskkpJvx5cYCDsaLkNTLdKBqdJoIvmwICCKmm+G+6D3MV5yOugOKTOm2JlQDSyFtvgMfTDIpRbesM68DaJMiDAdeQ/gRzYechz1t7esI5KRhDjCYzz2izz9HUsLDhjPSN5NYfF120MwqQkOAtOgTwVyyGyCdOfuTjZDD3wBuK81DAPlXdoVpsGKLYOhzXQC2mPnmF8rI8dQFgDnMlUH4QRSCsDOJBTIr3gaAvIOySLwHBjXwb5tRRLZHTkUG4H+bm1ChpgJ4R+N0EXR0YxPsLxlfzXEkE2gzzWs5RxnJ2AxF8pSkYBZ9vhIoxBEvlFIzk+5H0cezpLAqKi5KoTI5xLvUyzfFmQzyJbYSPIu1g6lifBDEzBCAzDIDxhKmdJM5O/WVpKlJbVzlkAAAAASUVORK5CYII=) center no-repeat; background-size: 20px 16px;} .ico_social.ico_facebook { background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAYAAAD+MdrbAAAABGdBTUEAALGPC/xhBQAAAQhJREFUSA3tlDEKwjAUho3ooIig4NhZcBJv4C0cdPcmnsDJ1dlLOLp5BV1FFERQaP0iFmrJSxPIoNAf/jZ9+fPnvZdQVXFEkiQjpFM4hhHswBg+4A2e4aLGwwqMWghWcGIQVolpjybswchq+DHbIhxCJ+gdbFgy6WymjURDshswP9MiH4iGmMyh8jGzaslwD23YMNmH1nN4b4KoDmMo4cREw5SRVHIXsa3cnVLq7mPYNokzsUtm/DWUMpTi6eJnOsi/ixbm9YXfv2+o9L0orMNdcA1d8jG04SG04e9n+AclG28YV1P/52xYGxcSDH3KpaHUaY94eSgezRKkZQ+FxniEyx56NEuQvgBloZaRvt0dawAAAABJRU5ErkJggg==) center no-repeat; background-size: 10px 20px;} .ico_social.ico_linkedin { background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABGdBTUEAALGPC/xhBQAAAeZJREFUWAntlr1KA1EQhV1rYyVY2VjY+oNgFxVEEGxFC99AfQMfQCwEIQ8gdnairZWRgERfQWy0EFFBBIma9RtMwv7dvZOQzUa4A4e9O3Nm5uzs3csODDTM9/0NUAEf4BWcgblmPNcrQkogyb5wbuYtbj1JWcD3yXo8N5E0vwqIMS338hI4SONpRXMNR1GmfYoI/FakaTiKMu1TRGBFkabhKMp0QGHTLYC6afPhfwEjHZTuXgoCdsAPiNobjvnudWq/ktdMQcgM6y0wBWrgEhx6nvfI1dm/nUDrFffiCdhGo/QpgjEgvZ/BHbhmK8m2yscQtgLKwHRayA/KEZiIKcSpsmiiLUn4cArgxMYNxGust0O9AsHUZSjpr3kqn+AwqNpIhvhuq5+BEHO3EhqLGCHuOI+71B45k5eklScp0eZJ92zi0AelzUuqpfTd0nK2nwXKcyzKz0I/23IvBF4wgVUgZ2ABTIIDoPmFK8pRoDIKhkyV5Pv7oaTADflrihr3WQq8QUDqGyJ+ahH5nlog8MCdLEt8hXVL4rElPpSlwLKluYSrNk6WAh9szYk/2TiZnYPRg90kRPagKSb+LCeY1lcdcwLVozIQ3QQNg1G73QTVozIQ3QQNg1G73QTVozIQ3QQNg1G7fwHwAJ78tJVqdwAAAABJRU5ErkJggg==) center no-repeat; background-size: 20px;} .footer_social span { font-size: 14px; line-height: 20px; color: #94B5D1; margin-right: 20px; font-family: OpenSans-Semibold,sans-serif; } .footer_line_info { font-size: 14px; font-family: OpenSans-Semibold,sans-serif; line-height: 20px; color: #94B5D1; } .footer_select { font-size: 16px; line-height: 24px; color: #000; display: block; border: 1px solid #646D80; margin: 0 auto; background: #fff; max-width: 480px; border-radius: 8px; position: relative; padding: 12px 40px 12px 20px; cursor: pointer; box-sizing: border-box; } .footer_banner { display: none; background: url('img/hygger_blog_footer.png') no-repeat center #fff; background-size: cover; padding: 109px 0 108px 50%; } body.blog .footer_banner, body.archive .footer_banner, body.single-post .footer_banner, body.search .footer_banner, body.page-template-template-blog .footer_banner { display: block; } .footer_banner .banner_list { list-style-type: none; padding: 0 0 10px; } .footer_banner .banner_list li { background: url('img/check.png') no-repeat left center/35px 26px; padding-left: 55px; font-weight: 900; font-family: "Monserrat", sans-serif; color: #195990; font-size: 38px; line-height: 47px; margin-bottom: 22px; } .footer_banner .open_hygger_from_footer { background: #3BC048; border-radius: 10px; font-size: 18px; color: #ffffff; font-family: "Helvetica", sans-serif; font-weight: bold; padding: 15px 37px; text-decoration: none; display: inline-block; } .footer_banner .open_hygger_from_footer:hover { color: #ffffff !important; text-decoration: none; background: #40D14E; } @media screen and (max-width: 1000px) { .footer_line {height: 140px;} .footer_line .footer_line_wrap { flex-direction: column; align-items: left; padding: 0 7%; } .app_btns {margin: 5px 0 10px;} } @media screen and (max-width: 650px) { .footer_line .footer_line_wrap .footer_social {flex-direction: column;} } /* END FOOTER */ /* HOME PAGE */ .home-head { width: 100%; background-color: #3486cd; text-align: center; padding: 22px 0; } .home-head h1 { font-size: 41px; letter-spacing: 0.1px; line-height: 60px; font-weight: 600; color: #ffffff; font-family: Lato; margin-bottom: 0px; } .home-head .sub-head { font-size: 20px; line-height: 25px; color: #ffffff; } .single-post:not(body) { display: inline-block; float: left !important; clear: none !important; width: 33.3333% !important; margin-bottom: 30px !important; } .pagin.single-post {width: 100% !important;} .single-post .post-inner-content { padding: 0 15px !important; border-width: 0px !important; } .single-post .main-content a.img-holder { overflow: hidden; display: block; height: 160px; margin-bottom: 25px; background-size: cover; background-position: center; } .single-post .post-header { margin-bottom: 15px !important; } .single-post .post-header a, .recent-posts-wrapper.related .post-header a { font-size: 22px !important; line-height: 30px !important; font-weight: 800; } .single-post .main-content .post-header a, #big-post .main-content .post-header a { color: #000000 !important; } .single-post .main-content .post-header a:hover, #big-post .main-content .post-header a:hover { color: #000000 !important; } .home #blog {padding: 0px;} #big-post .post-header {margin: 0px !important;} #big-post .post-header a { font-size: 30px !important; line-height: 45px !important; color: #000000; font-family: Lato; font-weight: 600; margin-bottom: 0px; display: block; padding: 25px 0px !important; } #big-post .post-header a:hover { color: #000000 !important; } #big-post .single-post { display: block; float: none !important; width: 100% !important; height: auto !important; } #big-post img { width: 100%; height: auto; } #big-post .post-meta { padding-bottom: 15px; padding-top: 22px; margin-bottom: 0px;} #big-post .post-meta a { float: left; color: #2b8ade !important; font-size: 15px; line-height: 20px !important;} #big-post .post-meta a:hover { color: #2A6BA4;} #big-post .post-meta-author {color: #000000 !important; font-size: 15px !important; line-height: 20px !important} #big-post .main-content { margin-bottom: 40px; } #big-post .main-content a { height: auto !important; display: inline-block; max-height: 400px; overflow: hidden; } #big-post .main-content span, .blog:not(.single-blog-page) .single-post .main-content p, .blog:not(.single-blog-page) .single-post .main-content span { color: rgba(0,0,0,0.84) !important; font-size: 18px; line-height: 25px; } .blog.single-blog-page #blog .post-inner-content .main-content a, .blog.single-blog-page #blog .post-inner-content .main-content a span {color: #2d8bde !important;} .readmoreart { color: #2d8bde !important; font-size: 18px !important; line-height: 20px !important; text-transform: lowercase; } .readmoreart:hover { color: #2d8bde !important; } .pagin { width: 100% !important; margin: 20px 0 80px !important; display: inline-block; float: left !important; clear: none !important; } .pagin a { font-weight: 600; line-height: 34px; color: rgba(0,0,0,0.84) !important; background-color: transparent !important; font-size: 15px; } .pagin a:hover { font-weight: 600; line-height: 34px; color: #000000 !important; background-color: transparent !important; font-size: 15px; } .allposts { border-left: 6px solid #2b8ade; margin: 10px 0 50px 15px; } .allposts span { display: block; padding: 8px 0 0 13px; font-weight: 600; color: #000000; font-size: 30px; line-height: 30px; } #recents { padding-left: 75px; } .pop-post { display: flex; margin-top: 21px; } .pop-img-holder { height: 120px; width: 120px; min-width: 120px; background-size: cover; display: block; } .descr { position: relative; } .descr a { font-weight: 600; display: block; line-height: 18px; color: #000000; font-size: 16px; margin-left: 20px; } .descr a:hover { color: #000000 !important; } .descr .pop-date { position: absolute; bottom: 0px; display: block; line-height: 15px; color: #000000; font-size: 13px; margin-left: 20px; } #recents .allposts span { padding: 6px 0 0 13px; font-size: 27px; line-height: 27px; } #recents .allposts { margin-bottom: 29px !important; } /* END HOME PAGE */ /* ARCHIVE, SEARCH */ .archive .home-head, .search .home-head { padding: 15px 0 !important; } .archive #blog, .search #blog { margin-top: 50px; padding: 0px; } /* END ARCHIVE, SEARCH */ /* BLOG ARTICLE */ .single-blog-page { padding-bottom: 30px !important; } .single-blog-page .single-post { width: 100% !important; margin-bottom: 0px !important; } .single-blog-page #blog { margin-top: 135px; padding: 0px; position: relative; display: block; overflow: auto; } .single-blog-page .cats { text-align: center; margin-bottom: 35px; } .single-blog-page .cats a { color: #2b8ade !important; text-transform: uppercase; font-size: 16px; line-height: 18px; } .single-blog-page a:hover { color: #3db9f5 !important; } .single-blog-page h1.post-header { text-align: center; font-size: 40px; line-height: 50px; font-family: Lato; font-weight: 600; letter-spacing: 0px; color: #000000; margin-bottom: 30px !important; } .single-blog-page .post-meta { text-align: center; margin-bottom: 10px; } .single-blog-page .post-meta .post-meta-author { color: rgba(0,0,0,0.84); font-size: 16px !important; line-height: 18px; } .single-blog-page .single-post .post-meta p.post-meta-author a { color: #2b8ade !important; font-size: 16px !important; } .single-blog-page .single-post .post-meta p.post-meta-author a:hover { color: #3db9f5 !important; } #big-post .post-meta .post-meta-author a, .single-blog-page .post-meta .post-meta-author a, .readmoreart, .cats a, .blog.single-blog-page #blog .post-inner-content .main-content a, .blog.single-blog-page #blog .post-inner-content .main-content a span { border-bottom: 1px solid transparent; transition: all 150ms;} #big-post .post-meta .post-meta-author a:hover, .single-blog-page .post-meta .post-meta-author a:hover, .readmoreart:hover, .cats a:hover, .blog.single-blog-page #blog .post-inner-content .main-content a:hover, .blog.single-blog-page #blog .post-inner-content .main-content a:hover span { color: #36a2d7 !important; border-bottom: 1px solid #36a2d7; text-decoration: none;} .single-blog-page .container .single-post .post-content-inner-wrapper { width: calc(100% - 320px); margin: 0 auto 0 0; display: block; } .single-blog-page .single-post .main-content img.attachment-full { margin-bottom: 40px; } #disqus_thread { padding: 50px 15px 60px; border-width: 0px; } .related-posts-wrapper { border-top: 2px solid #E9E9E9 !important; width: 100% !important; } .related-posts-wrapper .related-posts { border-width: 0px !important; width: 1140px; padding: 0px !important; margin: 0 auto; max-width: 100%; } .single-blog-page .allposts { margin: 10px 0px 40px 15px !important; } .single-blog-page .allposts span { color: #000000 !important; font-size: 30px !important; line-height: 30px !important; } .single-blog-page .recent-posts-wrapper.related { margin-top: 0px !important; } .recent-posts-wrapper.related .single-post { width: 33.3333% !important; margin-bottom: 30px !important; margin-right: 0px !important; } .recent-posts-wrapper.related .single-post .post-content { width: 100% !important; margin-left: 0px !important; } .recent-posts-wrapper.related .single-post .post-inner-content:last-child { border-width: 0px !important; } .recent-posts-wrapper.related .single-post .main-content { text-align: left !important; } .recent-posts-wrapper.related .single-post .main-content p, .recent-posts-wrapper.related .single-post .main-content span { color: rgba(0,0,0,0.84) !important; font-size: 18px; line-height: 25px; } .single-blog-page .single-post .post-content { display: flex; justify-content: space-between; } .single-blog-page .single-post .sidebar_banner.btm { display: flex; align-items: flex-end; padding-bottom: 50px; } .single-blog-page .single-post .sidebar_banner .content { display: flex; flex-direction: column; width: 280px; height: 468px; background: url(img/sidebg.png) no-repeat; background-size: 100%; background-position: center; } .single-blog-page .single-post .sidebar_banner.fixed .content { position: fixed; right: calc(50% - 555px); top: 135px; } @media screen and (min-width: 1201px) { .single-blog-page .single-post .sidebar_banner.fixed .content { position: fixed; right: calc(50% - 555px); top: 135px; } } @media screen and (max-width: 1200px) { .single-blog-page .single-post .sidebar_banner.fixed .content { position: fixed; right: calc(50% - 470px); top: 135px; } } @media screen and (max-width: 1000px) { .single-blog-page .single-post .sidebar_banner.fixed .content { position: relative; right: unset; top: unset; } .single-blog-page .single-post .sidebar_banner.btm { padding-bottom: 0; } } .single-blog-page .single-post .sidebar_banner .title { padding: 138px 25px 0; margin: 0; font-size: 27px; line-height: 32px; font-weight: 300; color: #ffffff; } .single-blog-page .single-post .sidebar_banner .subtitle { padding: 0 25px; margin: 10px 0 15px; font-size: 16px; line-height: 20px; font-weight: 300; color: #ffffff; text-align: center } .single-blog-page .single-post .sidebar_banner .powerful_form { flex-direction: column; margin: 0 25px !important; } .single-blog-page .single-post .sidebar_banner .join_beta_input { margin: 0 0 10px !important; border-radius: 7px; padding: 12px 16px; font-size: 14px; color: #D9DBE3; border: 1px solid #D9DBE3 !important; } .single-blog-page .single-post .sidebar_banner .join_beta_input:placeholder { color: #D9DBE3; } .single-blog-page .single-post .sidebar_banner .join_beta_input:focus { border-color: #3BC048 !important; } .single-blog-page .single-post .sidebar_banner .join_beta_input.error { border-color: #DE3333 !important; } .single-blog-page .single-post .sidebar_banner .join_beta_btn { margin: 0 !important; width: 100%; border-radius: 7px; border: 1px solid #3BC048 !important; background: #3BC048; } .single-blog-page .single-post .sidebar_banner .join_beta_btn:hover { background: #2C9C37; border-color: #2C9C37 !important; } .single-blog-page .single-post .sidebar_banner .adbanner-btn { max-width: 100%; margin: auto 25px; padding: 12px 15px; border-radius: 7px; border: none; cursor: pointer; border: 1px solid #3BC048; background: #3BC048; color: #ffffff !important; font: 16px OpenSans-Semibold,sans-serif; text-transform: uppercase; text-align: center; transition: .1s; } .single-blog-page .single-post .sidebar_banner .adbanner-btn:hover { background: #2C9C37; border-color: #2C9C37; } @media screen and (max-width: 1000px) { .single-blog-page .single-post .post-content { flex-direction: column; } .single-blog-page .container .single-post .post-content-inner-wrapper { width: 100%; margin: 0 auto; } .single-blog-page .single-post .sidebar_banner { margin: 0 auto 40px; } } /* END BLOG ARTICLE */ body { background-color: #ffffff !important; } section.blog { padding-top: 0px !important; } .container { max-width: 1140px; } .sub-navigation { width: 100%; display: flex; align-items: center; justify-content: space-between; } #submenu #subnav { display: none; position: absolute; background-color: #ffffff; z-index: 100; width: 380px; box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .2); padding: 10px 5px; } #submenu #subnav a { width: calc(50% - 10px); margin: 2.5px 5px; padding: 2.5px 5px; font-size: 15px; } .more-holder { display: inline-block; } #more { padding: 15px !important; margin: 0px !important; } /*#more:hover + #subnav, #more + #subnav:hover { display: block; }*/ #submenu a { color: rgba(0,0,0,0.84) !important; display: inline-block; margin: 5px; padding: 10px; cursor: pointer; } #submenu a:hover { color: #000000 !important; } #more::after { content: ''; display: inline-block; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBoZWlnaHQ9IjUiIHdpZHRoPSI4IiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgOCA1Ij4KICAgIDxwYXRoIGQ9Ik0wLDAgTDQsNCBMOCwwIiBmaWxsPSJub25lIiBzdHJva2U9IiMxZDFmMjQiIHN0cm9rZS13aWR0aD0iMSIvPgo8L3N2Zz4=); width: 8px; height: 5px; vertical-align: middle; margin: 0 0 0 5px; } #searcher { position: relative; max-width: 160px; margin-right: 20px; } #searcher form.search { float: left; clear: both; width: 100%; } #searcher form.search input.s { float: left; border-radius: 4px; clear: both; width: 100%; background-color: #fff; border: solid 0px #e0dede; color: #000 !important; padding: 12px 30px 12px 5px; position: relative; z-index: 0; } #searcher form.search input { font-family: "Lato" , sans-serif; font-style: 400; font-size: 16px; line-height: 18px; color: #c1c0c0; } #searcher form.search input.submit { position: absolute; top: 15px; right: 15px; width: 15px; height: 15px; background: url(img/se.png) no-repeat; outline: none; border: none; } .kk-star-ratings { display: none; } /* MOBILE */ i.ico_burger { z-index: 0; display: none; width: 36px; height: 36px; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAoCAMAAACVZWnNAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURUxpcUhXYEhWX0hVXnEtON0AAAADdFJOUwBVqgu5JzkAAAAySURBVEjHY2CmADCMaiZRMxMFgGEUjAKCgJECMJqf6aqZoqgaBaOAIKCouhnNz3TUDAARtQ4RePUO5gAAAABJRU5ErkJggg==) center no-repeat; background-size: 30px 20px; } i.ico_close { z-index: 0; display: none; background-size: 24px 24px; margin: 6px 6px 0 0; width: 24px; height: 24px; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURUxpcUhWXkpWX0lWXklbZEhVXnpBafcAAAAFdFJOUwD0PncckeX8pQAAAJlJREFUSMftltEOwBAMRbn4/19e2CLNgva88zTpOdnQaVPqo6bAMFDJ8nnlMvnWfEO5tTJ53+j8ZwzeM15+GPV7PBqaULUT+bwWU5d3jUX4aCyDB2MT2ho0QF9NF0e3jx4QTQGxJFOIt0aMN0aQ/xuxn53x1ojxWKCfRBdNt5UeHE0Nmnz3vrr3lUV4UaRllxd23jrw5gS1Pw9EBQzlIoBHnwAAAABJRU5ErkJggg==) center no-repeat !important; } .header_nav_social .ico_twitter { background-color: #55ACEE; background-size: 20px 16px; } .header_nav_social .ico_facebook { background-color: #3B5998; background-size: 10px 20px; } .header_nav_social .ico_linkedin { background-color: #0976B4; background-size: 20px; } .header_nav_social a { display: inline-block; border-radius: 50%; } .ico_social { width: 36px; height: 36px; margin-right: 6px; border-radius: 3px; transition: background .3s; } .footer_select { display: none; } #subnav.open { display: block !important; } @media screen and (max-width: 1200px) { .single-post .post-inner-content { padding: 0 5px !important; } #disqus_thread { padding: 70px 5px 60px; } .archive .group, .related-posts-wrapper { width: 950px !important; margin-left: calc(50% - 475px); } .single-blog-page .allposts { margin-left: 5px !important; } } @media screen and (min-width: 1200px) { .ico_burger, .ico_close { display: none !important; } } #submenu .more-holder #subnav a:nth-child(1)/*, #submenu .more-holder #subnav a:nth-child(2), #submenu .more-holder #subnav a:nth-child(3), #submenu .more-holder #subnav a:nth-child(4), #submenu .more-holder #subnav a:nth-child(5), #submenu .more-holder #subnav a:nth-child(6)*/ {display: none;} @media (min-width: 1440px) { .footer_banner { background: url('img/hygger_blog_footer_wide.png') no-repeat center top #fff; background-size: auto 502px; } } @media screen and (max-width: 1199px) { .header_nav { position: absolute; max-height: 100vh; overflow: auto; top: 70px; background: #F3F8FC; left: 100vw; margin: 0; bottom: 0; z-index: 11; min-width: 100vw; height: calc(100vh - 80px); padding: 20px 30px; box-sizing: border-box; align-items: flex-start; justify-content: flex-start; flex-direction: column; transition: left .3s linear; box-shadow: inset 0 18px 18px -22px rgba(0, 0, 0, 0.35); } .header_nav.open { left: calc(50% - 50vw) !important; padding-left: calc(50vw - 50%) !important; opacity: 1 !important; z-index: 1000 !important; } } @media screen and (max-width: 1199px) { i.ico_burger.open, i.ico_close.open { display: inline-block; z-index: 10; } body:not(.category) .header_btns .btn, body:not(.single-post) .header_btns .btn, .header_btns .btn.login { display: none !important; } .header_btns .btn.beta { display: none; } .header_left { width: 100%; } header .logo { margin: 0px 25px 0px 0px; } header .logo a { text-align: left !important; display: block; } #recents { margin-top: 50px !important; } .sumome-share-client-wrapper.sumome-share-client-wrapper-left-page.sumome-share-client-medium {left: auto; right: 0;} #header .header_nav_link { display: block; font-size: 18px; padding-left: 15px !important; } .header_nav_item.store { display: block; padding: 0 15px 10px; } .header_nav_item.store a img { max-width: 100%; max-height: 80px; } .header_nav_item { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e9e9e9; } .soci { display: block; padding: 0 15px; } .blog-menu-link { display: block; } .single-post .post-inner-content { padding: 0 15px !important; } .archive .single-post .post-inner-content { padding: 0 5px !important; } #disqus_thread { padding: 70px 15px 60px; } .header_nav_social { margin: 20px 0px; } .sub-navigation { flex-direction: column; } .more-holder { display: block; width: 100%; text-align: center; } .more-holder a { display: block !important; } #submenu a { display: none; } #submenu .more-holder #subnav a:nth-child(1)/*, #submenu .more-holder #subnav a:nth-child(2), #submenu .more-holder #subnav a:nth-child(3), #submenu .more-holder #subnav a:nth-child(4), #submenu .more-holder #subnav a:nth-child(5), #submenu .more-holder #subnav a:nth-child(6)*/ {display: block;} #subnav { width: 100%; max-width: 380px; left: calc(50vw - 190px); } #subnav a { display: inline-block !important; width: calc(50% - 10px); } #more { padding: 15px 15px 5px !important; } .single-post:not(body) { width: 100% !important; margin-bottom: 50px !important; } .single-post .main-content a.img-holder { height: 400px; text-align: center; } #recents { padding-left: 15px; margin-bottom: 70px; } .allposts { margin-bottom: 30px; } .related-posts-wrapper { width: 100% !important; max-width: 720px; margin-left: calc(50% - 360px); } .archive .group { width: 100% !important; max-width: 720px; margin-left: calc(50% - 360px); } .recent-posts-wrapper.related .single-post { width: 100% !important; } .single-blog-page .allposts { margin-left: 0px !important; } .recent-posts-wrapper.related .single-post .post-inner-content:last-child { padding: 0px !important; } .footer_list { flex-direction: column; width: 100%; max-width: 480px; max-height: 520px; background: #fff; border-radius: 8px; padding: 10px 0; box-sizing: border-box; display: none; z-index: 111; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24); } .footer_item_wrap { flex-direction: column; width: 100%; overflow: auto; flex-wrap: nowrap; } .footer_item_mobile { display: none !important; } .footer_select.open + .footer_list { display: flex; } .footer_select { display: block; width: 480px; max-width: calc(100% - 80px); } footer { overflow: visible; } footer .container .row { position: relative; } .footer_item_wrap .footer_item { width: 100%; margin-top: 0; margin-bottom: 10px; padding-right: 0; display: block; text-align: left; } .footer_list .footer_title { font-size: 16px !important; line-height: 24px !important; color: #A9A9A9 !important; margin-bottom: 0 !important; width: 100%; font-weight: 600 !important; padding: 12px 20px; box-sizing: border-box; display: block; } .footer_list .footer_link { width: 100%; padding: 12px 20px; margin: 0 !important; display: inline-block; box-sizing: border-box; font-size: 16px; font-weight: 500; line-height: 24px; text-decoration: none !important; color: #000000 !important; } .footer_list .footer_link:hover { background-color: #f3f3f3 !important; } .footer_item:after { content: ''; height: 1px; width: calc(100% - 20px); background: rgba(0, 0, 0, 0.12); display: block; margin: 0 auto; } .footer_select:after { content: ''; width: 32px; height: 32px; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAeCAMAAABpA6zvAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAELUExURQAAAAAAAAAAAAAAAAAAAAAAAAAAAExpcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFlhcQAAAAAAAAAAAAAAAFpicgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEtRYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAExSYU5UYwAAAF9meV1ldgAAAAAAAFBWZmBpeltjcwAAAAAAAAAAAElJYV5nd2JpfQAAAFxkdQAAAFlgclZcbQAAAFJZaVxjdgAAAAAAAAAAAAAAAE1TYkxSYAAAAGRtgJ5ZNvAAAABYdFJOUwEMBwkEBgUAAgMICxEKHRZhFBAlDWAXDi0PIxgSMBsqHyY9Rq0/Tj43NDUaJEdLNhwrOS5FGTshSKunM4ldQlajWl8iJywVXIVPXlOSmFWejR4TQVCprC+xjI7bAAACCElEQVQ4y33U55aqMBAAYHpWILCIrqCAYu+9bO+99/X9n2STEBT24h3/yOE7k2GSCQNIMP8JKgjaQpFKDPyGYAZglkoJgiSJoshFAj1KkiBgjCT6ISdIIifzECqKwtJAfyHkZU6UBCzJushdn90c3Z9ns9ntVaCH8/ujm7NrLBlSX0ri+NvlhrjlOYksjhOKspI7THaHOUUWg5Q4Icw5+muSe9WdHMQpAygraaNTevzXPZY6RlqRKRREnlV3tHzx6a97Kua1HZXlRSGEGafw5lvtl7h7aVv+W8HJhBAtzaqFkv/TrJ1G3Wmt+eOXCiorR2vUNXPSrO3ur93+bq05MTV9XWNK4KBtePlRq1y52wvd3l2l3BrlPcOGXNhx8jWF0qU7Pu4/VANXfegfj91LvDItEdBGGp2L4kG5Uj8hsnpSr5QPihcdg7aRHgpS5bBrtRu9+vP3cvn9XO812lZ3SCskEJBNJK00rUFj2v/8+vrsTxsDy6RNxAkxjMqr1vxj2utNP+atq5gjcCV1tD3uYDyfjwcu2hQ94gK4lt7CH01cdzLyF17MgXB0Apk2Ztqia5rdhTYz0lEXQkCPpe3oM2849Ga6Y9ODCOKQSpix1XfDeFftDIy5NSRS4mTIZlCwUOakqIvAyDhGhi8JgtWAr8YZJENyF2ytbggm/g6AOA3ul/WdswFujl84C3TNjt9J6wAAAABJRU5ErkJggg==) center no-repeat; background-size: 13px 7px; transition: transform .5s; } .footer_select.open:after { transform: translateY(-50%) rotate(-180deg); } .footer_list { max-width: 700px; } .header_nav_item.store { display: flex; padding: 20px 15px 40px; flex-direction: row; align-items: center; } } @media screen and (max-width: 767px) { section.blog .single-post.format-standard > .post-content .post-inner-content, .single-post .post-inner-content { padding: 0 15px !important; } #disqus_thread { padding: 70px 15px 60px; } .related-posts-wrapper { width: 100% !important; max-width: calc(100% - 30px); margin-left: 15px; } .archive .group { width: 100% !important; max-width: 100% !important; margin: 0 auto; } .single-blog-page .allposts { margin-left: 5px !important; } .footer_banner { background: url('img/hygger_blog_footer_mobile.png') no-repeat top #fff; padding: 95vw 0 108px 6vw; text-align: center; background-size: 100%; } .footer_banner .banner_list { list-style-type: none; padding: 0 0 10px; text-align: left; } .footer_banner .banner_list li { background: url('img/check.png') no-repeat left center/23px 16px; padding-left: 33px; font-weight: 900; font-family: "Monserrat", sans-serif; color: #195990; font-size: 24px; margin-bottom: 5px; white-space: nowrap; } } @media screen and (max-width: 750px) { .archive .group, .related-posts-wrapper { width: 100% !important; max-width: 100%; margin-left: 0px; } .single-blog-page .allposts { margin-left: 15px !important; } .recent-posts-wrapper.related .single-post .post-inner-content:last-child { padding: 0px 15px !important; } } @media screen and (max-width: 380px) { #subnav { max-width: 100%; left: calc(50vw - 50%); } } @media (max-width: 880px) { .h3_like { padding: 0px 7% 10px !important; } } @media (max-width: 719px) { .feedback_beta .powerful_form { display: block; padding: 5px 7% 10px; } .feedback_beta .form_group input, .feedback_beta .powerful_form input { display: block; width: 100% !important; margin-bottom: 5px; border-radius: 7px !important; } .powerful_form input { padding: 12px; } .footer_select { margin: 0 9%; } .footer_list { max-width: 82%; } } @media screen and (max-width: 600px) { .footer_line .footer_line_wrap { flex-direction: column; align-items: left; padding: 0 7%; } .single-blog-page h1.post-header, .home-head h1 {font-size: 25px; line-height: 30px;} .home-head .sub-head {font-size: 13px; line-height: 15px; margin-top: 5px;} } /* END MOBILE */ header .powerful_form { display: flex; z-index: -1; opacity: 0; right: 15px; position: absolute; } body.single-post header .powerful_form, body.archive header .powerful_form, body.search header .powerful_form { margin: 0 5px 0 0; max-width: 700px; } body.single-post header .form_group, body.category header .form_group { width: 100%; position: relative; } body.single-post header .form_group label, body.category header .form_group label { width: 100%; margin-bottom: 0px; } body.single-post header .powerful_form_inp, body.category header .powerful_form_inp { border: 1px solid #B3B7B9; border-right: none; border-radius: 7px 0 0 7px; color: #000 !important; font-size: 16px; line-height: 26px; padding: 10px 45px 10px 20px; outline: none; } body.single-post header .powerful_form_btn, body.category header .powerful_form_btn { width: 200px; min-width: 200px; border-radius: 0 7px 7px 0; border: none; cursor: pointer; border-bottom: 1px solid #2C9035; background: #3BC047; color: #fff !important; font-size: 16px; font-weight: 600; text-transform: uppercase; transition: .1s; } body.single-post .container .main-content p, body.single-post .container .main-content b, body.single-post .container .main-content strong, body.single-post .container .main-content i, body.single-post .container .main-content ul, body.single-post .container .main-content ol, body.single-post .container .main-content li, body.single-post .container .main-content span, body.single-post .container .main-content a { font-size: 21px !important; line-height: 1.58 !important; color: rgba(0,0,0,0.84); } @media screen and (max-width: 767px) { body.single-post header .powerful_form_inp, body.category header .powerful_form_inp { font-size: 13px; line-height: 15px; padding: 10px 5px; width: 150px; } body.single-post header .powerful_form_btn, body.category header .powerful_form_btn { width: 110px; min-width: 110px; font-size: 13px; padding: 0 5px; } body.single-post .container .main-content p, body.single-post .container .main-content b, body.single-post .container .main-content strong, body.single-post .container .main-content i, body.single-post .container .main-content ul, body.single-post .container .main-content ol, body.single-post .container .main-content li, body.single-post .container .main-content span, body.single-post .container .main-content a { font-size: 18px !important; } } @media screen and (max-width: 550px) { body.single-post header .header_btns .ico_burger, body.category header .header_btns .ico_burger { opacity: 1 !important; } body.single-post header .powerful_form, body.category header .powerful_form { display: none !important; } body.single-post header .header_btns .beta, body.category header .header_btns .beta { display: none; width: 120px !important; font-size: 13px !important; line-height: 13px !important; } } .powerful_form .error_ico:before { content: attr(data-thumb); font-size: 14px; line-height: 16px; position: absolute; background: #D6412A; top: 31px; right: -10px; box-sizing: border-box; padding: 10px; color: #fff; border-radius: 4px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transition: .1s; } .powerful_form .error_ico { display: block; position: absolute; top: 50%; right: 0; margin: -10px 15px 0 0; cursor: pointer; transition: .1s; } .error_ico { width: 20px; min-width: 20px; height: 20px; background: url(img/sprite_d47c0eb9e640ec3e9a75f721b1d4b415.png) -425px 0 no-repeat; } .powerful_form .error_ico_arrow { position: absolute; top: 18px; right: 3px; display: inline-block; transform: scaleX(2); color: #d6412a; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5); font-size: 15px; opacity: 0; visibility: hidden; transition: .1s; } .join_beta .popup_close { position: absolute; top: 20px; right: 20px; width: 24px; height: 24px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAVUExUReHn6eHn6kxpcf///+Dm6eHn6ODm6D0rNT0AAAAGdFJOU/tWAASlqd3TLxwAAAB5SURBVCjPjZPbDsAgCEMrIP//yVuWXSySZr4YOEQoIMxjWHNGuMFnoqEDOR2R2dCTZQauq9LbCWvo44Lt9HXANvqZsEoXA9WxBqKE0yPgRJweXAaXBhbAolDkkeCfUD2rClJSVBNU+1Tj1cjUsNWayAWTqymXWn2HA+J5B33ygp7HAAAAAElFTkSuQmCC) center no-repeat; } .popup_close { position: absolute; top: 25px; right: 25px; width: 14px; height: 14px; z-index: 121; background: url(img/sprite_d47c0eb9e640ec3e9a75f721b1d4b415.png) -496px -69px no-repeat; cursor: pointer; } .join_beta .h2_like { padding: 0 15px; text-align: center; margin-bottom: 17px; font-size: 40px; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 47px; } .join_beta .h3_like { padding: 0 5px; text-align: center; margin-bottom: 0px; font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 47px; } .join_beta_form { margin-top: 31px !important; display: flex; align-items: center; position: relative !important; justify-content: space-between; background: transparent !important; padding: 0 !important; } @media screen and (max-width: 500px) { .join_beta_form { flex-direction: column; } .join_beta_btn { margin: 10px 0 0 !important; width: 100%; } .join_beta .h3_like {line-height: 25px} } .join_beta_btn { margin-left: 8px; min-width: 24%; border-radius: 8px; border: none; cursor: pointer; border-bottom: 1px solid #2C9035; background: #3BC047; color: #fff !important; font-size: 16px; font-weight: 600; line-height: 22px; padding: 12px 15px; text-transform: uppercase; transition: .1s; } .popup.false_page { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff; border-radius: 0; width: 100%; max-width: 100%; transform: translate(0); } .popup { background: #2286dd; position: fixed; top: 50%; width: 88%; max-width: 800px; left: 50%; transform: translate(-50%, -50%); padding: 4% 6%; box-shadow: 0 0 10px rgba(17, 29, 39, 0.75); z-index: 200; border-radius: 7px; box-sizing: border-box; display: none; } .popup .message_page { display: flex; align-items: center; justify-content: center; min-height: 100%; } .popup .message_page_wrap { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; } .popup .message_page_text { display: inline-block; width: 100%; margin-bottom: 10px; font-weight: 400; font-size: 14px; font-family: 'Roboto', sans-serif; color: #000; } .ico_send_invite { position: relative; width: 96px; height: 96px; background: url(img/ico-send-invite_7bdec90fbff65aa79fe3ac1342206971.png) top center no-repeat; -webkit-background-size: 83px 61px; background-size: 83px 61px; margin: 10px auto; background-position: center; } .popup .message_page_link, .popup .message_page_mail { font-weight: 400; font-size: 14px; font-family: 'Roboto', sans-serif; line-height: 18px; color: #1976d2; text-decoration: none; position: relative; cursor: pointer; } .popup_zoom { z-index: 120; position: fixed; top: 0; bottom: 0; right: 0; min-width: 100%; height: 100%; left: 0; border-radius: 7px; box-sizing: border-box; display: none; } .overlay, .overlay_zoom { background: rgba(17, 29, 39, 0.4); } .overlay, .overlay_zoom, .overlay_select { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 110; display: none; cursor: pointer; } .powerful_form .error_ico:hover:before, .powerful_form .error_ico:hover .error_ico_arrow { opacity: 1; visibility: visible; transition: .1s; } .join_beta { background: #fff; border-radius: 10px; padding: 50px 50px 70px; display: none; } .popup.open, .overlay.open {display: block !important;} .join_beta_input { outline: none; border: 1px solid #B3B7B9; border-radius: 8px; padding: 12px 15px; max-width: 100%; font-size: 16px; color: #000; line-height: 22px; margin-right: 8px; min-width: 100%; box-sizing: border-box; } .form_group, .form_group label { width: 100%; position: relative; margin-bottom: 0px; } #header .header_nav_link.hidde {display: none;} .form_group .error_mobile, .form_group .error_ico {display: none;} body.single-post header *, body.category header * {transition: 0.3s;} #header p.blog {color: #434A54; font-family: "Acrom Extra Bold", Signika, sans-serif; opacity: 0; z-index: -1; font-size: 22px; line-height: 47px; margin-bottom: 0px; margin-left: 156px; top: calc(100% - 24.3px); position: absolute; letter-spacing: 1px;} @media screen and (max-width: 480px) { #header .logo a img { transform: scale(0.9); position: relative; right: 10px; } #header p.blog { margin-left: 137px; transform: scale(0.97); top: calc(100% - 24.5px); } } body.single-post .post-content .main-content h1, body.single-post .post-content .main-content h1 span, body.single-post .post-content .main-content h1 a { font-size: 36px !important; line-height: 40px !important; color: #000; } body.single-post .post-content .main-content h2, body.single-post .post-content .main-content h2 span, body.single-post .post-content .main-content h2 a { font-size: 32px !important; line-height: 36px !important; color: #000; } body.single-post .post-content .main-content h3, body.single-post .post-content .main-content h3 span, body.single-post .post-content .main-content h3 a { font-size: 28px !important; line-height: 32px !important; color: #000; } body.single-post .post-content .main-content h4, body.single-post .post-content .main-content h4 span, body.single-post .post-content .main-content h4 a { font-size: 24px !important; line-height: 28px !important; color: #000; } body.single-post .post-content .main-content h5, body.single-post .post-content .main-content h5 span, body.single-post .post-content .main-content h5 a { font-size: 21px !important; line-height: 24px !important; color: #000; } body.single-post .post-content .main-content h6, body.single-post .post-content .main-content h6 span, body.single-post .post-content .main-content h6 a { font-size: 18px !important; line-height: 21px !important; color: #000; } #header {padding: 20px 0px !important;} .tags {padding-top: 20px;} .tags a, .tags p {color: #2d8bde !important; font-weight: 400; font-size: 19px !important; line-height: 20px !important;} #breadcrumbs {text-align: center; margin: -15px 0 30px;} #breadcrumbs span {font-size: 15px; color: #48555E !important;} #breadcrumbs a {text-decoration: none !important;} #breadcrumbs a:hover span {color: #3db9f5 !important;} #breadcrumbs span:last-child a {pointer-events: none;} @font-face {font-family: OpenSans-Regular; src: url(/wp-content/themes/feather/fonts/OpenSans-Regular.ttf);} @font-face {font-family: OpenSans-Semibold; src: url(/wp-content/themes/feather/fonts/OpenSans-Semibold.ttf);} @font-face {font-family: OpenSans-Bold; src: url(/wp-content/themes/feather/fonts/OpenSans-Bold.ttf);} @font-face {font-family: Roboto-Light; src: url(/wp-content/themes/feather/fonts/Roboto-Light.ttf);} @font-face {font-family: Roboto-Bold; src: url(/wp-content/themes/feather/fonts/Roboto-Bold.ttf);} @font-face {font-family: Roboto-Italic; src: url(/wp-content/themes/feather/fonts/Roboto-Italic.ttf);} @font-face {font-family: Roboto-Regular; src: url(/wp-content/themes/feather/fonts/Roboto-Regular.ttf);} @font-face {font-family: Roboto-Medium; src: url(/wp-content/themes/feather/fonts/Roboto-Medium.ttf);} @font-face {font-family: OpenSans-Light; src: url(/wp-content/themes/feather/fonts/OpenSans-Light.ttf);} div, ul, .gallery-caption, footer p, li a, p, span, article, nav, blockquote, dl, dt, dd, td, a, tr, th, code, caption, figcaption, input, label, textarea { -webkit-font-smoothing: unset; } .powerful_form label.error {display: none !important;} .powerful_form input.error {border-color: red !important;} @media (max-width: 1372px) {#header .col-md-12 .logo {margin-left: 0;}} @media (min-width: 1505px) {#header .col-md-12 .logo {margin-left: 75px;}} .app_btns { margin-left: 10px; display: flex; } .app_btns a { margin-right: 15px; } .app_btns img { height: 40px; width: auto !important; } #header .header_nav_link.nodecor:hover {text-decoration: none; cursor: default;} .header_nav_link {position: relative;} .sub_holder {position: relative; display: inline-block;} @media screen and (min-width: 1200px) { .header_nav_link + .header_submenu {display: none; position: absolute; padding-top: 16px; width: 550px;} .header_nav_link + .header_submenu.no_cols {width: 180px;} .header_nav_link:hover + .header_submenu, .header_submenu:hover {display: block;} .header_submenu .content {background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.24),0 0 4px rgba(0,0,0,.12); border-radius: 8px; padding: 8px 0; display: flex; flex-wrap: wrap;} .header_submenu .content a {display: block; line-height: 40px !important; padding: 0 0 0 16px !important; width: 50%;} .header_submenu.no_cols .content a {width: 100%;} .header_submenu .content a:hover {background: #f3f3f3; text-decoration: none !important;} #header .header_nav_link.hidde {display: none;} #header .header_nav_link.see_all {background-color: transparent !important; text-decoration: underline;} } @media screen and (max-width: 1199px) { #header .header_nav_link {padding: 12px 10px !important; width: 100%; box-sizing: border-box; display: block; font-size: 16px !important;} #header .header_nav_link.nodecor {font-size: 12px !important; text-transform: uppercase; color: #a9adaf; padding-bottom: 0 !important;} #header .header_submenu {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e9e9e9;} .header_nav_item.menuitem { display: flex; flex-direction: column; } .header_nav_item.menuitem .menuholder { order: 1; } } @media screen and (max-width: 991px) { .single-post .main-content a.img-holder { height: 300px; text-align: center; } } @media screen and (max-width: 600px) { .single-post .main-content a.img-holder { height: 200px; text-align: center; } } .sumome-share-client-wrapper {display: none !important;} @media screen and (max-width: 600px) { .sumome-smartbar-powered-by-variant { display: none !important; } .sumo-form-wrapper .smartbar-popup-content .sumome-react-wysiwyg-popup-container .sumome-react-wysiwyg-component.sumome-react-wysiwyg-smart-bar-text p { text-align: center !important; } } /*************************************************************************/ /*************************************************************************/ /*************************************************************************/ /************************* WP MERGING *************************/ /*************************************************************************/ /*************************************************************************/ /*************************************************************************/ body.single-post header *, body.category header * {transition: 0.3s;} @media screen and (max-width: 480px) { #header .logo a img { transform: scale(0.9); position: relative; right: 10px; } } /* NEW */ section.single-page {padding-top: 90px; overflow: hidden;} #header .header_nav_link.nodecor:hover {text-decoration: none; cursor: default;} .header_nav_link {position: relative;} .sub_holder {position: relative; display: inline-block;} @media screen and (min-width: 1200px) { .header_nav_link + .header_submenu {display: none; position: absolute; padding-top: 16px; width: 550px;} .header_nav_link + .header_submenu.no_cols {width: 180px;} .header_nav_link:hover + .header_submenu, .header_submenu:hover {display: block;} .header_submenu .content {background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.24),0 0 4px rgba(0,0,0,.12); border-radius: 8px; padding: 8px 0; display: flex; flex-wrap: wrap;} .header_submenu .content a {display: block; line-height: 40px !important; padding: 0 0 0 16px !important; width: 50%;} .header_submenu.no_cols .content a {width: 100%;} .header_submenu .content a:hover {background: #f3f3f3; text-decoration: none !important;} #header .header_nav_link.hidde {display: none;} #header .header_nav_link.see_all {background-color: transparent !important; text-decoration: underline;} } @media screen and (max-width: 1199px) { #header .header_nav_link {padding: 12px 10px; width: 100%; box-sizing: border-box; display: block;} #header .header_nav_link.nodecor {font-size: 12px; text-transform: uppercase; color: #a9adaf; padding-bottom: 0;} #header .header_submenu {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e9e9e9;} } #joinBeta {padding: 40px 0; background: #3486cd;} #joinBeta .h3_like {color: #ffffff; padding: 0 5px 20px; text-align: center; font-family: OpenSans-Regular, sans-serif; font-size: 20px; font-weight: 400;} .powerful_form {display: flex; max-width: 700px; margin: 20px auto 0;} #joinBeta .h3_like {color: #ffffff; padding: 0 5px 20px;} .powerful_form_inp {width: 100%; border: 1px solid #b3b7b9; border-right: none; border-radius: 7px 0 0 7px; color: #000 !important; font: 16px OpenSans-Regular,sans-serif; line-height: 26px; padding: 10px 45px 10px 20px; outline: none;} .powerful_form_btn {width: 200px; min-width: 200px; border-radius: 0 7px 7px 0; border: none; cursor: pointer !important; border-bottom: 1px solid #2c9035; background: #3bc047; color: #fff !important; font: 16px OpenSans-Semibold,sans-serif; text-transform: uppercase; transition: .1s;} @media (max-width: 959px) and (min-width: 720px) {.powerful_form {margin: 30px auto 0; max-width: 560px;}} @media (max-width: 719px) {.powerful_form_inp {text-align: center;} .powerful_form_btn {line-height: 26px;}} /* 404 PAGE */ body.error404 #header, body.error404 #joinBeta, body.error404 footer {display: none;} body.error404 .error_page {display: flex; align-items: center; flex-direction: column; justify-content: center; padding-top: 110px;} body.error404 #header, body.error404 #joinBeta, body.error404 footer {display: none;} body.error404 .error_page_name {font: 300 90px Roboto,sans-serif; color: #0686d8; text-align: center; padding: 0; margin-bottom: 15px;} body.error404 .error_page_img {height: 143px; width: 326px; margin-bottom: 40px;} body.error404 .error_page_title {font: 300 64px Roboto,sans-serif; color: #546e7a; text-align: center; padding: 0 0 5px; line-height: 75px;} body.error404 .error_page_text {font: 400 14px Roboto,sans-serif; color: rgba(84,110,122,.5); text-align: center; padding: 0; line-height: 16px; margin-bottom: 50px;} body.error404 .error_page_text a {font: 400 14px Roboto,sans-serif; color: rgba(84,110,122,.5); text-align: center; padding: 0; line-height: 16px; margin-bottom: 50px; color: #1e88e5; text-decoration: underline;} /* SINGLE PAGE */ section.single-page .head_zone {padding-top: 50px; background: #f3f9fd;} section.single-page .head_zone .contents {box-sizing: border-box; max-width: 1020px; margin: 0 auto; padding: 0 20px; width: calc(100% - 40px);} section.single-page .head_zone h1 {font: normal 40px / 52px Roboto-Regular, sans-serif; color: #000000; margin-bottom: 36px; text-align: center; letter-spacing: -0.8px;} section.single-page .head_zone h3 {font: normal 26px / 36px Roboto-Light, sans-serif; color: rgba(0,0,0,.8); max-width: 820px; margin: 0 auto 40px; text-align: center;} section.single-page .head_zone .banner {padding: 0; width: 1020px; margin-left: -20px;} @media screen and (max-width: 1020px) {section.single-page .head_zone .banner {margin-left: 0; width: 100%;}} section.single-page .head_zone .banner img {max-width: 100%; display: block; margin: auto;} .stars_section {padding: 40px 0 27px; text-align: center;} .stars_section .container_row {max-width: 1200px; margin: 0 auto; padding: 0 20px;} .stars_section .stars_wrapper {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;} .stars_section img, .stars_section a, .stars_section span {margin: 0 13px 13px; display: inline-block;} .stars_section img {position: relative; top: -2px;} .stars_section span {color: #ffffff;} .stars_section a {opacity: .5;} .stars_section a:hover {opacity: 1;} .stars_section a.get-app-white {width: 58px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAAoCAMAAAAYCC6ZAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAMAUExURUxpcfr7+/r7++rv8t/i6v7+/v///////+b///7+//////r7++Tm6evv8dHX1/z9/dzi7O76//39/v39/fv8/OPq7Pv8/NDQ0OTo69ze4eXq7erv8Pb3+Pb4+ff4+fP19vn7+/z8/dTU1N/j5tPa3f7//97l6vj5+v39/f39/u/y9PL19fn5++jr8OHj6P39/dvd6v3+/vr7+/r7++vu8N3d5PX29/v8/f3+/uTm6uzv8eXu7qqqqvv8/e7u9Oru8P7+/v3+/t7k5/j5+t3i5Obr7dzo6Njb4+Ln6/T19uTo6+vu8Ozw8fP19vDz9Pj7+7q6uu7y8+nu8OXp6u3v8uXy8vDz9f3+/vX39+v//+nt7+ru7vHy9PP29/n6+/v8/Ofs7vv8/Nzj4/Hz9OPn6ezx8fv8/Pf4+ebt7evv8Pn6/O/y9NTj6PL09vT29+/x8+Tt7e7x8/f5+evw8fX3+Ojo6N/j6fv7/Pb5+djb5/z8/ezv8OTk5OPo7OPm6+rt8PDz9O7x8+ns8OTu7uTp6e3x8vDz9PP29/P19/j5+vv8/Pj5+vX2+ezv7/r7/N3l7Ovv8ejq7YCAgNng5fHz9fDz8/P29+3x8vb4+ebq7fr7/Pr6+/f4+ubr7u3t8ujv8PDy9P7+/vX3+ODo6Ofu7/T19/X3+O/z9fn6++bs7e3x8vL09vP09u7y8vL19u7w8vv8/fX3+Ozv8vj6+uTk6ufr7erv8Pf5+u/y8/r6+/Dz9O/y8/v8/fb39/b4+fDy9Ojr7vLz9Ovv8Pj5+/v8/ebs8/T3+Ojt8PDy9Ojt8Pf4+fP19vT2+PH09e/09PDz9PT29+3x8vb4+fHz9PDy8+7w8u/y8vHz9e3w8fL09vP19/X4+Pn7/O7u8e7y8u/w8vDz9vT3+e3t8O709OPp6fb4+OHt7ebm6/P29+vv7+7x8vH09uvw8+////f6/Pf6++rs7+7y9Pf5+fL09+zv8PP19vH19e3x8vP19ujs7vDz9P////7+/v39/v7+//7//zluM6UAAAD7dFJOUwDt72AZ/v4BBP4C+SJxC/wVB/3+8Sj8BS4YPXXc0eKy9/4IIQ/+I+T4+Yi25z0a/RH8+vVeDMv4/it5GgP5DmL79CXgHUMTEzjOMmt3w5LqBJldOnMTnPrJAzoKlMbu7Vr7Cak2bfnaRYHioxKvy5ImjOdu1hYn8M8V8FQTQEhAp4NQMyyCmKW49PLZzXLyDX5WAiOgm8Fi6kzp85hOLXB//NoeSNfUhudWnMG+hqSj8sNO1TB7hMmW7KvS9d3uRVOsievjKb1kjmbfyNK7o57fkPDUrsG2zK7cus34SYqbVcpXW1LeKjPDtNyOZwWa7XyV8Xm75rHF6njkwMjKuQAABi9JREFUWMPtV2dUVEcUfiLw1gVhcQMLrAIiAlIEBRWBCCJFegDDoQR1BRcIKsXAQpCiYiFRsMay1kWxYItGI0psiYliN9bE9BjTTGJ68h7gu3e2vN3gOfwhOTnH+2PfnZl77zcz9843sxT1VJ7KU/nfSOO8fW/5WVoqrxZ8avdEoyF7V33RqGvOe8nGzLGupwj0xD1//nZpE63tkHx+yKeLIWLiNVfUvZvoEMuIi7XNba+Aea5xD0EfXL1++49fVdaaduR+S4YnbPTwbt2mstygW6S6ZTGaGH9M92yhd3Y7XKttvpKgNs9sGcroy8wV3fn1B9AGV80URhDbxCE9ApX8Xe1wK7pl220JNtN3mxJ302GyfkTzG/5E0GfCSEPoqJ5gx/QegQru7nK401pT2SLA5jp34pw2O6JqzS0b0AeHaWyjwlZaaPSlndyQQr3SIqVmW7IEetsYNWSGwYZbhNsJKSrh5t2qG7V7fsFByWfoKpdaoU/VLDHDXHqI1sMD05SykT8vTuZwV+TElYPd1viEpU3cWCBszwkn7udAChpXLVatDvKVRtePVM6K9YWeOQtVezLSTzmeMHMauMM8Mv792L+2e+II5Y0LHbDXSj2vGSGXtwSBElz5qglZi2XWWKp/gybxrEmzM5XeDOqjNGgXgnXQBIYZ+vXoUDTxiY/hErCIm1eJpzskhRnaHmEc5/m7dA4BeQHNlvgaJsHKY7yusqbsepdXZ/1yqLwA7jumSgozWevCmVea6pWiQw4lekevx6wvRWv3/SJ2HUb9YYUdSClESbbhu3i18xo2TStq4dvsYquAaljOmZ9n9SC6lliFG+kfCa8w3YrqsXJyQE2JrncC8Xv7aKSoBJni4o7CXHSRTfYhYdkA2SNqDq7Cg36YhSeMOwbnO9UTUpLJst9rQMVKOXqyBTpQtLkHJGQVr+OH6XGwXR2XuRyUXsDdmVjjifk9szEmk1oDo2b2XD1BPOVZDWjHBxmu3i0dmLAiAlq+0TVnNZJPfZQWVIwHMxOIibeFx3ACJeHPcWIPye3aSG0GACPgAgFmeNAoioqB+mXjKCoEV1Neyo1WvI6zrEHQtjdgOakwSXaXFlSGFuHATK/pQLNa4dd9UDknh7aCvoWeDXEVAGrbBj3FXF00zkIsZ6ovDLIhGPIgLKQjFkEdhdCDuWc8tKDXMXfVoGY0N7S1Eao47mTAjMw5NehKznALLmv0hg0bfngRtDH2BFQ2EUOGofMRIx2Qy0DQV2mrNw1DJiGtjLK2HRuLAW+aGYLOJjT4MsdIgoEGY+xqAiqPwZDmftB5BkEXEFAV6Iu0oHPxgF3XXDn0d7jyw8hyJjsTExN3enHiMHOGDtSeNZxRogWCBhzEGHlQN+xPCLoPgcomg35Uu71nD5CLRU2xm9ZDq/XBffjcbxKJRBVRUaKyMgmlBRWuMsRk2HUIyiwKBmJFvhlxagqyxPMQNQTLVXc10OS6GLDYlZuTJMIBW6clV+AzrBguIroowcEtn9aCGnv9A5Q5/R6Cjl8qpITJmBq3sViLJuesuEfDWiSDMt1Bte1D/GTRNzzbtxLKqqMisKrZ7R7SHfFyOPS2BFRhTvlj/NykpE9SU5MW7scFNQSSLQ+Izr6Iq2J2B7WSC7M9+wIpkAv828ff3WDa/RbQlMCRvF86WTURVWtAg7ORJD6i1VKIZt8Y5NmoyLhVv+fZeXxqT182Rm/UpACoIixXr3NthYYcJGm6XIFEIN18qw86bDNlAMoWCPTfL8kT+NdBvjP2zv+QF8ctj7vtB3OKykWAHJIk1Hj7Aj90HdcDdV8mMAA1zR5neI81FU6wRK8AhaN9sLqzdIFKhvQV6vWojMvHtGNycWIITU390WfAIN6DJq+PSWhzPpLDbT/urmN9VMu5GAR0e4kP28mGuh1p7OYNk1nnP7fwWtw2Y362na2XB+7N958/jnQK67wRyzclhR+CtqvJGYVHpu0r4y+XFU+yh/SoQaUuMf7SWHtfujde6wTUmtdDQCf15l+E/w703r8Mis9/P3Nej916ck/0omwCBlPxn3fT3oR6ru5NUEmqXKxYo1ejlQqxvNaiV/9sTvM+Wad/LmjbkxnO3Vg+BppFiZTBxX4fAAAAAElFTkSuQmCC) no-repeat 50%/100% 100%;} .stars_section a.capterra-white {width: 75px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAoCAMAAAArH/PVAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABIUExURUxpcf///////////////////////////////////////////////////////////////////////////////////////////w+vxkAAAAAXdFJOUwBAEJ+Av+/fYCBwMFCgkM+Pr38fsG9fz6USagAAA3RJREFUWMPtmOly2yAQgAUsxwLWYTfR+79pOcUiyW6aSVL96E6nEUKsPthTHob/8il503hBqvu6ane9s1qDqKtxsTXJxeyIar0gF9drFXkhrHltMl+GyqxU2MHCBgAsw39nwuRe/eRdn97/kYzVCdAI1U9wX4SPlY+viMId1ar4Nvcex4IhBrwPYkFY8RVYYo/Vjos1XzMfxbp9EZY+YE10qjC6gsW9nQX46v/ovA83zTwbPMVisxBz3hl6A8IN3C7S18FgFmmiWhbVGtyHoQKG7NYHoyEexY2Pf2RFv7fR4y0lYx3Vax2vldY6Pe5ky9I+XRmcwv9jriqWp0GwmNqnp2zDUqVtnrR5Kur81R/ttB1pfMamty711vvA25FHyPfwNglxs5oPOMbFkIzj+RiXpjtr2MBySJtqU1JNUFk4Idw8R1rP/G0LjLQPbfM5K84B0v5DosNc0qIPjFVPGOd/nA7CiVgNnmUlDxKHui/Zsl2bU3+UeZPFzrz6gi0ba0/pqkhUX5WB19XB5Mogy3g8hyddhX9aF0y9EBup6LBcfYknWC37RKxd5fC7rPkc6+y0EO9HLFtCuGHZsivU9WlNWwG9z9CIZsPKTqrOjIjrCTy3UjWfJlg1bBtWvFoAUpTdhtdYTW15YV+fBXH5FA27RsfpHP9HLFYe7rFq9hleYxW1smFJ2v7dVxqXaYrv28WJnfqWKdvpsSaxiNHw4TVWNLNmPNkHWg2LqDNDX5MlJxad94UKz11elFu9b437gnKKJYq9kFaVgwiaB0KSbKKK3hOsGlit+LC+7L/AmspWHHFmecByfYt/zwbm2RHTiwTFktX8UE03N81TXuxeYuny0jeCxfZUxMtdDg85g9CRJ65fmEtN9ux4yaITQCRYttyzCphlMYQWxswq+4UibUAcaHIymqW0s0qH58dFcxzqrpuG2hKqEhmk3x53Hcmjmw2HsaQZuaSTE2XAaNee1cJpHyh2Cb1QqxFLeYgFRJZaExXGyiZh2wzmuqviDbzVDMFbGYeWlypD3u6EI02V0LXyh08JzrzZGiw2ipHF9Jfj3hz3EYxnrHHbYjJIN7Ab1KCHrNaQdELalWe1+dVHk/j2j+oPVMofxGrROP3lQrtF4LeI/dRPECyHg5Lf9mkLn/lhxNYwYcM3cl3y50C4JNV/+bP8Bml3cSdZgNRWAAAAAElFTkSuQmCC) no-repeat 50%/100% 100%;} .stars_section a.alternativeto-white {width: 84px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKgAAAAoCAMAAABdJUFeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABIUExURUxpcf///////////////////////////////////////////////////////////////////////////////////////////w+vxkAAAAAXdFJOUwDvnxBAv4Ag32CgcJAwr1DPf7CPbx9fkuijhgAAA8ZJREFUWMPtmNl24yAMQI1ZBPGeLvz/nw4gBCJxSHvaOfMw4SUYC3EttECG4dVe7dX++7Z773XqqWn7uTrpjIy/R1Brl57k6JvWFx4GSFKh8y68Fz/FBB2UTbEXO971ZG0L2hdmoPT7o2aiEvNXQeFXQC8FdI297Tug278BhcmYvo22MTSkXUNvlmd0i4I+KCzLzUSp2Hw4V8ZA+9ZRFDkuxREtAYorXrRIUNox0E+NY/qIE470oTtaZNVaTzFKtuEI3UMeMexGVAlvqAxlx/RgtYZhs9buAGHymheP/aNOQQUMVCUEUhzkRPGKXRbQncZC4EPxnjUIqDQahxzK5rdWUnLLz4CiHo2KwZQ4rriwxi37LOsfDWjNVgfKK+a/uoBWzx4k8/KVy2fQCkO5gsjvQZf87XGbcEHVhk8BfWPjE+58mLmOefvVCeiBliWBqnlrQUU0qfBiH1ecPd2Dot7k3RsiWLYrQQOBqjvNYSw5Mu7vTKAT+WhWZXKCGUmFnuijrFNrySeAUZEGrlJb9NHglhl0LrZPWwuK7CPwl0DTW2HUzEya24Tucxf1aYs85I+0GXSugeeSIVt1W17vcpvwlacKHb9hx1Xj84xaCXQnhTOapxTkcRc45Q5UkVshcQaFpoo1aagoOwPFT5LJ4yKJIQ6HHQItLuIYKIwsms5BbQkU9nwKmpJVjqYz0Et2kkS4fAv0XfinoD5kQfsV0IUpOwV12XE0ChhMdtaKp6COQqsLWpNAF5Ql5QegEt9A5jWN8h4oRrsw0vwGKFp9VOohKHY+XAb5OqjLVWT4GqjtglKyGTqgKc6nNSsxNzXjMWhR0AW1kJvsgpZc0gFNk64iC6ZVr6R96IAmp/rogC78PNNkgXvQQtMBrUVP0apj1f4Y1D8DhVqefwd0rrH2HVBBI+sD0CrxHHSlouU6oKpEDgkKeQ66kUsXH7UK3k/zKFSJVHK24bmPhlOVshx0vbkzibrzudzFIypMb8xHVzopWqqlbdhVUJn3xxQLWHSB51HP8iiSi33hoBfPvEn7ejgbK6hrNEV7SXsOShps6eUX3Tyqb0BVuVEyUOd5/RY8jdbzqG3S63BT9DhoXmMP37LzKf3KZFtQIm9AZXPJZOs7Bso07ZL9SRBiYKrFJZ3DJlvOcybPCnefQQoaxd2wxUgpS+K+roYKX3oWkIJC5OvP3CS8PMWL6ImLLWdIGmZ3Q9icO7mcgjMzRbuKt92F7pxQronUhdoLyvjdUZl5glvNsXLw9U3Qfkcgw/Ck5Otftld7tf+y/QGwA8l44bktegAAAABJRU5ErkJggg==) no-repeat 50%/100% 100%;} @media (max-width: 959px) and (min-width: 720px) {section.single-page .head_zone h3 {font-size: 24px; line-height: 34px;}} @media (max-width: 719px) and (min-width: 600px) {section.single-page .head_zone h1 {font-size: 36px; line-height: 48px; margin-bottom: 28px;} section.single-page .head_zone h3 {font-size: 24px; line-height: 34px;}} @media (max-width: 599px) and (min-width: 480px) {section.single-page .head_zone h1 {font-size: 30px; line-height: 40px; margin-bottom: 20px;} section.single-page .head_zone h3 {font-size: 18px; line-height: 24px;}} @media (max-width: 479px) and (min-width: 360px) {section.single-page .head_zone h1 {font-size: 24px; line-height: 32px; margin-bottom: 24px;} section.single-page .head_zone h3 {font-size: 16px; line-height: 22px; padding: 0 15px;}} @media (max-width: 359px) {section.single-page .head_zone h1 {font-size: 24px; line-height: 32px; margin-bottom: 24px;} section.single-page .head_zone h3 {font-size: 16px; line-height: 22px;}} @media (max-width: 719px) {section.single-page .powerful_form {margin-top: 0px;} .stars_section {padding-top: 0;}} section.single-page .head_zone_blue {min-height: 458px; padding-top: 80px; background: url(img/bg-banner-asana_10f2d5097ef1e29c246fd3ecbb9e9fa1.png) 50% no-repeat!important; background-size: cover !important;} section.single-page .head_zone_blue .contents {box-sizing: border-box; max-width: 1020px; margin: 0 auto; padding: 0 20px; width: calc(100% - 40px);} section.single-page .head_zone_blue h1 {font: normal 40px / 52px Roboto-Light, sans-serif; color: #ffffff; margin: 0 auto 34px; text-align: center; max-width: 900px;} section.single-page .head_zone_blue h3 {font: normal 26px / 36px Roboto-Light, sans-serif; color: hsla(0,0%,100%,.8); max-width: 680px; margin: 0 auto 64px; text-align: center;} section.single-page .head_zone_blue #joinBeta {background-color: transparent; padding: 0 0 20px; margin-top: 0;} @media (max-width: 959px) and (min-width: 720px) {section.single-page .head_zone_blue h3 {font-size: 24px; line-height: 34px;}} @media (max-width: 719px) and (min-width: 600px) {section.single-page .head_zone_blue h1 {font-size: 36px; line-height: 48px; margin-bottom: 28px;} section.single-page .head_zone_blue h3 {font-size: 24px; line-height: 34px;}} @media (max-width: 599px) and (min-width: 480px) {section.single-page .head_zone_blue h1 {font-size: 30px; line-height: 40px; margin-bottom: 20px;} section.single-page .head_zone_blue h3 {font-size: 18px; line-height: 24px;}} @media (max-width: 479px) and (min-width: 360px) {section.single-page .head_zone_blue h1 {font-size: 24px; line-height: 32px; margin-bottom: 24px;} section.single-page .head_zone_blue h3 {font-size: 16px; line-height: 22px; padding: 0 15px;}} @media (max-width: 359px) {section.single-page .head_zone_blue h1 {font-size: 24px; line-height: 32px; margin-bottom: 24px;} section.single-page .head_zone_blue h3 {font-size: 16px; line-height: 22px;}} @media (max-width: 719px) {section.single-page .powerful_form {margin-top: 0px;}} section.single-page .subtitle_zone {padding-top: 60px;} section.single-page .subtitle_zone.line_top {border-top: 1px solid #e5e5e5;} section.single-page .bg_blue {background: #f3f9fd;} section.single-page .subtitle_zone .contents {box-sizing: border-box; max-width: 1020px; margin: 0 auto; padding-bottom: 30px;} section.single-page .subtitle_zone h2 {font: normal 40px / 47px Roboto-Light, sans-serif; color: #000000; margin-bottom: 5px; text-align: center; padding: 0 15px; width: calc(100vw - 30px); margin: 0 auto; max-width: 1020px;} section.single-page .subtitle_zone .divider_title {background: #009be9; height: 1px; width: 120px; display: block; margin: 30px auto 0;} section.single-page .subtitle_zone h3 {font: normal 16px / 22px OpenSans-Regular, sans-serif; color: #000000; margin: 0 auto; text-align: center; padding: 30px 10px 0;} section.single-page .subtitle_zone.big_subtitle h3 {font-size: 20px;} @media (max-width: 719px) and (min-width: 600px) {section.single-page .subtitle_zone h2 {font-size: 36px; line-height: 44px; max-width: 85%;}} @media (max-width: 599px) {section.single-page .subtitle_zone h2 {font-size: 28px;}} @media (max-width: 719px) {section.single-page .subtitle_zone.big_subtitle h3 {font-size: 14px;}} @media (max-width: 1372px) {#header .col-md-12 .logo {margin-left: 0;}} @media (min-width: 1373px) {#header .col-md-12 .logo {width: 230px;}} @media (min-width: 1505px) {#header .col-md-12 .logo {margin-left: 75px;}} section.single-page .pic_txt_zone .contents {box-sizing: border-box; max-width: 1020px; margin: 0 auto; padding-bottom: 60px; display: flex; align-items: flex-start; justify-content: space-between;} section.single-page .pic_txt_zone .contents .fancybox {max-width: 52%; cursor: pointer; margin-right: 10px; flex-grow: 0; flex-shrink: 0;} section.single-page .pic_txt_zone.pic_right .contents .fancybox {order: 1;} section.single-page .pic_txt_zone .contents img {max-width: 100%; display: block; margin: auto;} section.single-page .pic_txt_zone .contents .pic_txt_descr {margin: 0 20px; flex-grow: 1;} section.single-page .pic_txt_zone .contents .pic_txt_descr h3 {font: normal 30px / 35px Roboto-Medium, sans-serif; color: #000000; text-align: left; margin: 15px 0 35px;} section.single-page .pic_txt_zone .contents .pic_txt_descr * { font-family: OpenSans-Regular, sans-serif; font-size: 16px; line-height: 24px; color: #51596c; } section.single-page .pic_txt_zone .contents .pic_txt_descr a {color: #1E92DC; text-decoration: underline;} section.single-page .pic_txt_zone .contents .pic_txt_descr a * {color: #1E92DC;} section.single-page .pic_txt_zone .contents .pic_txt_descr ul, section.single-page .pic_txt_zone .contents .pic_txt_descr ol {padding-left: 20px; margin: 30px 0 30px 20px;} section.single-page .pic_txt_zone .contents .pic_txt_descr ul li, section.single-page .pic_txt_zone .contents .pic_txt_descr ol li {margin-bottom: 10px;} section.single-page .pic_txt_zone .contents .pic_txt_descr p {font-size: 18px;} @media (max-width: 959px) {section.single-page .pic_txt_zone .contents {flex-direction: column;} section.single-page .pic_txt_zone .contents .fancybox {width: 100%; margin: auto; max-width: calc(100% - 20px);} section.single-page .pic_txt_zone .contents .pic_txt_descr {margin: 0 10%; width: 80%; order: 2;}} @media (max-width: 719px) {section.single-page .pic_txt_zone .contents .pic_txt_descr h3 {font-size: 20px; line-height: 26px; margin: 15px 0;}} @media screen and (max-width: 1199px) { a.fancybox.image {pointer-events: none;} } a.fancybox img { height: auto; } .videoholder { position: relative; height: 0; padding-bottom: 56.25%; /* 16:9 */ } .videoholder iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } section.single-page .three_cols_list {align-items: stretch; justify-content: center; display: flex; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; padding: 0 10px 80px; align-content: center;} section.single-page .three_cols_list .three_cols_item {max-width: 305px; margin: 0 10px 25px; display: inline-block; flex-direction: column; text-align: center; align-items: center; width: 33.3333%;} section.single-page .three_cols_list .three_cols_item img {margin: auto; display: block; max-width: 100%; max-height: 100%;} section.single-page .three_cols_list .three_cols_item .img_holder {display: flex; margin: auto;} section.single-page .three_cols_list.icons .three_cols_item .img_holder {width: 96px; height: 96px; padding: 16px;} section.single-page .three_cols_list.pics .three_cols_item .img_holder {width: 240px;} section.single-page .three_cols_list .three_cols_item span {text-transform: uppercase; text-align: center; display: flex; align-items: center; justify-content: center; width: 100%; font: normal 500 17px / 22px Roboto, sans-serif; color: #48555e; margin-bottom: 20px;} section.single-page .three_cols_list .three_cols_item p {font-size: 16px; line-height: 22px; color: #000000; margin-bottom: 0; font-family: OpenSans-Regular, sans-serif;} @media (max-width: 719px) and (min-width: 480px) {section.single-page .three_cols_list .three_cols_item {width: 50%;}} @media (max-width: 479px) {section.single-page .three_cols_list .three_cols_item {width: 100%;}} section.single-page .three_cols_holder.bigger .three_cols_list {padding: 0 0 35px;} section.single-page .three_cols_holder.bigger .three_cols_item {max-width: calc(33.3333% - 54px); margin: 0 20px 20px; padding: 0 27px;} section.single-page .three_cols_holder.bigger .three_cols_item .img_holder {width: 96px; height: 96px; padding: 0; margin: 0 auto 10px;} section.single-page .three_cols_list.bigger .three_cols_item span {font: normal 500 18px / 36px Roboto, sans-serif; margin-bottom: 15px;} @media (max-width: 719px) and (min-width: 480px) {section.single-page .three_cols_holder.bigger .three_cols_list .three_cols_item {max-width: 50%;} section.single-page .three_cols_holder.bigger .three_cols_item {margin: 0 0 20px;}} @media (max-width: 479px) {section.single-page .three_cols_holder.bigger .three_cols_list .three_cols_item {max-width: 100%;} section.single-page .three_cols_holder.bigger .three_cols_item {margin: 0 0 20px;}} section.single-page .feedback_holder {border-bottom: 1px solid #e5e5e5; background-color: #f3f9fd;} section.single-page .feedback {max-width: 1020px; margin: 0 auto;} section.single-page .feedback .feedback_list {margin: 0 auto 3em; padding: 1em 0 0; list-style-type: none; display: flex; align-items: stretch; flex-wrap: wrap; justify-content: space-between;} section.single-page .feedback .feedback_list li {display: block; background: #ffffff; padding: 2em; margin: .7em 0; box-shadow: 0 0 10px 3px rgba(0,0,0,.1); border-radius: 7px; box-sizing: border-box; max-width: 32%;} section.single-page .feedback .feedback_list li .feedback_rate {background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMTIwIDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyIDE3LjI3TDE2LjE1MSAxOS43NzU0QzE2LjkwODMgMjAuMjMyNSAxNy44NDI1IDE5LjU1MzUgMTcuNjQxNiAxOC42OTJMMTYuNTQgMTMuOTdMMjAuMjA4NiAxMC43OTE5QzIwLjg3NzIgMTAuMjEyNyAyMC41MTk4IDkuMTE0NDIgMTkuNjM4NCA5LjAzOTY0TDE0LjgxIDguNjNMMTIuOTIwNyA0LjE3MjM3QzEyLjU3NjEgMy4zNTkzNCAxMS40MjM5IDMuMzU5MzQgMTEuMDc5MyA0LjE3MjM3TDkuMTkgOC42M0w0LjM2MTYzIDkuMDM5NjRDMy40ODAyIDkuMTE0NDIgMy4xMjI4IDEwLjIxMjcgMy43OTEzOSAxMC43OTE5TDcuNDYgMTMuOTdMNi4zNTg0MSAxOC42OTJDNi4xNTc0NSAxOS41NTM1IDcuMDkxNjggMjAuMjMyNSA3Ljg0OSAxOS43NzU0TDEyIDE3LjI3WiIgZmlsbD0iI0ZGQzIwRSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTM2IDE3LjI3TDQwLjE1MSAxOS43NzU0QzQwLjkwODMgMjAuMjMyNSA0MS44NDI1IDE5LjU1MzUgNDEuNjQxNiAxOC42OTJMNDAuNTQgMTMuOTdMNDQuMjA4NiAxMC43OTE5QzQ0Ljg3NzIgMTAuMjEyNyA0NC41MTk4IDkuMTE0NDIgNDMuNjM4NCA5LjAzOTY0TDM4LjgxIDguNjNMMzYuOTIwNyA0LjE3MjM3QzM2LjU3NjEgMy4zNTkzNCAzNS40MjM5IDMuMzU5MzQgMzUuMDc5MyA0LjE3MjM3TDMzLjE5IDguNjNMMjguMzYxNiA5LjAzOTY0QzI3LjQ4MDIgOS4xMTQ0MiAyNy4xMjI4IDEwLjIxMjcgMjcuNzkxNCAxMC43OTE5TDMxLjQ2IDEzLjk3TDMwLjM1ODQgMTguNjkyQzMwLjE1NzUgMTkuNTUzNSAzMS4wOTE3IDIwLjIzMjUgMzEuODQ5IDE5Ljc3NTRMMzYgMTcuMjdaIiBmaWxsPSIjRkZDMjBFIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNjAgMTcuMjdMNjQuMTUxIDE5Ljc3NTRDNjQuOTA4MyAyMC4yMzI1IDY1Ljg0MjUgMTkuNTUzNSA2NS42NDE2IDE4LjY5Mkw2NC41NCAxMy45N0w2OC4yMDg2IDEwLjc5MTlDNjguODc3MiAxMC4yMTI3IDY4LjUxOTggOS4xMTQ0MiA2Ny42Mzg0IDkuMDM5NjRMNjIuODEgOC42M0w2MC45MjA3IDQuMTcyMzdDNjAuNTc2MSAzLjM1OTM0IDU5LjQyMzkgMy4zNTkzNCA1OS4wNzkzIDQuMTcyMzdMNTcuMTkgOC42M0w1Mi4zNjE2IDkuMDM5NjRDNTEuNDgwMiA5LjExNDQyIDUxLjEyMjggMTAuMjEyNyA1MS43OTE0IDEwLjc5MTlMNTUuNDYgMTMuOTdMNTQuMzU4NCAxOC42OTJDNTQuMTU3NSAxOS41NTM1IDU1LjA5MTcgMjAuMjMyNSA1NS44NDkgMTkuNzc1NEw2MCAxNy4yN1oiIGZpbGw9IiNGRkMyMEUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04NCAxNy4yN0w4OC4xNTEgMTkuNzc1NEM4OC45MDgzIDIwLjIzMjUgODkuODQyNSAxOS41NTM1IDg5LjY0MTYgMTguNjkyTDg4LjU0IDEzLjk3TDkyLjIwODYgMTAuNzkxOUM5Mi44NzcyIDEwLjIxMjcgOTIuNTE5OCA5LjExNDQyIDkxLjYzODQgOS4wMzk2NEw4Ni44MSA4LjYzTDg0LjkyMDcgNC4xNzIzN0M4NC41NzYxIDMuMzU5MzQgODMuNDIzOSAzLjM1OTM0IDgzLjA3OTMgNC4xNzIzN0w4MS4xOSA4LjYzTDc2LjM2MTYgOS4wMzk2NEM3NS40ODAyIDkuMTE0NDIgNzUuMTIyOCAxMC4yMTI3IDc1Ljc5MTQgMTAuNzkxOUw3OS40NiAxMy45N0w3OC4zNTg0IDE4LjY5MkM3OC4xNTc1IDE5LjU1MzUgNzkuMDkxNyAyMC4yMzI1IDc5Ljg0OSAxOS43NzU0TDg0IDE3LjI3WiIgZmlsbD0iI0ZGQzIwRSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwOCAxNy4yN0wxMTIuMTUxIDE5Ljc3NTRDMTEyLjkwOCAyMC4yMzI1IDExMy44NDMgMTkuNTUzNSAxMTMuNjQyIDE4LjY5MkwxMTIuNTQgMTMuOTdMMTE2LjIwOSAxMC43OTE5QzExNi44NzcgMTAuMjEyNyAxMTYuNTIgOS4xMTQ0MiAxMTUuNjM4IDkuMDM5NjRMMTEwLjgxIDguNjNMMTA4LjkyMSA0LjE3MjM3QzEwOC41NzYgMy4zNTkzNCAxMDcuNDI0IDMuMzU5MzQgMTA3LjA3OSA0LjE3MjM3TDEwNS4xOSA4LjYzTDEwMC4zNjIgOS4wMzk2NEM5OS40ODAyIDkuMTE0NDIgOTkuMTIyOCAxMC4yMTI3IDk5Ljc5MTQgMTAuNzkxOUwxMDMuNDYgMTMuOTdMMTAyLjM1OCAxOC42OTJDMTAyLjE1NyAxOS41NTM1IDEwMy4wOTIgMjAuMjMyNSAxMDMuODQ5IDE5Ljc3NTRMMTA4IDE3LjI3WiIgZmlsbD0iI0ZGQzIwRSIvPgo8L3N2Zz4K) no-repeat 0/90px 18px; padding-left: 100px; font-size: 12px; color: gray;} section.single-page .feedback .feedback_list li .feedback_rate span {position: relative; top: 2px; font-size: 12px; font-family: OpenSans-Regular, sans-serif; color: rgb(128, 128, 128);} section.single-page .feedback .feedback_list .feedback_text {margin: 1.5em 0; line-height: 24px; color: rgba(0,0,0,.87); font-family: OpenSans-Regular, sans-serif;} section.single-page .feedback .feedback_list .feedback_author {font-weight: 700; color: #000000; font-family: OpenSans-Regular, sans-serif;} section.single-page .feedback .feedback_list .feedback_author span {color: #a4b9c3; font-size: 12px; line-height: 20px; font-weight: 400; display: block;} section.single-page .feedback .feedback_readmore {color: rgba(0,0,0,.87); font-weight: 500; text-align: center; margin-bottom: 3em;} section.single-page .feedback .feedback_readmore a {text-decoration: none; color: #3db9f5;} section.single-page .feedback .feedback_readmore a:hover {text-decoration: underline; color: #3db9f5 !important;} @media (max-width: 768px) {section.single-page .feedback .feedback_list li {max-width: 90%; margin: .7em auto;}} #fancybox-outer, #fancybox-content {background: transparent !important; -webkit-box-shadow: unset !important; box-shadow: unset !important; -moz-box-shadow: unset !important; position: initial;} #fancybox-close {top: 15px !important; right: 20px !important; width: 14px !important; height: 14px !important; z-index: 111103 !important; background: url(img/sprite_d47c0eb9e640ec3e9a75f721b1d4b415.png) -496px -69px no-repeat !important; cursor: pointer !important;} .vc_row {margin: 0 !important;} .vc_row:after, .vc_row:before, .vc_column-inner::after, .vc_column-inner::before {content: " "; display: table;} .vc_row:after, .vc_column-inner::after {clear: both;} .vc_column_container {width: 100%;} .vc_column-inner {padding: 0 !important; box-sizing: border-box; width: 100%;} @media (min-width: 768px), all {.vc_col-sm-12 {width: 100%;}} @media (min-width: 768px), all {.vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9 {float: left;}} #joinBeta.nopads {padding: 20px 0 0;} .no_credit_card {font-family: OpenSans-Regular,sans-serif; color: #fff; text-align: center; margin-top: 40px; display: none;} .wpcf7-form {background: #f3f9fd; width: 560px; max-width: calc(100% - 20px); margin: 10px auto 60px; padding: 35px 40px 40px; border-radius: 3px; box-sizing: border-box;} .wpcf7-form label {font-size: 14px; margin-bottom: 0; width: 100%; display: block; overflow: auto;} .wpcf7-form label .name {padding-left: 15px; margin-bottom: 5px; text-transform: uppercase; display: block; font-size: 14px; line-height: 19px; font-weight: bold;} .wpcf7-form p {overflow: auto;} .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form textarea {width: 100% !important; border-radius: 7px !important; padding: 10px 15px !important; box-sizing: border-box; border: 1px solid #b3b7b9 !important; font-size: 18px !important; resize: none; display: block; background: #ffffff !important; margin-bottom: 25px !important; color: #000000 !important;} .wpcf7 form textarea {height: auto;} .wpcf7-form input[type="submit"] {text-decoration: none; border-radius: 4px; border: none; padding: 13px 60px !important; background: #3486cd !important; color: #ffffff !important; width: inherit; cursor: pointer; font-size: 16px !important; text-transform: uppercase; display: inline-block; box-shadow: inset 0 -1px 0 #27649a; /*margin-top: 45px !important;*/ line-height: 22px !important; width: 180px;} .wpcf7-form input[type="submit"]:hover {background: #449ae6 !important;} .wpcf7-form .wpcf7-validation-errors {margin: 20px auto 0; float: none; width: 100%; background-color: #ffffff;} .wpcf7-form .wpcf7-not-valid-tip {padding-left: 15px; margin: -20px 0 15px 15px; font-size: 14px; line-height: 19px;} .ajax-loader {display: none !important;} .required {color: #d6412a; font-style: normal; padding-left: 3px;} @media (max-width: 600px) {.wpcf7-form {padding: 25px 20px 30px;}} @media (max-width: 479px) {.wpcf7-form {background-color: #ffffff;}} section.single-page .head-banner {background: url(img/bg-banner-integration_02ec478588ce24b4eada295b4778417e.png) 50% no-repeat; background-size: cover; padding: 140px 20px 200px;} section.single-page .head-banner h1 {color: #ffffff; width: 100%; font: normal 500 40px / 52px Roboto,sans-serif; margin: 0 auto 46px; text-align: center;} section.single-page .head-banner h3 {color: hsla(0,0%,100%,.8); margin: 0 auto; font: normal 300 26px / 36px Roboto,sans-serif; text-align: center;} .integration_list {max-width: calc(100% - 20px); width: 960px; margin: 0 auto; padding: 60px 10px; box-sizing: border-box; overflow: auto;} .integration_list .integration_item {width: calc(33% - 20px); border-radius: 4px; border: 1px solid #f5f7f9; box-shadow: 0 3px 5px 0 rgba(36,50,66,.2); transition: box-shadow .3s; float: left; margin: 0 10px 30px;} .integration_item:hover {box-shadow: 0 20px 30px 0 rgba(36,50,66,.14);} .integration_list .integration_item .integration_img {display: flex; align-items: center; justify-content: center; text-align: center; height: 124px; padding: 30px; background: #fff;} .integration_list .integration_item .integration_img img {max-width: 100%; max-height: 64px;} .integration_subitem {padding: 20px; min-height: 290px; background: #f5f7f9;} .integration_title {font: normal 600 20px / 25px Roboto,sans-serif; color: #000000; margin-bottom: 10px;} .integration_text {font: normal 300 15px / 22px OpenSans-Regular,sans-serif; color: #000000; margin-bottom: 28px; overflow: hidden;} .integration_subitem:after {content: ""; display: table; clear: both;} .integr {height: 140px; width: 140px; display: block; margin: 10px auto 40px; display: flex;} .integr img {max-width: 118px; max-height: 100px; display: block; margin: auto;} .company_more {font: normal 600 16px / 22px OpenSans-Regular,sans-serif; color: #ffffff; background: #3486cd; border-radius: 8px; margin: 30px auto 0; display: block; box-sizing: border-box; text-decoration: none; text-align: center; padding: 13px 15px; width: 360px; text-transform: uppercase; transition: background .3s; cursor: pointer; box-shadow: 0 1px 0 0 rgba(0,0,0,.25); max-width: calc(100% - 20px);} .company_more:hover {background: #449ae6; color: #ffffff !important;} section.integration .subtitle_zone {padding-bottom: 60px;} @media (max-width: 1279px) and (min-width: 960px) {section.single-page .head-banner {padding: 150px 20px;}} @media (max-width: 959px) and (min-width: 720px) {section.single-page .head-banner {padding: 145px 20px;}} @media (max-width: 719px) and (min-width: 600px) {section.single-page .head-banner {padding: 160px 20px;} section.single-page .head-banner h1 {font-size: 36px; line-height: 48px; margin-bottom: 36px;}} @media (max-width: 599px) and (min-width: 480px) {section.single-page .head-banner {padding: 145px 10px;} section.single-page .head-banner h1 {font-size: 30px; line-height: 40px; margin-bottom: 20px;}} @media (max-width: 479px) and (min-width: 360px) {section.single-page .head-banner {padding: 140px 10px;} section.single-page .head-banner h1 {font-size: 24px; line-height: 32px; margin-bottom: 24px;}} @media (max-width: 599px) {section.single-page .head-banner h3 {font-size: 18px; line-height: 24px;} .integration_list {padding: 30px 20px;} .integration_list .integration_item {width: 100%; margin: 0 0 20px;}} @media (max-width: 959px) and (min-width: 600px) {.integration_list .integration_item {width: calc(50% - 22px); margin: 0 10px 20px;}} section.single-page table.comparison {max-width: 720px; margin: 0 auto 25px;} section.single-page table.comparison th {font-size: 20px; padding: 18px 20px; font-weight: 500;} section.single-page table.comparison td {font-size: 16px; padding: 13px 20px; border-bottom: 1px solid #eceff1;} section.single-page table.comparison tr:last-child td {border-width: 0;} section.single-page table.comparison .table_name {width: 480px; text-align: left;} section.single-page table.comparison .table_check {width: 360px; text-align: center;} section.single-page table.comparison .table_subtitle {font-size: 14px; background: #f3f8fc; text-align: left; text-transform: uppercase; padding: 17px 20px; box-sizing: border-box; font-weight: 600; border-bottom: none;} section.single-page table.comparison .table_name_cont {position: relative; display: inline-block; padding: 0;} section.single-page table.comparison .ico_help {position: relative; top: 0; display: inline-block; cursor: pointer; width: 18px; height: 18px; margin: 0 0 -4px 10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACxUExURUxpcdDZ3c/Z3c/Y3dDY3NDZ3dHY3P///////9jr69DZ3N/f3////8/a3NDZ3NDZ3dDd3c/Y3NDY3NDY3c/Z3tDZ3dDa3M/Z3dLZ3dXq6tDZ3dDZ3dbg4NDa3dDZ3dHa3dDZ3dji4tLZ3NDZ3NDZ3dDa3dXc49DZ3dPa3tDY3NDZ3c/Z3ubm5s/Y3M/Y3M/a38/Y3NDZ3NHb39bd3dPd3f///8/Z3NDZ3dDY3dDY3M/Y3KKSCmIAAAA6dFJOUwCzgObzPIQCAQ3iCAN15Okmi7/ZZZRmlUoMp70ZUnhTyBpJk+9hJP5F+f2gCvqxMOy3OCU0BOuNrPKomjssAAABXUlEQVQ4y41T55qCMBBEBAUVpRfxEL3ee5v3f7DbDQkQ9T7dP8mWbJmdGMbpMraDMLKsKAzs8QH31FuglYU33fWvJ9Bkcqa5nREb51nuF66fZ3PWRk7PvyTDMJ0pfZYOybDsIvj9wO2ndAeco61Pyjk37sS1ZdUxvxwnZJR9TKm/AftXZdNgueIIyjFpZvGoPud3SjVCyTlc6sMT+ND8MV9i4LbabKpHqaeEBye2aT7Rfw1UfFZALWahaW06AyARpSyAixsbwBKGDAjoCIGthtoKeBGXHAjpiABfC/gGfsTFB6Imc9FzfxIAX+8NWk0tPeDhFbh4NlTA716Je/J/yLssoTV5dY27N6XIJmnMrA24BJ5aRY7ZAsVim+ZNu3QJFEOdHuKogrpdFosJmIoSalndurWA3ro7wvQC+oQ5TjlJ2rgjbbxDWkX7ZOsXhZ8ne7Q//nFO+HrHP+9/8gfYcUENDePJDwAAAABJRU5ErkJggg==) 50% no-repeat; background-size: 15px; transition: background .5s;} section.single-page table.comparison .tooltips .tooltiptext {width: 100%; min-width: 240px; background-color: #f5f5f5; color: #48555e; text-align: left; padding: 20px; border-radius: 4px; box-sizing: border-box; position: absolute; z-index: 1; top: calc(100% + 15px); left: 50%; cursor: text; margin-left: -80px; visibility: hidden; opacity: 0; transition: opacity .5s; box-shadow: 0 1px 4px 0 rgba(0,0,0,.4);} section.single-page table.comparison .tooltips:hover .tooltiptext {visibility: visible; opacity: 1;} section.single-page table.comparison .tooltips .tooltiptext:after {content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -50px; border-width: 10px; border-style: solid; border-color: transparent transparent #f5f5f5;} section.single-page table.comparison .ico_check, section.single-page table.comparison .ico_nocheck {width: 24px; height: 24px; margin: 0 auto;} section.single-page table.comparison .ico_check {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAgCAMAAABXc8oyAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABCUExURUxpcWbMZj3CSVX/VTzASDzASD7BS0D/gDzASD7BSTvBRzzARzzBSDzBSDzASDzASDzARzvBSDzBRzzETTzARzvAR0R0Cz8AAAAVdFJOUwAFVAP85ykEq1es+66tpqevpKUet83yxuUAAACSSURBVDjLzdJBFoIwDATQFNEiahE197+qgFQabJJZOst5f5UMkZeYGkISO740mGNELg6Qq3Nl7Dknga6L/+huNXd4gm48nqQLdfdgllJxaS5KGa5VN3yqTdYdjbnMUnF0bqXU3F6Gu37nUlpOyJf9t016//2R6g520tiLkOauCmm6QjruK123SsAtEnKTHDBn5Q1VFRyincQsvgAAAABJRU5ErkJggg==) 50% no-repeat; background-size: 20px 16px;} section.single-page table.comparison .ico_nocheck {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAVUExUReft8Ojt70xpcf///+jt7ujs7ufs7qEWyE8AAAAGdFJOU1b7AASppVXldSwAAACOSURBVDjLjZNRDsAgCEMrCvc/8sQsCwJJ58fi6EuAChCRqZDmQKd/t75sNASGrenA1q0htm5O4OiVOLoTULOGeHUzxXeNRAhCGiKGIJW4ApBC3L81lPFSVEpY0paCcuG5pdpablk6IpjW2Xeb+h9gKViRrE1mFLOaPRZ7bjYwbOTo0NKxp4tDV48vL1n/ByAmDKkxNv0EAAAAAElFTkSuQmCC) 50% no-repeat; background-size: 16px;} @media (max-width: 1279px) and (min-width: 1024px) {section.single-page table.comparison .table_name {width: 400px;} section.single-page table.comparison .table_check {width: 280px;}} @media (max-width: 1023px) and (min-width: 960px) {section.single-page table.comparison .table_name {width: 380px;} section.single-page table.comparison .table_check {width: 260px;}} @media (max-width: 959px) and (min-width: 720px) {section.single-page table.comparison .table_name {width: 320px;} section.single-page table.comparison .table_check {width: 180px;}} @media (max-width: 719px) and (min-width: 600px) {section.single-page table.comparison .table_name {width: 300px;} section.single-page table.comparison .table_check {width: 130px;}} @media (max-width: 599px) and (min-width: 480px) {section.single-page table.comparison .table_name {width: 240px;} section.single-page table.comparison .table_check {width: 100px;}} @media (max-width: 479px) and (min-width: 360px) {section.single-page table.comparison .table_name {width: 200px;} section.single-page table.comparison .table_check {width: 70px;}} @media (max-width: 359px) {section.single-page table.comparison .table_name {width: 170px;} section.single-page table.comparison .table_check {width: 65px;}} .legal_wrap {display: flex; align-items: flex-start; justify-content: flex-start; padding: 140px 20px 15px; max-width: 960px; box-sizing: border-box; margin: 0 auto;} .legal_wrap .legal_sidebar {width: 100%; max-width: 285px; padding: 10px 0; box-sizing: border-box; flex-shrink: 0; flex-grow: 0;} .legal_wrap .legal_sidebar .legal_tab {width: 100%; display: block; padding: 8px 20px; box-sizing: border-box; cursor: pointer; font: 18px OpenSans-Regular,sans-serif; line-height: 26px; color: #000; text-decoration: none; border-radius: 4px; transition: background .3s;} .legal_wrap .legal_sidebar .legal_tab.active {background: #1e88e5 !important; color: #fff;} .legal_wrap .legal_sidebar .legal_tab:hover {background: #f5f9fd;} .legal_wrap .legal_content {width: calc(100% - 285px); padding: 10px 0 10px 40px; box-sizing: border-box; flex-shrink: 0; flex-grow: 0;} .legal_wrap .legal_content_item {display: none; opacity: 0;} .legal_wrap .legal_content_item.active {display: block; opacity: 1;} .legal_wrap .legal_content_item .legal_title {margin-bottom: 40px;} .legal_wrap .legal_content_item .legal_title .legal_date {font-size: 14px; line-height: 18px; color: rgba(0,0,0,.5);} .legal_wrap .legal_content_item .legal_title .legal_title_text {font-size: 40px; line-height: 48px; font-family: Roboto-Light,sans-serif; font-weight: 400;} .legal_wrap .legal_content_item .legal_text {font-size: 16px; line-height: 24px; color: #000000; margin-bottom: 40px;} .legal_wrap .legal_content_item .legal_text:last-child {margin-bottom: 0;} .legal_wrap .legal_content_item .legal_subtitle {font-size: 18px; line-height: 26px; color: #000000; margin-bottom: 10px; font-weight: 400; font-family: OpenSans-Bold,sans-serif;} .legal_wrap .legal_content_item .legal_text_paragraph {font-size: 16px; line-height: 24px; color: #000000; display: block; margin-bottom: 15px; word-wrap: break-word; font-family: OpenSans-Regular, sans-serif;} .legal_wrap .legal_content_item .legal_list {list-style-type: inherit; padding-left: 30px; margin-bottom: 15px;} .legal_wrap .legal_content_item .legal_list li {margin-bottom: 5px; font-size: 16px; line-height: 24px; color: #000000;} .legal_wrap .legal_content_item .legal_text_question {margin: 30px 0 15px; font-size: 20px; line-height: 28px; color: #000000; font-weight: 600;} .legal_link {font-size: 16px; line-height: 24px; color: #1976d2 !important; display: inline-block; text-decoration: none;} .legal_link:hover {color: #1976d2 !important; text-decoration: underline;} .opensans_bold {font-family: OpenSans-Bold,sans-serif;} .legal_bottom_info {max-width: 960px; margin: 0 auto 50px; width: calc(100% - 40px); text-align: center;} .divider_title {background: #009be9; height: 1px; width: 120px; display: block; margin: 25px auto;} @media (max-width: 959px) and (min-width: 480px) {.legal_wrap {flex-direction: column; padding: 110px 20px 10px;}} @media (max-width: 479px) {.legal_wrap {flex-direction: column; padding: 110px 10px 10px;}} @media (max-width: 959px) {.legal_wrap .legal_sidebar {max-width: 100%; padding-top: 0; margin-bottom: 30px; border-bottom: 1px solid #dadfe3;}} @media (max-width: 959px) and (min-width: 360px) {.legal_wrap .legal_content {padding: 10px 20px; width: 100%;}} section.developers .head-banner {background: url(img/developers-bg_f3427bc158266c5f26d7cb16971af89e.png) 50% no-repeat; background-size: cover; padding: 78px 0;} section.developers .head-banner h1 {color: #ffffff; width: 100%; font: normal 500 36px / 48px Roboto, sans-serif; margin: 0 auto 34px; text-align: center;} section.developers .head-banner h3 {color: hsla(0,0%,100%,.8); margin: 0 auto; font: normal 300 26px / 34px Roboto, sans-serif; margin-bottom: 56px; text-align: center;} section.developers .first_feedback_title {font-size: 18px; line-height: 24px; color: #000000; display: block; margin-bottom: 30px; text-align: center;} section.developers .head-banner h5 {font: normal 500 16px / 24px Roboto, sans-serif; color: #ffffff; text-align: center; margin: 0 auto;} section.developers .wpcf7-form {padding-bottom: 20px; margin-bottom: 40px;} section.developers input[type="submit"] {margin-bottom: 22px; margin-top: 40px; width: 100%;} section.developers .first_feedback_info {text-align: center; font-size: 14px; line-height: 22px; color: #000000; width: 100%; display: block;} section.developers .first_feedback_info a {font-size: 14px; line-height: 22px; color: #1976d2; text-decoration: none; cursor: pointer;} section.developers .first_feedback_info a:hover {color: #1976d2; text-decoration: underline;} section.developers .subtitle_zone {padding-bottom: 60px; border-bottom: 1px solid #e5e5e5;} section.developers .subtitle_zone .contents {padding-bottom: 0;} section.developers .subtitle_zone h2 {font-size: 34px;} section.developers .subtitle_zone h3 {max-width: 680px;} .main_faq {width: 740px; display: block; margin: 0 auto; padding: 60px 20px; box-sizing: border-box; max-width: 100%} .main_faq h2 {color: #000000; width: 100%; font: normal 300 34px / 47px Roboto,sans-serif; margin: 0 auto; text-align: center; padding: 0 15px 5px;} .main_faq .main_faq_list {padding: 35px 0 0;} .main_faq .main_faq_item {border-top: 1px solid #dadfe3; position: relative; cursor: pointer; list-style: none;} .main_faq .main_faq_title {font-size: 16px; font-weight: 600; line-height: 20px; padding: 20px 80px 20px 20px; color: #000000; display: block;} .main_faq .main_faq_title:after {content: ""; width: 24px; height: 24px; margin: 0; vertical-align: middle; position: absolute; right: 0; top: 18px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAMAAAB2Mu6sAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURQAAAExpcQAAAAAAAAAAAAAAAAAAAAAAAAAAAGltmasAAAAJdFJOU00ACkQBMjEHOqemsY0AAABoSURBVBjTdc5ZDsAgCEXRx1Dt/ldcsYJgWv64JySAfgZEXc+o3YClHaJNmMACVNEGCOMGqljHyHYBXCF62T4uqIp3+ypLdIMku08ISf0Fl9QXLEndIcR7wJLoG6bsnmBI6hmImb6hzAM3AwJPRxKkkwAAAABJRU5ErkJggg==) 50% no-repeat; background-size: 12px 8px; transition: transform .3s;} .main_faq .top-arrow:after {transform: rotate(180deg);} .main_faq .main_faq_text {font-size: 14px; line-height: 22px; color: #000000; display: none; margin-bottom: 10px; margin-top: -10px; padding: 0 80px 20px 20px; cursor: text;} .main_faq .main_faq_link {font-size: 14px; line-height: 22px; color: #1976d2; text-decoration: none; cursor: pointer;} .main_faq .main_faq_link:hover {color: #1976d2 !important; text-decoration: underline;} @media (max-width: 1023px) and (min-width: 720px) {section.developers .head-banner {padding: 68px 0;}} @media (max-width: 719px) and (min-width: 360px) {section.developers .head-banner {padding: 56px 0;}} @media (max-width: 359px) {section.developers .head-banner {padding: 45px 0;}} @media (max-width: 599px) and (min-width: 480px) {section.developers .head-banner h1 {font-size: 30px; line-height: 40px; margin-bottom: 20px; width: 290px;} section.developers .head-banner h3 {font-size: 18px; line-height: 24px; margin-bottom: 45px; width: 240px;} section.developers .subtitle_zone h2 {font-size: 24px; line-height: 30px;} .main_faq h2 {font-size: 28px;}} @media (max-width: 479px) {section.developers .head-banner h1 {font-size: 24px; line-height: 40px; margin-bottom: 20px; width: 230px;} section.developers .head-banner h3 {font-size: 16px; line-height: 22px; margin-bottom: 30px; width: 180px;} section.developers .subtitle_zone h2 {font-size: 20px;} section.developers .company_more {font-size: 12px;} .main_faq h2 {font-size: 22px;}} @media (max-width: 959px) and (min-width: 720px) {section.developers .head-banner h3 {font-size: 24px; line-height: 30px;}} @media (max-width: 599px) {section.developers .first_feedback_title {font-size: 14px; line-height: 22px; margin-bottom: 15px;} .main_faq .main_faq_title {padding: 20px 40px 20px 0; font-size: 14px;} .main_faq .main_faq_text {font-size: 12px; padding: 0 40px 20px 0;} .main_faq .main_faq_link {font-size: 12px;}} @media (max-width: 719px) {section.developers .first_feedback_info {font-size: 12px;}} section.company .head_zone_blue {min-height: unset; padding-bottom: 75px; position: relative;} section.company .head_zone_blue .contents {max-width: unset; padding: 0;} section.company .head_zone_blue h1 {font-size: 40px; line-height: 52px; margin: 0 auto 46px; max-width: unset; font-weight: 500;} section.company .head_zone_blue h3 {max-width: 800px; margin-bottom: 0;} section.company .subtitle_zone h3 {padding-top: 40px;} .slider_container {width: 980px; max-width: 100%; height: 50px; margin: 0 auto; overflow: hidden; padding-bottom: 112px;} .clients_slider {width: 900px; max-width: 100%; height: 50px; margin: 0 auto;} .clients_slider img {height: 50px; display: inline-block; padding: 0 10px; margin: 0 5px; max-width: 100%; outline: none;} .slick-track {display: flex !important; justify-content: space-around;} .clients_slider .next_btn {right: -38px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTEgMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ2LjIgKDQ0NDk2KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5zbGlkZXJfYXJyb3dfaG92ZXI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIwLjQiPgogICAgICAgIDxnIGlkPSJBYm91dC0oRGVza3RvcC0xNDQwKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExODQuMDAwMDAwLCAtNzIwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iYmxvY2stMi0vLXRlYW1zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNDcyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Imljb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExODkuMDAwMDAwLCAyNTcuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMTg5LjAwMDAwMCwgLTI1Ny4wMDAwMDApIHRyYW5zbGF0ZSgxMTcxLjAwMDAwMCwgMjM5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgcG9pbnRzPSIwIDAgMzYgMCAzNiAzNiAwIDM2Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHBvaW50cz0iMjIuNSAyNC44ODUgMTYuMDEwMTIxNSAxOCAyMi41IDExLjExNSAyMC41MDIwMjQzIDkgMTIgMTggMjAuNTAyMDI0MyAyNyI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) 50% no-repeat; -webkit-background-size: 11px 18px; background-size: 11px 18px; opacity: .6; transition: opacity .2s; cursor: pointer;} .clients_slider .prev_btn {left: -38px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTEgMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ2LjIgKDQ0NDk2KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5zbGlkZXJfYXJyb3dfaG92ZXI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIwLjQiPgogICAgICAgIDxnIGlkPSJBYm91dC0oRGVza3RvcC0xNDQwKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExODQuMDAwMDAwLCAtNzIwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iYmxvY2stMi0vLXRlYW1zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNDcyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Imljb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExODkuMDAwMDAwLCAyNTcuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMTg5LjAwMDAwMCwgLTI1Ny4wMDAwMDApIHRyYW5zbGF0ZSgxMTcxLjAwMDAwMCwgMjM5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgcG9pbnRzPSIwIDAgMzYgMCAzNiAzNiAwIDM2Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHBvaW50cz0iMjIuNSAyNC44ODUgMTYuMDEwMTIxNSAxOCAyMi41IDExLjExNSAyMC41MDIwMjQzIDkgMTIgMTggMjAuNTAyMDI0MyAyNyI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) 50% no-repeat; -webkit-background-size: 11px 18px; background-size: 11px 18px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); opacity: .6; transition: opacity .2s; cursor: pointer;} .clients_slider .slick-arrow {width: 36px; height: 36px; top: 7px; color: transparent;} .clients_slider .next_btn:hover, .clients_slider .prev_btn:hover {opacity: 1;} .slick-arrow {position: absolute; z-index: 10; padding: 0; border: none;} .slick-list {overflow: hidden; margin: 0; padding: 0; position: relative; display: block;} @media (max-width: 959px) and (min-width: 720px) {.clients_slider {width: 580px;}} @media (max-width: 719px) and (min-width: 600px) {.clients_slider {width: 440px;}} @media (max-width: 599px) and (min-width: 480px) {.clients_slider {width: 350px;}} @media (max-width: 479px) {.clients_slider {width: 220px;}} .clients_slider img:first-child {width: 90px !important;} section.company .about_reviews {max-width: 100%; width: 940px; margin: 0 auto; box-sizing: border-box; padding-bottom: 60px;} section.company .about_reviews_item {padding: 0 30px 60px; box-sizing: border-box;} section.company .about_reviews_header {display: flex; align-items: flex-start; justify-content: flex-start;} section.company .about_reviews img {width: 80px; min-width: 80px; height: 80px; margin: 0 20px 0 0; border-radius: 50px;} section.company .about_reviews_name {font: normal 600 18px / 26px OpenSans-Regular, sans-serif; color: #000000; margin-bottom: 0;} section.company .about_reviews_info {font: normal 500 14px / 24px OpenSans-Regular, sans-serif; color: #48555e; margin-bottom: 8px;} section.company .about_reviews_social {margin-bottom: 10px;} section.company .about_reviews .ico_linkedin {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAEmUExURUxpcSSStgt4tgl2tQl2tAp6uAl3tAl3tAp4tAp3tQl3tAp3tgp3tAl3tQp3tQp2tQl2tAl3tQl2tgt4tgt2tRqAzAyAuQx4twx5tgx3tQx5tgx6tAt6vAl2tP///yuJviqIvpXE3vb6/Oz0+ZHC3cPd7DySw2ir0ePv9vX5/F2lzSWGvPn7/dXn8hJ7tgt3tMXe7TuRw7nY6Qx4tRZ9uLzZ6oG52LrY6lykzb7b65TD3naz1Yi82oe82g14tcbf7fD2+u/2+j+UxC2Kv+Tw92us0jCMwIy/3HCv0zqRw2+u067S5nSx1NDl8CKDuyCCu7HU506cyejy+Pr8/f39/hl/ucff7T6TxJrH4Nnq84a72o2/3Pv8/RyAuSyJvhN7tyOEuw95tvp4xoQAAAAddFJOUwAHc6bGGf35oPDDSezfx7PC+3BGeQoWQBU+P0EXH5JxtwAAAgVJREFUSMell9dywjAQRZVQbKqNbZJAIkE6pJHee++99/z/T8RIQ2KvwZLQfRI7nJFnV9sQaqq87ejZTFrT0pms7th5JKwuy9SwT5ppdQmhBSOHmyhnFLhobxK3VLI7FI1FcKgisdZsKoE5SqRasZ1xzFW8synaoWMh6R1BtieKBRXtCdwrzLo0vFvHEtKBr7CUfF5LxeXguCdisQSWVOL/tUSwtCINtttrHT9eX94UoBvv3JsLY1VCyOQVH04ytugxXdZZQq4Fri5S2PBeTFlSrfFhg9YNb+7fMPhW4OZcvbZYXsvUC4VfRRxuubDps3xOE/L+VhOBTbdOglqHv2e+xEKt5ZGN25aNHL/ho0Q1h+dHqZ7cCMxWJra31uYDsANzsZ+5u4xL7DD0MMsOpLIbzMxsOPz8SBraOQRwFmXC4TvyrxUAZ1A6HPZpxv/fNNI48P3Gyd75BDsvglhx4dO69YCdlyDM+ez9OfpqWbJdwM/mOOyMmSdZtKDDOKFaZeZp+mMQhor3SJh5uBmsw+cpAzswMWRgG6akBOymJCgGErAJy5AMbMECKAHTAugrvRKwwQav9uBCsN38weUBqiNmXqA/KsF2g3q9fW6E6ke40Sm1WLXmrjRWqA00aqOU2hCnND6qDa5qI7PisK62JtQHuvYXFDqWtVqNikKbVV/7S5nEOvgLqbdJ32ydqe4AAAAASUVORK5CYII=) 50% no-repeat; background-size: cover; width: 24px; height: 24px; margin: 0 3px; display: inline-block; text-decoration: none;} section.company .about_reviews_text {font: normal 500 16px / 24px OpenSans-Regular, sans-serif; color: #000; margin-left: 105px;} section.company .about_reviews_item:after {content: ""; display: table; clear: both;} section.company .about_reviews_info a {color: #1976d2; text-decoration: none; cursor: pointer;} section.company .about_reviews_info a:hover {color: #1976d2 !important; text-decoration: underline;} section.company .about_items {max-width: 100%; width: 720px; margin: 0 auto; padding-bottom: 60px;} section.company .about_items .about_our_item {padding: 20px 30px; box-sizing: border-box;} section.company .about_items .about_our_title {margin-bottom: 10px; font-size: 20px; line-height: 22px; color: #1976d2; text-transform: uppercase; font-weight: 600;} section.company .about_items .about_our_text {font: normal 500 16px / 24px OpenSans-Regular, sans-serif; color: #000000;} @media (max-width: 1023px) and (min-width: 720px) {section.company .head_zone_blue {padding: 90px 0 80px;}} @media (max-width: 719px) and (min-width: 600px) {section.company .head_zone_blue {padding: 75px 0 70px;} section.company .head_zone_blue h1 {font-size: 36px; line-height: 48px; margin-bottom: 36px;}} @media (max-width: 599px) and (min-width: 480px) {section.company .head_zone_blue {padding: 55px 0 60px;} section.company .head_zone_blue h1 {font-size: 30px; line-height: 40px; margin-bottom: 20px;}} @media (max-width: 479px) {section.company .head_zone_blue {padding: 40px 0 50px;} section.company .head_zone_blue h1 {font-size: 24px; line-height: 32px; margin-bottom: 24px;}} @media (max-width: 599px) {section.company .about_reviews_item {padding: 20px 20px 35px;}} @media (max-width: 719px) {section.company .about_reviews_name {font-size: 16px; line-height: 22px;} section.company .about_reviews_info {font-size: 12px; line-height: 20px;}} @media (max-width: 719px) and (min-width: 600px) {section.company .about_reviews_text {font-size: 14px; line-height: 22px;} section.company .about_items .about_our_title {font-size: 18px; line-height: 22px;} section.company .about_items .about_our_text {font-size: 14px; line-height: 22px;}} @media (max-width: 959px) {section.company .about_reviews_text {margin-left: 0;}} @media (max-width: 599px) {section.company .about_reviews_text {font-size: 12px; line-height: 20px;} section.company .about_items .about_our_title {font-size: 16px; line-height: 20px;} section.company .about_items .about_our_text {font-size: 12px; line-height: 20px;}} .pricing_top {background: radial-gradient(1795.8px at 50% 25.69%,#f3f9fd 0,#d2eaff 100%);} .pricing_banner {padding: 50px 0 70px; box-sizing: border-box; text-align: center; width: 940px; max-width: 100%; margin: 0 auto;} .pricing_banner h1 {font: normal 500 34px / 52px 'Roboto',sans-serif; color: #000000; margin-bottom: 20px;} .pricing_banner .pricing_subtitle {padding-bottom: 51px;} .pricing_banner .pricing_subtitle span {font: normal 500 18px / 24px OpenSans-Regular, sans-serif; color: #51596c; text-align: center;} .pricing_banner .pricing_duration_variants {margin: 0 auto 46px; text-align: center;} .pricing_duration_variants .JQ_monthly, .pricing_duration_variants .JQ_yearly {position: relative; top: -9px; width: 150px; display: inline-block; font: normal normal 16px / 20px OpenSans-Bold, sans-serif; opacity: .25; cursor: pointer;} .pricing_duration_variants .JQ_monthly {text-align: right;} .pricing_duration_variants .JQ_yearly {text-align: left;} .pricing_duration_variants .JQ_monthly span.normal_weight, .pricing_duration_variants .JQ_yearly span.normal_weight {font-weight: 400; font-size: 14px;} .pricing_duration_variants:after {content: ""; display: table; clear: both;} .pricing_duration_variants .JQ_monthly.active, .pricing_duration_variants .JQ_yearly.active {opacity: 1;} .pricing_duration_variants .switcher_control {cursor: pointer; display: inline-block; width: 64px; height: 32px; margin: 0 19px; background: #3bc047; border: 1px solid rgba(0,0,0,.25); box-sizing: border-box; border-radius: 16px; position: relative;} .pricing_duration_variants .switcher_control .switcher_circle {height: 28px; width: 28px; background: #ffffff; border: 1px solid rgba(0,0,0,.25); box-sizing: border-box; position: absolute; top: 1px; left: 33px; border-radius: 50%; transition: left .2s ease-out;} .pricing_duration_variants .active + .switcher_control .switcher_circle {left: 1px;} .pricings_list {display: flex; align-items: stretch; justify-content: center; flex-direction: row; flex-wrap: wrap;} .pricing_banner_item {color: #51596c; width: 300px; font-size: 16px; margin: 0 10px; padding: 2px; box-sizing: border-box; border-radius: 10px; text-align: center; display: inline-block; background: #fff; box-shadow: 0 0 4px 0 rgba(0,0,0,.35); background: #3bc047;} .pricing_banner_item:first-child {margin-left: 0; background: #ffab03;} .pricing_banner_item:last-child {margin-right: 0; background: #2b8ade;} .pricing_banner_item .subtitle {font: normal 500 18px / 22px 'Roboto',sans-serif; color: #ffffff; text-align: center; display: table-cell; vertical-align: middle; width: 296px; height: 78px;} .pricing_banner_item .banner_content {background: #ffffff; box-shadow: 0 0 2px rgba(0,0,0,.35); border-radius: 8px; padding: 0 18px 38px; height: calc(100% - 78px);} .pricing_banner_item .banner_content .banner_price {height: 140px;} .pricing_banner_item .banner_content .banner_price .plan {font-weight: 700; font-size: 36px; text-align: center; color: #2b8ade; padding-top: 36px;} .pricing_banner_item .banner_content .banner_price .additional_text {text-align: center; font: normal 500 14px / 24px OpenSans-Regular,sans-serif; color: #2b8ade; padding: 10px 0;} .pricing_banner_item .banner_content .banner_price .forever {text-align: center; font: normal 500 14px / 24px OpenSans-Regular,sans-serif; color: #acacac; padding: 10px 0;} .pricing_banner_item .confirm_btn {max-width: calc(100% - 60px); display: block; width: 240px; margin: 0 auto; padding: 15px 30px 13px; box-sizing: border-box; font: normal 600 16px / 20px OpenSans-Regular,sans-serif; color: #ffffff; border-radius: 8px; text-transform: uppercase; text-decoration: none; box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); background: #3bc047; cursor: pointer; transition: background .3s,color .3s;} .pricing_banner_item:first-child .confirm_btn, .pricing_banner_item:first-child .plan_features_divider {background: #ffab03;} .pricing_banner_item:last-child .confirm_btn, .pricing_banner_item:last-child .plan_features_divider {background: #2b8ade;} .pricing_banner_item .plan_features_divider {margin: 39px 0 30px; padding: 0 10px; background: #3bc047; height: 1px;} .pricing_banner_item .available_features {width: 240px; margin: 0 auto; text-align: left; font: normal 500 14px / 19px OpenSans-Regular,sans-serif; list-style-type: none; padding: 0;} .pricing_banner_item .available_features li {padding-left: 40px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02IDExLjE3TDEuODMgNy4wMDAwM0wwLjQxMDAwNCA4LjQxMDAzTDYgMTRMMTggMi4wMDAwM0wxNi41OSAwLjU5MDAyN0w2IDExLjE3WiIgZmlsbD0iIzNCQzA0NyIvPgo8L3N2Zz4K) 0 5px no-repeat transparent; font: normal 500 16px / 24px OpenSans-Regular,sans-serif; padding-bottom: 10px; color: #51596c;} .pricing_banner_item:first-child .available_features li {background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01Ljk5OTk3IDExLjE3TDEuODI5OTcgNy4wMDAwM0wwLjQwOTk3MyA4LjQxMDAzTDUuOTk5OTcgMTRMMTggMi4wMDAwM0wxNi41OSAwLjU5MDAyN0w1Ljk5OTk3IDExLjE3WiIgZmlsbD0iI0ZGQUIwMyIvPgo8L3N2Zz4K) 0 5px no-repeat transparent;} .pricing_banner_item:last-child .available_features li {background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01Ljk5OTk3IDExLjE3TDEuODI5OTcgNy4wMDAwM0wwLjQwOTk3MyA4LjQxMDAzTDUuOTk5OTcgMTRMMTggMi4wMDAwM0wxNi41OSAwLjU5MDAyN0w1Ljk5OTk3IDExLjE3WiIgZmlsbD0iIzJCOEFERSIvPgo8L3N2Zz4K) 0 5px no-repeat transparent;} .pricing_duration_variants .active + .switcher_control {background: hsla(222,9%,49%,.25);} .pricing_banner_item .available_features .plan_info {position: relative; font-weight: 700; color: #fff; display: inline-block; border-radius: 50%; background-color: #acacac; height: 1.3em; width: 1.3em; text-align: center; cursor: pointer; line-height: 1.3em; margin-left: 5px; opacity: .7;} .tooltips .tooltiptext {width: 100%; min-width: 240px; background-color: #f5f5f5; color: #48555e; text-align: left; padding: 20px; border-radius: 4px; box-sizing: border-box; position: absolute; z-index: 1; top: calc(100% + 15px); left: 50%; cursor: text; margin-left: -80px; visibility: hidden; opacity: 0; transition: opacity .5s; box-shadow: 0 1px 4px 0 rgba(0,0,0,.4);} .tooltips .tooltiptext:after {content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -50px; border-width: 10px; border-style: solid; border-color: transparent transparent #f5f5f5;} .tooltips:hover .tooltiptext {visibility: visible; opacity: 1;} .pricing_banner_item .available_features .plan_info:hover {opacity: 1;} .pricing_banner_item .all_basic {font: normal 600 15px / 24px OpenSans-Regular,sans-serif; margin-bottom: 20px; text-align: center; color: #2b8ade;} .pricing_banner_item .available_features .coming_soon {font-size: .875em; color: #acacac;} .pricing_faq_list_wrap {display: flex; align-items: flex-start; justify-content: center; max-width: 960px; flex-grow: 1; margin: 5px auto 0; padding-bottom: 60px;} .pricing_faq_list {padding: 0 20px; box-sizing: border-box;} .pricing_faq_item {margin-bottom: 10px; padding: 12px 0 18px; width: 100%;} .pricing_faq_subtitle {font: normal 600 16px / 24px OpenSans-Regular,sans-serif; color: #000000; margin-bottom: 0;} .pricing_faq_text {font: normal 500 14px / 22px OpenSans-Regular,sans-serif; color: #000000; margin: 8px 0 0;} .pricing_faq_text p {font: normal 500 14px / 22px OpenSans-Regular,sans-serif; color: #000000; margin: 8px 0 0;} .pricing_faq_text a {font: normal 500 14px / 22px OpenSans-Regular,sans-serif; color: #000000;} @media (max-width: 719px) {.pricing_banner {padding: 35px 0;} .pricing_subtitle {padding-bottom: 20px;} .pricing_subtitle span {display: block; opacity: .8;} .pricing_duration_variants .switcher_control {margin: 0 8px;} .pricing_banner_item .available_features {font: normal 500 12px / 16px OpenSans-Regular,sans-serif;}} @media (max-width: 599px) {.pricing_banner h1 {font: normal 500 28px / 36px 'Roboto',sans-serif;}} @media (max-width: 359px) {.pricing_duration_variants .JQ_monthly {width: 100px;}} @media (max-width: 999px) {.pricings_list {display: block; max-width: 100%;} .pricing_banner_item:first-child {margin-left: auto;} .pricing_banner_item:last-child {margin-right: auto;} .pricing_banner_item .subtitle {width: 100vw;} .pricing_banner_item {margin: 0 auto 20px; width: 83.33%; display: block;} .pricing_banner_item .banner_content {padding: 0 0 28px;}} @media (max-width: 1023px) and (min-width: 960px) {.pricing_faq_list_wrap {max-width: 900px;}} @media (max-width: 959px) and (min-width: 720px) {.pricing_faq_list_wrap {flex-direction: column; margin: 10px auto 0; padding: 0 20px 30px;}} @media (max-width: 719px) and (min-width: 600px) {.pricing_faq_list_wrap {flex-direction: column; margin: 10px auto 0; padding: 0 20px 30px;}} @media (max-width: 599px) {.pricing_faq_list_wrap {flex-direction: column; padding: 0 20px 30px;} .pricing_faq_item {padding: 0; margin-bottom: 35px;}} @media (max-width: 499px) {.JQ_monthly, .JQ_yearly {width: 100% !important; text-align: center !important;} .JQ_yearly_monthly {margin-bottom: 15px !important;}} @media (max-width: 719px) {.pricing_faq_list {width: 100%;} .pricing_faq_subtitle {font: normal 600 14px / 22px OpenSans-Regular,sans-serif; color: #000000;}} @media (max-width: 719px) and (min-width: 600px) {.pricing_faq_item {padding: 0; max-width: 440px; margin: 0 auto 25px;}} .popup.join_beta .powerful_form_inp {border-right: 1px solid #b3b7b9; border-radius: 7px;} .popup.join_beta .powerful_form_btn {border-radius: 7px; padding: 15px;} section.homepage .subtitle_zone.bg_blue {border-top: 1px solid #e5e5e5;} section.homepage .three_cols_holder .three_cols_list {padding-bottom: 40px;} section.homepage .container_row {max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;} section.homepage .banner { max-width: 910px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } section.homepage .banner h2 { margin: 55px 0 0; font: normal 700 32px / 48px OpenSans-Regular,sans-serif; color: #000000; text-align: center; } section.homepage .banner h3 { text-align: center; color: #000000; font: normal 300 20px / 28px OpenSans-Regular, sans-serif; } section.homepage .banner .powerful_form { margin-top: 50px; display: block; max-width: 710px; } section.homepage .banner .powerful_form .holder { display: flex; } section.homepage .banner .powerful_form .powerful_form_inp { width: 492px; max-width: 100%; border-radius: 7px; padding: 10px 45px 10px 20px; color: #D9DBE3; border: 1px solid #D9DBE3 !important; outline: none; } section.homepage .banner .powerful_form .powerful_form_inp:focus { border-color: #3BC048 !important; } section.homepage .banner .powerful_form .powerful_form_inp.error { border-color: #DE3333 !important; } section.homepage .banner .powerful_form .powerful_form_btn { margin-left: 8px; border-radius: 7px; height: 48px; border: 1px solid #3BC048 !important; line-height: normal !important; background: #3BC048; } section.homepage .banner .powerful_form .powerful_form_btn:hover { background: #2C9C37; border-color: #2C9C37 !important; } section.homepage .banner .powerful_form .form_error { display: none; color: #DE3333; font: normal normal 12px / 16px OpenSans-Regular,sans-serif; margin: 10px 0; } section.homepage .banner label.error + .form_error { display: block; } section.homepage .banner .topslider { margin: 50px 0 30px; position: relative; } section.homepage .banner .topslider::before { content: ''; position: absolute; right: calc(50% + 451px); bottom: -71px; width: 215px; height: 475px; background: url(img/girl.png) no-repeat; background-size: 100%; background-position: center; } section.homepage .banner .topslider::after { content: ''; position: absolute; left: calc(50% + 489px); bottom: 30px; width: 190px; height: 319px; background: url(img/boy.png) no-repeat; background-size: 100%; background-position: center; } section.homepage .banner .topslider .navigation { display: flex; flex-direction: column; position: absolute; left: calc(50% + 465px); } section.homepage .banner .topslider .navigation .item { width: 164px; border-radius: 12px; background-color: transparent; filter: grayscale(100%); color: #000000; opacity: 0.4; font: normal normal 12px / 54px OpenSans-Bold,sans-serif; padding-left: 60px; cursor: pointer; background-size: 32px; background-position: 14px; background-repeat: no-repeat; transition: 0.3s; margin-bottom: 5px; } section.homepage .banner .topslider .navigation .item.active, section.homepage .banner .topslider .navigation .item:hover { filter: grayscale(0%); opacity: 1; } section.homepage .banner .topslider .navigation .item[data-attr="1"].active, section.homepage .banner .topslider .navigation .item[data-attr="1"]:hover { background-color: rgba(0,135,255,0.2); } section.homepage .banner .topslider .navigation .item[data-attr="2"].active, section.homepage .banner .topslider .navigation .item[data-attr="2"]:hover { background-color: rgba(215,71,135,0.2); } section.homepage .banner .topslider .navigation .item[data-attr="3"].active, section.homepage .banner .topslider .navigation .item[data-attr="3"]:hover { background-color: rgba(41,167,153,0.2); } section.homepage .banner .topslider .navigation .item[data-attr="1"] { background-image: url(img/icon1.png); } section.homepage .banner .topslider .navigation .item[data-attr="2"] { background-image: url(img/icon2.png); } section.homepage .banner .topslider .navigation .item[data-attr="3"] { background-image: url(img/icon3.png); } section.homepage .banner .topslider .imagearea img { display: none; opacity: 0; max-width: 100%; transition: 0.3s; border-radius: 8px; box-shadow: 0 2px 36px rgba(0,0,0,0.2); } section.homepage .banner .topslider .imagearea img.active { display: block; opacity: 1; } section.homepage .mask { position: relative; } section.homepage .mask::after { content: ""; display: block; position: absolute; height: 373px; width: 100vw; left: 0; bottom: -318px; z-index: -1; background-image: -moz-linear-gradient(top, #F2F3F7 0%, rgba(255,255,255,0) 100%); background-image: -webkit-linear-gradient(top, #F2F3F7 0%, rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, #F2F3F7 0%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, #F2F3F7 0%, rgba(255,255,255,0) 100%); background-image: linear-gradient(top, #F2F3F7 0%, rgba(255,255,255,0) 100%); } @media screen and (max-width: 1250px) { section.homepage .banner .topslider .navigation { flex-direction: row; position: relative; justify-content: center; left: 0; margin: 0 auto 10px; } section.homepage .banner .topslider .navigation .item { margin: 5px; } } @media screen and (max-width: 750px) { section.homepage .banner .powerful_form .powerful_form_inp { width: 100%; } } @media screen and (max-width: 600px) { section.homepage .banner .topslider .navigation .item { width: 54px; height: 54px; font-size: 0; padding-left: 0; background-position: 11px; } } @media screen and (max-width: 500px) { section.homepage .banner .powerful_form .holder { flex-direction: column; } section.homepage .banner .powerful_form .powerful_form_btn { width: 100%; margin: 10px 0 0; } } section.homepage .stars_section {text-align: center; padding: 100px 0;} section.homepage .stars_section span {color: rgba(0,0,0,.87);} section.homepage .stars_section a.get-app {width: 58px; height: 20px; background: url(img/ico-getapp_ca7f5b136dcda788f7af5a860d929e01.svg) no-repeat;} section.homepage .stars_section a.get-app:hover {background-image: url(img/ico-getapp-hover_2b323e8fa34313e0f7c040b44f9fc885.svg);} section.homepage .stars_section a.capterra {width: 75px; height: 20px; background: url(img/ico-capterra_69f00adaeaa11671aa89a6ff3b409102.svg) no-repeat;} section.homepage .stars_section a.capterra:hover {background-image: url(img/ico-capterra-hover_98905a86a78fc4e5bfbbfcc55fa8abd1.svg);} section.homepage .stars_section a.alternativeto {width: 84px; height: 20px; background: url(img/ico-alternative-to_afac3e0fe44abded1141fb3f27d8663f.svg) no-repeat;} section.homepage .stars_section a.alternativeto:hover {background-image: url(img/ico-alternative-to-hover_053bcdff9279b452b0e29901b1a6f1fe.svg)} .preload_pics {display: none;} section.homepage .section {padding-bottom: 16px; position: relative;} section.homepage .section_title {font: normal 700 32px / 48px OpenSans-Regular,sans-serif; color: #152240; padding: 110px 0; position: relative; z-index: 1; text-align: center; margin-bottom: 0;} section.homepage .section:after {content: ""; font: normal 700 200px / 272px OpenSans-Regular,sans-serif; color: #f2f4f7; position: absolute; left: 50%; top: 0; z-index: 0; transform: translateX(-50%);} section.homepage .section.one:after {content: "#1";} section.homepage .section.two:after {content: "#2";} section.homepage .section.two {padding-bottom: 110px;} section.homepage .gradient .section:after {opacity: .1;} section.homepage .gradient .section_title {color: #ffffff;} section.homepage .section_item {display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 110px;} section.homepage .section_item.reverse {flex-direction: row-reverse;} section.homepage .section_item h3 {text-align: left; font: normal 700 28px / 40px OpenSans-Regular,sans-serif; color: #152240; margin-bottom: 8px; padding: 0;} section.homepage .section_item p {text-align: left; font: normal 300 16px / 24px OpenSans-Regular, sans-serif; color: #51596c;} section.homepage .section_item a {max-width: 690px; margin-left: 125px; display: block; margin-right: 10px;} section.homepage .section_item.reverse a {margin-right: 125px; margin-left: 0; max-width: 690px;} section.homepage .section_item a img {max-width: 100%;} section.homepage .section_item:last-of-type {margin-bottom: 0;} section.homepage .gradient {background: #3c8bd4; background: -moz-linear-gradient(top,#3c8bd4 0,#55c6d8 100%); background: -webkit-linear-gradient(top,#3c8bd4,#55c6d8); background: linear-gradient(180deg,#3c8bd4 0,#55c6d8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3c8bd4",endColorstr="#55c6d8",GradientType=0);} section.homepage .gradient .section_item h3, section.homepage .gradient .section_item p {color: #fff;} @media (min-width: 1170px) {section.homepage .section_item a {max-width: 52% !important;}} @media (max-width: 1169px) and (min-width: 960px) {.section_item a {max-width: 50% !important;}} @media (max-width: 959px) {section.homepage .banner {background-position: 100% 100%; background-size: contain;} section.homepage .section_item {margin-bottom: 65px; flex-direction: column !important;} section.homepage .section_text {margin-bottom: 30px;} section.homepage .section_item a {max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;}} @media (max-width: 719px) {section.homepage .container_row {padding: 0 10px;} section.homepage .banner {margin-top: 25px; margin-bottom: 25px; min-height: 440px;} section.homepage .banner h2 {font-size: 32px; line-height: 48px; margin-bottom: 10px;} section.homepage .banner h3 {font-size: 18px; line-height: 26px; margin-bottom: 15px; color: #51596c;} section.homepage .section:after {font-size: 160px; line-height: 240px;}} @media (max-width: 1040px) {section.homepage .banner h2 {margin-top: 0;}} @media (max-width: 359px) {section.homepage .section_item h3 {font-size: 20px; line-height: 30px; margin-bottom: 15px;} section.homepage .section_item p {font-size: 16px; line-height: 24px;}} @media (max-width: 479px) {section.homepage .section_title {font-size: 24px; line-height: 32px; padding: 95px 0 80px;}} section.homepage + #joinBeta .no_credit_card {display: none;} section.homepage + #joinBeta .h3_like {margin-bottom: 0; line-height: 27px;} .grecaptcha-badge {display: none !important;} .main_info_wrap_extra_text {padding: 2em; text-align: center;} .main_info_wrap_extra_text p {font: 18px OpenSans-Regular, sans-serif; color: #000; padding-left: 0; margin-bottom: 10px;} .slick-dotted.slick-slider {margin-bottom: 30px;} .success_subtitle {text-align: center; font-size: 18px; font-family: OpenSans-Regular, sans-serif; color: rgba(0, 0, 0, 0.87); line-height: 20px; margin: 5px 0 -5px;} .stories {max-width: 920px; margin: 0 auto 76px !important; padding: 0; box-sizing: border-box;} .stories .story {margin: 0 20px; width: 50%;} .stories .story .link_img img {border-radius: 8px; width: 100%; max-width: 100%;} .stories .story .company {margin: 32px 32px 32px 5px;} .stories .story .company .company_name {line-height: 24px; font-size: 16px; font-weight: 700; margin: 0; font-family: Roboto-Regular, sans-serif;} .stories .story .company .company_descr {color: #979ba7; font-weight: 400; line-height: 20px; font-size: 12px; font-family: Roboto, sans-serif;} .stories .story .article .article_name {font-weight: 700; line-height: 24px; font-size: 16px; color: #000000; margin: 16px 5px; font-family: OpenSans-Regular, sans-serif;} .stories .story .article .article_descr {margin: 16px 5px; line-height: 20px; font-size: 14px; font-family: Roboto-Regular, sans-serif;} .stories .story .article .article_descr p {line-height: 20px; font-size: 14px; font-family: Roboto-Regular, sans-serif;} .stories .story .more {color: #3486cd !important; border: 1px solid #3486cd; box-sizing: border-box; border-radius: 4px; padding: 8px 30px; display: inline-block; text-align: center; font-weight: 700; text-decoration: none; margin: 16px 5px; line-height: 20px; font-size: 14px;} .stories .slick-dots {bottom: -44px; line-height: 0; position: absolute; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;} .stories .slick-dots li {width: 8px; height: 8px; margin: 2px 6px; position: relative; display: inline-block; padding: 0; cursor: pointer;} .stories .slick-dots li.slick-active, .stories .slick-dots li:hover {width: 10px; height: 10px; margin: 1px 5px;} .stories .slick-dots li button {width: 8px; height: 8px; font-size: 0; line-height: 0; display: block; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;} .stories .slick-dots li.slick-active button, .stories .slick-dots li:hover button {width: 10px; height: 10px;} .stories .slick-dots li button {padding: 0;} .stories .slick-dots li button:before {content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background: #e0e6e8; opacity: 1 !important; position: absolute; top: 0; left: 0;} .stories .slick-dots li.slick-active button:before, .stories .slick-dots li:hover button:before {width: 10px; height: 10px; background: #3486cd;} .stories_holder {position: relative; max-width: 920px; margin: 0 auto;} .stories_holder .nav-arrs .left {width: 40px; height: 40px; position: absolute; top: calc(50% - 20px); cursor: pointer; z-index: 1; left: -40px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAkCAMAAAC62DqvAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB1UExURQAAAAAAAAAAAAAAAAAAAAAAAAAAAExpcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEsUkN0AAAAndFJOUzMECS0RKS4AMgITAycxByswAQYZFiQKDxQeIw4YDRchDBslCy8VGvAht6wAAACtSURBVCjPddNHEsMwCAVQXLHcW3px+v2PmII8gxR/Fl68hYzgi9ir4/D9kqdPovGfc/pU7nNMv4pdPmTCK4cvlWhpNK9b0aTQZ4cP0SbQndSpaNTrvvtINK1ZcdCItiErLhLR6s6KTSmanVixuVndsOJuT/OdFXeT1S1r3lk96+nQ1erAi/xyGRyCfgkaRNdBl0ejQoNFa0BLQytGgUDxQWFD0URBZh4XYz8/kjenOBQdiBWVggAAAABJRU5ErkJggg==) no-repeat 0;} .stories_holder .nav-arrs .right {width: 40px; height: 40px; position: absolute; top: calc(50% - 20px); cursor: pointer; z-index: 1; right: -40px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAkCAMAAAC62DqvAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAB1UExURQAAAAAAAAAAAAAAAAAAAAAAAAAAAExpcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEsUkN0AAAAndFJOUzMECS0RKS4AMgITAycxByswAQYZFiQKDxQeIw4YDRchDBslCy8VGvAht6wAAACsSURBVCjPddPFEsMwDARQpQGFucz4/5/YTOQeNl1rxpd3MEhr0amGky5KpjWKvP85l6nyJUcyV7TgtXF6RM5K8+qGexexebvBmwSN+WsFrH1ontTAWifmYQ+sq9a8CYD1WZnHBbCeU/MyA9at80cG/OuCHDpg3Tm/dsB6cb5H1sH5HflDmW/Cj+QX5M/hj+et4o3lY+BD4yPmgfDExxM2TzQ9QZ5jP5LfQD7JF55CFB0sNvcVAAAAAElFTkSuQmCC) no-repeat 100%;} @media (max-width: 1024px) {.stories_holder .nav-arrs {display: none;}} @media screen and (max-width: 920px) {.stories {width: 640px; max-width: 100%;}} .row {margin: 0 !important;} #header .container .row .col-md-12 {padding: 0;} .use_cases { width: 100vw; margin-left: calc(50% - 50vw); background-color: #F3F9FD; padding-top: 90px; } .use_cases .bg_holder { background: url(img/usecases_bg.png) top left no-repeat; background-size: cover; } .use_cases .top_area { display: flex; max-width: 1000px; margin: 0 auto; padding: 40px 0 90px; justify-content: space-between; } .use_cases .top_area .img { width: 400px; } .use_cases .top_area .img img { display: block; line-height: 0; max-width: 100%; } .use_cases .top_area .descr h2 { padding-top: 30px; color: #ffffff; font-weight: 300; font-family: OpenSans-Semibold, sans-serif; font-size: 36px; line-height: 36px; margin-bottom: 20px; } .use_cases .top_area .descr p { color: #ffffff; font-weight: 300; font-family: OpenSans-Regular, sans-serif; font-size: 17px; line-height: 22px; max-width: 380px; } .use_cases .cases { max-width: 1040px; margin: 0 auto; padding: 0 20px 90px; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; } .use_cases .cases .case { width: 100%; display: inline-block; border-radius: 8px; overflow: hidden; margin-bottom: 15px; transition: 0.3s; } .use_cases .cases .case:hover { box-shadow: 0 10px 20px rgba(44, 47, 60, 0.3); text-decoration: none; } .use_cases .cases .case.color_blue { background-color: #EAF4FE; } .use_cases .cases .case.color_green { background-color: #EDFBF8; } .use_cases .cases .case.color_orange { background-color: #FFF9F0; } .use_cases .cases .case.color_blue .title_area { background-color: #3693FF; } .use_cases .cases .case.color_green .title_area { background-color: #00CCA4; } .use_cases .cases .case.color_orange .title_area { background-color: #FFBB57; } .use_cases .cases .case .img_area { height: 180px; background-position: center; background-size: 60%; background-repeat: no-repeat; } .use_cases .cases .case .title_area { display: flex; padding: 0 50px; } .use_cases .cases .case .title_area p { margin: auto; color: #ffffff; font-family: OpenSans-Regular, sans-serif; font-size: 17px; line-height: 22px; text-align: center; } .use_cases .cases .case.has_img .title_area { height: 64px; } .use_cases .cases .case.no_img .title_area { height: 180px; } @media screen and (max-width: 1200px) { .use_cases .top_area .descr { padding-left: 80px; } .use_cases .top_area .descr h2 { margin-bottom: 20px; } } @media screen and (max-width: 900px) { .use_cases .cases .case .title_area {padding: 0 10px;} } @media screen and (max-width: 800px) { .use_cases .cases { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 10px; -webkit-column-gap: 10px; column-gap: 10px; } .use_cases .cases .case { margin-bottom: 5px; } .use_cases .top_area { flex-direction: column; padding-bottom: 35px; } .use_cases .top_area .descr { padding: 0; } .use_cases .top_area .descr h2 { padding: 0; text-align: center; } .use_cases .top_area .descr p { text-align: center; padding: 0 100px; max-width: 100%; } .use_cases .top_area .img { text-align: center; width: 100%; display: block; } .use_cases .top_area .img img { margin: 0 auto; max-width: 280px; } .use_cases .bg_holder { background-size: 1100px; background-position: -22px 0; } } @media screen and (max-width: 600px) { .use_cases .top_area .descr p { padding: 0 60px; } } @media screen and (max-width: 400px) { .use_cases .top_area { padding: 20px 10px 35px; } .use_cases .cases { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } #fancybox-title, .powerful_form label.error {display: none !important;} .powerful_form input.error {border-color: red !important;} .banner-cookie { display: flex; justify-content: center; background-color: #4886df; padding: 14px; margin: 0; position: fixed; left: 0; bottom: 0; right: 0; z-index: 1030; transform: translateY(100%); transition-duration: .2s; text-align: center; } .banner-cookie.slideUp { transform: translateY(0); } .cookie-text { max-width: calc(100% - 250px); flex-direction: column; display: flex; justify-content: center; } .cookie-text span { color: #ffffff; font-size: 14px; text-align: center; font-family: OpenSans-Regular,sans-serif; } .cookie-button { background-color: #4079cb; padding: 9px 15px; border: 1px solid #fff; border-radius: 4px; cursor: pointer; margin: 0 0 0 35px; outline: none; } .cookie-button span { font-size: 14px; line-height: 16px; color: #ffffff; font-family: Lucida Grande,OpenSans-Regular,sans-serif; } @media (max-width: 480px) { .banner-cookie {display: block;} .cookie-text {max-width: none; padding-bottom: 1em;} .cookie-button {margin: 0;} } .app_btns { margin-left: 10px; display: flex; } .app_btns a { margin-right: 15px; } .app_btns img { height: 40px; } /*.subtitle_zone.great_teams h2 {font-family: Roboto-Bold, sans-serif;}*/ .subtitle_zone.great_teams h3 { width: 720px;/* color: #363946; font-size: 18px; line-height: 25px;*/ max-width: calc(100% - 20px); } .subtitle_zone.great_teams .contents {padding-bottom: 60px;} .subtitle_zone.great_teams .slider_container { height: auto; padding-bottom: 40px; } .subtitle_zone.great_teams .slider_container .clients_slider { height: auto; display: flex; flex-wrap: wrap; width: 800px; max-width: 100%; justify-content: space-between; } .subtitle_zone.great_teams .partner_holder { width: 30%; display: flex; margin: 0 0 50px; } .subtitle_zone.great_teams .partner_holder img { width: auto !important; margin: auto; padding: 0; height: auto; max-height: 100px; } @media screen and (max-width: 800px) { .subtitle_zone.great_teams .partner_holder {width: 50%;} } @media screen and (max-width: 500px) { .subtitle_zone.great_teams .partner_holder {width: 100%;} } .form_page .top_area .pre_descr { display: flex; width: 900px; max-width: calc(100% - 40px); margin: 0 auto; padding: 70px 0; justify-content: space-between; } .form_page .top_area .img { width: 400px; } .form_page .top_area .img img { display: block; line-height: 0; max-width: 100%; margin: 0 0 0 auto; min-height: 230px; } .form_page .top_area .descr h2 { padding-top: 30px; color: #2C2F3C; font: normal 40px / 47px Roboto-Bold, sans-serif; color: #000000; margin-bottom: 40px; } .form_page .top_area .descr ul { list-style: none; padding: 0; margin-bottom: 30px; } .form_page .top_area .descr li { color: #2C2F3C; font-weight: 300; font-family: Roboto-Regular, sans-serif; font-size: 20px; line-height: 25px; margin-bottom: 15px; padding-left: 30px; background: url(img/galka.svg) no-repeat; background-size: 22px; background-position: 0 2px; } .form_page.request_demo .top_area .descr_contents { color: #2C2F3C; font-weight: 300; font-family: Roboto-Regular, sans-serif; font-size: 20px; line-height: 25px; margin-bottom: 15px; max-width: 70%; } .form_page .top_area .contact_form { display: flex; max-width: calc(100% - 20px); margin: 0 auto; padding: 0 10px 60px; justify-content: space-between; width: 920px; } .form_page .wpcf7-form { background: transparent; width: 100%; margin: 0; padding: 0; max-width: 100%; } .form_page .columns { display: flex; flex-wrap: wrap; justify-content: space-between; } .form_page .columns .form_element {width: calc(50% - 15px);} .form_page .form_element {margin-bottom: 40px;} .form_page .form_element input[type="text"], .form_page .form_element input[type="email"], .form_page .form_element input[type="tel"], .form_page .form_element textarea { border: 1px solid #D9DBE3 !important; border-radius: 4px !important; padding: 12px 15px !important; font-size: 15px !important; outline: none; font-family: Roboto-Regular, sans-serif !important; line-height: 26px !important; margin-bottom: 0 !important; } .form_page .form_element input[type="text"]:focus, .form_page .form_element input[type="email"]:focus, .form_page .form_element input[type="tel"]:focus, .form_page .form_element textarea:focus{ border-color: #3693FF !important; } .form_page .form_element label { font: normal 15px / 20px Roboto-Bold, sans-serif; color: #525462; margin-bottom: 10px; } .form_page .form_element label span { color: #FF4A36; padding-left: 5px; } .form_page .form_element input::placeholder, .form_page .form_element textarea::placeholder {color: #C0C3CE;} .form_page .submitter, .form_page .form_element {overflow: auto;} .form_page input[type="submit"] { background-color: #3BC047 !important; padding: 13px 0 !important; text-transform: uppercase; border-radius: 4px; width: 180px; font-size: 16px !important; margin: 20px 0 !important; box-shadow: 5px 4px 4px rgba(0, 0, 0, 0.12); font-family: OpenSans-Semibold,sans-serif; outline: none; } .form_page input[type="submit"]:hover {background-color: #40D14E !important;} .form_page .wpcf7-response-output { font-size: 12px; margin-top: 0 !important; } .form_page .wpcf7-form .wpcf7-not-valid-tip { color: #DE3333; font-size: 12px; margin: 0; } .form_page .form_element input[type="text"].wpcf7-not-valid, .form_page .form_element input[type="email"].wpcf7-not-valid, .form_page .form_element input[type="tel"].wpcf7-not-valid {border-color: #DE3333 !important;} .form_page #select_size { position: relative; overflow: visible; margin-bottom: 35px; } .form_page #select_size:not(.closed) .selected {border-color: #3693FF;} .form_page #select_size select, .form_page #select_size .select-hide {display: none;} .form_page #select_size .selected { border: 1px solid #D9DBE3; border-radius: 4px; padding: 12px 30px 12px 15px; font-size: 15px; font-family: Roboto-Regular, sans-serif; line-height: 26px; background: #ffffff; margin-bottom: 5px; color: #000000; cursor: pointer; position: relative; } .form_page #select_size .selected::after { content: ''; display: block; position: absolute; background: url(img/dropdown.png) no-repeat; background-size: contain; width: 10px; height: 18px; right: 10px; top: 16px; opacity: 0.6; } .form_page #select_size .select-items { position: absolute; width: 100%; background-color: #FFFFFF; z-index: 99; border: 1px solid #F2F3F7; border-radius: 4px; overflow: hidden; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03); } .form_page #select_size .select-items div { padding: 0 20px; cursor: pointer; color: #2C2F3C; font: normal normal 15px/40px Roboto-Regular, sans-serif; } .form_page #select_size .select-items div:hover { background-color: rgba(54,147,255,0.06); } @media screen and (max-width: 800px) { .form_page .top_area .pre_descr {flex-direction: column;} .form_page .top_area .img {width: 100%;} .form_page .top_area .img img {margin: auto;} } @media screen and (max-width: 500px) { .form_page .columns .form_element {width: 100%;} } .homepage_holder { max-width: calc(100vw - (100vw - 100%)); overflow: hidden; } section.single-page .subtitle_zone.videoblock { max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; display: flex; } section.single-page .subtitle_zone.videoblock .contents { order: 2; padding: 0; } section.single-page .subtitle_zone.videoblock h2 { width: auto; max-width: unset; text-align: left; padding-left: 85px; font: normal 700 32px / 48px OpenSans-Regular,sans-serif; color: #152240; } section.single-page .subtitle_zone.videoblock h3 { width: auto; max-width: unset; text-align: left; padding: 30px 100px 0 85px; font: normal 300 16px / 24px OpenSans-Regular, sans-serif; color: #51596c; } .videoblock .video_container { display: block; padding-bottom: 80px; position: relative; z-index: 10; } .videoblock .video_container::after { content: ''; position: absolute; left: 0; top: 208px; width: 957px; height: 268px; background: url(img/desk.png) no-repeat; background-size: 100%; background-position: center; } .videoblock .video_container .video { width: 640px; max-width: 100%; height: auto; margin: 0 auto 0 0; position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; box-shadow: 2px 10px 30px #C0C3CE; } .videoblock .video_container .video .iframe_holder { padding-bottom: 56.25%; } .videoblock .video_container .video .iframe_holder iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1000; } .videoblock .video_container .video video { display: block; } .videoblock .videoPlayer { /*position: absolute;*/ max-width: 100%; display: block; /*height: 100%; top: 0px; width: 100%; transition: 0.5s; background-image: url(img/video.png); background-size: cover; opacity: 1;*/ cursor: pointer; } .videoblock .videoPlayer.hidePlayer { opacity: 0 !important; pointer-events: none; } @media screen and (max-width: 1100px) { section.single-page .subtitle_zone.videoblock { flex-direction: column; } section.single-page .subtitle_zone.videoblock .contents { order: -1; } section.single-page .subtitle_zone.videoblock h2 { padding: 0 15px; text-align: center; } section.single-page .subtitle_zone.videoblock h3 { padding: 30px 10px; text-align: center; } } @media screen and (max-width: 680px) { .videoblock .video_container::after { display: none; } } /* PRODUCT MANAGEMENT */ .page-template-prodmanagement section.single-page .head_zone { padding: 0; background: transparent; background: url(img/bg.png) center no-repeat; background-size: cover; min-height: 700px; position: relative; } .page-template-prodmanagement section.single-page .head_zone .contents { position: absolute; max-width: calc(50% - 100px); top: calc(50% - 150px); left: calc(50% + 80px); } @media screen and (max-width: 600px) { .page-template-prodmanagement section.single-page .head_zone .contents { max-width: calc(70% - 100px); left: calc(30% + 80px); } } @media screen and (max-width: 500px) { .page-template-prodmanagement section.single-page .head_zone .contents { max-width: calc(85% - 100px); left: calc(15% + 80px); } } @media screen and (max-width: 400px) { .page-template-prodmanagement section.single-page .head_zone .contents { max-width: calc(95% - 100px); left: calc(5% + 80px); } } .page-template-prodmanagement section.single-page .head_zone h1 { font: normal 48px / 64px Roboto-Regular, sans-serif; margin: 0 0 26px; text-align: left; } .page-template-prodmanagement section.single-page .head_zone h3 { font: normal 30px / 39px Roboto-Light, sans-serif; color: #000000; width: 420px; max-width: 100%; text-align: left; margin: 0; padding: 0; } .page-template-prodmanagement .page_content { margin-top: 80px; } .page-template-prodmanagement .features .three_cols_list { padding-bottom: 0; } .page-template-prodmanagement .features .three_cols_list .three_cols_item { display: flex; flex-direction: row; } .page-template-prodmanagement .features .three_cols_list .three_cols_item span { margin-bottom: 0; justify-content: left; text-align: left; text-transform: initial; } .page-template-prodmanagement .features .three_cols_list .three_cols_item .img_holder { flex-shrink: 0; margin-right: 20px; } .page-template-prodmanagement .features .three_cols_list .three_cols_item img { margin: auto; } /* PRODUCT MANAGEMENT WIDEN */ /*body.page-template-prodmanagement */ section.single-page .pic_txt_zone { padding: 0 20px; } section.single-page .pic_txt_zone .contents { max-width: 1160px; padding-bottom: 0; margin-bottom: 110px; } section.single-page .pic_txt_zone.margin-btm_sm .contents { margin-bottom: 30px; } /******************************************************************/ /******************** KANBAN BOARD ********************/ /******************************************************************/ body.page-id-17577 section.single-page .pic_txt_zone .contents { margin-bottom: 50px; } body.page-id-17577 section.single-page .pic_txt_zone.margin-btm_sm .contents { margin-bottom: 20px; } /******************************************************************/ section.single-page .pic_txt_zone .contents .fancybox { box-shadow: 0 5px 11px #ebeff2; } section.single-page .pic_txt_zone.pic_left .contents .fancybox { margin-right: 125px; margin-left: 10px; } section.single-page .pic_txt_zone.pic_right .contents .fancybox { margin-left: 125px; margin-right: 10px; } section.single-page .pic_txt_descr { margin: 0; } section.single-page .pic_txt_zone .contents .pic_txt_descr h3 { text-align: left; font: normal 700 28px / 40px OpenSans-Regular,sans-serif; color: #152240; margin: 20px 0 8px; padding: 0; } section.single-page .pic_txt_zone .contents .pic_txt_descr p, section.single-page .pic_txt_zone .contents .pic_txt_descr li { text-align: left; font: normal 300 16px / 24px OpenSans-Regular, sans-serif; color: #51596c; } @media (max-width: 959px) { section.single-page .pic_txt_zone .contents .pic_txt_descr { margin: 0 0 30px !important; width: 100% !important; order: 1 !important; } section.single-page .pic_txt_zone .contents { margin-bottom: 65px; } section.single-page .pic_txt_zone.margin-btm_sm .contents { margin-bottom: 20px; } /******************************************************************/ /******************** KANBAN BOARD ********************/ /******************************************************************/ body.page-id-17577 section.single-page .pic_txt_zone .contents { margin-bottom: 30px; } body.page-id-17577 section.single-page .pic_txt_zone.margin-btm_sm .contents { margin-bottom: 10px; } body.page-id-17577 section.single-page .pic_txt_zone .contents .pic_txt_descr { margin-bottom: 10px !important; } /******************************************************************/ section.single-page .pic_txt_zone .contents .fancybox { max-width: 100%; margin-left: 0 !important; margin-right: 0 !important; order: 2 !important; } } @media (max-width: 719px) { section.single-page .pic_txt_zone { padding: 0 10px; } } @media (max-width: 359px) { section.single-page .pic_txt_zone .contents .pic_txt_descr h3 { font-size: 20px; line-height: 30px; margin-bottom: 15px; } section.single-page .pic_txt_zone .contents .pic_txt_descr p { font-size: 16px; line-height: 24px; } } #ph_badge { position: fixed; left: 20px; bottom: 20px; } section.single-page .popular_posts_list { display: flex; flex-wrap: wrap; width: 1140px; max-width: 100%; margin: 0 auto; padding: 0 10px 80px; } section.single-page .popular_posts_list .popular_post_item { display: flex; flex-direction: column; width: 33.3333%; margin-bottom: 30px; padding: 0 10px; } section.single-page .popular_posts_list .popular_post_item .popular_post_img { overflow: hidden; display: block; height: 160px; margin-bottom: 20px; } section.single-page .popular_posts_list .popular_post_item .popular_post_img img { max-width: 100%; height: auto; } section.single-page .popular_posts_list .popular_post_item .popular_post_title { font-size: 20px; line-height: 28px; color: #000000; margin-bottom: 10px; font-family: OpenSans-Bold, sans-serif; text-decoration: none; } section.single-page .popular_posts_list .popular_post_item .popular_post_descr { color: rgba(0,0,0,0.84); font-size: 16px; line-height: 22px; font-family: OpenSans-Regular, sans-serif; } section.single-page .popular_posts_list .popular_post_item .popular_post_descr a { border-bottom: 1px solid transparent; transition: all 150ms; color: #2d8bde; font-size: 16px; line-height: 22px; margin-left: 3px; text-decoration: none; font-family: OpenSans-Regular, sans-serif; } section.single-page .popular_posts_list .popular_post_item .popular_post_descr a:hover { border-color: rgb(54, 162, 215); color: rgb(54, 162, 215); } @media (max-width: 719px) and (min-width: 480px) { section.single-page .popular_posts_list .popular_post_item { width: 50%; } } @media (max-width: 479px) { section.single-page .popular_posts_list .popular_post_item { width: 100%; } } body.author h1 { margin: 0; } .gs-bar { display: none !important; } body.blog .gs-bar, body.archive .gs-bar, body.single-post .gs-bar, body.search .gs-bar { display: block !important; } .essb_item a span, .blog.single-blog-page #blog .post-inner-content .main-content .essb_item a span, .recent-posts-wrapper.related .single-post .main-content .essb_item a span { color: #ffffff !important; } .related-posts-wrapper ul li.essb_item:before { content: none; } .essb-point-bottomright { right: 12px !important; bottom: 20px !important; } .recent-posts-wrapper.related .essb_links { display: none !important; } /******************************************************************************/ /************************* ADSENSE *************************/ /******************************************************************************/ .adsbygoogle { display: none !important; background-color: #ffffff; text-align: center; } .adsbygoogle.margin-top { margin-top: 20px; } .adsbygoogle.margin-btm { margin-bottom: 20px; } @media screen and (max-width: 767px) { .hide-mob { display: none !important; } } @media screen and (min-width: 768px) { .hide-desk { display: none !important; } }