/* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /* Forms ========================================================================== */ /** * 1. Change font properties to `inherit` in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ } /** * Restore the font weight unset by the previous rule. */ optgroup { font-weight: bold; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ margin-right: 10px; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Correct the text style of placeholders in Chrome, Edge, and Safari. */ ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* * Some defaults are based on inherit * * Why inherit ? * If you have a component and his children not using border-box for example: * * Without inherit you might need * .Component, .Component * { box-sizing: content-box } * * With inherit you can just write * .Component { box-sizing: content-box } * * http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ /* * Repeating the background mostly makes sense in the . Otherwise, people * usually want the image and preferably its center (not the top-right corner) */ *:not(body) { background-repeat: no-repeat; background-position: 50%; background-size: cover; } /* * tables borders like they should be * applied to * to also works for display: table; */ html { border-collapse: collapse } * { border-collapse: inherit } /* * box model like it should be * * http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ html { box-sizing: border-box } *, *:before, *:after { box-sizing: inherit; } /* * kill document defaults margin & padding. We all do that all the times, right ? */ html, body { margin: 0; padding: 0; } /* * Makes the hidden attribute works even when an element is styled display: flex * http://lists.w3.org/Archives/Public/public-whatwg-archive/2014May/0001.html */ [hidden] { display: none !important } /* This is main style */ .my-container { display: -webkit-box; display: -ms-flexbox; display: flex; } /* This Is additional style */ .another-one { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* Colors */ .button { display: inline-block; border: 0; padding: 16px 48px; color: #FFFFFF; background-color: #19a9e8; font-weight: bold; font-size: 16px; text-decoration: none; cursor: pointer } .button--white { color: #010101; background-color: #FFFFFF } .button--small { padding: 12px 33px; font-weight: bold; font-size: 14px } .button__download { padding: 14px 20px 14px 50px; background: #19a9e8 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 525.153 525.153' style='enable-background:new 0 0 525.153 525.153;' xml:space='preserve' width='17' height='17' preserveAspectRatio='none slice' fill='%23FFFFFF'%3E %3Cg%3E%3Cpath d='M478.775,185.313H355.211V0H169.92v185.313H46.356l216.21,216.275L478.775,185.313z M46.356,463.294v61.859h432.441 v-61.859H46.356z'/%3E%3C/g%3E%3C/svg%3E") 24px center no-repeat; } .button__download.download-white { border: 2px solid #19a9e8; color: #19a9e8; background: #fff url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 525.153 525.153' style='enable-background:new 0 0 525.153 525.153;' xml:space='preserve' width='17' height='17' preserveAspectRatio='none slice' fill='%2319a9e8'%3E %3Cg%3E%3Cpath d='M478.775,185.313H355.211V0H169.92v185.313H46.356l216.21,216.275L478.775,185.313z M46.356,463.294v61.859h432.441 v-61.859H46.356z'/%3E%3C/g%3E%3C/svg%3E") 24px center no-repeat; } .button__download.download-white:hover { background: #19a9e8 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 525.153 525.153' style='enable-background:new 0 0 525.153 525.153;' xml:space='preserve' width='17' height='17' preserveAspectRatio='none slice' fill='%23FFFFFF'%3E %3Cg%3E%3Cpath d='M478.775,185.313H355.211V0H169.92v185.313H46.356l216.21,216.275L478.775,185.313z M46.356,463.294v61.859h432.441 v-61.859H46.356z'/%3E%3C/g%3E%3C/svg%3E") 24px center no-repeat; color: #fff; } .button__download--white { color: #19a9e8; background: #FFFFFF url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 525.153 525.153' style='enable-background:new 0 0 525.153 525.153;' xml:space='preserve' width='17' height='17' preserveAspectRatio='none slice' fill='%2319a9e8'%3E %3Cg%3E%3Cpath d='M478.775,185.313H355.211V0H169.92v185.313H46.356l216.21,216.275L478.775,185.313z M46.356,463.294v61.859h432.441 v-61.859H46.356z'/%3E%3C/g%3E%3C/svg%3E") 24px center / 17px 17px no-repeat } .button__download--white:hover { color: #FFFFFF; background: #19a9e8 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 525.153 525.153' style='enable-background:new 0 0 525.153 525.153;' xml:space='preserve' width='17' height='17' preserveAspectRatio='none slice' fill='%23FFFFFF'%3E %3Cg%3E%3Cpath d='M478.775,185.313H355.211V0H169.92v185.313H46.356l216.21,216.275L478.775,185.313z M46.356,463.294v61.859h432.441 v-61.859H46.356z'/%3E%3C/g%3E%3C/svg%3E") 24px center / 17px 17px no-repeat } .button__download--support { margin-top: 74px; color: #094a7a; background: #FFFFFF url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 525.153 525.153' style='enable-background:new 0 0 525.153 525.153;' xml:space='preserve' width='17' height='17' preserveAspectRatio='none slice' fill='%23094a7a'%3E %3Cg%3E%3Cpath d='M478.775,185.313H355.211V0H169.92v185.313H46.356l216.21,216.275L478.775,185.313z M46.356,463.294v61.859h432.441 v-61.859H46.356z'/%3E%3C/g%3E%3C/svg%3E") 24px center / 17px 17px no-repeat } .button__download--support:hover { color: #FFFFFF; background: #19a9e8 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 525.153 525.153' style='enable-background:new 0 0 525.153 525.153;' xml:space='preserve' width='17' height='17' preserveAspectRatio='none slice' fill='%23FFFFFF'%3E %3Cg%3E%3Cpath d='M478.775,185.313H355.211V0H169.92v185.313H46.356l216.21,216.275L478.775,185.313z M46.356,463.294v61.859h432.441 v-61.859H46.356z'/%3E%3C/g%3E%3C/svg%3E") 24px center / 17px 17px no-repeat } .button__download--support span { font-weight: normal; font-style: italic; } .button__more { margin-left: 20px; } .button__upload { padding: 16px 25px 16px 60px; background: #19a9e8 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 525.153 525.153' style='enable-background:new 0 0 525.153 525.153;' xml:space='preserve' fill='%23FFFFFF'%3E %3Cpath d='M169.974,401.567H355.2V216.21h123.586L262.576,0L46.367,216.21h123.586v185.357H169.974z M46.367,463.294h432.419v61.859 H46.367V463.294z'/%3E %3C/svg%3E") 24px center / 17px 17px no-repeat } .button__upload--white { color: #19a9e8; background: #FFFFFF url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 525.153 525.153' style='enable-background:new 0 0 525.153 525.153;' xml:space='preserve' fill='%2319a9e8'%3E %3Cpath d='M169.974,401.567H355.2V216.21h123.586L262.576,0L46.367,216.21h123.586v185.357H169.974z M46.367,463.294h432.419v61.859 H46.367V463.294z'/%3E %3C/svg%3E") 24px center / 17px 17px no-repeat } .button__upload--white:hover { color: #FFFFFF; background: #19a9e8 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 525.153 525.153' style='enable-background:new 0 0 525.153 525.153;' xml:space='preserve' fill='%23FFFFFF'%3E %3Cpath d='M169.974,401.567H355.2V216.21h123.586L262.576,0L46.367,216.21h123.586v185.357H169.974z M46.367,463.294h432.419v61.859 H46.367V463.294z'/%3E %3C/svg%3E") 24px center / 17px 17px no-repeat } .button:hover { background-color: #5bcdff } @media (max-width: 800px) { .button { padding: 12px 33px; font-weight: bold; font-size: 12px } .button__download { padding: 10px 12px 10px 50px; background: #19a9e8 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 525.153 525.153' style='enable-background:new 0 0 525.153 525.153;' xml:space='preserve' width='17' height='17' preserveAspectRatio='none slice' fill='%23FFFFFF'%3E %3Cg%3E%3Cpath d='M478.775,185.313H355.211V0H169.92v185.313H46.356l216.21,216.275L478.775,185.313z M46.356,463.294v61.859h432.441 v-61.859H46.356z'/%3E%3C/g%3E%3C/svg%3E") 16px center / 12px 12px no-repeat } .button__download--white { color: #19a9e8; background: #FFFFFF url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 525.153 525.153' style='enable-background:new 0 0 525.153 525.153;' xml:space='preserve' width='17' height='17' preserveAspectRatio='none slice' fill='%2319a9e8'%3E %3Cg%3E%3Cpath d='M478.775,185.313H355.211V0H169.92v185.313H46.356l216.21,216.275L478.775,185.313z M46.356,463.294v61.859h432.441 v-61.859H46.356z'/%3E%3C/g%3E%3C/svg%3E") 16px center / 12px 12px no-repeat } .button__download--white:hover { color: #FFFFFF; background: #19a9e8 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 525.153 525.153' style='enable-background:new 0 0 525.153 525.153;' xml:space='preserve' width='17' height='17' preserveAspectRatio='none slice' fill='%23FFFFFF'%3E %3Cg%3E%3Cpath d='M478.775,185.313H355.211V0H169.92v185.313H46.356l216.21,216.275L478.775,185.313z M46.356,463.294v61.859h432.441 v-61.859H46.356z'/%3E%3C/g%3E%3C/svg%3E") 16px center / 12px 12px no-repeat } .button__download--support { margin-top: 24px; color: #094a7a; background: #FFFFFF url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 525.153 525.153' style='enable-background:new 0 0 525.153 525.153;' xml:space='preserve' width='17' height='17' preserveAspectRatio='none slice' fill='%23094a7a'%3E %3Cg%3E%3Cpath d='M478.775,185.313H355.211V0H169.92v185.313H46.356l216.21,216.275L478.775,185.313z M46.356,463.294v61.859h432.441 v-61.859H46.356z'/%3E%3C/g%3E%3C/svg%3E") 16px center / 12px 12px no-repeat } .button__download--support:hover { color: #FFFFFF; background: #19a9e8 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 525.153 525.153' style='enable-background:new 0 0 525.153 525.153;' xml:space='preserve' width='17' height='17' preserveAspectRatio='none slice' fill='%23FFFFFF'%3E %3Cg%3E%3Cpath d='M478.775,185.313H355.211V0H169.92v185.313H46.356l216.21,216.275L478.775,185.313z M46.356,463.294v61.859h432.441 v-61.859H46.356z'/%3E%3C/g%3E%3C/svg%3E") 16px center / 12px 12px no-repeat } .button__upload { padding: 12px 12px 12px 37px; background: #19a9e8 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 525.153 525.153' style='enable-background:new 0 0 525.153 525.153;' xml:space='preserve' fill='%23FFFFFF'%3E %3Cpath d='M169.974,401.567H355.2V216.21h123.586L262.576,0L46.367,216.21h123.586v185.357H169.974z M46.367,463.294h432.419v61.859 H46.367V463.294z'/%3E %3C/svg%3E") 16px center / 12px 12px no-repeat } .button__upload--white { color: #19a9e8; background: #FFFFFF url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 525.153 525.153' style='enable-background:new 0 0 525.153 525.153;' xml:space='preserve' fill='%2319a9e8'%3E %3Cpath d='M169.974,401.567H355.2V216.21h123.586L262.576,0L46.367,216.21h123.586v185.357H169.974z M46.367,463.294h432.419v61.859 H46.367V463.294z'/%3E %3C/svg%3E") 16px center / 12px 12px no-repeat } .button__upload--white:hover { color: #FFFFFF; background: #19a9e8 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 525.153 525.153' style='enable-background:new 0 0 525.153 525.153;' xml:space='preserve' fill='%23FFFFFF'%3E %3Cpath d='M169.974,401.567H355.2V216.21h123.586L262.576,0L46.367,216.21h123.586v185.357H169.974z M46.367,463.294h432.419v61.859 H46.367V463.294z'/%3E %3C/svg%3E") 16px center / 12px 12px no-repeat } } @media (max-width: 400px) { .button__more { margin-left: 0; margin-top: 10px; } } @media (min-width: 1197px) and (max-width: 1740px) { .button__download--support.mt40 { margin-top: 40px!important; } } @media (min-width: 1025px) { .mobile-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 0; } } .mobile-flex--align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .mobile-flex__item { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-right: 18px } .mobile-flex__item:last-child { padding-right: 0 } .inventory-complect .mobile-flex__item { padding-right: 0 } @media (max-width: 800px) { .mobile-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .mobile-flex--align-center { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .mobile-flex__item { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto } .mobile-flex__item:not(:last-child) { padding-right: 0 } } .margin-b { margin-bottom: 24px; } .align-right { text-align: right; } .align-left { text-align: left; } .align-center { text-align: center; } .demo--bittons--center { -ms-flex: 0 1 100%; -webkit-box-flex: 0; flex: 0 1 100%; padding-top: 30px; } /* Colors */ /* Line-On-Sides */ .line-on-sides { text-align: center; font-size: 24px; font-weight: 300; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #010101; } .line-on-sides--blue { color: #010101 } .line-on-sides--dark-blue { color: #010101 } .line-on-sides--gray { font-size: 38px; font-weight: normal; color: #010101 } .line-on-sides--success { margin: 40px 0; font-size: 25px; font-weight: 400 } @media (max-width: 1349px) { .line-on-sides { font-size: 22px } .line-on-sides--gray { font-size: 24px } } @media (max-width: 800px) { .line-on-sides { font-size: 21px; display: block; margin-top: 20px; margin-bottom: 20px; } .line-on-sides--gray { font-size: 24px } .line-on-sides--success { margin: 50px 0; font-size: 18px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } /* Headers Main */ .header { margin: 0; font-weight: normal; color: #000; /* Size */ /* Weight */ /* Position */ /* Color */ } .header__h1 { /* font-size: 48px;*/ font-size: 60px; } .header__h2 { font-size: 30px; margin: 0 0 0 0; font-weight: 300; line-height: calc(56 / 44 * 100%); text-align: center; } .header__h3 { font-size: 38px } .header__h30 { font-size: 30px } .header__h4 { font-size: 24px; line-height: 29px; margin-bottom: 20px; } .header__h4.h4-1 { margin:40px 0 15px 0; } .header__h20px { font-size: 20px; line-height: 24px } .header__h18px { font-size: 18px } .header__h5 { font-size: 16px; line-height: 24px } .header__h14 { font-size: 14px } .header--light { font-weight: 300 } .header--bold { font-weight: bold } .header--center { text-align: center } .header--right { text-align: right } .header--left { text-align: left } .header--margin-b { margin-bottom: 40px; margin-top:25px; } .header--margin-t { margin-top: 50px } .header--margin-t-100 { margin-top: 100px } .header--margin-t-20 { margin-top: 20px } .header--white { color: #FFFFFF } .header--blue { color: #19a9e8 } @media (max-width: 800px) { .header {} .header__h1 { font-size: 20px } .header__h2 { font-size: 24px; margin: 20px auto; font-weight: 700; } .header__h3 { font-size: 20px; } .header--margin-t-100 { margin-top: 45px } } .content-box { padding-top: 90px; padding-bottom: 90px; margin-left: 0; } @media (max-width: 1366px) { .content-box { margin-top: 0px; margin-left: 0; } } @media (max-width: 870px) { .content-box { margin-top: 48px; } .middle-width { max-width:100%; } } @media (max-width: 992px) { .middle-width { max-width:100%!important; } } @media (max-width: 800px) { .content-box { margin-left: 0; } .content-box--index { margin-top: 0px; } } /* Colors */ .link { font-size: 18px; color: #19a9e8 } .link.spec-link.spec-h2_link { text-decoration: none; } .link.spec-link.spec-h2_link h2 { color: #000; } .link.spec-link.spec-h2_link:hover h2 { color: #19a9e8; } .link__support-download { display: block; margin: 10px 0; color: #FFFFFF } .link__support-download:before { display: inline-block; content: '\a0'; margin-right: 12px; width: 13px; background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 525.153 525.153' style='enable-background:new 0 0 525.153 525.153;' xml:space='preserve' width='17' height='17' preserveAspectRatio='none slice' fill='%23FFFFFF'%3E %3Cg%3E%3Cpath d='M478.775,185.313H355.211V0H169.92v185.313H46.356l216.21,216.275L478.775,185.313z M46.356,463.294v61.859h432.441 v-61.859H46.356z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center bottom / 13px 13px } .link__support-download:hover { color: #FFFFFF } .link__support-download:hover:before { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 525.153 525.153' style='enable-background:new 0 0 525.153 525.153;' xml:space='preserve' width='17' height='17' preserveAspectRatio='none slice' fill='%235bcdff'%3E %3Cg%3E%3Cpath d='M478.775,185.313H355.211V0H169.92v185.313H46.356l216.21,216.275L478.775,185.313z M46.356,463.294v61.859h432.441 v-61.859H46.356z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center bottom / 13px 13px } .link--fs-16 { font-size: 16px } .link:hover { color: #5bcdff } .link--black { text-decoration: none; color: #010101 } .link--support { color: #060708; margin-right: 16px } .link--support:last-child { margin-right: 0 } @media (max-width: 800px) { .link {} .link--support { margin-right: 0; line-height: 24px } } .tag { display: block; padding: 8px 19px; margin-top: 6px; margin-right: 6px; color: #000; background-color: #fff; border: 1px solid #f3f3f3; border-radius: 2px; font-size: 12px; text-decoration: none } .tag:last-child { margin-right: 0 } .tag:hover { background-color: #fafafa } .tag:active { background-color: #f3f3f3 } .tags-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* Colors */ /* The Modal (background) */ .modal-img { display: none; position: fixed; z-index: 2000; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; /* background-color: rgba(0, 0, 0, 0.9);*/ background-color: rgba(43, 46, 56, 0.9); } .modal-img__box { width: 80%; max-width: 1300px; height: auto; max-height: 90vh; /* background: #191c20;*/ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .modal-img__img { position: relative; width: auto; height: auto; max-width: 1300px; max-height: calc(90vh - 46px); } .modal-img__img img { width: auto; height: auto; max-width: 100%; max-height: calc(90vh - 46px); vertical-align: middle } .modal-img__img img.sample_picture { width: auto; height: auto; max-width: none; max-height: calc(90vh - 46px); vertical-align: middle } .modal-img__inner { /* background-color: #191c20;*/ text-align: center; } .modal-img__caption { display: block; width: 100%; max-width: 1300px; font-size: 16px; text-align: left; color: #fff; /* background-color: #191c20;*/ padding: 14px 26px; height: 46px; overflow: hidden; text-align: center; } .modal-img__img, .modal-img__caption { -webkit-animation-name: zoom; animation-name: zoom; -webkit-animation-duration: 0.3s; animation-duration: 0.3s } .modal-img__close { position: absolute; top: 0; right: -42px; width: 40px; height: 30px; background: url("data:image/svg+xml;charset=utf-8,%3C?xml version=%221.0%22 encoding=%22iso-8859-1%22?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.642 15.642' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 15.642 15.642' fill='%23fff'%3E %3Cpath fill-rule='evenodd' d='M8.882,7.821l6.541-6.541c0.293-0.293,0.293-0.768,0-1.061 c-0.293-0.293-0.768-0.293-1.061,0L7.821,6.76L1.28,0.22c-0.293-0.293-0.768-0.293-1.061,0c-0.293,0.293-0.293,0.768,0,1.061 l6.541,6.541L0.22,14.362c-0.293,0.293-0.293,0.768,0,1.061c0.147,0.146,0.338,0.22,0.53,0.22s0.384-0.073,0.53-0.22l6.541-6.541 l6.541,6.541c0.147,0.146,0.338,0.22,0.53,0.22c0.192,0,0.384-0.073,0.53-0.22c0.293-0.293,0.293-0.768,0-1.061L8.882,7.821z'/%3E %3C/svg%3E") no-repeat right top / 18px 18px; -webkit-transition: 0.3s; transition: 0.3s } .modal-img__close:hover { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version=%221.0%22 encoding=%22iso-8859-1%22?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.642 15.642' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 15.642 15.642' fill='%2319a9e8'%3E %3Cpath fill-rule='evenodd' d='M8.882,7.821l6.541-6.541c0.293-0.293,0.293-0.768,0-1.061 c-0.293-0.293-0.768-0.293-1.061,0L7.821,6.76L1.28,0.22c-0.293-0.293-0.768-0.293-1.061,0c-0.293,0.293-0.293,0.768,0,1.061 l6.541,6.541L0.22,14.362c-0.293,0.293-0.293,0.768,0,1.061c0.147,0.146,0.338,0.22,0.53,0.22s0.384-0.073,0.53-0.22l6.541-6.541 l6.541,6.541c0.147,0.146,0.338,0.22,0.53,0.22c0.192,0,0.384-0.073,0.53-0.22c0.293-0.293,0.293-0.768,0-1.061L8.882,7.821z'/%3E %3C/svg%3E") no-repeat right top / 18px 18px; text-decoration: none; cursor: pointer } .modal-img__close:active { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version=%221.0%22 encoding=%22iso-8859-1%22?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.642 15.642' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 15.642 15.642' fill='%235bcdff'%3E %3Cpath fill-rule='evenodd' d='M8.882,7.821l6.541-6.541c0.293-0.293,0.293-0.768,0-1.061 c-0.293-0.293-0.768-0.293-1.061,0L7.821,6.76L1.28,0.22c-0.293-0.293-0.768-0.293-1.061,0c-0.293,0.293-0.293,0.768,0,1.061 l6.541,6.541L0.22,14.362c-0.293,0.293-0.293,0.768,0,1.061c0.147,0.146,0.338,0.22,0.53,0.22s0.384-0.073,0.53-0.22l6.541-6.541 l6.541,6.541c0.147,0.146,0.338,0.22,0.53,0.22c0.192,0,0.384-0.073,0.53-0.22c0.293-0.293,0.293-0.768,0-1.061L8.882,7.821z'/%3E %3C/svg%3E") no-repeat right top / 18px 18px } /* Add Animation - Zoom in the Modal */ @-webkit-keyframes zoom { from { -webkit-transform: scale(0.9); transform: scale(0.9) } to { -webkit-transform: scale(1); transform: scale(1) } } @keyframes zoom { from { -webkit-transform: scale(0.9); transform: scale(0.9) } to { -webkit-transform: scale(1); transform: scale(1) } } /* 100% Image Width on Smaller Screens */ @media (max-width: 800px) { .modal-img { padding: 25px } .modal-img__img { width: 100% } .modal-img__caption { width: 100% } .modal-img__close { right: 0px; width: 40px; height: 40px; background: url("data:image/svg+xml;charset=utf-8,%3C?xml version=%221.0%22 encoding=%22iso-8859-1%22?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.642 15.642' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 15.642 15.642' fill='%2319a9e8'%3E %3Cpath fill-rule='evenodd' d='M8.882,7.821l6.541-6.541c0.293-0.293,0.293-0.768,0-1.061 c-0.293-0.293-0.768-0.293-1.061,0L7.821,6.76L1.28,0.22c-0.293-0.293-0.768-0.293-1.061,0c-0.293,0.293-0.293,0.768,0,1.061 l6.541,6.541L0.22,14.362c-0.293,0.293-0.293,0.768,0,1.061c0.147,0.146,0.338,0.22,0.53,0.22s0.384-0.073,0.53-0.22l6.541-6.541 l6.541,6.541c0.147,0.146,0.338,0.22,0.53,0.22c0.192,0,0.384-0.073,0.53-0.22c0.293-0.293,0.293-0.768,0-1.061L8.882,7.821z'/%3E %3C/svg%3E") no-repeat left bottom / 18px 18px } .modal-img__close:hover { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version=%221.0%22 encoding=%22iso-8859-1%22?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.642 15.642' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 15.642 15.642' fill='%235bcdff'%3E %3Cpath fill-rule='evenodd' d='M8.882,7.821l6.541-6.541c0.293-0.293,0.293-0.768,0-1.061 c-0.293-0.293-0.768-0.293-1.061,0L7.821,6.76L1.28,0.22c-0.293-0.293-0.768-0.293-1.061,0c-0.293,0.293-0.293,0.768,0,1.061 l6.541,6.541L0.22,14.362c-0.293,0.293-0.293,0.768,0,1.061c0.147,0.146,0.338,0.22,0.53,0.22s0.384-0.073,0.53-0.22l6.541-6.541 l6.541,6.541c0.147,0.146,0.338,0.22,0.53,0.22c0.192,0,0.384-0.073,0.53-0.22c0.293-0.293,0.293-0.768,0-1.061L8.882,7.821z'/%3E %3C/svg%3E") no-repeat left bottom / 18px 18px } .modal-img__close:active { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version=%221.0%22 encoding=%22iso-8859-1%22?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.642 15.642' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 15.642 15.642' fill='%235bcdff'%3E %3Cpath fill-rule='evenodd' d='M8.882,7.821l6.541-6.541c0.293-0.293,0.293-0.768,0-1.061 c-0.293-0.293-0.768-0.293-1.061,0L7.821,6.76L1.28,0.22c-0.293-0.293-0.768-0.293-1.061,0c-0.293,0.293-0.293,0.768,0,1.061 l6.541,6.541L0.22,14.362c-0.293,0.293-0.293,0.768,0,1.061c0.147,0.146,0.338,0.22,0.53,0.22s0.384-0.073,0.53-0.22l6.541-6.541 l6.541,6.541c0.147,0.146,0.338,0.22,0.53,0.22c0.192,0,0.384-0.073,0.53-0.22c0.293-0.293,0.293-0.768,0-1.061L8.882,7.821z'/%3E %3C/svg%3E") no-repeat left bottom / 18px 18px } } /* Body, don't move! */ .modal-open { overflow: hidden; } /* Colors */ .p { font-size: 16px; color: #010101 } .p--fs18px { font-size: 18px } .p--fs24px { font-size: 24px } .p--fs14px { font-size: 14px } .p--lh-24 { line-height: 24px } .p--lh-20 { line-height: 20px } .p--small { font-size: 14px; margin-bottom: 10px; } .p--client { font-size: 17px } .p--white { color: #FFF!important } .p--blue { color: #19a9e8 } .p--mb-0 { margin-bottom: 0 } .p--mb-30 { margin-bottom: 30px } .p--mt-8 { margin-top: 8px } .p--no-margin { margin: 0 } @media (max-width: 800px) { .p { line-height: 21px } .p--lh-24 { line-height: 24px } .p--clent { font-size: 16px } .p--mb-0 { margin-bottom: 16px } } /* Colors */ .hr { padding: 0 130px; width: 100%; height: 1px; background-clip: content-box; background-color: #eaeaea } @media (max-width: 1349px) { .hr { padding: 0 45px; } } @media (max-width: 800px) { .hr { padding: 0 25px; } } .section { position: relative; padding: 0 25px 25px; } .sections { position: relative; padding: 30px 130px /* padding: 100px 130px*/ } .section--medium { padding: 30px 130px } .section--v-small { padding: 40px 130px } .section--no-padding { padding: 0 130px; } .section--v-small-enc { padding: 40px 130px } .section--small { padding: 30px 130px 20px; } .section--no-padding-b { padding: 0 130px 20px 130px; } .section--fullscreen { padding-top: 140px; padding-bottom: 140px; min-height: 600px; height: 100vh } .section--fullscreen-plan-b { padding-top: 140px; padding-bottom: 140px; height: 100vh; min-height: 480px; max-height: 100vh; } .section--no-padding-bottom { padding-bottom: 0 } .section--no-padding-top { padding-top: 0!important } .section--no-v-padding { padding-top: 0; padding-bottom: 0 } .section--full-width-slider { padding: 0 } .section--gray { /* background-color: #FAFAFA;*/ background-color: #eeeeee } .section--dark-blue { background-color: #094a7a } .section--back { padding: 35px 130px } @media (max-width: 1380px) { .section { padding: 30px 45px } .sections { padding: 30px 45px } .section--no-padding { padding: 0 45px; } .section--fullscreen { padding-top: 70px; padding-bottom: 100px } .section--fullscreen-plan-b { padding-top: 70px; padding-bottom: 100px } .section--full-width-slider { padding: 0 0 55px 0 } .section--no-padding-bottom { padding-bottom: 0 } .section--no-v-padding { padding-top: 0; padding-bottom: 0 } .section--full-width-slider { padding: 0 } } @media (max-width: 800px) { .section, .section.padding-top-bottom, #support-download.section { padding: 25px 15px } .section--fullscreen { min-height: 480px } .section--fullscreen-plan-b { height: 480px } .section--full-width-slider { padding: 0 } .section--no-padding-bottom { padding-bottom: 0 } .section--no-v-padding { padding-top: 0; padding-bottom: 0 } .section--v-small-enc { padding-top: 0px } .section__about { padding-bottom: 0px } .section__how { padding-bottom: 26px } .section--map-add { padding-bottom: 0px; padding-top: 0px } } @media (max-width: 768px) { #section-slider-capabilities, #section-slider-implementation, .section:nth-child(15), #section-slider-success, #section-slider-clients { padding: 25px; } } .section-reviews { padding: 60px 25px 0 25px; } @media (max-width: 1380px){ .section-reviews { padding: 25px; }} @media (max-width: 870px){ .section-reviews { padding: 0; }} /* Colors */ .styled-dropdown { background: transparent; padding: 5px; font-size: 16px; line-height: 30px; border: 0; border-radius: 0; -webkit-appearance: none; background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 185.344 185.344' style='enable-background:new 0 0 185.344 185.344;' xml:space='preserve' width='13' height='13' preserveAspectRatio='none slice' fill='%23898e93'%3E %3Cg%3E %3Cpath d='M92.672,144.373c-2.752,0-5.493-1.044-7.593-3.138L3.145,59.301c-4.194-4.199-4.194-10.992,0-15.18 c4.194-4.199,10.987-4.199,15.18,0l74.347,74.341l74.347-74.341c4.194-4.199,10.987-4.199,15.18,0 c4.194,4.194,4.194,10.981,0,15.18l-81.939,81.934C98.166,143.329,95.419,144.373,92.672,144.373z'/%3E %3C/g%3E %3C/svg%3E") no-repeat right center / 13px 13px; } @font-face { font-family: 'PTRouble'; src: url('../fonts/RUBSN.otf'); } .rub { font-family: 'PTRouble', sans-serif; } body { font-family: 'Open Sans', sans-serif; } h2{ font-size: 18px; } @media (min-width: 768px) { h2{ font-size: 24px; } } /* Colors */ .mCS-vgl-theme.mCSB_scrollTools {} .mCS-vgl-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #19a9e8; width: 9px } .mCS-vgl-theme.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #5bcdff } .mCS-vgl-theme.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #19a9e8 } .mCS-vgl-theme.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #19a9e8 } .mCS-vgl-theme.mCSB_scrollTools .mCSB_draggerRail { background-color: #19a9e8 } /* fix iOS bug not displaying 100vh correctly */ /* iPad Pro */ @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) { .fullheight { height: 1024px; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) { .fullheight { height: 1366px; } } /* iPad */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .fullheight { height: 768px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .fullheight { height: 1024px; } } /* iPhone 6/7 plus */ @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) { .fullheight { height: 414px; } } @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) { .fullheight { height: 736px; } } /* iPhone 6/7 */ @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) { .fullheight { height: 375px; } } @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) { .fullheight { height: 667px; } } /* iPhone5 */ @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) { .fullheight { height: 320px; } } @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) { .fullheight { height: 568px; } } /* iPhone 4 */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { .fullheight { height: 320px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .fullheight { height: 480px; } } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside>.mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl>.mCSB_inside>.mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside+.mCSB_scrollTools { right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools, .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a+.mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside>.mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside>.mCSB_container { min-height: 100%; } .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper>.mCSB_container { padding-right: 30px; padding-bottom: 30px; box-sizing: border-box; } .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container { padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container { padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover>.mCSB_scrollTools, .mCustomScrollBox:hover~.mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { /* background-image: url(mCSB_buttons.png); */ /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } .page-id-870 #mCSB_1_scrollbar_vertical { display: none; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 5px; } .mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical { right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical { left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, 0.2); box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, 0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } /* ---------------------------------------- */ /* Colors */ #calculate thead { border-bottom: 1px solid #d0d0d0; } #calculate table.striped>tbody>tr:nth-child(odd) { background-color: #f2f2f2; } #calculate table.striped>tbody>tr>td { border-radius: 0; } #calculate td, #calculate th { padding: 15px 5px; display: table-cell; text-align: left; vertical-align: middle; border-radius: 2px; } .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; box-sizing: border-box; clear: both; cursor: pointer; display: inline-block; font-family: inherit; font-size: 16px; font-weight: normal; height: 42px; line-height: 40px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } .nice-select:hover { border-color: #dbdbdb } .nice-select:hover:after { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 407.437 407.437' style='enable-background:new 0 0 407.437 407.437;' xml:space='preserve' width='21' height='21' preserveAspectRatio='none slice' fill='%2319a9e8'%3E %3Cpolygon points='386.258,91.567 203.718,273.512 21.179,91.567 0,112.815 203.718,315.87 407.437,112.815 '/%3E %3C/svg%3E") no-repeat center center / 12px 12px; } @media (max-width: 800px) { .nice-select { margin-left: -18px; background-color: #FAFAFA; } } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999; } .nice-select:after { content: ''; display: block; height: 12px; width: 12px; background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 407.437 407.437' style='enable-background:new 0 0 407.437 407.437;' xml:space='preserve' width='21' height='21' preserveAspectRatio='none slice' fill='%23010101'%3E %3Cpolygon points='386.258,91.567 203.718,273.512 21.179,91.567 0,112.815 203.718,315.87 407.437,112.815 '/%3E %3C/svg%3E") no-repeat center center / 12px 12px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .nice-select.open:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #cccccc; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: #fff; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; right: 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } @media (max-width: 800px) { .nice-select .list { right: auto; left: 0; } } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } /* * Remodal - v1.1.0 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's default mobile first theme ========================================================================== */ /* Default theme styles for the background */ /* Colors */ .remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened { -webkit-filter: blur(3px); filter: url('data:image/svg+xml;charset=utf-8,#filter'); filter: blur(3px); } /* Default theme styles of the overlay */ .remodal-overlay { background: rgba(43, 46, 56, 0.9); } .remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .remodal-overlay.remodal-is-opening { -webkit-animation-name: remodal-overlay-opening-keyframes; -webkit-animation-name: remodal-overlay-opening-keyframes; animation-name: remodal-overlay-opening-keyframes; animation-name: remodal-overlay-opening-keyframes; } .remodal-overlay.remodal-is-closing { -webkit-animation-name: remodal-overlay-closing-keyframes; -webkit-animation-name: remodal-overlay-closing-keyframes; animation-name: remodal-overlay-closing-keyframes; animation-name: remodal-overlay-closing-keyframes; } /* Default theme styles of the wrapper */ .remodal-wrapper { padding: 10px 10px 0; } /* Default theme styles of the modal dialog */ .remodal { box-sizing: border-box; width: 100%; margin-bottom: 10px; padding: 35px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #2b2e38; background: #fff; } .remodal.remodal-is-opening, .remodal.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .remodal.remodal-is-opening { -webkit-animation-name: remodal-opening-keyframes; -webkit-animation-name: remodal-opening-keyframes; animation-name: remodal-opening-keyframes; animation-name: remodal-opening-keyframes; } .remodal.remodal-is-closing { -webkit-animation-name: remodal-closing-keyframes; -webkit-animation-name: remodal-closing-keyframes; animation-name: remodal-closing-keyframes; animation-name: remodal-closing-keyframes; } /* Vertical align of the modal dialog */ .remodal, .remodal-wrapper:after { vertical-align: middle; } /* Close button */ .remodal-close { position: absolute; top: 0; right: 0; display: block; overflow: visible; width: 45px; height: 45px; margin: 0; padding: 0; cursor: pointer; -webkit-transition: color 0.2s; transition: color 0.2s; text-decoration: none; color: #000000; border: 0; outline: 0; background: transparent; } .remodal-close:hover, .remodal-close:focus { color: #2b2e38 } .remodal-close:hover:before, .remodal-close:focus:before { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version=%221.0%22 encoding=%22iso-8859-1%22?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.642 15.642' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 15.642 15.642' fill='%235bcdff'%3E %3Cpath fill-rule='evenodd' d='M8.882,7.821l6.541-6.541c0.293-0.293,0.293-0.768,0-1.061 c-0.293-0.293-0.768-0.293-1.061,0L7.821,6.76L1.28,0.22c-0.293-0.293-0.768-0.293-1.061,0c-0.293,0.293-0.293,0.768,0,1.061 l6.541,6.541L0.22,14.362c-0.293,0.293-0.293,0.768,0,1.061c0.147,0.146,0.338,0.22,0.53,0.22s0.384-0.073,0.53-0.22l6.541-6.541 l6.541,6.541c0.147,0.146,0.338,0.22,0.53,0.22c0.192,0,0.384-0.073,0.53-0.22c0.293-0.293,0.293-0.768,0-1.061L8.882,7.821z'/%3E %3C/svg%3E") no-repeat left bottom; } .remodal-close:before { position: absolute; bottom: 0; left: 0; display: block; height: 20px; width: 20px; content: ""; background: url("data:image/svg+xml;charset=utf-8,%3C?xml version=%221.0%22 encoding=%22iso-8859-1%22?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.642 15.642' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 15.642 15.642' fill='%23000'%3E %3Cpath fill-rule='evenodd' d='M8.882,7.821l6.541-6.541c0.293-0.293,0.293-0.768,0-1.061 c-0.293-0.293-0.768-0.293-1.061,0L7.821,6.76L1.28,0.22c-0.293-0.293-0.768-0.293-1.061,0c-0.293,0.293-0.293,0.768,0,1.061 l6.541,6.541L0.22,14.362c-0.293,0.293-0.293,0.768,0,1.061c0.147,0.146,0.338,0.22,0.53,0.22s0.384-0.073,0.53-0.22l6.541-6.541 l6.541,6.541c0.147,0.146,0.338,0.22,0.53,0.22c0.192,0,0.384-0.073,0.53-0.22c0.293-0.293,0.293-0.768,0-1.061L8.882,7.821z'/%3E %3C/svg%3E") no-repeat left bottom; } /* Dialog buttons */ .remodal-confirm, .remodal-cancel { font: inherit; display: inline-block; overflow: visible; min-width: 110px; margin: 0; padding: 12px 0; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; text-align: center; vertical-align: middle; text-decoration: none; border: 0; outline: 0; } .remodal-confirm { color: #fff; background: #81c784; } .remodal-confirm:hover, .remodal-confirm:focus { background: #66bb6a; } .remodal-cancel { color: #fff; background: #e57373; } .remodal-cancel:hover, .remodal-cancel:focus { background: #ef5350; } /* Remove inner padding and border in Firefox 4+ for the button tag. */ .remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner { padding: 0; border: 0; } /* Keyframes ========================================================================== */ @-webkit-keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } } @keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } } @-webkit-keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } @keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } /* Media queries ========================================================================== */ @media only screen and (min-width: 641px) { .remodal { max-width: 500px; } .remodal .header__h3 { font-size:23px; font-weight:600; } } /* IE8 ========================================================================== */ .lt-ie9 .remodal-overlay { background: #2b2e38; } .lt-ie9 .remodal { width: 500px; } /* * Remodal - v1.1.0 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* ========================================================================== Remodal's necessary styles ========================================================================== */ /* Hide scroll bar */ html.remodal-is-locked { overflow: hidden; -ms-touch-action: none; touch-action: none; } /* Anti FOUC */ .remodal, [data-remodal-id] { display: none; } /* Necessary styles of the overlay */ .remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none; } /* Necessary styles of the wrapper */ .remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch; } .remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -0.05em; content: ""; } /* Fix iPad, iPhone glitches */ .remodal-overlay, .remodal-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Necessary styles of the modal dialog */ .remodal { position: relative; outline: none; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } .remodal-is-initialized { /* Disable Anti-FOUC */ display: inline-block; } @charset 'UTF-8'; /* Colors */ /* Slider */ .slick-loading .slick-list { background: #fff url('../img/ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('../fonts/slick.eot'); src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; z-index: 2; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 511.999 511.999' style='enable-background:new 0 0 511.999 511.999;' xml:space='preserve' fill='%2319a9e8'%3E %3Cpath d='M172.548,256.005L388.82,39.729c9.089-9.089,9.089-23.824,0-32.912s-23.824-9.089-32.912,0.002 L123.18,239.551c-4.366,4.363-6.817,10.282-6.817,16.454c0,6.173,2.453,12.093,6.817,16.457l232.727,232.721 c4.543,4.544,10.499,6.816,16.455,6.816s11.913-2.271,16.457-6.817c9.089-9.089,9.089-23.824,0-32.912L172.548,256.005z'/%3E %3C/svg%3E") no-repeat; opacity: 1; } .slick-next:hover:before, .slick-next:focus:before { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512.001 512.001' style='enable-background:new 0 0 512.001 512.001;' xml:space='preserve' fill='%2319a9e8'%3E%3Cpath d='M388.819,239.537L156.092,6.816c-9.087-9.089-23.824-9.089-32.912,0.002 c-9.087,9.089-9.087,23.824,0.002,32.912l216.27,216.266L123.179,472.272c-9.087,9.089-9.087,23.824,0.002,32.912 c4.543,4.544,10.499,6.816,16.455,6.816c5.956,0,11.913-2.271,16.457-6.817L388.819,272.45c4.366-4.364,6.817-10.283,6.817-16.455 C395.636,249.822,393.185,243.902,388.819,239.537z'/%3E%3C/svg%3E") no-repeat; opacity: 1; } .da-slick--base-header .slick-prev:hover:before, .da-slick--success-header .slick-prev:hover:before, .da-slick--base-header .slick-prev:focus:before, .da-slick--success-header .slick-prev:focus:before { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 424.717 424.717' style='enable-background:new 0 0 424.717 424.717;' xml:space='preserve' fill='%2319a9e8'%3E %3Cg%3E%3Cpath d='M5.1,200.207c-0.283,0.283-0.567,0.567-0.567,0.567c-0.283,0.283-0.283,0.283-0.567,0.567 c-0.283,0.283-0.283,0.567-0.567,0.85c-0.283,0.283-0.283,0.283-0.567,0.567c-0.283,0.283-0.283,0.567-0.567,0.85 c0,0.283-0.283,0.283-0.283,0.567c-0.283,0.283-0.283,0.567-0.567,1.133c0,0.283-0.283,0.283-0.283,0.567 c-0.283,0.283-0.283,0.85-0.567,1.133v0.283c-0.283,0.567-0.283,0.85-0.283,1.417v0.283c0,0.567-0.283,0.85-0.283,1.417v0.283 c0,0.567,0,1.133,0,1.7c0,0.567,0,1.133,0,1.7v0.283c0,0.567,0,0.85,0.283,1.417v0.283c0,0.567,0.283,0.85,0.283,1.417v0.283 c0.283,0.283,0.283,0.85,0.567,1.133c0,0.283,0.283,0.283,0.283,0.567c0.283,0.283,0.283,0.85,0.567,1.133 c0,0.283,0.283,0.283,0.283,0.567c0.283,0.283,0.283,0.567,0.567,0.85c0,0.283,0.283,0.283,0.567,0.567 c0.283,0.283,0.283,0.567,0.567,0.85c0.283,0.283,0.283,0.283,0.567,0.567c0.283,0.283,0.567,0.567,0.567,0.567l0.283,0.283 L162.917,365.39c3.117,2.833,7.367,4.25,11.333,4.25c4.817,0,9.35-1.983,12.75-5.667c6.233-7.083,5.667-17.85-1.417-24.083 L61.2,229.673h346.517c9.35,0,17-7.65,17-17c0-9.35-7.65-17-17-17H61.2L185.3,84.89c7.083-6.233,7.65-17,1.417-24.083 s-17-7.65-24.083-1.417L5.383,199.923C5.383,200.207,5.1,200.207,5.1,200.207z'/%3E%3C/g%3E%3C/svg%3E") no-repeat; } .da-slick--base-header .slick-next:hover:before, .da-slick--success-header .slick-next:hover:before, .da-slick--base-header .slick-next:focus:before, .da-slick--success-header .slick-next:focus:before { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 425.283 425.283' style='enable-background:new 0 0 425.283 425.283;' xml:space='preserve' fill='%2319a9e8'%3E %3Cg%3E%3Cpath d='M0,212.673c0,9.35,7.65,17,17,17h346.517l-124.1,110.783c-7.083,6.233-7.65,17-1.417,24.083 c3.4,3.683,7.933,5.667,12.75,5.667c3.967,0,7.933-1.417,11.333-4.25l157.533-140.533c3.683-3.117,5.667-7.933,5.667-12.75 c0-4.817-1.983-9.35-5.667-12.75L262.083,59.39C255,53.157,244.233,53.723,238,60.807s-5.667,17.85,1.417,24.083l124.1,110.783H17 C7.65,195.673,0,203.323,0,212.673z'/%3E%3C/g%3E%3C/svg%3E") no-repeat; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: gray; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -35px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: ''; display: block; width: 20px; height: 20px; background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 511.999 511.999' style='enable-background:new 0 0 511.999 511.999;' xml:space='preserve' fill='gray'%3E %3Cpath d='M172.548,256.005L388.82,39.729c9.089-9.089,9.089-23.824,0-32.912s-23.824-9.089-32.912,0.002 L123.18,239.551c-4.366,4.363-6.817,10.282-6.817,16.454c0,6.173,2.453,12.093,6.817,16.457l232.727,232.721 c4.543,4.544,10.499,6.816,16.455,6.816s11.913-2.271,16.457-6.817c9.089-9.089,9.089-23.824,0-32.912L172.548,256.005z'/%3E %3C/svg%3E") no-repeat; } .da-slick--base-header .slick-prev:before, .da-slick--success-header .slick-prev:before { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 424.717 424.717' style='enable-background:new 0 0 424.717 424.717;' xml:space='preserve' fill='gray'%3E %3Cg%3E%3Cpath d='M5.1,200.207c-0.283,0.283-0.567,0.567-0.567,0.567c-0.283,0.283-0.283,0.283-0.567,0.567 c-0.283,0.283-0.283,0.567-0.567,0.85c-0.283,0.283-0.283,0.283-0.567,0.567c-0.283,0.283-0.283,0.567-0.567,0.85 c0,0.283-0.283,0.283-0.283,0.567c-0.283,0.283-0.283,0.567-0.567,1.133c0,0.283-0.283,0.283-0.283,0.567 c-0.283,0.283-0.283,0.85-0.567,1.133v0.283c-0.283,0.567-0.283,0.85-0.283,1.417v0.283c0,0.567-0.283,0.85-0.283,1.417v0.283 c0,0.567,0,1.133,0,1.7c0,0.567,0,1.133,0,1.7v0.283c0,0.567,0,0.85,0.283,1.417v0.283c0,0.567,0.283,0.85,0.283,1.417v0.283 c0.283,0.283,0.283,0.85,0.567,1.133c0,0.283,0.283,0.283,0.283,0.567c0.283,0.283,0.283,0.85,0.567,1.133 c0,0.283,0.283,0.283,0.283,0.567c0.283,0.283,0.283,0.567,0.567,0.85c0,0.283,0.283,0.283,0.567,0.567 c0.283,0.283,0.283,0.567,0.567,0.85c0.283,0.283,0.283,0.283,0.567,0.567c0.283,0.283,0.567,0.567,0.567,0.567l0.283,0.283 L162.917,365.39c3.117,2.833,7.367,4.25,11.333,4.25c4.817,0,9.35-1.983,12.75-5.667c6.233-7.083,5.667-17.85-1.417-24.083 L61.2,229.673h346.517c9.35,0,17-7.65,17-17c0-9.35-7.65-17-17-17H61.2L185.3,84.89c7.083-6.233,7.65-17,1.417-24.083 s-17-7.65-24.083-1.417L5.383,199.923C5.383,200.207,5.1,200.207,5.1,200.207z'/%3E%3C/g%3E%3C/svg%3E") no-repeat; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -35px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: ''; display: block; width: 20px; height: 20px; background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512.001 512.001' style='enable-background:new 0 0 512.001 512.001;' xml:space='preserve' fill='gray'%3E%3Cpath d='M388.819,239.537L156.092,6.816c-9.087-9.089-23.824-9.089-32.912,0.002 c-9.087,9.089-9.087,23.824,0.002,32.912l216.27,216.266L123.179,472.272c-9.087,9.089-9.087,23.824,0.002,32.912 c4.543,4.544,10.499,6.816,16.455,6.816c5.956,0,11.913-2.271,16.457-6.817L388.819,272.45c4.366-4.364,6.817-10.283,6.817-16.455 C395.636,249.822,393.185,243.902,388.819,239.537z'/%3E%3C/svg%3E") no-repeat; } .da-slick--base-header .slick-next:before, .da-slick--success-header .slick-next:before { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 425.283 425.283' style='enable-background:new 0 0 425.283 425.283;' xml:space='preserve' fill='gray'%3E %3Cg%3E%3Cpath d='M0,212.673c0,9.35,7.65,17,17,17h346.517l-124.1,110.783c-7.083,6.233-7.65,17-1.417,24.083 c3.4,3.683,7.933,5.667,12.75,5.667c3.967,0,7.933-1.417,11.333-4.25l157.533-140.533c3.683-3.117,5.667-7.933,5.667-12.75 c0-4.817-1.983-9.35-5.667-12.75L262.083,59.39C255,53.157,244.233,53.723,238,60.807s-5.667,17.85,1.417,24.083l124.1,110.783H17 C7.65,195.673,0,203.323,0,212.673z'/%3E%3C/g%3E%3C/svg%3E") no-repeat; } [dir='rtl'] .slick-next:before { content: '←'; } @media (max-width: 800px) { .slick-prev { left: -14px; } .slick-next { right: -14px; } } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -18px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 19px; height: 20px; margin: 0 0; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 19px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { color: #5bcdff; opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 12px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: 1; color: #19a9e8; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; outline: none !important; margin: 0; padding: 0; } .slick-list:focus { outline: none !important; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; /*padding-bottom: 12px;*/ /* display: flex; */ } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .slick-slide .success-block__image { display: none; } .slick-slide.slick-current.slick-active .success-block__image { display: block; } /*.slick-slide div:first-child { height: 100%; }*/ .slick-slide:focus { outline: none; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } #slider-success-main .slick-slide { background-color: #eeeeee; } /* Colors */ .about-cert-flex {} .about-cert-flex__item { -webkit-box-flex: 1; -ms-flex: 1 0 25%; flex: 1 0 20%; } @media (max-width: 576px) { .about-cert-flex {} .about-cert-flex__item{ margin-top: 30px; } } @media (max-width: 800px) { .about-cert-flex {} .about-cert-flex__item{ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto } } .about-cert {} .about-cert__image { margin: 0 auto; max-width: 298px; width: 100% } .about-cert__image a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .about-cert-flex_2 {} .about-cert-flex__item_2 { -webkit-box-flex: 1; -ms-flex: 1 0 25%; flex: 1 0 25%; } @media (max-width: 800px) { .about-cert-flex {} .about-cert-flex__item{ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto } } .about-cert__title { color: #010101; font-size: 14px; text-align: center; height:40px; } .about-cert__title_2 { color: #010101; font-size: 14px; text-align: center; height:25px; } .about-cert__image img { /*width: 100%;*/ border: 1px solid #e2dcdc; max-height: 274px; object-fit: contain; } @media (max-width: 375px) { .about-cert__title_2 { height: 22px; } } @media (max-width: 800px) { .about-cert__image img { width: 100%; } } .about-cert__link { margin-top: 34px; padding-left: 30px; padding-right: 100px; text-decoration: none; display: block; color: #010101; font-size: 16px; line-height: 24px } .about-cert__link:hover { cursor: pointer; color: #5bcdff } .about-cert__link--active { color: #19a9e8; position: relative } .about-cert__link--active:before { display: block; position: absolute; top: 0; bottom: 0; margin-left: -30px; content: '\a0'; margin-right: 12px; width: 13px; height: 100%; background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 511.999 511.999' style='enable-background:new 0 0 511.999 511.999;' xml:space='preserve' fill='%2319a9e8'%3E %3Cpath d='M172.548,256.005L388.82,39.729c9.089-9.089,9.089-23.824,0-32.912s-23.824-9.089-32.912,0.002 L123.18,239.551c-4.366,4.363-6.817,10.282-6.817,16.454c0,6.173,2.453,12.093,6.817,16.457l232.727,232.721 c4.543,4.544,10.499,6.816,16.455,6.816s11.913-2.271,16.457-6.817c9.089-9.089,9.089-23.824,0-32.912L172.548,256.005z'/%3E %3C/svg%3E") no-repeat center center / 13px 13px } @media (max-width: 1349px) { .about-cert {} .about-cert__link { padding-right: 0 } } @media (max-width: 800px) { .about-cert {} .about-cert__link { margin-top: 24px; padding-left: 30px; padding-right: 0; font-size: 16px; line-height: 24px } } /* Colors */ .about-core__text,.about-core__texts { margin-top: 25px; margin-left: auto; margin-right: auto; font-size: 14px; line-height: 24px; } @media (min-width: 768px) { .about-core__text{ font-size: 16px; } } .about-core__text p { color: #010101; } @media (max-width: 800px) { .about-core__text{ padding: 0 25px; } } .about-core__today-header { margin-top: 65px; max-width: 750px; margin-left: auto; margin-right: auto } .about-core__firmly-header { margin-left: auto; margin-right: auto; max-width: 750px; margin-top: 76px; font-size: 16px; line-height: 24px; font-weight: bold; color: #000; } .about-core__statement { margin-left: auto; margin-right: auto; max-width: 750px; font-size: 30px; font-weight: 300; color: #010101 } .about-core__dealers { margin-left: auto; margin-right: auto; max-width: 750px; font-size: 38px; line-height: 46px; font-weight: normal; color: #010101 } @media (max-width: 1300px) {} @media (max-width: 800px) { .about-core {} .about-core__statement { font-size: 24px } } .about-counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; margin-bottom: 45px; padding: 100px 70px; background-color: #094a7a } .about-counter__item { padding-right: 12px } @media (max-width: 1460px) { .about-counter { margin-left: -45px; margin-right: -45px; padding: 50px 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* padding: 50px 10px;*/ } } @media (max-width: 800px) { .about-counter { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 25px; margin-bottom: 25px; margin-left: -25px; margin-right: -25px; padding: 25px 25px; } } .couter-block { display: -webkit-box; display: -ms-flexbox; display: flex } .couter-block__more { font-size: 24px; line-height: 30px } .couter-block__big-number { padding-right: 16px; font-size: 72px; line-height: 58px; font-weight: 300; color: #FFFFFF } .couter-block__info { padding-top: 30px; font-size: 16px; line-height: 20px; color: #FFFFFF } .couter-block__info strong { line-height: 24px } @media (max-width: 1366px) { .couter-block { padding: 15px; } .couter-block__more { font-size: 18px; line-height: 24px } .couter-block__big-number { padding-right: 7px; /* padding-right: 16px;*/ font-size: 54px; line-height: 50px; font-weight: 300; color: #FFFFFF } .couter-block__info { padding-top: 24px; /* font-size: 12px;*/ font-size: 14px; line-height: 16px; color: #FFFFFF } .couter-block__info strong { line-height: 16px } } /* Colors */ #about-dealers-slider { margin-top: 35px; } .about-dealers-header { margin-top: 100px; } .dealer-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; } .dealer-media img { width: 100%; margin: 0; padding: 0; } @media (max-width: 800px) { .dealer-media { padding: 0 50px } .dealer-media__img { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .dealer-media__img img { /* margin: 0 auto; */ } .dealer-media__text { padding-right: 0; } .dealer-media__text .p { margin-bottom: 0; } } /* Colors */ .about-main {} .about-main__center-header { margin-left: auto; margin-right: auto; max-width: 1050px; margin-top: 55px; padding-bottom: 0; text-align: center } @media (max-width: 1349px) { .about-main {} .about-main__center-header { margin-top: 55px; padding-bottom: 35px } } @media (max-width: 800px) { .about-main {} .about-main__center-header { margin-top: 55px; padding-bottom: 12px } } /* Colors */ .dealer-container { display: -webkit-box; display: -ms-flexbox; display: flex } .dealer-container--inner { margin-top: 10px } .dealer-container__header { -webkit-box-flex: 1; -ms-flex: 1 1 45%; flex: 1 1 45%; padding: 26px 26px 26px 0 } .dealer-container__contacts { -webkit-box-flex: 1; -ms-flex: 1 1 55%; flex: 1 1 55%; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: space-between; } .dealer-container__contacts__btn { font-size: 15px; color: #000; background-color: #fff; font-weight: 700; text-align: center; padding: 19px 28px; white-space: nowrap; text-decoration: none; text-transform: uppercase; margin-left: 30px; } .dealer-container__contacts__btn:hover{ background-color: #fefefe; } .dealer-container__contacts__btn:active{ background-color: #eee; } .dealer-container__contacts .p--white a { color: #fff; text-decoration: none; } .dealer-container__contacts .p--white a:hover { text-decoration: underline; cursor: pointer; } .slides-container__programm { -webkit-box-flex: 1; -ms-flex: 1 1 55%; flex: 1 1 55%; padding: 26px 46px; background-color: #19a9e8 } .slides-container__programm .gain-media { margin-top: 0; } .slides-container__programm .gain-media__text { padding-top: 5px; } .dealer-container__item { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; padding-right: 10px } .bullitt { background: url("../img/bullitt.gif") no-repeat left 6px; padding-left: 1.4em; } .phone-link { color: #FFF; text-decoration: none } .phone-link--underlined { text-decoration: underline } .phone-link:hover { color: #5bcdff } @media (max-width: 1500px) { .dealer-container {} .dealer-container--inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 13px } .dealer-container__item { margin-top: 13px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto } } @media (max-width: 800px) { .dealer-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .dealer-container__header { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 26px 0 } .dealer-container__contacts { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0 -25px; padding: 46px 25px; background-color: #19a9e8 } } @media (max-width: 520px) { .dealer-container__contacts { flex-wrap: wrap; } .dealer-container__contacts__btn { margin-left: 0; } } /* Colors */ #map-offices, #map-buy { width: 100%; height: 520px; } @media (max-width: 800px) { #map-offices, #map-buy { width: 100%; height: 320px; } } /* Office Map Header */ .map-offices-header { margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .map-offices-header__link { margin-right: 40px; font-size: 16px; line-height: 30px; text-decoration: underline; color: #19a9e8; } .map-offices-header__link:last-child { margin-right: 0; } .map-offices-header__link:hover { color: #5bcdff; cursor: pointer; } .map-offices-header__link--active { cursor: default !important; font-size: 38px; line-height: 48px; text-decoration: none; color: #000; } .map-offices-header__link--active:hover { color: #000; } @media (max-width: 800px) { .map-offices-header { margin-bottom: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .map-offices-header__link { margin-right: 0px; font-size: 16px; line-height: 30px; } .map-offices-header__link--active { font-size: 24px; line-height: 36px; } } /* Office Card - Legend */ .office-card { padding: 40px 50px } .office-card__phone-number { font-size: 24px; color: #000; line-height: 30px; text-decoration: none; } .phone-block--contacts .phone-mos { font-size: 24px; color: #000; line-height: 30px; text-decoration: none; } .office-card__phone-comment { font-size: 14px; line-height: 24px; color: #000; } .office-card__contact { padding-left: 56px; margin-top: 16px; /* margin-top: 20px;*/ /* font-size: 18px;*/ font-size: 16px; min-height: 24px; } .office-card__contact--email { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 97.02 97.02' style='enable-background:new 0 0 97.02 97.02;' xml:space='preserve' fill='%2319a9e8'%3E %3Cg%3E %3Cpath d='M85.26,12.766H11.34C5.04,12.766,0,17.812,0,24.12v49.2c0,5.887,5.04,10.933,11.34,10.933h74.34 c6.3,0,11.34-5.046,11.34-11.354V24.12C96.6,17.812,91.56,12.766,85.26,12.766z M81.06,21.176L48.3,48.51L16.8,21.176H81.06z M85.26,75.844H11.34c-1.68,0-2.94-1.262-2.94-2.944V24.961l36.96,32.38c0.84,0.841,1.68,0.841,2.94,0.841 c0.84,0,2.1-0.421,2.52-0.841L88.2,26.223V72.9C88.2,74.582,86.94,75.844,85.26,75.844z'/%3E %3C/g%3E %3C/svg%3E") no-repeat left center / 24px 24px; padding-left: 56px; } .office-card__contact--skype { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24.08 24.08' style='enable-background:new 0 0 24.08 24.08;' xml:space='preserve' fill='%2319a9e8'%3E %3Cg%3E %3Cpath d='M23.029,13.494c0.34,0.481,0.599,1.003,0.78,1.575c0.18,0.57,0.271,1.16,0.271,1.771c0,0.875-0.177,1.697-0.527,2.467 c-0.351,0.768-0.834,1.445-1.45,2.033c-0.616,0.582-1.333,1.039-2.157,1.371s-1.691,0.495-2.613,0.495 c-1.313,0-2.491-0.31-3.536-0.929c-0.29,0.04-0.582,0.069-0.877,0.091c-0.296,0.02-0.589,0.028-0.882,0.028 c-1.534,0-2.974-0.275-4.321-0.823c-1.344-0.551-2.521-1.299-3.535-2.252c-1.011-0.949-1.808-2.068-2.382-3.349 c-0.579-1.281-0.868-2.65-0.868-4.105c0-0.282,0.014-0.55,0.044-0.798c0.027-0.248,0.064-0.501,0.102-0.754 C0.358,9.316,0,8.243,0,7.092c0-0.856,0.177-1.665,0.528-2.426c0.35-0.76,0.83-1.421,1.446-1.982C2.59,2.122,3.311,1.68,4.13,1.356 c0.821-0.324,1.692-0.482,2.614-0.482c0.664,0,1.287,0.078,1.879,0.237c0.592,0.161,1.146,0.385,1.657,0.678 c0.289-0.041,0.585-0.07,0.877-0.093c0.296-0.018,0.592-0.029,0.881-0.029c1.539,0,2.984,0.268,4.335,0.801 c1.348,0.529,2.528,1.262,3.542,2.192c1.014,0.934,1.813,2.015,2.393,3.245c0.578,1.232,0.867,2.554,0.867,3.962 C23.176,12.386,23.128,12.929,23.029,13.494z M17.333,16.696c0.474-0.624,0.708-1.357,0.708-2.199c0-0.663-0.132-1.22-0.392-1.672 c-0.271-0.45-0.653-0.827-1.146-1.128c-0.453-0.292-1.042-0.551-1.763-0.783c-0.725-0.182-1.494-0.36-2.307-0.542l-0.891-0.203 c-0.239-0.051-0.429-0.094-0.572-0.133c-0.159-0.039-0.306-0.082-0.446-0.133c-0.132-0.047-0.272-0.102-0.412-0.162 C9.84,9.627,9.612,9.472,9.431,9.29c-0.14-0.157-0.21-0.368-0.21-0.63c0-0.383,0.228-0.725,0.681-1.028 c0.513-0.283,1.14-0.419,1.885-0.41c0.861,0,1.466,0.127,1.807,0.382c0.412,0.302,0.735,0.674,0.966,1.113 c0.201,0.322,0.405,0.562,0.616,0.72c0.201,0.154,0.48,0.237,0.831,0.248c0.395,0,0.722-0.131,0.997-0.395 c0.269-0.246,0.398-0.523,0.391-0.835c0-0.361-0.102-0.716-0.302-1.058c-0.198-0.321-0.531-0.663-0.99-1.026 c-0.232-0.156-0.487-0.299-0.762-0.43c-0.276-0.132-0.586-0.248-0.923-0.346c-0.353-0.096-0.724-0.17-1.115-0.22 c-0.392-0.049-0.82-0.072-1.294-0.072c-1.194,0-2.201,0.146-3.021,0.438c-0.881,0.304-1.548,0.722-2,1.264 C6.536,7.521,6.31,8.141,6.31,8.865c0,0.762,0.219,1.382,0.651,1.86c0.435,0.517,1.024,0.908,1.769,1.173 c0.708,0.283,1.613,0.531,2.723,0.745c0.415,0.098,0.778,0.181,1.099,0.244c0.316,0.062,0.603,0.133,0.854,0.21 c0.473,0.129,0.857,0.345,1.15,0.652c0.313,0.266,0.47,0.608,0.47,1.03c0,0.583-0.286,1.055-0.851,1.415 c-0.534,0.369-1.256,0.551-2.165,0.538c-0.728,0-1.255-0.084-1.589-0.254c-0.415-0.189-0.721-0.429-0.922-0.715 c-0.255-0.326-0.459-0.688-0.623-1.079c-0.143-0.371-0.336-0.651-0.588-0.84c-0.235-0.191-0.51-0.286-0.833-0.286 c-0.412,0-0.752,0.115-1.021,0.341c-0.269,0.257-0.398,0.558-0.392,0.896c0,0.589,0.218,1.178,0.65,1.768 c0.429,0.607,0.98,1.081,1.651,1.422c0.983,0.508,2.218,0.765,3.702,0.775c1.211,0,2.29-0.18,3.229-0.539 C16.196,17.812,16.884,17.305,17.333,16.696z'/%3E %3C/g%3E %3C/svg%3E") no-repeat left center / 24px 24px; padding-left: 56px; } .office-card__contact--icq { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 89.999 89.999' style='enable-background:new 0 0 89.999 89.999;' xml:space='preserve' fill='%2319a9e8'%3E %3Cg%3E%3Cpath id='ICQ' d='M88.238,49.402l-0.647-1.018c-1.035-1.522-2.065-3.044-3.62-4.059c-1.293-0.89-2.846-1.522-4.264-2.158 c4.006-1.904,6.747-4.567,8.042-7.993C88.653,31.38,87,29.101,87,26.816v-0.253c0-2.542-3.516-4.189-6.747-5.078 c-1.945-0.38-4.089-0.38-6.027-0.257l-4.247,0.89l1.44-3.17c1.29-4.063,0.912-7.994-1.286-11.677l-0.386-0.63 c-1.941-3.176-4.784-5.078-8.665-6.092c-4.006-1.017-7.417-0.637-11.037,1.267C46.419,3.724,43,6.643,43,10.445v0.253l-0.457,0.89 l-0.682-0.89l-1.377-2.28c-2.07-3.174-4.695-5.078-7.93-5.968c-2.846-0.633-5.188-0.379-7.646,0.89 c-2.712,1.647-4.278,4.192-4.926,7.741c-0.648,3.68-0.002,7.235,1.938,10.784l0.899,1.273l-3.102-1.02 c-3.881-0.89-7.5-0.38-11.119,1.523c-3.753,1.902-6.079,4.569-7.633,8.248c-1.422,3.553-1.29,6.975,0.519,10.151 c0.777,1.396,1.94,2.538,2.972,3.3c1.554,1.521,3.494,2.41,5.821,2.79l0.902,0.253l-1.936,1.654 c-1.813,1.525-2.844,3.426-3.491,5.328c-0.645,2.283-0.387,4.568,0.905,6.729c0.648,1.013,1.293,1.894,2.328,2.536 c1.035,0.883,2.327,1.52,3.877,1.648c2.846,0.637,5.821,0.637,9.05-0.383l-2.33,3.809l-0.641,1.649 c-1.295,4.054-0.91,7.608,1.031,11.288c0.906,1.402,1.94,2.669,2.975,3.81c1.551,1.396,3.487,2.285,5.819,2.922 c3.872,1.012,7.753,0.88,11.507-1.02c3.62-1.902,5.943-4.952,7.11-8.754l0.125-0.758c2.459,2.658,4.786,4.437,7.375,5.072 c2.584,0.759,5.169,0.637,7.497-0.89c2.198-1.271,3.749-3.426,4.523-6.093c0.646-2.79,0.646-5.579,0-8.745 c1.29,0.881,2.587,1.517,4.136,1.894c4.135,1.272,7.759,1.142,11.378-0.76c3.491-1.9,5.818-4.952,6.98-8.883 C90.437,56.631,90.179,52.953,88.238,49.402z M69.492,28.211l1.549-0.637c2.332-1.011,4.525-1.268,6.857-1.011 c2.19,0.253,3.749,1.264,4.521,2.79L82.936,31l-0.258,1.272c-0.903,2.284-2.846,4.06-6.075,5.455 c-1.293,0.631-2.713,0.888-4.264,1.137l-15.904,1.909l-0.262-0.89L55.915,39.5l0.52-0.637L69.492,28.211z M47.509,12.223 c0.646-2.537,2.459-4.44,4.786-5.71c2.328-1.269,4.913-1.525,7.368-0.636c2.719,0.636,4.654,2.031,5.822,4.188 c0.646,1.27,1.03,2.793,1.03,4.442l-0.385,2.789c-0.516,1.396-1.164,2.667-1.938,3.81L52.556,35.062 c-1.162-0.888-2.455-1.524-3.752-2.157l-1.295-14.337l-0.125-5.078L47.509,12.223z M25.408,12.602 c0.124-2.283,1.026-3.806,2.581-4.693c0.777-0.636,1.94-0.636,2.972-0.126c2.33,0.636,4.271,2.283,5.817,5.456 c0.648,1.27,1.293,2.538,1.555,4.059l2.584,14.977l-1.936,0.633L27.47,20.597l-0.645-1.268 C25.79,17.043,25.146,14.887,25.408,12.602z M6.397,39.501c-1.033-1.9-1.033-3.802-0.256-5.706 c0.904-2.415,2.584-4.315,5.036-5.331c2.332-1.27,4.655-1.647,7.243-1.017l3.491,1.396l11.378,8.121 c-1.034,1.272-1.682,2.536-2.072,3.809L12.6,43.057l-1.29-0.253C8.983,42.421,7.43,41.411,6.397,39.501z M43,76.936l-0.457,1.271 c-0.906,2.283-2.622,4.187-4.948,5.196c-2.329,1.272-4.873,1.525-7.194,0.896c-2.593-0.637-4.57-2.159-5.605-4.191 c-0.643-1.264-1.177-2.79-1.177-4.315l0.627-2.913c0.262-1.271,0.908-2.543,1.941-3.556L37.042,56.63 c1.293,0.638,2.912,1.272,4.337,1.402C41.634,62.343,43,66.918,43,71.86V76.936z M38.07,51.564 c-1.68-1.525-2.581-3.687-2.581-5.969c0-2.285,0.901-4.186,2.581-5.965c1.554-1.394,3.623-2.283,6.079-2.283 c2.328,0,4.526,0.89,5.952,2.283c1.803,1.779,2.584,3.68,2.584,5.965c0,2.282-0.781,4.442-2.584,5.969 c-1.684,1.648-3.624,2.53-5.952,2.53C41.693,54.096,39.625,53.214,38.07,51.564z M61.995,73.764 c-0.259,2.29-1.035,3.938-2.591,4.574c-0.9,0.628-1.936,0.628-2.971,0.508c-2.456-0.638-4.396-2.538-5.816-5.589l-1.556-4.186 l-1.936-11.038l2.193-0.766l1.685-0.881l5.431,5.448l3.362,4.063l0.645,1.266C61.604,69.324,62.253,71.356,61.995,73.764z M84.231,58.916c-0.647,2.544-2.198,4.445-4.399,5.456c-2.323,1.272-4.655,1.526-7.236,0.638c-1.555-0.377-2.588-1.021-3.491-2.03 L55.527,51.941l0.906-1.902l0.391-1.526l14.607-1.271l5.17-0.123l1.297,0.123c1.934,0.637,3.749,1.779,4.778,3.68 c1.293,1.402,1.941,3.304,1.941,5.466L84.231,58.916z'/%3E%3C/g%3E%3C/svg%3E") no-repeat left center / 24px 24px; padding-left: 56px; } .office-card__contact--whatsapp { background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3OC4xNjUgNDc4LjE2NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc4LjE2NSA0NzguMTY1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPHBhdGggaWQ9IldoYXRzQXBwIiBkPSJNNDc4LjE2NSwyMzIuOTQ2YzAsMTI4LjU2Ny0xMDUuMDU3LDIzMi45NjYtMjM0LjY3OSwyMzIuOTY2Yy00MS4xMDIsMC03OS44MTQtMTAuNTk5LTExMy40NDUtMjguOTY5ICAgTDAsNDc4LjE2NWw0Mi40MzctMTI1LjA0Yy0yMS40MzgtMzUuMDY1LTMzLjc3LTc2LjIwNy0zMy43Ny0xMjAuMTU5QzguNjY3LDEwNC4zNCwxMTMuNzYzLDAsMjQzLjQ4NSwwICAgQzM3My4xMDgsMCw0NzguMTY1LDEwNC4zNCw0NzguMTY1LDIzMi45NDZ6IE0yNDMuNDg1LDM3LjA5OGMtMTA4LjgwMiwwLTE5Ny40MjIsODcuODAzLTE5Ny40MjIsMTk1Ljg2OCAgIGMwLDQyLjkxNSwxMy45ODYsODIuNjAzLDM3LjU3NiwxMTQuODc5bC0yNC41ODYsNzIuNTQybDc1Ljg0OS0yMy45NjhjMzEuMTIxLDIwLjQ4MSw2OC40NTcsMzIuMjk2LDEwOC41ODMsMzIuMjk2ICAgYzEwOC43MjMsMCwxOTcuMzIzLTg3Ljg0MywxOTcuMzIzLTE5NS45MDhDNDQwLjgwOCwxMjQuOTIxLDM1Mi4yMDgsMzcuMDk4LDI0My40ODUsMzcuMDk4eiBNMzYxLjkzMSwyODYuNjIgICBjLTEuMzk1LTIuMzMxLTUuMjItMy43NDYtMTAuODk4LTYuODE0Yy01LjkxNy0yLjg0OS0zNC4wODktMTYuNDk3LTM5LjUwOC0xOC4zN2MtNS4xNi0xLjkxMy04Ljk4Ni0yLjg0OS0xMi44MTEsMi44MjkgICBjLTQuMDA1LDUuNjM4LTE0LjkwMywxOC42MjktMTguMjMsMjIuMzU0Yy0zLjU0NiwzLjc4NS02Ljg1NCw0LjI2NC0xMi41NTIsMS40MzVjLTUuNjE4LTIuODA5LTI0LjI2Ny04Ljg2Ni00Ni4yMDMtMjguMzkxICAgYy0xNy4wNTUtMTUuMDQyLTI4LjY3LTMzLjcxMS0zMS45OTctMzkuNTA4Yy0zLjQyNy01Ljc1OC0wLjM5OC04LjgyNiwyLjQ3MS0xMS42MzVjMi42OS0yLjU5LDUuNzc4LTYuNzM0LDguNjI3LTEwLjA0MSAgIGMyLjk2OS0zLjI4NywzLjkwNS01LjYzOCw1Ljc5OC05LjQyNGMxLjkxMy0zLjkwNSwwLjkzNi03LjE5Mi0wLjQ3OC0xMC4xNDFjLTEuNDE1LTIuODQ5LTEzLjAxLTMwLjg4MS0xNy43NTItNDIuMzM3ICAgYy00Ljg0MS0xMS40MTYtOS41NDMtOS41MjMtMTIuODcxLTkuNTIzYy0zLjQ2NywwLTcuMjEyLTAuNDc4LTExLjExNy0wLjQ3OGMtMy43ODUsMC0xMC4wNDEsMS4zOTUtMTUuMzgxLDcuMTkyICAgYy01LjIsNS42NTgtMjAuMTIzLDE5LjQ2NS0yMC4xMjMsNDcuNTk3YzAsMjguMDUyLDIwLjYwMSw1NS4zMDgsMjMuNTUsNTkuMDUzYzIuODY5LDMuNzg1LDM5Ljc0Nyw2My4xOTcsOTguMzAzLDg2LjA3ICAgYzU4LjQ3NiwyMi44NzIsNTguNDc2LDE1LjMyMSw2OS4xMTUsMTQuMzY1YzEwLjM4LTAuOTU2LDM0LjA2OS0xMy44NjcsMzguODExLTI3LjA5NiAgIEMzNjMuMzQ1LDMwMC4zMDcsMzYzLjM0NSwyODguOTkxLDM2MS45MzEsMjg2LjYyeiIgZmlsbD0iIzFhYTllOCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat; padding-left: 56px; } .office-card__contact--viber { background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIuMDE5IDUxMi4wMTkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMi4wMTkgNTEyLjAxOTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0xKSI+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTI1NS45OTQsNDIuMzcyYzUuODgsNC40MTIsMTEuMDI1LDQuODksMjYuNDAyLDUuNzZjNDUuMDU2LDIuNTg2LDczLjYyNiwxMi4yMTEsMTA1LjQwNCwzNS41NDEgICAgIGMzOC45MDMsMjguNDU5LDYzLjMwOSw2OC4xNTYsNzIuNTU5LDExNy45OWMyLjM4MSwxMi45MDIsMy41NTgsMjMuODUxLDQuMzYsNDAuMzU0YzAuNDg2LDExLjA2OCwwLjg3LDE1LjM2LDMuMzg4LDIwLjIwNyAgICAgYzMuNTUsNi42MTMsMTAuNDI4LDExLjAwOCwxOC40MDYsMTEuNzVjMC43ODUsMC4wNjgsMS41NywwLjEwMiwyLjM0NywwLjEwMmM3LjEsMCwxMy42ODgtMy4wMDQsMTcuODk0LTguMjM1ICAgICBjNS41ODktNi44MSw1LjU4MS0xMy4xNTgsNS4wMzUtMjYuODI5Yy0xLjYwNC00Mi4zNDItMTAuODYzLTgwLjM4NC0yNy41Mi0xMTMuMDY3Yy0xMS44NzgtMjMuMjUzLTIzLjIxOS0zOC40ODUtNDMuMzU4LTU4LjIzMSAgICAgYy0yMS40NzgtMjAuODgxLTM4LjAzMy0zMi41NjMtNjMuMzA5LTQ0LjYzOEMzNTAuODI1LDEwLjI5NSwzMzEuODgxLDYuMjUsMzA0LjEzOSwyLjg2M2MtNS41OTgtMC42NC0xNi4xMzctMS40NzYtMjMuNDUtMS43MTUgICAgIGMtMTMuOTM1LTAuNDYxLTE5LjM3OS0wLjA4NS0yNS44MTMsNS42MzJjLTQuOTMyLDQuMzQzLTcuNjIsMTAuOTQtNy4zOTgsMTguMTE2QzI0Ny42OTksMzIuMDIxLDI1MC43ODgsMzguMzYxLDI1NS45OTQsNDIuMzcyeiIgZmlsbD0iIzFhYTllOCIvPgoJCQk8cGF0aCBkPSJNMzk2LjQzNiwyMjUuNDIyYzAsMTEuOTg5LDAuOTksMjMuMjQ1LDEyLjgwOCwyOS4wNjVjMy4yNDMsMS42ODEsNy40NjcsMi41MjYsMTEuNTg4LDIuNTI2ICAgICBjMy42NjEsMCw3LjIyOC0wLjY3NCw5Ljk1LTIuMDM5YzQuNzc5LTIuNDU4LDkuNi03LjY0NiwxMS40ODYtMTIuMzM5YzIuMzk4LTYuMDUsMS4zMDYtMjcuNzQyLDAuNjIzLTMzLjg2ICAgICBjLTMuMi0yNy4zMzItMTIuNjk4LTUzLjEzNy0yNy40Ni03NC42MTVjLTI2Ljc0My0zOC44NTItNjYuODE2LTYyLjM0NS0xMTkuMDgzLTY5LjgyOGMtMTcuNzI0LTIuNjExLTMwLjg5MS0zLjUzMy0zOC42MzksOC4yOTQgICAgIGMtNi4wODQsOC45ODYtNS4zMDgsMjAuNDQ2LDEuODc3LDI4LjQ3NmM1LjcyNiw2LjQ5NCwxMy45MjYsNy45NjIsMjEuMTgsOC41NDJjMjAuNzcsMS42MzgsNDQuMDMyLDguNDM5LDU5LjI4MSwxNy4zMjMgICAgIGwwLjAyNiwwLjAwOGMxNy43NDEsMTAuMjc0LDMyLjQyNywyNS4yMDgsNDIuNDg3LDQzLjE5NkMzOTEuMzc2LDE4NS45MDQsMzk2LjQzNiwyMDYuMDQzLDM5Ni40MzYsMjI1LjQyMnoiIGZpbGw9IiMxYWE5ZTgiLz4KCQkJPHBhdGggZD0iTTM1MC45NzcsMTUyLjEzM2MtMTEuNjc0LTEwLjY5Mi0yNS4zNTMtMTcuMzkxLTQzLjAxNy0yMS4wNzdjLTQuMDQ1LTAuODUzLTEwLjkwNi0xLjU5Ni0xNS4xNzItMS44MzUgICAgIGMtNy4zNTYtMC40NTItMTAuMzg1LTAuMzc1LTE1LjYxNiwyLjE2N2MtNi4zMjMsMy4xNzQtMTAuNzUyLDkuMDYyLTEyLjE2OSwxNi4xMzdjLTEuNDA4LDcuMDMxLDAuMzkzLDE0LjEwNiw1LjAwMSwxOS40ODIgICAgIGM1LjMyNSw2LjA4NCwxMC43NzgsNy42MDMsMjEuNzc3LDguOTA5YzE4LjM4MSwyLjIwMiwyOC43MzIsOC4zODgsMzQuNTg2LDIwLjY1OWMyLjk2MSw2LjI2Myw0LjY0MiwxMy4xMjQsNS42MTUsMjIuOTg5ICAgICBjMS4wMDcsOS4yNDIsMi44MTYsMTUuMTcyLDkuMzk1LDIwLjAzNmM0LjEzOSwzLjEyMyw5LjM3OCw0LjY2OCwxNC41NjYsNC42NjhjNS42NzUsMCwxMS4yOTgtMS44NTIsMTUuNDAzLTUuNTEzbDAuMDUxLTAuMDM0ICAgICBjOC40ODItNy42NzEsOC44NDEtMTcuMTg2LDYuNTQ1LTMyLjAzNEMzNzQuMzg0LDE4Mi45MDQsMzY2LjA4MSwxNjYuMDc2LDM1MC45NzcsMTUyLjEzM3oiIGZpbGw9IiMxYWE5ZTgiLz4KCQkJPHBhdGggZD0iTTUxMS45NjUsNDEzLjgyMmMtMC40MTgtOS4yOTMtMy42MS0xNy42MDQtOS41NjYtMjQuNzgxYy01Ljc1MS02Ljc4NC00Mi40ODctMzUuODMxLTU4Ljg4LTQ3LjA1MyAgICAgYy0xMi43NDktOC42NzgtMzIuODk2LTIwLjg5OC00Mi4zMTctMjUuNjY4Yy0xMy45MTgtNi45MjEtMjcuOTEzLTguMTMyLTQxLjY4NS0zLjU2N2MtMy4wMTIsMS4wMDctNS4xNjMsMS45MDMtNy4xODUsMi45NjEgICAgIGMtNi45NzIsMy42NjEtMTIuMDkyLDkuNDI5LTIyLjA0MiwyMS42NjZjLTEwLjY1OCwxMi44NjgtMTIuODc3LDE1LjM2OS0xMi44NTEsMTUuMzY5Yy0xLjAwNywwLjYwNi0yLjYxMSwxLjQ1OS00LjU1NywyLjM0NyAgICAgYy03LjkyNywzLjYxLTIwLjkyNCwwLjY0LTQyLjA2MS05LjY2Yy0xNy44MzUtOC42MjctMzMuODUyLTE5LjcwMy01MS45NDItMzUuOWMtMTUuNDExLTEzLjczLTMwLjkwOC0zMS41MzktMzkuNTA5LTQ1LjM1NSAgICAgYy0xMS45NDctMTkuMTY2LTE5LjE3NC00MS4zNDQtMTkuMjYtNTEuNjQ0YzAtNC4wMTEsMS43NTgtOS43NzEsMy42NjEtMTIuOTQ1bDAuODM2LTAuODYyYzAuNTYzLTAuNTQ2LDEuMTg2LTEuMTM1LDIuMDM5LTEuODg2ICAgICBjMi45Ny0yLjY3MSw3LjI3LTYuMjQ2LDExLjc1LTkuNzg4YzE5LjY2MS0xNS40ODgsMjUuODktMjEuNzYsMjkuMjE4LTMzLjQwOGMzLjIxNy0xMC43NjksMC4zOTMtMjQuMDMtOC44OTItNDEuNzE5ICAgICBjLTEzLjgzMy0yNi4zOTQtNTcuNjk0LTgyLjU2OS03NS45OTgtOTQuNDEzYy0zLjAxMi0xLjg4Ni03Ljk3LTQuNDI5LTExLjQ3Ny01LjYwNmMtNy41MDktMi42NTQtMTguMjk1LTMuNTU4LTI1LjAwMy0yLjEzMyAgICAgYy05LjI4NCwxLjkwMy0xOS40NzMsNy43NDgtNDEuOTU4LDI0LjA4MUMzMS45NjUsNDIuODc4LDEyLjk3LDYwLjUxNiw3LjgxNSw2OC45NDdjLTEyLjE2LDIwLjQyLTkuMDYyLDM4LjEzNSwxLjk2Myw2Ny44MDYgICAgIGMxMC41MDUsMjguMzE0LDIzLjk3OSw1Ni44MTUsMzkuOTk2LDg0LjY0MmwwLjgzNiwxLjQwOGMzLjIyNiw1LjU3Miw2LjUyOCwxMS4xMjgsOS45OTMsMTYuN2wwLjg5NiwxLjQwOCAgICAgYzMuNDM5LDUuNDcsNi45MjEsMTAuOTMxLDEwLjU2NCwxNi4zNjdsNS43NDMsOC4zNTRjMi4xNDIsMy4xMjMsNC4yNzUsNi4yMzgsNi40ODUsOS4zMzYgICAgIGM0LjM2MSw2LjA3Niw4LjgzMiwxMi4xMzQsMTMuNDY2LDE4LjE3NmM0OS4zOTksNjQuMzI0LDEwNi4zMDgsMTE1Ljk2OCwxNzMuOTY5LDE1Ny44NThsMi43NzMsMS43NDEgICAgIGM5LjgyMiw2LjAxNiwyMC4yNzUsMTIuMDMyLDMxLjA2MSwxNy44NjlsNC4yMTUsMi4yN2MxMS4xNjIsNS45MzksMjEuNzY4LDExLjI2NCwzMi40MjcsMTYuMjU2bDMuMzE5LDEuNTEgICAgIGMxMi41ODcsNS44MjgsMjQuMDk4LDEwLjgzNywzNS4xNzQsMTUuM2MxMy40MDYsNS40MSwxOS42MSw3LjA2NiwyOS4wMyw3LjA2NmMxLjY3MywwLDMuNDU2LTAuMDUxLDUuNDAyLTAuMTQ1ICAgICBjNi4wNzYtMC4yOSwxMS41MzctMS4xOTUsMTYuNzA4LTIuNzczYzcuMjYyLTIuMjAyLDE0LjUzMi01Ljg5NywyMi44NTItMTEuNjRjMS40NTEtMC45OTgsMi45MDEtMi4wMTQsNC40NjMtMy4xNjYgICAgIGMxLjg0My0xLjM1NywzLjgwNi0zLjAyMSw1Ljc5NC00LjczNmM5LjQ4MS04LjIwMSwyMC4zNjEtMjAuMTEzLDI5LjEyNC0zMS44NjNjNC42NzYtNi4yNzIsMTAuODg5LTE1LjM3NywxMy45ODYtMjMuMTk0ICAgICBjMi45MDEtNy4zMTMsNC4yMTUtMTQuNjA5LDMuOTA4LTIxLjY2NlY0MTMuODIyeiIgZmlsbD0iIzFhYTllOCIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat; padding-left: 56px; } .office-card__contact--telegram { background: url(data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzFfMTA2KSI+CjxwYXRoIGQ9Ik0xOS45OTk4IDMuNjY5NzhDMTkuODc5OCA0LjIyOTc4IDE5Ljc1OTkgNC43ODk3NyAxOS42NDk5IDUuMzQ5NzdDMTguOTgzMiA4LjY4MzEgMTguMzE2NiAxMS45OTMxIDE3LjY0OTkgMTUuMjc5OEMxNy40OTk5IDE2LjAwOTggMTcuMzYgMTYuNzM5OCAxNy4yMSAxNy40Nzk4QzE3LjIxIDE3LjUyOTggMTcuMjEgMTcuNTg5OCAxNy4yMSAxNy42NDk4QzE3LjE2NzggMTcuOTEzNCAxNy4wNTYgMTguMTYxIDE2Ljg4NjIgMTguMzY3MUMxNi43MTY0IDE4LjU3MzEgMTYuNDk0OSAxOC43MzAxIDE2LjI0NDEgMTguODIxOEMxNS45OTM0IDE4LjkxMzUgMTUuNzIyNiAxOC45MzY3IDE1LjQ2IDE4Ljg4ODlDMTUuMTk3MyAxOC44NDEgMTQuOTUyMSAxOC43MjQgMTQuNzQ5OCAxOC41NDk4QzE0LjA0OTggMTguMDM5OCAxMy4zOTk4IDE3LjQ3OTggMTIuNzQ5OCAxNi45Mzk4TDExLjQ5OTggMTUuOTM5OEwxMC40Mzk5IDE2LjkzOThMOS4zNDk4NSAxNy45Mzk4QzkuMTYwNiAxOC4xNDM5IDguOTIzMzggMTguMjk3NSA4LjY1OTY3IDE4LjM4NjVDOC4zOTU5NSAxOC40NzU2IDguMTE0MSAxOC40OTczIDcuODM5ODQgMTguNDQ5OEM3LjU1MTA4IDE4LjM5MTkgNy4yODM3NyAxOC4yNTYgNy4wNjY4OSAxOC4wNTY3QzYuODUwMDIgMTcuODU3NSA2LjY5MTkzIDE3LjYwMjYgNi42MDk4NiAxNy4zMTk4QzYuMjg5ODYgMTYuNDM5OCA1Ljk4OTkzIDE1LjU1OTggNS42Nzk5MyAxNC42Njk4TDQuNzY5NzggMTIuMDU5OEM0Ljc1NTA0IDExLjk5MjEgNC43MjA3NCAxMS45MzA0IDQuNjcwOSAxMS44ODIzQzQuNjIxMDYgMTEuODM0MiA0LjU1Nzg5IDExLjgwMiA0LjQ4OTc1IDExLjc4OThDMy4zODk3NSAxMS40Nzk4IDIuMjk5OTYgMTEuMTc5OCAxLjIwOTk2IDEwLjg0OThDMC45MzgyNzIgMTAuNzY2NiAwLjY4NDA5IDEwLjYzNDQgMC40NTk5NjEgMTAuNDU5OEMwLjM1MDI4NyAxMC4zNzc5IDAuMjYxMDQ2IDEwLjI3MTQgMC4xOTk3MDcgMTAuMTQ5MUMwLjEzODM2OCAxMC4wMjY3IDAuMTA2NDQ1IDkuODkxNjcgMC4xMDY0NDUgOS43NTQ3N0MwLjEwNjQ0NSA5LjYxNzg3IDAuMTM4MzY4IDkuNDgyODcgMC4xOTk3MDcgOS4zNjA0OEMwLjI2MTA0NiA5LjIzODA5IDAuMzUwMjg3IDkuMTMxNzEgMC40NTk5NjEgOS4wNDk3OEMwLjY2NzY0NCA4Ljg3MzQgMC45MDQ0ODggOC43MzQ2NSAxLjE1OTkxIDguNjM5NzhMMTguMDA5OCAyLjE5OTc4QzE4LjI3MzcgMi4xMDYzMSAxOC41NTAxIDIuMDUyMzkgMTguODI5OCAyLjAzOTc3QzE5LjEyMTEgMi4wMzQyNyAxOS40MDQ5IDIuMTMxNDYgMTkuNjMxNiAyLjMxNDMxQzE5Ljg1ODMgMi40OTcxNiAyMC4wMTM1IDIuNzU0IDIwLjA2OTggMy4wMzk3N0wyMC4xMjk5IDMuMjM5NzhMMTkuOTk5OCAzLjY2OTc4Wk05LjYyOTg4IDEyLjk3OThMOS43ODk3OSAxMy4xMTk4TDEyLjcyIDE1LjQ3OThMMTUuMjg5OCAxNy41NDk4QzE1LjY4OTggMTcuODY5OCAxNS45MDk4IDE3Ljc3OTggMTYuMDI5OCAxNy4yODk4QzE2LjAzNDYgMTcuMjQ5OSAxNi4wMzQ2IDE3LjIwOTYgMTYuMDI5OCAxNy4xNjk4TDE3LjEwOTkgMTEuODc5OEwxOC43NTk4IDMuNjc5NzlDMTguNzc5NCAzLjUxNzA0IDE4Ljc3OTQgMy4zNTI1MSAxOC43NTk4IDMuMTg5NzdDMTguNTk4NCAzLjIwMjU3IDE4LjQzODEgMy4yMjU5NyAxOC4yNzk4IDMuMjU5NzdMMS42Nzk5MyA5LjU5OTc3TDEuNDY5OTcgOS42ODk3N0wxLjY0OTkgOS43NDk3Nkw0LjgzOTg0IDEwLjY1OThDNC45Mzc1OCAxMC42ODk4IDUuMDQyMTUgMTAuNjg5OCA1LjEzOTg5IDEwLjY1OThMMTMuMjM5NyA2LjUyOTc2TDE0Ljk2IDUuNjQ5NzlDMTUuMDg0MSA1LjU2ODgyIDE1LjIzNDIgNS41Mzc1MyAxNS4zODA0IDUuNTYyMTdDMTUuNTI2NSA1LjU4NjgyIDE1LjY1OCA1LjY2NTU4IDE1Ljc0ODggNS43ODI3OEMxNS44Mzk1IDUuODk5OTkgMTUuODgyNiA2LjA0NzA3IDE1Ljg2OTkgNi4xOTQ3NEMxNS44NTcxIDYuMzQyNDEgMTUuNzg5NCA2LjQ3OTg3IDE1LjY3OTkgNi41Nzk3OEwxNS41Nzk4IDYuNjc5NzlMOS43NTk3NyAxMi44NTk4TDkuNjI5ODggMTIuOTc5OFpNNy4zNjk4NyAxNi4xNzk4VjE2LjAwOThDNy42MTk4NyAxNS4wMDk4IDcuODU5ODUgMTQuMDU5OCA4LjA5OTg1IDEzLjA3OThDOC4xNDk0OCAxMi44NjAxIDguMjYwNTEgMTIuNjU4OSA4LjQxOTkyIDEyLjQ5OThDOS43MTk5MiAxMS4xMTk4IDExLjAxOTggOS43Mjk3NyAxMi4zMjk4IDguMzQ5NzdMMTIuNDE5OSA4LjIyOTc3TDUuNzQ5NzYgMTEuNjM5OEw3LjM2OTg3IDE2LjE3OThaTTguMzY5ODcgMTcuMDc5OEwxMC40NSAxNS4xNTk4TDkuMDc5ODMgMTQuMDU5OEw4LjM2OTg3IDE3LjA3OThaIiBmaWxsPSIjMTlhOWU4Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMV8xMDYiPgo8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IiMxOWE5ZTgiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K) no-repeat; padding-left: 56px; } .office-card__contact--time:before { position: absolute; left: 0; width: 24px; height: 24px; padding-left: 123px; content: ''; background: url('../img/icon-clock2.png') no-repeat center center; } .office-card__contact--adress:before { position: absolute; left: 0; width: 24px; height: 24px; padding-left: 120px; content: ''; background: url('../img/map-balloon-small2.png') no-repeat center center; } @media (max-width: 1349px) { .office-card { padding: 25px; } .office-card__contact--time:before { padding-left: 73px; } .office-card__contact--adress:before { padding-left: 73px; } } .phone-block--contacts { margin-bottom: 10px; text-align: center; } /* Office Addition */ .office-media {} .office-media__header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; font-size: 16px; line-height: 28px; height: 28px; font-weight: bold; vertical-align: middle; padding: 0 30px 0 40px; position: relative; } .office-media__header img { display: block; position: absolute; top: 0; left: 0; } .office-media__header__subheader { display: block; line-height: 28px; } .office-media__text { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-top: 6px; } .office-add { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .office-add__item { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-right: 36px; } .office-add__item:last-item { padding-right: 0px; } @media (max-width: 800px) { .office-add { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .office-add__item { padding-right: 0px; padding-bottom: 26px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } /* Map Main Elements */ .map {} .map__main-window { position: relative; } .map__legend--offices { overflow: auto; padding-right: 0px; } @media (max-width: 1349px) { .map {} .map__legend { left: 45px; width: 350px; } } @media (max-width: 800px) { .map {} .map__legend { position: static; padding-right: 0px; width: 100%; background-color: #FFFFFF; overflow: auto; } } /* Dropdown */ .dropdown { border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .dropdown option { padding-top: 16px; padding-bottom: 16px; line-height: 30px; } .dropdown__option { height: 25px; color: #000; font-size: 16px; padding: 10px 20px; border: 1 px solid green & :hover { background-color: #fafafa; } } /* Reveal */ .reveal {} .reveal__item {} .reveal__show { display: none; } @media (max-width: 800px) { .reveal {} .reveal__container { width: 100%; } .reveal__show { display: block; height: 40px; width: 100%; background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='510px' height='510px' viewBox='0 0 510 510' style='enable-background:new 0 0 510 510;' xml:space='preserve' fill='%2319a9e8'%3E %3Cg id='add-circle'%3E %3Cpath d='M255,0C114.75,0,0,114.75,0,255s114.75,255,255,255s255-114.75,255-255S395.25,0,255,0z M382.5,280.5h-102v102h-51v-102 h-102v-51h102v-102h51v102h102V280.5z'/%3E%3C/g%3E %3C/svg%3E") no-repeat center center / 40px 40px; } .reveal__show:hover { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='510px' height='510px' viewBox='0 0 510 510' style='enable-background:new 0 0 510 510;' xml:space='preserve' fill='%235bcdff'%3E %3Cg id='add-circle'%3E %3Cpath d='M255,0C114.75,0,0,114.75,0,255s114.75,255,255,255s255-114.75,255-255S395.25,0,255,0z M382.5,280.5h-102v102h-51v-102 h-102v-51h102v-102h51v102h102V280.5z'/%3E%3C/g%3E %3C/svg%3E") no-repeat center center / 40px 40px; } } /* Colors */ .pedia-main {} .pedia-main__main-header { margin-top: 50px; padding: 0 227px; } @media (max-width: 1650px) { .pedia-main__main-header { /*padding: 0 55px;*/ padding: 0; } } @media (max-width: 144px) { .pedia-main__main-header { padding: 0; } } .pedia-main__tags { margin-top: 35px } .pedia-main__tags .tags-flex { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .article-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 45px } .article-block__image { display: flex; align-items: center; justify-content: center; flex-basis: 225px; } .article-block__image img { vertical-align: middle; /*-webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%;*/ max-width: 447px; width: 100%; height: auto; } .article-block__info { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; padding-left: 30px } .article-block__date { display: block; margin-bottom: 36px; color: #898e93; text-align: right; font-size: 12px; text-transform: uppercase } .article-block__header { font-size: 24px; line-height: 30px; color: #19a9e8 } .article-block__header:hover { color: #5bcdff } .article-block__header_nohover:hover { color: #19a9e8!important } .article-block__text { font-size: 14px; line-height: 20px; color: #010101; padding: 0; margin: 16px 0; height: auto; } .article-block__read-all { display: block; font-size: 14px; font-weight: bold; text-decoration: none; color: #19a9e8 } .article-block__read-all:hover { color: #5bcdff } .article-block__tags { margin-top: 28px } @media (max-width: 800px) { .article-block>a { margin: 0 auto!important; } } @media (max-width: 800px) { .article-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .article-block:first-of-type { margin-top: 0px } .article-block__image {} .article-block__image img { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 358px; width: 100% } .article-block__info { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-left: 0; padding-top: 15px } .article-block__date { margin-bottom: 10px } .article-block__header { font-size: 18px } .article-block__text { font-size: 14px; margin-bottom: 0 } .article-block__read-all { margin-top: 16px } } .article-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 45px; justify-content:center; } .article-navigation__block { display: inline-block; margin-right: 6px; margin-top: 6px; padding: 10px 0; width: 38px; font-size: 18px; text-align: center; text-decoration: none; background-color: #fafafa } .article-navigation__block--active { background-color: #19a9e8 } .article-navigation__block--last { position: relative; margin-left: 40px } .article-navigation__block--last:before { display: block; position: absolute; top: 0; bottom: 0; margin-left: -30px; content: '\a0'; margin-right: 12px; width: 13px; height: 100%; background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 425.283 425.283' style='enable-background:new 0 0 425.283 425.283;' xml:space='preserve' fill='%23000000'%3E %3Cg%3E%3Cpath d='M0,212.673c0,9.35,7.65,17,17,17h346.517l-124.1,110.783c-7.083,6.233-7.65,17-1.417,24.083 c3.4,3.683,7.933,5.667,12.75,5.667c3.967,0,7.933-1.417,11.333-4.25l157.533-140.533c3.683-3.117,5.667-7.933,5.667-12.75 c0-4.817-1.983-9.35-5.667-12.75L262.083,59.39C255,53.157,244.233,53.723,238,60.807s-5.667,17.85,1.417,24.083l124.1,110.783H17 C7.65,195.673,0,203.323,0,212.673z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center / 13px 13px } .article-navigation__block:hover { background-color: #5bcdff; cursor: pointer } .article-navigation__block--next { padding: 10px 19px; width: auto } .article__back { margin-left: 30px; font-size: 18px; line-height: 30px; font-weight: 300; text-decoration: none; color: #060708 } .article__back:before { display: inline-block; margin-left: -30px; content: '\a0'; margin-right: 12px; width: 13px; height: 100%; background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 511.999 511.999' style='enable-background:new 0 0 511.999 511.999;' xml:space='preserve' fill='%23000000'%3E %3Cpath d='M172.548,256.005L388.82,39.729c9.089-9.089,9.089-23.824,0-32.912s-23.824-9.089-32.912,0.002 L123.18,239.551c-4.366,4.363-6.817,10.282-6.817,16.454c0,6.173,2.453,12.093,6.817,16.457l232.727,232.721 c4.543,4.544,10.499,6.816,16.455,6.816s11.913-2.271,16.457-6.817c9.089-9.089,9.089-23.824,0-32.912L172.548,256.005z'/%3E %3C/svg%3E") no-repeat center center / 13px 13px } .article__back:hover { color: #5bcdff } .article__back:hover:before { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 511.999 511.999' style='enable-background:new 0 0 511.999 511.999;' xml:space='preserve' fill='%235bcdff'%3E %3Cpath d='M172.548,256.005L388.82,39.729c9.089-9.089,9.089-23.824,0-32.912s-23.824-9.089-32.912,0.002 L123.18,239.551c-4.366,4.363-6.817,10.282-6.817,16.454c0,6.173,2.453,12.093,6.817,16.457l232.727,232.721 c4.543,4.544,10.499,6.816,16.455,6.816s11.913-2.271,16.457-6.817c9.089-9.089,9.089-23.824,0-32.912L172.548,256.005z'/%3E %3C/svg%3E") no-repeat center center / 13px 13px } .article-item { margin: 0 auto; max-width: 100%; } .article-item article { padding: 0 227px; } @media (max-width: 1650px) { .article-item article { padding: 0 55px; } } @media (max-width: 1440px) { .article-item article { padding: 0; } } .article-item__header { font-size: 20px; line-height: 24px; font-weight: normal } .article-item__p { font-size: 14px; line-height: 20px; font-weight: normal; color: #010101 } .article-item__img { vertical-align: middle; width: 100% } /* Colors */ /* Main Footer */ .footer__phones { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 7; -ms-flex: 7 1 auto; flex: 7 1 auto; -ms-flex-pack: distribute; justify-content: space-around } .footer__navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 3; -ms-flex: 3 1 auto; flex: 3 1 auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } /* Softformula Block */ .softformula-block { display: -webkit-box; display: -ms-flexbox; display: flex } .softformula-block__item { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto } .softformula-block__logo { margin-right: 13px } .softformula-block__main-text { color: #8d9092; font-size: 15px; line-height: 22px; white-space: nowrap } .softformula-block__link { color: #8d9092 } /* Phone Block */ .phone-block { /*text-align: right;*/ text-align: center; margin-left: 25px } .phone-block--support { text-align: left; margin-left: 0; padding-right: 16px } /*.phone-block:not(:last-child) { margin-bottom: 25px }*/ .phone-block__phone-number { font-size: 30px; text-decoration: none; white-space: nowrap; color: #010101 } .phone-block .phone-mos { font-size: 30px; text-decoration: none; white-space: nowrap; color: #010101 } .phone-block__phone-number--support { font-size: 24px } .phone-block--support .phone-mos { font-size: 24px } .phone-block__phone-comment { font-size: 15px; color: #8d9092 } .phone-block__phone-comment--support { display: block; margin-top: 6px; font-size: 14px; color: #010101 } /* Footer Navigation Block */ .footer-nav { text-align: right; margin-left: 13px } .footer-nav__item { color: #19a9e8; font-size: 18px; line-height: 30px; white-space: nowrap } .footer-nav__item:hover { color: #5bcdff } /* Goto Top Arrow */ .goto-top { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; margin-top: 8px; margin-left: 13px; position: relative; width: 60px; height: 60px; color: #fff; background-color: #19a9e8; position: fixed; bottom: 30px; right: 30px; opacity: 0; visibility: hidden; z-index: 1000; } .goto-top:hover { background-color: #5bcdff } .goto-top.show { opacity: 1; visibility: visible; } .goto-top__chevron { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 185.333 185.333' style='enable-background:new 0 0 185.333 185.333;' xml:space='preserve' width='13' height='13' preserveAspectRatio='none slice' fill='%23fff'%3E %3Cg%3E%3Cpath d='M174.612,144.368c-2.747,0-5.493-1.044-7.593-3.144L92.672,66.872l-74.347,74.352 c-4.194,4.194-10.987,4.194-15.18,0c-4.194-4.194-4.194-10.981,0-15.17l81.934-81.945c4.194-4.194,10.992-4.194,15.18,0 l81.929,81.945c4.194,4.194,4.194,10.976,0,15.17C180.105,143.318,177.364,144.368,174.612,144.368z'/%3E %3C/g%3E%3C/svg%3E") no-repeat center center/20px 20px; width: 20px; height: 20px; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } @media (max-width: 1500px) { .footer__phones { -webkit-box-orient: vertical; -webkit-box-direction: normal; /* -ms-flex-direction: column; flex-direction: column;*/ } .phone-block { margin: auto; } } @media (max-width: 960px) { .footer__phones { -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .phone-block:not(:last-child) { margin-bottom: 25px; } } @media (max-width: 800px) { .footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 30px; padding-bottom: 30px } .footer__navigation { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: 20px; margin-bottom: 40px } .softformula-block { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: auto; } .phone-block { margin: 0 0 25px 0 } .phone-block--support { padding-right: 0 } .footer-nav { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .goto-top { margin-left: 0; margin-right: 13px; } } /* Colors */ /* Containers for input grid */ .input-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .input-container__item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } .input-container__item:not(:last-child) { margin-right: 45px } .input-container__item--or { font-style: italic; padding-top: 20px; text-align: center } /* No more columns on mobile */ @media (max-width: 800px) { .input-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .input-container__item { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto } .input-container__item:not(:last-child) { margin-right: 0 } } /* Input Field Magic */ .input-group { position: relative; /*height: 45px;*/ /* height: 90px;*/ margin-bottom: 35px; } .input-group--smaller { height: 50px } .calculation-form { margin: 30px 0; } .calculation-form input[type="submit"] { margin-bottom: 30px; } .section-calculation .input-group--smaller { height: auto; margin-bottom: 0; } .input-group__input { display: block; width: 100%; max-width: 100%; /* padding: 10px 0;*/ font-size: 18px; border: none; border-bottom: 1px solid #010101; padding: 0; line-height: 40px; } /*.input-group__input textarea { line-height: 25px; } */ .input-group__input--gray { /* background-color: #FAFAFA;*/ background-color: #eeeeee; } .input-group__input--white { /* background-color: #FAFAFA;*/ background-color: #fff; } .input-group__label { position: absolute; left: 0px; top: 12px; color: #898e93; font-size: 16px; -webkit-transition: 0.2s ease all; transition: 0.2s ease all; pointer-events: none; } .input-group--active .input-group__input { outline: none; border-bottom: 3px solid #19a9e8 } /*.input-group__input.wpcf7-validates-as-required { border-bottom: 3px solid red; }*/ .input-group--active .input-group__label { top: -10px; font-size: 14px } /*input.wpcf7-validates-as-required { border-bottom: 2px solid #d02929; }*/ @media (max-width: 800px) { .input-group { /*height: 34px;*/ margin-bottom: 15px; } .input-group__input { padding: 10px 0; font-size: 16px; } .input-group__label { left: 0px; top: 12px; font-size: 14px; } .input-group--active .input-group__label { top: 0; font-size: 12px; } } /* Text Styling */ .form-text { font-size: 18px; color: #010101; margin-top: 40px; /* margin-bottom: 60px;*/ margin-bottom: 30px } .form-text__link { color: #19a9e8; text-decoration: none; white-space: nowrap } .form-text__link:hover { color: #5bcdff } .form-text .phone-mos { color: #19a9e8; text-decoration: none; white-space: nowrap } .form-text .phone-mos:hover { color: #5bcdff } @media (max-width: 800px) { .form-text { font-size: 16px; margin-top: 16px; margin-bottom: 40px; } } /* Upload Button */ .upload-group { margin-bottom: 35px } .upload-group__input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1 } @media (max-width: 800px) { .upload-group { margin-bottom: 30px; } } /* Colors */ .gain-media { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 45px; display: flex; align-items: center; justify-content: center; } .gain-media__img { -ms-flex-negative: 0; flex-shrink: 0; width: 120px; text-align: center } .gain-media__text { padding-right: 20px } @media (max-width: 800px) { .gain-media { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 0; margin-bottom: 20px } .gain-media__img { width: 100%; text-align: center } .gain-media__img img { margin: 0 auto } .gain-media__text { padding-right: 0 } .gain-media__text .p { margin-bottom: 0 } } /* Colors */ /*header:before {*/ /*content: '';*/ /*display: block;*/ /*position: absolute;*/ /*left: 0;*/ /*bottom: 100vh;*/ /*width: 100%;*/ /*height: 50%;*/ /*background-color: #2F363E;*/ /*}*/ .navbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #FFF; height: 100vh; text-align: center } .navbar__link { color: #1aa9e8; text-decoration: none; } .navbar__link--small { size: 6px; } /* Logo Block */ .logo-block { margin: 55px auto 15px; /* margin: 10px auto 7px;*/ } .logo-block__link { text-decoration: none; position: relative; } /* header:before { content: ''; position: absolute; top: -35px; background: url('../img/chris_vgl.png') center center no-repeat; width: 300px; height: 84px; } */ .logo-block__header { margin: 14px 0 10px; font-weight: normal; font-size: 30px; color: #FFF; } .logo-block__secondary-text { margin: 0; font-size: 15px; line-height: 19px; color: #AAA; } /* Phone Block */ .nav-phone-block { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; /* margin-bottom: 26px; margin-bottom: 100px;*/ } .nav-phone-block__container {} .nav-phone-block__phone-number { display: block; font-size: 24px; text-decoration: none; white-space: nowrap; color: #FFF; margin-bottom: 12px; } .nav-phone-block__container .phone-mos { display: block; font-size: 24px; text-decoration: none; white-space: nowrap; color: #FFF; margin-bottom: 12px; } .nav-phone-block__call-me { font-size: 14px; text-decoration: none; color: #19a9e8; } .nav-phone-block__call-me:hover { color: #5bcdff; } a.nav-phone-block__phone-number.nav-phone-block__mail { font-size: 14px; margin-bottom: 10px; margin-top: 20px; } .nav-phone-block__container .phone-mos a { font-size: 14px; margin-bottom: 10px; margin-top: 20px; } .nav-block { padding-bottom: 15px; -webkit-box-flex: 2; -ms-flex: 2 0 auto; flex: 2 0 auto; /* margin-bottom: 70px; */ } .navigation { list-style: none; margin: 0; padding-left: 0 } .navigation__item { /* margin-top: 20px;*/ margin-top: 7px; font-size: 15px; } .navigation li.menu-item { /* margin-top: 20px;*/ margin-top: 7px; font-size: 15px; } .navigation li.menu-item a { color: #FFF; text-decoration: none; } .mob-navigation__list li.menu-item a { color: #FFF; text-decoration: none; } .navigation li.menu-item a:hover { color: #5bcdff; } .mob-navigation__list li.menu-item a:hover { color: #5bcdff; } .navigation li.current-menu-item a, .navigation li.current-page-ancestor a { color: #19a9e8; } .mob-navigation__list li.current-menu-item a { color: #19a9e8; } .mob-navigation__list li.current-page-ancestor a { color: #19a9e8; } .comm-block { text-align: center; padding-bottom: 16px; } .comm-block--desc { position: fixed; left: 0; bottom: 0; z-index: 3; background-color: #2F363E; } @media (min-width: 1301px) { .comm-block--desc { width: 260px; } } @media (max-width: 1349px) { .comm-block--desc { width: 190px; } } @media (max-width: 800px) { .comm-block--desc { display: none; } } .comm-block__header { color: #FFF; font-size: 15px; margin-bottom: 10px; line-height: 20px; margin-top: 0px; } .comm-block__header a { color: #FFF; text-decoration: none; font-size: 16px; } .comm-block__header a:hover { text-decoration: underline; } .comm-icon { display: inline-block; margin-right: 12px; } .comm-icon-mob { display: none; } @media (max-width: 800px) { .comm-icon-desc { display: none; } .comm-icon-mob { display: inline-block; } } .svg-icon { display: block; width: 24px; height: 24px } .svg-icon__mail { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 97.02 97.02' style='enable-background:new 0 0 97.02 97.02;' xml:space='preserve' fill='%231aa9e8'%3E %3Cg%3E %3Cpath d='M85.26,12.766H11.34C5.04,12.766,0,17.812,0,24.12v49.2c0,5.887,5.04,10.933,11.34,10.933h74.34 c6.3,0,11.34-5.046,11.34-11.354V24.12C96.6,17.812,91.56,12.766,85.26,12.766z M81.06,21.176L48.3,48.51L16.8,21.176H81.06z M85.26,75.844H11.34c-1.68,0-2.94-1.262-2.94-2.944V24.961l36.96,32.38c0.84,0.841,1.68,0.841,2.94,0.841 c0.84,0,2.1-0.421,2.52-0.841L88.2,26.223V72.9C88.2,74.582,86.94,75.844,85.26,75.844z'/%3E %3C/g%3E %3C/svg%3E") no-repeat; } .svg-icon__mail:hover { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 97.02 97.02' style='enable-background:new 0 0 97.02 97.02;' xml:space='preserve' fill='%235bcdff'%3E %3Cg%3E %3Cpath d='M85.26,12.766H11.34C5.04,12.766,0,17.812,0,24.12v49.2c0,5.887,5.04,10.933,11.34,10.933h74.34 c6.3,0,11.34-5.046,11.34-11.354V24.12C96.6,17.812,91.56,12.766,85.26,12.766z M81.06,21.176L48.3,48.51L16.8,21.176H81.06z M85.26,75.844H11.34c-1.68,0-2.94-1.262-2.94-2.944V24.961l36.96,32.38c0.84,0.841,1.68,0.841,2.94,0.841 c0.84,0,2.1-0.421,2.52-0.841L88.2,26.223V72.9C88.2,74.582,86.94,75.844,85.26,75.844z'/%3E %3C/g%3E %3C/svg%3E"); } .svg-icon__icq { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 89.999 89.999' style='enable-background:new 0 0 89.999 89.999;' xml:space='preserve' fill='%231aa9e8'%3E %3Cg%3E%3Cpath id='ICQ' d='M88.238,49.402l-0.647-1.018c-1.035-1.522-2.065-3.044-3.62-4.059c-1.293-0.89-2.846-1.522-4.264-2.158 c4.006-1.904,6.747-4.567,8.042-7.993C88.653,31.38,87,29.101,87,26.816v-0.253c0-2.542-3.516-4.189-6.747-5.078 c-1.945-0.38-4.089-0.38-6.027-0.257l-4.247,0.89l1.44-3.17c1.29-4.063,0.912-7.994-1.286-11.677l-0.386-0.63 c-1.941-3.176-4.784-5.078-8.665-6.092c-4.006-1.017-7.417-0.637-11.037,1.267C46.419,3.724,43,6.643,43,10.445v0.253l-0.457,0.89 l-0.682-0.89l-1.377-2.28c-2.07-3.174-4.695-5.078-7.93-5.968c-2.846-0.633-5.188-0.379-7.646,0.89 c-2.712,1.647-4.278,4.192-4.926,7.741c-0.648,3.68-0.002,7.235,1.938,10.784l0.899,1.273l-3.102-1.02 c-3.881-0.89-7.5-0.38-11.119,1.523c-3.753,1.902-6.079,4.569-7.633,8.248c-1.422,3.553-1.29,6.975,0.519,10.151 c0.777,1.396,1.94,2.538,2.972,3.3c1.554,1.521,3.494,2.41,5.821,2.79l0.902,0.253l-1.936,1.654 c-1.813,1.525-2.844,3.426-3.491,5.328c-0.645,2.283-0.387,4.568,0.905,6.729c0.648,1.013,1.293,1.894,2.328,2.536 c1.035,0.883,2.327,1.52,3.877,1.648c2.846,0.637,5.821,0.637,9.05-0.383l-2.33,3.809l-0.641,1.649 c-1.295,4.054-0.91,7.608,1.031,11.288c0.906,1.402,1.94,2.669,2.975,3.81c1.551,1.396,3.487,2.285,5.819,2.922 c3.872,1.012,7.753,0.88,11.507-1.02c3.62-1.902,5.943-4.952,7.11-8.754l0.125-0.758c2.459,2.658,4.786,4.437,7.375,5.072 c2.584,0.759,5.169,0.637,7.497-0.89c2.198-1.271,3.749-3.426,4.523-6.093c0.646-2.79,0.646-5.579,0-8.745 c1.29,0.881,2.587,1.517,4.136,1.894c4.135,1.272,7.759,1.142,11.378-0.76c3.491-1.9,5.818-4.952,6.98-8.883 C90.437,56.631,90.179,52.953,88.238,49.402z M69.492,28.211l1.549-0.637c2.332-1.011,4.525-1.268,6.857-1.011 c2.19,0.253,3.749,1.264,4.521,2.79L82.936,31l-0.258,1.272c-0.903,2.284-2.846,4.06-6.075,5.455 c-1.293,0.631-2.713,0.888-4.264,1.137l-15.904,1.909l-0.262-0.89L55.915,39.5l0.52-0.637L69.492,28.211z M47.509,12.223 c0.646-2.537,2.459-4.44,4.786-5.71c2.328-1.269,4.913-1.525,7.368-0.636c2.719,0.636,4.654,2.031,5.822,4.188 c0.646,1.27,1.03,2.793,1.03,4.442l-0.385,2.789c-0.516,1.396-1.164,2.667-1.938,3.81L52.556,35.062 c-1.162-0.888-2.455-1.524-3.752-2.157l-1.295-14.337l-0.125-5.078L47.509,12.223z M25.408,12.602 c0.124-2.283,1.026-3.806,2.581-4.693c0.777-0.636,1.94-0.636,2.972-0.126c2.33,0.636,4.271,2.283,5.817,5.456 c0.648,1.27,1.293,2.538,1.555,4.059l2.584,14.977l-1.936,0.633L27.47,20.597l-0.645-1.268 C25.79,17.043,25.146,14.887,25.408,12.602z M6.397,39.501c-1.033-1.9-1.033-3.802-0.256-5.706 c0.904-2.415,2.584-4.315,5.036-5.331c2.332-1.27,4.655-1.647,7.243-1.017l3.491,1.396l11.378,8.121 c-1.034,1.272-1.682,2.536-2.072,3.809L12.6,43.057l-1.29-0.253C8.983,42.421,7.43,41.411,6.397,39.501z M43,76.936l-0.457,1.271 c-0.906,2.283-2.622,4.187-4.948,5.196c-2.329,1.272-4.873,1.525-7.194,0.896c-2.593-0.637-4.57-2.159-5.605-4.191 c-0.643-1.264-1.177-2.79-1.177-4.315l0.627-2.913c0.262-1.271,0.908-2.543,1.941-3.556L37.042,56.63 c1.293,0.638,2.912,1.272,4.337,1.402C41.634,62.343,43,66.918,43,71.86V76.936z M38.07,51.564 c-1.68-1.525-2.581-3.687-2.581-5.969c0-2.285,0.901-4.186,2.581-5.965c1.554-1.394,3.623-2.283,6.079-2.283 c2.328,0,4.526,0.89,5.952,2.283c1.803,1.779,2.584,3.68,2.584,5.965c0,2.282-0.781,4.442-2.584,5.969 c-1.684,1.648-3.624,2.53-5.952,2.53C41.693,54.096,39.625,53.214,38.07,51.564z M61.995,73.764 c-0.259,2.29-1.035,3.938-2.591,4.574c-0.9,0.628-1.936,0.628-2.971,0.508c-2.456-0.638-4.396-2.538-5.816-5.589l-1.556-4.186 l-1.936-11.038l2.193-0.766l1.685-0.881l5.431,5.448l3.362,4.063l0.645,1.266C61.604,69.324,62.253,71.356,61.995,73.764z M84.231,58.916c-0.647,2.544-2.198,4.445-4.399,5.456c-2.323,1.272-4.655,1.526-7.236,0.638c-1.555-0.377-2.588-1.021-3.491-2.03 L55.527,51.941l0.906-1.902l0.391-1.526l14.607-1.271l5.17-0.123l1.297,0.123c1.934,0.637,3.749,1.779,4.778,3.68 c1.293,1.402,1.941,3.304,1.941,5.466L84.231,58.916z'/%3E%3C/g%3E%3C/svg%3E") no-repeat; } .svg-icon__icq:hover { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 89.999 89.999' style='enable-background:new 0 0 89.999 89.999;' xml:space='preserve' fill='%235bcdff'%3E %3Cg%3E%3Cpath id='ICQ' d='M88.238,49.402l-0.647-1.018c-1.035-1.522-2.065-3.044-3.62-4.059c-1.293-0.89-2.846-1.522-4.264-2.158 c4.006-1.904,6.747-4.567,8.042-7.993C88.653,31.38,87,29.101,87,26.816v-0.253c0-2.542-3.516-4.189-6.747-5.078 c-1.945-0.38-4.089-0.38-6.027-0.257l-4.247,0.89l1.44-3.17c1.29-4.063,0.912-7.994-1.286-11.677l-0.386-0.63 c-1.941-3.176-4.784-5.078-8.665-6.092c-4.006-1.017-7.417-0.637-11.037,1.267C46.419,3.724,43,6.643,43,10.445v0.253l-0.457,0.89 l-0.682-0.89l-1.377-2.28c-2.07-3.174-4.695-5.078-7.93-5.968c-2.846-0.633-5.188-0.379-7.646,0.89 c-2.712,1.647-4.278,4.192-4.926,7.741c-0.648,3.68-0.002,7.235,1.938,10.784l0.899,1.273l-3.102-1.02 c-3.881-0.89-7.5-0.38-11.119,1.523c-3.753,1.902-6.079,4.569-7.633,8.248c-1.422,3.553-1.29,6.975,0.519,10.151 c0.777,1.396,1.94,2.538,2.972,3.3c1.554,1.521,3.494,2.41,5.821,2.79l0.902,0.253l-1.936,1.654 c-1.813,1.525-2.844,3.426-3.491,5.328c-0.645,2.283-0.387,4.568,0.905,6.729c0.648,1.013,1.293,1.894,2.328,2.536 c1.035,0.883,2.327,1.52,3.877,1.648c2.846,0.637,5.821,0.637,9.05-0.383l-2.33,3.809l-0.641,1.649 c-1.295,4.054-0.91,7.608,1.031,11.288c0.906,1.402,1.94,2.669,2.975,3.81c1.551,1.396,3.487,2.285,5.819,2.922 c3.872,1.012,7.753,0.88,11.507-1.02c3.62-1.902,5.943-4.952,7.11-8.754l0.125-0.758c2.459,2.658,4.786,4.437,7.375,5.072 c2.584,0.759,5.169,0.637,7.497-0.89c2.198-1.271,3.749-3.426,4.523-6.093c0.646-2.79,0.646-5.579,0-8.745 c1.29,0.881,2.587,1.517,4.136,1.894c4.135,1.272,7.759,1.142,11.378-0.76c3.491-1.9,5.818-4.952,6.98-8.883 C90.437,56.631,90.179,52.953,88.238,49.402z M69.492,28.211l1.549-0.637c2.332-1.011,4.525-1.268,6.857-1.011 c2.19,0.253,3.749,1.264,4.521,2.79L82.936,31l-0.258,1.272c-0.903,2.284-2.846,4.06-6.075,5.455 c-1.293,0.631-2.713,0.888-4.264,1.137l-15.904,1.909l-0.262-0.89L55.915,39.5l0.52-0.637L69.492,28.211z M47.509,12.223 c0.646-2.537,2.459-4.44,4.786-5.71c2.328-1.269,4.913-1.525,7.368-0.636c2.719,0.636,4.654,2.031,5.822,4.188 c0.646,1.27,1.03,2.793,1.03,4.442l-0.385,2.789c-0.516,1.396-1.164,2.667-1.938,3.81L52.556,35.062 c-1.162-0.888-2.455-1.524-3.752-2.157l-1.295-14.337l-0.125-5.078L47.509,12.223z M25.408,12.602 c0.124-2.283,1.026-3.806,2.581-4.693c0.777-0.636,1.94-0.636,2.972-0.126c2.33,0.636,4.271,2.283,5.817,5.456 c0.648,1.27,1.293,2.538,1.555,4.059l2.584,14.977l-1.936,0.633L27.47,20.597l-0.645-1.268 C25.79,17.043,25.146,14.887,25.408,12.602z M6.397,39.501c-1.033-1.9-1.033-3.802-0.256-5.706 c0.904-2.415,2.584-4.315,5.036-5.331c2.332-1.27,4.655-1.647,7.243-1.017l3.491,1.396l11.378,8.121 c-1.034,1.272-1.682,2.536-2.072,3.809L12.6,43.057l-1.29-0.253C8.983,42.421,7.43,41.411,6.397,39.501z M43,76.936l-0.457,1.271 c-0.906,2.283-2.622,4.187-4.948,5.196c-2.329,1.272-4.873,1.525-7.194,0.896c-2.593-0.637-4.57-2.159-5.605-4.191 c-0.643-1.264-1.177-2.79-1.177-4.315l0.627-2.913c0.262-1.271,0.908-2.543,1.941-3.556L37.042,56.63 c1.293,0.638,2.912,1.272,4.337,1.402C41.634,62.343,43,66.918,43,71.86V76.936z M38.07,51.564 c-1.68-1.525-2.581-3.687-2.581-5.969c0-2.285,0.901-4.186,2.581-5.965c1.554-1.394,3.623-2.283,6.079-2.283 c2.328,0,4.526,0.89,5.952,2.283c1.803,1.779,2.584,3.68,2.584,5.965c0,2.282-0.781,4.442-2.584,5.969 c-1.684,1.648-3.624,2.53-5.952,2.53C41.693,54.096,39.625,53.214,38.07,51.564z M61.995,73.764 c-0.259,2.29-1.035,3.938-2.591,4.574c-0.9,0.628-1.936,0.628-2.971,0.508c-2.456-0.638-4.396-2.538-5.816-5.589l-1.556-4.186 l-1.936-11.038l2.193-0.766l1.685-0.881l5.431,5.448l3.362,4.063l0.645,1.266C61.604,69.324,62.253,71.356,61.995,73.764z M84.231,58.916c-0.647,2.544-2.198,4.445-4.399,5.456c-2.323,1.272-4.655,1.526-7.236,0.638c-1.555-0.377-2.588-1.021-3.491-2.03 L55.527,51.941l0.906-1.902l0.391-1.526l14.607-1.271l5.17-0.123l1.297,0.123c1.934,0.637,3.749,1.779,4.778,3.68 c1.293,1.402,1.941,3.304,1.941,5.466L84.231,58.916z'/%3E%3C/g%3E%3C/svg%3E"); } .svg-icon__skype { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24.08 24.08' style='enable-background:new 0 0 24.08 24.08;' xml:space='preserve' fill='%231aa9e8'%3E %3Cg%3E %3Cpath d='M23.029,13.494c0.34,0.481,0.599,1.003,0.78,1.575c0.18,0.57,0.271,1.16,0.271,1.771c0,0.875-0.177,1.697-0.527,2.467 c-0.351,0.768-0.834,1.445-1.45,2.033c-0.616,0.582-1.333,1.039-2.157,1.371s-1.691,0.495-2.613,0.495 c-1.313,0-2.491-0.31-3.536-0.929c-0.29,0.04-0.582,0.069-0.877,0.091c-0.296,0.02-0.589,0.028-0.882,0.028 c-1.534,0-2.974-0.275-4.321-0.823c-1.344-0.551-2.521-1.299-3.535-2.252c-1.011-0.949-1.808-2.068-2.382-3.349 c-0.579-1.281-0.868-2.65-0.868-4.105c0-0.282,0.014-0.55,0.044-0.798c0.027-0.248,0.064-0.501,0.102-0.754 C0.358,9.316,0,8.243,0,7.092c0-0.856,0.177-1.665,0.528-2.426c0.35-0.76,0.83-1.421,1.446-1.982C2.59,2.122,3.311,1.68,4.13,1.356 c0.821-0.324,1.692-0.482,2.614-0.482c0.664,0,1.287,0.078,1.879,0.237c0.592,0.161,1.146,0.385,1.657,0.678 c0.289-0.041,0.585-0.07,0.877-0.093c0.296-0.018,0.592-0.029,0.881-0.029c1.539,0,2.984,0.268,4.335,0.801 c1.348,0.529,2.528,1.262,3.542,2.192c1.014,0.934,1.813,2.015,2.393,3.245c0.578,1.232,0.867,2.554,0.867,3.962 C23.176,12.386,23.128,12.929,23.029,13.494z M17.333,16.696c0.474-0.624,0.708-1.357,0.708-2.199c0-0.663-0.132-1.22-0.392-1.672 c-0.271-0.45-0.653-0.827-1.146-1.128c-0.453-0.292-1.042-0.551-1.763-0.783c-0.725-0.182-1.494-0.36-2.307-0.542l-0.891-0.203 c-0.239-0.051-0.429-0.094-0.572-0.133c-0.159-0.039-0.306-0.082-0.446-0.133c-0.132-0.047-0.272-0.102-0.412-0.162 C9.84,9.627,9.612,9.472,9.431,9.29c-0.14-0.157-0.21-0.368-0.21-0.63c0-0.383,0.228-0.725,0.681-1.028 c0.513-0.283,1.14-0.419,1.885-0.41c0.861,0,1.466,0.127,1.807,0.382c0.412,0.302,0.735,0.674,0.966,1.113 c0.201,0.322,0.405,0.562,0.616,0.72c0.201,0.154,0.48,0.237,0.831,0.248c0.395,0,0.722-0.131,0.997-0.395 c0.269-0.246,0.398-0.523,0.391-0.835c0-0.361-0.102-0.716-0.302-1.058c-0.198-0.321-0.531-0.663-0.99-1.026 c-0.232-0.156-0.487-0.299-0.762-0.43c-0.276-0.132-0.586-0.248-0.923-0.346c-0.353-0.096-0.724-0.17-1.115-0.22 c-0.392-0.049-0.82-0.072-1.294-0.072c-1.194,0-2.201,0.146-3.021,0.438c-0.881,0.304-1.548,0.722-2,1.264 C6.536,7.521,6.31,8.141,6.31,8.865c0,0.762,0.219,1.382,0.651,1.86c0.435,0.517,1.024,0.908,1.769,1.173 c0.708,0.283,1.613,0.531,2.723,0.745c0.415,0.098,0.778,0.181,1.099,0.244c0.316,0.062,0.603,0.133,0.854,0.21 c0.473,0.129,0.857,0.345,1.15,0.652c0.313,0.266,0.47,0.608,0.47,1.03c0,0.583-0.286,1.055-0.851,1.415 c-0.534,0.369-1.256,0.551-2.165,0.538c-0.728,0-1.255-0.084-1.589-0.254c-0.415-0.189-0.721-0.429-0.922-0.715 c-0.255-0.326-0.459-0.688-0.623-1.079c-0.143-0.371-0.336-0.651-0.588-0.84c-0.235-0.191-0.51-0.286-0.833-0.286 c-0.412,0-0.752,0.115-1.021,0.341c-0.269,0.257-0.398,0.558-0.392,0.896c0,0.589,0.218,1.178,0.65,1.768 c0.429,0.607,0.98,1.081,1.651,1.422c0.983,0.508,2.218,0.765,3.702,0.775c1.211,0,2.29-0.18,3.229-0.539 C16.196,17.812,16.884,17.305,17.333,16.696z'/%3E %3C/g%3E %3C/svg%3E") no-repeat; } .svg-icon__skype:hover { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24.08 24.08' style='enable-background:new 0 0 24.08 24.08;' xml:space='preserve' fill='%235bcdff'%3E %3Cg%3E %3Cpath d='M23.029,13.494c0.34,0.481,0.599,1.003,0.78,1.575c0.18,0.57,0.271,1.16,0.271,1.771c0,0.875-0.177,1.697-0.527,2.467 c-0.351,0.768-0.834,1.445-1.45,2.033c-0.616,0.582-1.333,1.039-2.157,1.371s-1.691,0.495-2.613,0.495 c-1.313,0-2.491-0.31-3.536-0.929c-0.29,0.04-0.582,0.069-0.877,0.091c-0.296,0.02-0.589,0.028-0.882,0.028 c-1.534,0-2.974-0.275-4.321-0.823c-1.344-0.551-2.521-1.299-3.535-2.252c-1.011-0.949-1.808-2.068-2.382-3.349 c-0.579-1.281-0.868-2.65-0.868-4.105c0-0.282,0.014-0.55,0.044-0.798c0.027-0.248,0.064-0.501,0.102-0.754 C0.358,9.316,0,8.243,0,7.092c0-0.856,0.177-1.665,0.528-2.426c0.35-0.76,0.83-1.421,1.446-1.982C2.59,2.122,3.311,1.68,4.13,1.356 c0.821-0.324,1.692-0.482,2.614-0.482c0.664,0,1.287,0.078,1.879,0.237c0.592,0.161,1.146,0.385,1.657,0.678 c0.289-0.041,0.585-0.07,0.877-0.093c0.296-0.018,0.592-0.029,0.881-0.029c1.539,0,2.984,0.268,4.335,0.801 c1.348,0.529,2.528,1.262,3.542,2.192c1.014,0.934,1.813,2.015,2.393,3.245c0.578,1.232,0.867,2.554,0.867,3.962 C23.176,12.386,23.128,12.929,23.029,13.494z M17.333,16.696c0.474-0.624,0.708-1.357,0.708-2.199c0-0.663-0.132-1.22-0.392-1.672 c-0.271-0.45-0.653-0.827-1.146-1.128c-0.453-0.292-1.042-0.551-1.763-0.783c-0.725-0.182-1.494-0.36-2.307-0.542l-0.891-0.203 c-0.239-0.051-0.429-0.094-0.572-0.133c-0.159-0.039-0.306-0.082-0.446-0.133c-0.132-0.047-0.272-0.102-0.412-0.162 C9.84,9.627,9.612,9.472,9.431,9.29c-0.14-0.157-0.21-0.368-0.21-0.63c0-0.383,0.228-0.725,0.681-1.028 c0.513-0.283,1.14-0.419,1.885-0.41c0.861,0,1.466,0.127,1.807,0.382c0.412,0.302,0.735,0.674,0.966,1.113 c0.201,0.322,0.405,0.562,0.616,0.72c0.201,0.154,0.48,0.237,0.831,0.248c0.395,0,0.722-0.131,0.997-0.395 c0.269-0.246,0.398-0.523,0.391-0.835c0-0.361-0.102-0.716-0.302-1.058c-0.198-0.321-0.531-0.663-0.99-1.026 c-0.232-0.156-0.487-0.299-0.762-0.43c-0.276-0.132-0.586-0.248-0.923-0.346c-0.353-0.096-0.724-0.17-1.115-0.22 c-0.392-0.049-0.82-0.072-1.294-0.072c-1.194,0-2.201,0.146-3.021,0.438c-0.881,0.304-1.548,0.722-2,1.264 C6.536,7.521,6.31,8.141,6.31,8.865c0,0.762,0.219,1.382,0.651,1.86c0.435,0.517,1.024,0.908,1.769,1.173 c0.708,0.283,1.613,0.531,2.723,0.745c0.415,0.098,0.778,0.181,1.099,0.244c0.316,0.062,0.603,0.133,0.854,0.21 c0.473,0.129,0.857,0.345,1.15,0.652c0.313,0.266,0.47,0.608,0.47,1.03c0,0.583-0.286,1.055-0.851,1.415 c-0.534,0.369-1.256,0.551-2.165,0.538c-0.728,0-1.255-0.084-1.589-0.254c-0.415-0.189-0.721-0.429-0.922-0.715 c-0.255-0.326-0.459-0.688-0.623-1.079c-0.143-0.371-0.336-0.651-0.588-0.84c-0.235-0.191-0.51-0.286-0.833-0.286 c-0.412,0-0.752,0.115-1.021,0.341c-0.269,0.257-0.398,0.558-0.392,0.896c0,0.589,0.218,1.178,0.65,1.768 c0.429,0.607,0.98,1.081,1.651,1.422c0.983,0.508,2.218,0.765,3.702,0.775c1.211,0,2.29-0.18,3.229-0.539 C16.196,17.812,16.884,17.305,17.333,16.696z'/%3E %3C/g%3E %3C/svg%3E"); } .svg-icon__whatsapp { background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3OC4xNjUgNDc4LjE2NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc4LjE2NSA0NzguMTY1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPHBhdGggaWQ9IldoYXRzQXBwIiBkPSJNNDc4LjE2NSwyMzIuOTQ2YzAsMTI4LjU2Ny0xMDUuMDU3LDIzMi45NjYtMjM0LjY3OSwyMzIuOTY2Yy00MS4xMDIsMC03OS44MTQtMTAuNTk5LTExMy40NDUtMjguOTY5ICAgTDAsNDc4LjE2NWw0Mi40MzctMTI1LjA0Yy0yMS40MzgtMzUuMDY1LTMzLjc3LTc2LjIwNy0zMy43Ny0xMjAuMTU5QzguNjY3LDEwNC4zNCwxMTMuNzYzLDAsMjQzLjQ4NSwwICAgQzM3My4xMDgsMCw0NzguMTY1LDEwNC4zNCw0NzguMTY1LDIzMi45NDZ6IE0yNDMuNDg1LDM3LjA5OGMtMTA4LjgwMiwwLTE5Ny40MjIsODcuODAzLTE5Ny40MjIsMTk1Ljg2OCAgIGMwLDQyLjkxNSwxMy45ODYsODIuNjAzLDM3LjU3NiwxMTQuODc5bC0yNC41ODYsNzIuNTQybDc1Ljg0OS0yMy45NjhjMzEuMTIxLDIwLjQ4MSw2OC40NTcsMzIuMjk2LDEwOC41ODMsMzIuMjk2ICAgYzEwOC43MjMsMCwxOTcuMzIzLTg3Ljg0MywxOTcuMzIzLTE5NS45MDhDNDQwLjgwOCwxMjQuOTIxLDM1Mi4yMDgsMzcuMDk4LDI0My40ODUsMzcuMDk4eiBNMzYxLjkzMSwyODYuNjIgICBjLTEuMzk1LTIuMzMxLTUuMjItMy43NDYtMTAuODk4LTYuODE0Yy01LjkxNy0yLjg0OS0zNC4wODktMTYuNDk3LTM5LjUwOC0xOC4zN2MtNS4xNi0xLjkxMy04Ljk4Ni0yLjg0OS0xMi44MTEsMi44MjkgICBjLTQuMDA1LDUuNjM4LTE0LjkwMywxOC42MjktMTguMjMsMjIuMzU0Yy0zLjU0NiwzLjc4NS02Ljg1NCw0LjI2NC0xMi41NTIsMS40MzVjLTUuNjE4LTIuODA5LTI0LjI2Ny04Ljg2Ni00Ni4yMDMtMjguMzkxICAgYy0xNy4wNTUtMTUuMDQyLTI4LjY3LTMzLjcxMS0zMS45OTctMzkuNTA4Yy0zLjQyNy01Ljc1OC0wLjM5OC04LjgyNiwyLjQ3MS0xMS42MzVjMi42OS0yLjU5LDUuNzc4LTYuNzM0LDguNjI3LTEwLjA0MSAgIGMyLjk2OS0zLjI4NywzLjkwNS01LjYzOCw1Ljc5OC05LjQyNGMxLjkxMy0zLjkwNSwwLjkzNi03LjE5Mi0wLjQ3OC0xMC4xNDFjLTEuNDE1LTIuODQ5LTEzLjAxLTMwLjg4MS0xNy43NTItNDIuMzM3ICAgYy00Ljg0MS0xMS40MTYtOS41NDMtOS41MjMtMTIuODcxLTkuNTIzYy0zLjQ2NywwLTcuMjEyLTAuNDc4LTExLjExNy0wLjQ3OGMtMy43ODUsMC0xMC4wNDEsMS4zOTUtMTUuMzgxLDcuMTkyICAgYy01LjIsNS42NTgtMjAuMTIzLDE5LjQ2NS0yMC4xMjMsNDcuNTk3YzAsMjguMDUyLDIwLjYwMSw1NS4zMDgsMjMuNTUsNTkuMDUzYzIuODY5LDMuNzg1LDM5Ljc0Nyw2My4xOTcsOTguMzAzLDg2LjA3ICAgYzU4LjQ3NiwyMi44NzIsNTguNDc2LDE1LjMyMSw2OS4xMTUsMTQuMzY1YzEwLjM4LTAuOTU2LDM0LjA2OS0xMy44NjcsMzguODExLTI3LjA5NiAgIEMzNjMuMzQ1LDMwMC4zMDcsMzYzLjM0NSwyODguOTkxLDM2MS45MzEsMjg2LjYyeiIgZmlsbD0iIzFhYTllOCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat; } .svg-icon__whatsapp:hover { background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3OC4xNjUgNDc4LjE2NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc4LjE2NSA0NzguMTY1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPHBhdGggaWQ9IldoYXRzQXBwIiBkPSJNNDc4LjE2NSwyMzIuOTQ2YzAsMTI4LjU2Ny0xMDUuMDU3LDIzMi45NjYtMjM0LjY3OSwyMzIuOTY2Yy00MS4xMDIsMC03OS44MTQtMTAuNTk5LTExMy40NDUtMjguOTY5ICAgTDAsNDc4LjE2NWw0Mi40MzctMTI1LjA0Yy0yMS40MzgtMzUuMDY1LTMzLjc3LTc2LjIwNy0zMy43Ny0xMjAuMTU5QzguNjY3LDEwNC4zNCwxMTMuNzYzLDAsMjQzLjQ4NSwwICAgQzM3My4xMDgsMCw0NzguMTY1LDEwNC4zNCw0NzguMTY1LDIzMi45NDZ6IE0yNDMuNDg1LDM3LjA5OGMtMTA4LjgwMiwwLTE5Ny40MjIsODcuODAzLTE5Ny40MjIsMTk1Ljg2OCAgIGMwLDQyLjkxNSwxMy45ODYsODIuNjAzLDM3LjU3NiwxMTQuODc5bC0yNC41ODYsNzIuNTQybDc1Ljg0OS0yMy45NjhjMzEuMTIxLDIwLjQ4MSw2OC40NTcsMzIuMjk2LDEwOC41ODMsMzIuMjk2ICAgYzEwOC43MjMsMCwxOTcuMzIzLTg3Ljg0MywxOTcuMzIzLTE5NS45MDhDNDQwLjgwOCwxMjQuOTIxLDM1Mi4yMDgsMzcuMDk4LDI0My40ODUsMzcuMDk4eiBNMzYxLjkzMSwyODYuNjIgICBjLTEuMzk1LTIuMzMxLTUuMjItMy43NDYtMTAuODk4LTYuODE0Yy01LjkxNy0yLjg0OS0zNC4wODktMTYuNDk3LTM5LjUwOC0xOC4zN2MtNS4xNi0xLjkxMy04Ljk4Ni0yLjg0OS0xMi44MTEsMi44MjkgICBjLTQuMDA1LDUuNjM4LTE0LjkwMywxOC42MjktMTguMjMsMjIuMzU0Yy0zLjU0NiwzLjc4NS02Ljg1NCw0LjI2NC0xMi41NTIsMS40MzVjLTUuNjE4LTIuODA5LTI0LjI2Ny04Ljg2Ni00Ni4yMDMtMjguMzkxICAgYy0xNy4wNTUtMTUuMDQyLTI4LjY3LTMzLjcxMS0zMS45OTctMzkuNTA4Yy0zLjQyNy01Ljc1OC0wLjM5OC04LjgyNiwyLjQ3MS0xMS42MzVjMi42OS0yLjU5LDUuNzc4LTYuNzM0LDguNjI3LTEwLjA0MSAgIGMyLjk2OS0zLjI4NywzLjkwNS01LjYzOCw1Ljc5OC05LjQyNGMxLjkxMy0zLjkwNSwwLjkzNi03LjE5Mi0wLjQ3OC0xMC4xNDFjLTEuNDE1LTIuODQ5LTEzLjAxLTMwLjg4MS0xNy43NTItNDIuMzM3ICAgYy00Ljg0MS0xMS40MTYtOS41NDMtOS41MjMtMTIuODcxLTkuNTIzYy0zLjQ2NywwLTcuMjEyLTAuNDc4LTExLjExNy0wLjQ3OGMtMy43ODUsMC0xMC4wNDEsMS4zOTUtMTUuMzgxLDcuMTkyICAgYy01LjIsNS42NTgtMjAuMTIzLDE5LjQ2NS0yMC4xMjMsNDcuNTk3YzAsMjguMDUyLDIwLjYwMSw1NS4zMDgsMjMuNTUsNTkuMDUzYzIuODY5LDMuNzg1LDM5Ljc0Nyw2My4xOTcsOTguMzAzLDg2LjA3ICAgYzU4LjQ3NiwyMi44NzIsNTguNDc2LDE1LjMyMSw2OS4xMTUsMTQuMzY1YzEwLjM4LTAuOTU2LDM0LjA2OS0xMy44NjcsMzguODExLTI3LjA5NiAgIEMzNjMuMzQ1LDMwMC4zMDcsMzYzLjM0NSwyODguOTkxLDM2MS45MzEsMjg2LjYyeiIgZmlsbD0iIzViY2RmZiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); } .svg-icon__viber { background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIuMDE5IDUxMi4wMTkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMi4wMTkgNTEyLjAxOTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0xKSI+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTI1NS45OTQsNDIuMzcyYzUuODgsNC40MTIsMTEuMDI1LDQuODksMjYuNDAyLDUuNzZjNDUuMDU2LDIuNTg2LDczLjYyNiwxMi4yMTEsMTA1LjQwNCwzNS41NDEgICAgIGMzOC45MDMsMjguNDU5LDYzLjMwOSw2OC4xNTYsNzIuNTU5LDExNy45OWMyLjM4MSwxMi45MDIsMy41NTgsMjMuODUxLDQuMzYsNDAuMzU0YzAuNDg2LDExLjA2OCwwLjg3LDE1LjM2LDMuMzg4LDIwLjIwNyAgICAgYzMuNTUsNi42MTMsMTAuNDI4LDExLjAwOCwxOC40MDYsMTEuNzVjMC43ODUsMC4wNjgsMS41NywwLjEwMiwyLjM0NywwLjEwMmM3LjEsMCwxMy42ODgtMy4wMDQsMTcuODk0LTguMjM1ICAgICBjNS41ODktNi44MSw1LjU4MS0xMy4xNTgsNS4wMzUtMjYuODI5Yy0xLjYwNC00Mi4zNDItMTAuODYzLTgwLjM4NC0yNy41Mi0xMTMuMDY3Yy0xMS44NzgtMjMuMjUzLTIzLjIxOS0zOC40ODUtNDMuMzU4LTU4LjIzMSAgICAgYy0yMS40NzgtMjAuODgxLTM4LjAzMy0zMi41NjMtNjMuMzA5LTQ0LjYzOEMzNTAuODI1LDEwLjI5NSwzMzEuODgxLDYuMjUsMzA0LjEzOSwyLjg2M2MtNS41OTgtMC42NC0xNi4xMzctMS40NzYtMjMuNDUtMS43MTUgICAgIGMtMTMuOTM1LTAuNDYxLTE5LjM3OS0wLjA4NS0yNS44MTMsNS42MzJjLTQuOTMyLDQuMzQzLTcuNjIsMTAuOTQtNy4zOTgsMTguMTE2QzI0Ny42OTksMzIuMDIxLDI1MC43ODgsMzguMzYxLDI1NS45OTQsNDIuMzcyeiIgZmlsbD0iIzFhYTllOCIvPgoJCQk8cGF0aCBkPSJNMzk2LjQzNiwyMjUuNDIyYzAsMTEuOTg5LDAuOTksMjMuMjQ1LDEyLjgwOCwyOS4wNjVjMy4yNDMsMS42ODEsNy40NjcsMi41MjYsMTEuNTg4LDIuNTI2ICAgICBjMy42NjEsMCw3LjIyOC0wLjY3NCw5Ljk1LTIuMDM5YzQuNzc5LTIuNDU4LDkuNi03LjY0NiwxMS40ODYtMTIuMzM5YzIuMzk4LTYuMDUsMS4zMDYtMjcuNzQyLDAuNjIzLTMzLjg2ICAgICBjLTMuMi0yNy4zMzItMTIuNjk4LTUzLjEzNy0yNy40Ni03NC42MTVjLTI2Ljc0My0zOC44NTItNjYuODE2LTYyLjM0NS0xMTkuMDgzLTY5LjgyOGMtMTcuNzI0LTIuNjExLTMwLjg5MS0zLjUzMy0zOC42MzksOC4yOTQgICAgIGMtNi4wODQsOC45ODYtNS4zMDgsMjAuNDQ2LDEuODc3LDI4LjQ3NmM1LjcyNiw2LjQ5NCwxMy45MjYsNy45NjIsMjEuMTgsOC41NDJjMjAuNzcsMS42MzgsNDQuMDMyLDguNDM5LDU5LjI4MSwxNy4zMjMgICAgIGwwLjAyNiwwLjAwOGMxNy43NDEsMTAuMjc0LDMyLjQyNywyNS4yMDgsNDIuNDg3LDQzLjE5NkMzOTEuMzc2LDE4NS45MDQsMzk2LjQzNiwyMDYuMDQzLDM5Ni40MzYsMjI1LjQyMnoiIGZpbGw9IiMxYWE5ZTgiLz4KCQkJPHBhdGggZD0iTTM1MC45NzcsMTUyLjEzM2MtMTEuNjc0LTEwLjY5Mi0yNS4zNTMtMTcuMzkxLTQzLjAxNy0yMS4wNzdjLTQuMDQ1LTAuODUzLTEwLjkwNi0xLjU5Ni0xNS4xNzItMS44MzUgICAgIGMtNy4zNTYtMC40NTItMTAuMzg1LTAuMzc1LTE1LjYxNiwyLjE2N2MtNi4zMjMsMy4xNzQtMTAuNzUyLDkuMDYyLTEyLjE2OSwxNi4xMzdjLTEuNDA4LDcuMDMxLDAuMzkzLDE0LjEwNiw1LjAwMSwxOS40ODIgICAgIGM1LjMyNSw2LjA4NCwxMC43NzgsNy42MDMsMjEuNzc3LDguOTA5YzE4LjM4MSwyLjIwMiwyOC43MzIsOC4zODgsMzQuNTg2LDIwLjY1OWMyLjk2MSw2LjI2Myw0LjY0MiwxMy4xMjQsNS42MTUsMjIuOTg5ICAgICBjMS4wMDcsOS4yNDIsMi44MTYsMTUuMTcyLDkuMzk1LDIwLjAzNmM0LjEzOSwzLjEyMyw5LjM3OCw0LjY2OCwxNC41NjYsNC42NjhjNS42NzUsMCwxMS4yOTgtMS44NTIsMTUuNDAzLTUuNTEzbDAuMDUxLTAuMDM0ICAgICBjOC40ODItNy42NzEsOC44NDEtMTcuMTg2LDYuNTQ1LTMyLjAzNEMzNzQuMzg0LDE4Mi45MDQsMzY2LjA4MSwxNjYuMDc2LDM1MC45NzcsMTUyLjEzM3oiIGZpbGw9IiMxYWE5ZTgiLz4KCQkJPHBhdGggZD0iTTUxMS45NjUsNDEzLjgyMmMtMC40MTgtOS4yOTMtMy42MS0xNy42MDQtOS41NjYtMjQuNzgxYy01Ljc1MS02Ljc4NC00Mi40ODctMzUuODMxLTU4Ljg4LTQ3LjA1MyAgICAgYy0xMi43NDktOC42NzgtMzIuODk2LTIwLjg5OC00Mi4zMTctMjUuNjY4Yy0xMy45MTgtNi45MjEtMjcuOTEzLTguMTMyLTQxLjY4NS0zLjU2N2MtMy4wMTIsMS4wMDctNS4xNjMsMS45MDMtNy4xODUsMi45NjEgICAgIGMtNi45NzIsMy42NjEtMTIuMDkyLDkuNDI5LTIyLjA0MiwyMS42NjZjLTEwLjY1OCwxMi44NjgtMTIuODc3LDE1LjM2OS0xMi44NTEsMTUuMzY5Yy0xLjAwNywwLjYwNi0yLjYxMSwxLjQ1OS00LjU1NywyLjM0NyAgICAgYy03LjkyNywzLjYxLTIwLjkyNCwwLjY0LTQyLjA2MS05LjY2Yy0xNy44MzUtOC42MjctMzMuODUyLTE5LjcwMy01MS45NDItMzUuOWMtMTUuNDExLTEzLjczLTMwLjkwOC0zMS41MzktMzkuNTA5LTQ1LjM1NSAgICAgYy0xMS45NDctMTkuMTY2LTE5LjE3NC00MS4zNDQtMTkuMjYtNTEuNjQ0YzAtNC4wMTEsMS43NTgtOS43NzEsMy42NjEtMTIuOTQ1bDAuODM2LTAuODYyYzAuNTYzLTAuNTQ2LDEuMTg2LTEuMTM1LDIuMDM5LTEuODg2ICAgICBjMi45Ny0yLjY3MSw3LjI3LTYuMjQ2LDExLjc1LTkuNzg4YzE5LjY2MS0xNS40ODgsMjUuODktMjEuNzYsMjkuMjE4LTMzLjQwOGMzLjIxNy0xMC43NjksMC4zOTMtMjQuMDMtOC44OTItNDEuNzE5ICAgICBjLTEzLjgzMy0yNi4zOTQtNTcuNjk0LTgyLjU2OS03NS45OTgtOTQuNDEzYy0zLjAxMi0xLjg4Ni03Ljk3LTQuNDI5LTExLjQ3Ny01LjYwNmMtNy41MDktMi42NTQtMTguMjk1LTMuNTU4LTI1LjAwMy0yLjEzMyAgICAgYy05LjI4NCwxLjkwMy0xOS40NzMsNy43NDgtNDEuOTU4LDI0LjA4MUMzMS45NjUsNDIuODc4LDEyLjk3LDYwLjUxNiw3LjgxNSw2OC45NDdjLTEyLjE2LDIwLjQyLTkuMDYyLDM4LjEzNSwxLjk2Myw2Ny44MDYgICAgIGMxMC41MDUsMjguMzE0LDIzLjk3OSw1Ni44MTUsMzkuOTk2LDg0LjY0MmwwLjgzNiwxLjQwOGMzLjIyNiw1LjU3Miw2LjUyOCwxMS4xMjgsOS45OTMsMTYuN2wwLjg5NiwxLjQwOCAgICAgYzMuNDM5LDUuNDcsNi45MjEsMTAuOTMxLDEwLjU2NCwxNi4zNjdsNS43NDMsOC4zNTRjMi4xNDIsMy4xMjMsNC4yNzUsNi4yMzgsNi40ODUsOS4zMzYgICAgIGM0LjM2MSw2LjA3Niw4LjgzMiwxMi4xMzQsMTMuNDY2LDE4LjE3NmM0OS4zOTksNjQuMzI0LDEwNi4zMDgsMTE1Ljk2OCwxNzMuOTY5LDE1Ny44NThsMi43NzMsMS43NDEgICAgIGM5LjgyMiw2LjAxNiwyMC4yNzUsMTIuMDMyLDMxLjA2MSwxNy44NjlsNC4yMTUsMi4yN2MxMS4xNjIsNS45MzksMjEuNzY4LDExLjI2NCwzMi40MjcsMTYuMjU2bDMuMzE5LDEuNTEgICAgIGMxMi41ODcsNS44MjgsMjQuMDk4LDEwLjgzNywzNS4xNzQsMTUuM2MxMy40MDYsNS40MSwxOS42MSw3LjA2NiwyOS4wMyw3LjA2NmMxLjY3MywwLDMuNDU2LTAuMDUxLDUuNDAyLTAuMTQ1ICAgICBjNi4wNzYtMC4yOSwxMS41MzctMS4xOTUsMTYuNzA4LTIuNzczYzcuMjYyLTIuMjAyLDE0LjUzMi01Ljg5NywyMi44NTItMTEuNjRjMS40NTEtMC45OTgsMi45MDEtMi4wMTQsNC40NjMtMy4xNjYgICAgIGMxLjg0My0xLjM1NywzLjgwNi0zLjAyMSw1Ljc5NC00LjczNmM5LjQ4MS04LjIwMSwyMC4zNjEtMjAuMTEzLDI5LjEyNC0zMS44NjNjNC42NzYtNi4yNzIsMTAuODg5LTE1LjM3NywxMy45ODYtMjMuMTk0ICAgICBjMi45MDEtNy4zMTMsNC4yMTUtMTQuNjA5LDMuOTA4LTIxLjY2NlY0MTMuODIyeiIgZmlsbD0iIzFhYTllOCIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat; } .svg-icon__viber:hover { background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIuMDE5IDUxMi4wMTkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMi4wMTkgNTEyLjAxOTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0xKSI+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTI1NS45OTQsNDIuMzcyYzUuODgsNC40MTIsMTEuMDI1LDQuODksMjYuNDAyLDUuNzZjNDUuMDU2LDIuNTg2LDczLjYyNiwxMi4yMTEsMTA1LjQwNCwzNS41NDEgICAgIGMzOC45MDMsMjguNDU5LDYzLjMwOSw2OC4xNTYsNzIuNTU5LDExNy45OWMyLjM4MSwxMi45MDIsMy41NTgsMjMuODUxLDQuMzYsNDAuMzU0YzAuNDg2LDExLjA2OCwwLjg3LDE1LjM2LDMuMzg4LDIwLjIwNyAgICAgYzMuNTUsNi42MTMsMTAuNDI4LDExLjAwOCwxOC40MDYsMTEuNzVjMC43ODUsMC4wNjgsMS41NywwLjEwMiwyLjM0NywwLjEwMmM3LjEsMCwxMy42ODgtMy4wMDQsMTcuODk0LTguMjM1ICAgICBjNS41ODktNi44MSw1LjU4MS0xMy4xNTgsNS4wMzUtMjYuODI5Yy0xLjYwNC00Mi4zNDItMTAuODYzLTgwLjM4NC0yNy41Mi0xMTMuMDY3Yy0xMS44NzgtMjMuMjUzLTIzLjIxOS0zOC40ODUtNDMuMzU4LTU4LjIzMSAgICAgYy0yMS40NzgtMjAuODgxLTM4LjAzMy0zMi41NjMtNjMuMzA5LTQ0LjYzOEMzNTAuODI1LDEwLjI5NSwzMzEuODgxLDYuMjUsMzA0LjEzOSwyLjg2M2MtNS41OTgtMC42NC0xNi4xMzctMS40NzYtMjMuNDUtMS43MTUgICAgIGMtMTMuOTM1LTAuNDYxLTE5LjM3OS0wLjA4NS0yNS44MTMsNS42MzJjLTQuOTMyLDQuMzQzLTcuNjIsMTAuOTQtNy4zOTgsMTguMTE2QzI0Ny42OTksMzIuMDIxLDI1MC43ODgsMzguMzYxLDI1NS45OTQsNDIuMzcyeiIgZmlsbD0iIzViY2RmZiIvPgoJCQk8cGF0aCBkPSJNMzk2LjQzNiwyMjUuNDIyYzAsMTEuOTg5LDAuOTksMjMuMjQ1LDEyLjgwOCwyOS4wNjVjMy4yNDMsMS42ODEsNy40NjcsMi41MjYsMTEuNTg4LDIuNTI2ICAgICBjMy42NjEsMCw3LjIyOC0wLjY3NCw5Ljk1LTIuMDM5YzQuNzc5LTIuNDU4LDkuNi03LjY0NiwxMS40ODYtMTIuMzM5YzIuMzk4LTYuMDUsMS4zMDYtMjcuNzQyLDAuNjIzLTMzLjg2ICAgICBjLTMuMi0yNy4zMzItMTIuNjk4LTUzLjEzNy0yNy40Ni03NC42MTVjLTI2Ljc0My0zOC44NTItNjYuODE2LTYyLjM0NS0xMTkuMDgzLTY5LjgyOGMtMTcuNzI0LTIuNjExLTMwLjg5MS0zLjUzMy0zOC42MzksOC4yOTQgICAgIGMtNi4wODQsOC45ODYtNS4zMDgsMjAuNDQ2LDEuODc3LDI4LjQ3NmM1LjcyNiw2LjQ5NCwxMy45MjYsNy45NjIsMjEuMTgsOC41NDJjMjAuNzcsMS42MzgsNDQuMDMyLDguNDM5LDU5LjI4MSwxNy4zMjMgICAgIGwwLjAyNiwwLjAwOGMxNy43NDEsMTAuMjc0LDMyLjQyNywyNS4yMDgsNDIuNDg3LDQzLjE5NkMzOTEuMzc2LDE4NS45MDQsMzk2LjQzNiwyMDYuMDQzLDM5Ni40MzYsMjI1LjQyMnoiIGZpbGw9IiM1YmNkZmYiLz4KCQkJPHBhdGggZD0iTTM1MC45NzcsMTUyLjEzM2MtMTEuNjc0LTEwLjY5Mi0yNS4zNTMtMTcuMzkxLTQzLjAxNy0yMS4wNzdjLTQuMDQ1LTAuODUzLTEwLjkwNi0xLjU5Ni0xNS4xNzItMS44MzUgICAgIGMtNy4zNTYtMC40NTItMTAuMzg1LTAuMzc1LTE1LjYxNiwyLjE2N2MtNi4zMjMsMy4xNzQtMTAuNzUyLDkuMDYyLTEyLjE2OSwxNi4xMzdjLTEuNDA4LDcuMDMxLDAuMzkzLDE0LjEwNiw1LjAwMSwxOS40ODIgICAgIGM1LjMyNSw2LjA4NCwxMC43NzgsNy42MDMsMjEuNzc3LDguOTA5YzE4LjM4MSwyLjIwMiwyOC43MzIsOC4zODgsMzQuNTg2LDIwLjY1OWMyLjk2MSw2LjI2Myw0LjY0MiwxMy4xMjQsNS42MTUsMjIuOTg5ICAgICBjMS4wMDcsOS4yNDIsMi44MTYsMTUuMTcyLDkuMzk1LDIwLjAzNmM0LjEzOSwzLjEyMyw5LjM3OCw0LjY2OCwxNC41NjYsNC42NjhjNS42NzUsMCwxMS4yOTgtMS44NTIsMTUuNDAzLTUuNTEzbDAuMDUxLTAuMDM0ICAgICBjOC40ODItNy42NzEsOC44NDEtMTcuMTg2LDYuNTQ1LTMyLjAzNEMzNzQuMzg0LDE4Mi45MDQsMzY2LjA4MSwxNjYuMDc2LDM1MC45NzcsMTUyLjEzM3oiIGZpbGw9IiM1YmNkZmYiLz4KCQkJPHBhdGggZD0iTTUxMS45NjUsNDEzLjgyMmMtMC40MTgtOS4yOTMtMy42MS0xNy42MDQtOS41NjYtMjQuNzgxYy01Ljc1MS02Ljc4NC00Mi40ODctMzUuODMxLTU4Ljg4LTQ3LjA1MyAgICAgYy0xMi43NDktOC42NzgtMzIuODk2LTIwLjg5OC00Mi4zMTctMjUuNjY4Yy0xMy45MTgtNi45MjEtMjcuOTEzLTguMTMyLTQxLjY4NS0zLjU2N2MtMy4wMTIsMS4wMDctNS4xNjMsMS45MDMtNy4xODUsMi45NjEgICAgIGMtNi45NzIsMy42NjEtMTIuMDkyLDkuNDI5LTIyLjA0MiwyMS42NjZjLTEwLjY1OCwxMi44NjgtMTIuODc3LDE1LjM2OS0xMi44NTEsMTUuMzY5Yy0xLjAwNywwLjYwNi0yLjYxMSwxLjQ1OS00LjU1NywyLjM0NyAgICAgYy03LjkyNywzLjYxLTIwLjkyNCwwLjY0LTQyLjA2MS05LjY2Yy0xNy44MzUtOC42MjctMzMuODUyLTE5LjcwMy01MS45NDItMzUuOWMtMTUuNDExLTEzLjczLTMwLjkwOC0zMS41MzktMzkuNTA5LTQ1LjM1NSAgICAgYy0xMS45NDctMTkuMTY2LTE5LjE3NC00MS4zNDQtMTkuMjYtNTEuNjQ0YzAtNC4wMTEsMS43NTgtOS43NzEsMy42NjEtMTIuOTQ1bDAuODM2LTAuODYyYzAuNTYzLTAuNTQ2LDEuMTg2LTEuMTM1LDIuMDM5LTEuODg2ICAgICBjMi45Ny0yLjY3MSw3LjI3LTYuMjQ2LDExLjc1LTkuNzg4YzE5LjY2MS0xNS40ODgsMjUuODktMjEuNzYsMjkuMjE4LTMzLjQwOGMzLjIxNy0xMC43NjksMC4zOTMtMjQuMDMtOC44OTItNDEuNzE5ICAgICBjLTEzLjgzMy0yNi4zOTQtNTcuNjk0LTgyLjU2OS03NS45OTgtOTQuNDEzYy0zLjAxMi0xLjg4Ni03Ljk3LTQuNDI5LTExLjQ3Ny01LjYwNmMtNy41MDktMi42NTQtMTguMjk1LTMuNTU4LTI1LjAwMy0yLjEzMyAgICAgYy05LjI4NCwxLjkwMy0xOS40NzMsNy43NDgtNDEuOTU4LDI0LjA4MUMzMS45NjUsNDIuODc4LDEyLjk3LDYwLjUxNiw3LjgxNSw2OC45NDdjLTEyLjE2LDIwLjQyLTkuMDYyLDM4LjEzNSwxLjk2Myw2Ny44MDYgICAgIGMxMC41MDUsMjguMzE0LDIzLjk3OSw1Ni44MTUsMzkuOTk2LDg0LjY0MmwwLjgzNiwxLjQwOGMzLjIyNiw1LjU3Miw2LjUyOCwxMS4xMjgsOS45OTMsMTYuN2wwLjg5NiwxLjQwOCAgICAgYzMuNDM5LDUuNDcsNi45MjEsMTAuOTMxLDEwLjU2NCwxNi4zNjdsNS43NDMsOC4zNTRjMi4xNDIsMy4xMjMsNC4yNzUsNi4yMzgsNi40ODUsOS4zMzYgICAgIGM0LjM2MSw2LjA3Niw4LjgzMiwxMi4xMzQsMTMuNDY2LDE4LjE3NmM0OS4zOTksNjQuMzI0LDEwNi4zMDgsMTE1Ljk2OCwxNzMuOTY5LDE1Ny44NThsMi43NzMsMS43NDEgICAgIGM5LjgyMiw2LjAxNiwyMC4yNzUsMTIuMDMyLDMxLjA2MSwxNy44NjlsNC4yMTUsMi4yN2MxMS4xNjIsNS45MzksMjEuNzY4LDExLjI2NCwzMi40MjcsMTYuMjU2bDMuMzE5LDEuNTEgICAgIGMxMi41ODcsNS44MjgsMjQuMDk4LDEwLjgzNywzNS4xNzQsMTUuM2MxMy40MDYsNS40MSwxOS42MSw3LjA2NiwyOS4wMyw3LjA2NmMxLjY3MywwLDMuNDU2LTAuMDUxLDUuNDAyLTAuMTQ1ICAgICBjNi4wNzYtMC4yOSwxMS41MzctMS4xOTUsMTYuNzA4LTIuNzczYzcuMjYyLTIuMjAyLDE0LjUzMi01Ljg5NywyMi44NTItMTEuNjRjMS40NTEtMC45OTgsMi45MDEtMi4wMTQsNC40NjMtMy4xNjYgICAgIGMxLjg0My0xLjM1NywzLjgwNi0zLjAyMSw1Ljc5NC00LjczNmM5LjQ4MS04LjIwMSwyMC4zNjEtMjAuMTEzLDI5LjEyNC0zMS44NjNjNC42NzYtNi4yNzIsMTAuODg5LTE1LjM3NywxMy45ODYtMjMuMTk0ICAgICBjMi45MDEtNy4zMTMsNC4yMTUtMTQuNjA5LDMuOTA4LTIxLjY2NlY0MTMuODIyeiIgZmlsbD0iIzViY2RmZiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); } @media (max-width: 1400px) { header { width: 190px; } /* Logo Block */ .logo-block { /*margin: 35px auto 10px;*/ margin: 10px auto 0px; } .logo-block__header { font-size: 30px; } .logo-block__secondary-text { /*font-size: 13px; line-height: 16px;*/ font-size: 12px; line-height: 15px; } /* Phone Block */ .nav-phone-block { /* */ /*margin-bottom: 16px*/ margin-bottom: 10px; } .nav-phone-block__phone-number { font-size: 18px; /* margin-bottom: 12px;*/ margin-bottom: 5px; } .nav-phone-block__container .phone-mos { font-size: 18px; /* margin-bottom: 12px;*/ margin-bottom: 5px; } .nav-phone-block__mail { font-size: 14px; margin-bottom: 12px; } .nav-block { /* margin-bottom: 35px; */ } .navigation {} .navigation__item { /* margin-top: 12px;*/ margin-top: 8px; } .navigation li.menu-item { /* margin-top: 12px;*/ margin-top: 8px; } .comm-block { width: 190px; } .comm-block__header { color: #FFF; font-size: 13px; } } /* Colors */ .how-interface__img { margin-top: 40px } .how-interface__img img { display: block; margin: 0 auto; width: 100% } .link-how-interface { font-size: 16px; color: #010101 } .link-how-interface:hover { color: #5bcdff } .how-interface-flex { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -60px } .how-interface-flex__item { -webkit-box-flex: 0; -ms-flex: 0 1 33%; flex: 0 1 33%; padding-top: 60px } @media (max-width: 1349px) { .how-interface-flex {} .how-interface-flex__item { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50% } } @media (max-width: 800px) { .how-interface-flex { margin-top: 0 } .how-interface-flex__item { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-top: 0 } .how-interface-flex__item:first-child { padding-top: 0 } } /* Colors */ .how-main {} .how-main__main-header { margin-top: 20px; margin-bottom: 5px; margin-left: auto; margin-right: auto; text-align: center; max-width: 950px } /* Colors */ .how-principle-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .how-principle-flex:last-child { margin-right: 0 } .how-principle-flex__item { -webkit-box-flex: 0; -ms-flex: 0 1 253px; flex: 0 1 253px; margin-right: 16px } .how-principle-flex__item img { width: 100% } @media (max-width: 800px) { .how-principle-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 0 } .how-principle-flex__item { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-right: 0 } .how-principle-flex__item img { display: block; margin: 0 auto; max-width: 180px; width: 100% } } /* Colors */ .doc-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; outline: none } .doc-slide__icon { width: 42px; height: 46px; -webkit-box-flex: 0; -ms-flex: 0 0 42px; flex: 0 0 42px; background-image: url('../img/icon-pdf.png') } .doc-slide__text { color: #010101; padding-left: 16px; padding-right: 24px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 14px; line-height: 18px } .doc-slide:hover {} .doc-slide:hover .doc-slide__icon { background-image: url('../img/icon-pdf-hover.png') } .doc-slide:hover .doc-slide__text { color: #19a9e8 } @media (max-width: 800px) { .doc-slide { padding: 0 20px } .doc-slide__text { padding-right: 0 } } /* Colors */ .weather-flex { margin-top: 80px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .weather-flex__item { -webkit-box-flex: 0; -ms-flex: 0 1 340px; flex: 0 1 340px } @media (min-width: 1366px) { .weather-flex__item { padding-right: 4vw; } } @media (max-width: 800px) { .weather-flex { margin-top: 25px } .weather-flex__item { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto } .section__how-weather { min-height: auto; } .section__how-surface { min-height: auto; } } .section__how-weather { min-height: 573px; } .section__how-weather--bottom { bottom: 8%; position: absolute; z-index: 1; padding: 20px; background: rgba(0, 0, 0, .6); width: 70%; } .section__how-surface { min-height: 573px; } @media (max-width: 800px) { .section__how-weather { /* min-height: auto;*/ min-height: 370px; padding: 0; } .section__how-weather--bottom { background: rgba(0, 0, 0, .6); /*-webkit-backdrop-filter: grayscale(1) contrast(3) blur(1px); backdrop-filter: grayscale(1) contrast(3) blur(1px);*/ padding: 20px; width: 100%; } .section__how-weather--bottom .header__h3 { margin-bottom: 30px; font-size: 24px; } .section__how-surface { background: rgba(0, 0, 0, .6); /*-webkit-backdrop-filter: grayscale(1) contrast(3) blur(1px); backdrop-filter: grayscale(1) contrast(3) blur(1px);*/ padding: 0; min-height: 370px; } } /* Colors */ .inventory-item-cahr { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; left: 0; right: 0; } .inventory-item-cahr__char-block { -webkit-box-flex: 0 1 33%; -ms-flex: 0 1 28%; flex: 0 1 33%; padding-right: 40px; padding-top: 55px } .inventory-item-desc__desc-block { -webkit-box-flex: 0; -ms-flex: 0 1 33%; flex: 0 1 100%; padding-right: 40px; padding-top: 55px } @media (max-width: 1000px) { .inventory-item-cahr {} .inventory-item-cahr__char-block { padding-right: 18px; -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50% } } @media (max-width: 800px) { .inventory-item-cahr { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .inventory-item-cahr__char-block { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-right: 0; padding-top: 25px } .inventory-item-desc__desc-block { padding-top: 15px } } /* Colors */ /*.header { }*/ .header__complect { margin-bottom: 50px; text-align: center; } .inventory-complect { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .inventory-complect__block { -webkit-box-flex: 0; -ms-flex: 0 1 24%; flex: 0 1 24%; } .inventory-complect__image { /* height: 135px;*/ position: relative } .inventory-complect__image img { /* position: absolute;*/ /* bottom: 0; left: 0;*/ /* right: 0;*/ /* margin: auto; width: 260px; max-width: 100%;*/ position: relative; /* bottom: 0; */ /* left: 0; */ /* right: 0; */ margin: 0 auto; width: 260px; max-width: 100%; display: block; } @media (max-width: 1000px) { .inventory-complect { text-align: center; } .inventory-complect__image {} .inventory-complect__image img { -webkit-transform: scale(0.75, 0.75); transform: scale(0.75, 0.75) } } @media (max-width: 800px) { .inventory-complect {} .inventory-complect__block { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto } .inventory-complect__image {} .inventory-complect__image img { -webkit-transform: scale(1, 1); transform: scale(1, 1) } .header {} .header__complect { margin-bottom: 25px } } /* Colors */ .section {} .section__cta { background-color: #094a7a; padding: 45px 130px; } @media (max-width: 1349px) { .section__cta { padding: 45px 45px; } } @media (max-width: 800px) { .section__cta { padding: 45px 25px; } } /* Colors */ .inventory-hard {} .inventory-hard__price-block { margin-top: 40px; margin-bottom: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .inventory-hard__price-block h2 { margin-right: 37px; } .inventory-hard__price-block p.inventory-soft__header-price { margin-right: 28px; } @media (max-width: 799px) { .inventory-hard__price-block p.inventory-soft__header-price { margin-right: 0; } } @media (max-width: 800px) { .inventory-hard {} .inventory-hard__price-block { margin-top: 20px; margin-bottom: 4px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .inventory-hard__price-block h2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .inventory-hard__price-block a { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-bottom: 24px; } .inventory-hard__price-block h2 { margin-right: 0px; } .hwere-to-buy { float: right; } } .slide-3d {} .slide-3d__image {} .slide-3d__image:hover { cursor: ew-resize; } .slide-3d__icon { height: 25px; background: url('../img/icon-3d-default.png') no-repeat center center; } .slide-3d:hover .slide-3d__icon { background: url('../img/icon-3d-hover.png') no-repeat center center; } #su3-360, #su4-360, #rfid-360, #usb-360, #power-360, #su4-360, #rfid-ex-360, #usb-ex-360, #id-ex-360, #power-ex-360, #cover-360 { width: 420px; margin: -30px auto 30px; } @media (max-width: 1350px) { #su3-360, #su4-360, #rfid-360, #usb-360, #power-360, #cover-360, #su4-360, #rfid-ex-360, #usb-ex-360, #id-ex-360, #power-ex-360 { width: 300px; margin: 0 auto 30px; } #su3-360-mob, #rfid-360-mob, #usb-360-mob, #power-360-mob, #cover-360-mob, #su4-360-mob, #rfid-ex-360-mob, #usb-ex-360-mob, #id-ex-360-mob, #power-ex-360-mob { width: 300px; margin: 0 auto; } .slide-3d img{display:block;margin:0 auto;width:300px} #su3-360 canvas, #su4-360 canvas, #rfid-360 canvas, #usb-360 canvas, #power-360 canvas, #cover-360 canvas, #su4-360 canvas, #rfid-ex-360 canvas, #usb-ex-360 canvas, #id-ex-360 canvas, #power-ex-360 canvas { width: 300px!important; height: 300px!important; margin: 0 auto; } #su3-360-mob canvas, #rfid-360-mob canvas, #usb-360-mob canvas, #power-360-mob canvas, #cover-360-mob canvas, #su4-360-mob canvas, #rfid-ex-360-mob canvas, #usb-ex-360-mob canvas, #id-ex-360-mob canvas, #power-ex-360-mob canvas { width: 300px!important; height: 300px!important; margin: 0 auto; } } @media (max-width: 800px) { #su3-360, #su4-360, #rfid-360, #usb-360, #power-360, #cover-360, #su4-360, #rfid-ex-360, #usb-ex-360, #id-ex-360, #power-ex-360 { width: 270px; } #su3-360-mob, #rfid-360-mob, #usb-360-mob, #power-360-mob, #cover-360-mob, #su4-360-mob, #rfid-ex-360-mob, #usb-ex-360-mob, #id-ex-360-mob, #power-ex-360-mob { width: 270px; } #su3-360-mob canvas, #rfid-360-mob canvas, #usb-360-mob canvas, #power-360-mob canvas, #cover-360-mob canvas, #su4-360-mob canvas, #rfid-ex-360-mob canvas, #usb-ex-360-mob canvas, #id-ex-360-mob canvas, #power-ex-360-mob canvas { width: 270px!important; height: 270px!important; margin: 0 auto; } #power-360-mob canvas, #power-ex-360-mob canvas { top: -68px!important; } .slide-3d { margin-bottom: 24px; } } /* Colors */ .inventory-intro {} .inventory-intro__image-block { text-align: center } .inventory-intro__image-block.border { border: 1px solid #d8d8d8; border-radius: 6px; margin-bottom: 30px; } .inventory-intro__image-block.border:hover{ border-color: #bbb; } .inventory-intro__image-block img { margin: 0 auto; max-width: 294px; width: 100%; } .inventory-intro__image-block.mw230 img { max-width: 230px; } .otzyvy__otzyv{ margin: 0 40px 0 40px; /*padding-top: 30px;*/ padding-bottom: 30px; text-align: center; } .otzyvy__otzyv + .otzyvy__otzyv{ border-top: 1px solid #ccc; } .otzyvy__otzyv>*{ display: inline-block; vertical-align: top; } .otzyvy__otzyv__title{ font-size: 22px; font-weight: 700; } .otzyvy__otzyv__titles{ font-size: 15px; font-style: italic; font-weight: bold; } .otzyvy__otzyv___titles{ font-size: 15px; font-style: italic; } .otzyvy__otzyv__date{} .otzyvy__otzyv__text{ text-align: justify; line-height: 24px; font-size: 16px; } .otzyvy__otzyv__img{ margin-top: 30px; } .otzyvy__otzyv__author{ margin-top: 25px; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; padding: 0 20px 0 0; font-size: 14px; line-height: 1.4; align-items: center; } @media (min-width: 992px){ .otzyvy__otzyv__content{ width: 65.0%; } .otzyvy__otzyv__img { width: 21.0%; max-width: 230px; margin-left: 30px; } .otzyvy__otzyv>*{ text-align: justify; } .otzyvy__otzyv__text{ text-align: justify; } } @media (min-width: 992px){ .otzyvy__otzyv__contents{ width: 80.0%; } } /* Colors */ /* Section */ .section__inventory-main { padding-top: 0; padding-bottom: 80px } .section-desc { padding-top: 75px; padding-bottom: 80px; clear: both; } @media (max-width: 870px) { .section__inventory-main { padding: 25px 15px } } @media (max-width: 767px) { .section-desc { padding-top: 35px; padding-bottom: 30px; clear: both; } } /* Headers */ /*.header { }*/ .header__inventory-main { margin-top: 35px; margin-bottom: 20px; font-size: 46px; line-height: 60px; text-align: center; font-family: 'Open Sans', sans-serif; } /*.header__inventory-main-1 { margin-top: 35px; margin-bottom: 20px; font-size: 42px; line-height: 60px; text-align: center; font-family: 'Open Sans', sans-serif; }*/ .header__inventory-sub { margin-bottom: 60px; margin-left: auto; margin-right: auto; max-width: 815px; font-size: 28px; line-height: 34px; text-align: center } .header__inventory-question { margin-bottom: 50px; font-size: 30px; line-height: 60px; text-align: center } @media (max-width: 800px) { .header {} .header__inventory-main { margin-top: 40px; font-size: 20px; line-height: normal } .header__inventory-sub { font-size: 18px; line-height: normal } .header__inventory-question { margin-bottom: 10px; font-size: 20px; line-height: normal } } /* Inventory Main Icons */ .inventory-main-icons {} .inventory-main-icons__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-right: 16px } .inventory-main-icons__img { position: relative; height: 85px } .inventory-main-icons__img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; margin: auto } .inventory-main-icons__text { text-align: center } @media (max-width: 800px) { .inventory-main-icons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .inventory-main-icons__item { margin-top: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .inventory-main-icons__item:not(:last-child) { padding-right: 0px } .inventory-main-icons__img { width: 100% } .inventory-main-icons__text { padding: 10px 0 } .inventory-main-icons__text p { margin: 0 } } /* Colors */ .inventory-menu { /* display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; */ } .inventory-menu--mobile { display: none; } .inventory-menu h5 { color: #898e93; } .inventory-menu p { color: #898e93; } .inventory-menu__item { display: none; /* flex: 0 1 auto; height: 100%; */ border-bottom: 4px solid #AAA; padding-right: 16px; padding-bottom: 16px; } .inventory-menu__item:hover { /* border-bottom: 4px solid rgba(255, 255, 255, 0); */ /* & p { color: var(--footer-phone); } */ } .inventory-menu__item:hover h5 { color: #19a9e8; } .inventory-menu__item:hover p.header__h5 { color: #19a9e8; } .inventory-menu__link { text-decoration: none; outline: none; } .inventory-menu--active { border-bottom: 4px solid #19a9e8; } .inventory-menu--active h5 { color: #19a9e8; } .inventory-menu--active p.header__h5 { color: #19a9e8; } .inventory-menu--active p { color: #010101; } .section {} .section__inventory-menu { padding: 60px 130px 0 130px; } @media (max-width: 1349px) { .section__inventory-menu { padding: 60px 45px 0 45px; } } @media (max-width: 800px) { .section__inventory-menu { padding: 25px 25px 0 25px; } #inventory-menu { display: none; } .inventory-menu { /* flex-direction: column; align-items: flex-end; */ } .inventory-menu--mobile { display: none; } .inventory-menu h5 { color: #898e93; } .inventory-menu p { display: none; color: #898e93; } .inventory-menu__link { text-align: left; } .inventory-menu__item { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; border-bottom: none; padding-right: 0px; padding-left: 16px; height: auto; border-left: 4px solid #AAA; } .inventory-menu__item:last-child { padding-right: 16px; } .inventory-menu__item:hover { border-bottom: none; /* border-right: 4px solid var(--hover-blue); */ } .inventory-menu--active { border-left: 4px solid #19a9e8; } .inventory-menu--active h5 { color: #19a9e8; } } /* Colors */ .inventory-montage {} .inventory-montage__image { -webkit-box-flex: 0; -ms-flex: 0 1 460px; flex: 0 1 460px } .inventory-montage__image img { max-width: 446px; width: 100%; padding-top: 0; } .inventory-montage__text { -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; padding-top: 0; padding-left: 50px } .inventory-montage__text ol { line-height: 20px; font-size: 14px; } .inventory-montage__text ol li { padding-bottom: 5px; } .inventory-montage__text ul { line-height: 20px; font-size: 14px; } .inventory-montage__text oul li { padding-bottom: 5px; } @media (max-width: 1349px) { .inventory-montage {} .inventory-montage__text { padding-top: 0; padding-left: 25px } .inventory-montage__image { padding-left: 25px } } @media (max-width: 800px) { .inventory-montage {} .inventory-montage__image { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto } .inventory-montage__text { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-left: 0 } } /* Colors */ .soft-description { margin-right: 70px; line-height: 20px; } .soft-description__item { max-width: 660px } @media (max-width: 1349px) { .soft-description { margin-right: 40px; } } @media (max-width: 800px) { .soft-description { margin-right: 0; } } .inventory-soft {} .inventory-soft__header-main { margin-bottom: 10px } .inventory-soft__header-secondary { margin-bottom: 20px } .inventory-soft__block { padding: 0 130px; margin-bottom: 60px } .inventory-soft__description { padding-right: 60px } .inventory-soft__link { font-size: 18px; color: #19a9e8 } .inventory-soft__link:hover { color: #5bcdff } .inventory-soft__price-text { margin-top: 4px; font-size: 18px; line-height: 26px; text-align: center; } .p--small__hard-item { font-size: 14px; line-height: 20px; } @media (max-width: 1349px) { .inventory-soft {} .inventory-soft__block { padding: 0 } } @media (max-width: 800px) { .inventory-soft {} .inventory-soft__block { margin-bottom: 30px } .inventory-soft__header-price { font-size: 30px; line-height: normal; margin-top: 0; margin-bottom: 0 } .inventory-soft__header-secondary { font-size: 18px } .inventory-soft__link { display: block; margin-bottom: 30px } } .inventory-soft__img { display: block; margin: 0 auto; /* max-width: 888px; */ width: 100%; } /* Colors */ .line { display: block; margin-bottom: 10px; width: 100%; height: 3px; border-radius: 1px; background-color: #FFF; } .main-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center; height: 100% } .main-section__top-header { color: #FFF; } .main-section__main-header { margin-top: 0; margin-bottom: 8px; font-size: 90px; white-space: nowrap; color: #1aa9e8; font-weight: bold; } .main-section__subheader { font-size: 50px; font-weight: bold; color: #FFF; } .main-section .button__more { width: auto; margin: 0 auto; } .main-section__subheader2 { margin-top: 15px; font-size: 22px; color: #fff; } .main-section__bottom-header { margin-top: 20px; font-size: 20px; font-weight: 300; color: #FFF; text-align: center; } .main-scroll-down { position: absolute; height: 120px; left: 0; bottom: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .main-scroll-down__container { display: block; text-decoration: none; } .main-scroll-down__container:hover .main-scroll-down__mouse-svg { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 128 128' enable-background='new 0 0 128 128' xml:space='preserve' fill='%2319a9e8'%3E %3Cg%3E %3Cpath d='M64,0C39.699,0,20,19.699,20,44v40c0,24.301,19.699,44,44,44s44-19.699,44-44V44C108,19.699,88.301,0,64,0z M100,84 c0,19.852-16.148,36-36,36s-36-16.148-36-36V44C28,24.148,44.148,8,64,8s36,16.148,36,36V84z M64,20c-6.629,0-12,5.371-12,12v16 c0,6.629,5.371,12,12,12s12-5.371,12-12V32C76,25.371,70.629,20,64,20z M68,48c0,2.207-1.793,4-4,4s-4-1.793-4-4V32 c0-2.207,1.793-4,4-4s4,1.793,4,4V48z'/%3E %3C/g%3E %3C/svg%3E") no-repeat; } .main-scroll-down__container:hover .main-scroll-down__chevron-down-svg { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 407.437 407.437' style='enable-background:new 0 0 407.437 407.437;' xml:space='preserve' width='21' height='21' preserveAspectRatio='none slice' fill='%2319a9e8'%3E %3Cpolygon points='386.258,91.567 203.718,273.512 21.179,91.567 0,112.815 203.718,315.87 407.437,112.815 '/%3E %3C/svg%3E") no-repeat; } .main-scroll-down__mouse-svg { width: 40px; height: 40px; background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 128 128' enable-background='new 0 0 128 128' xml:space='preserve' fill='%23fff'%3E %3Cg%3E %3Cpath d='M64,0C39.699,0,20,19.699,20,44v40c0,24.301,19.699,44,44,44s44-19.699,44-44V44C108,19.699,88.301,0,64,0z M100,84 c0,19.852-16.148,36-36,36s-36-16.148-36-36V44C28,24.148,44.148,8,64,8s36,16.148,36,36V84z M64,20c-6.629,0-12,5.371-12,12v16 c0,6.629,5.371,12,12,12s12-5.371,12-12V32C76,25.371,70.629,20,64,20z M68,48c0,2.207-1.793,4-4,4s-4-1.793-4-4V32 c0-2.207,1.793-4,4-4s4,1.793,4,4V48z'/%3E %3C/g%3E %3C/svg%3E") no-repeat; } .main-scroll-down__chevron-down-svg { width: 22px; height: 22px; margin: 8px auto; background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 407.437 407.437' style='enable-background:new 0 0 407.437 407.437;' xml:space='preserve' width='21' height='21' preserveAspectRatio='none slice' fill='%23fff'%3E %3Cpolygon points='386.258,91.567 203.718,273.512 21.179,91.567 0,112.815 203.718,315.87 407.437,112.815 '/%3E %3C/svg%3E") no-repeat; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(10px); transform: translateY(10px); } } @keyframes bounce { 0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(10px); transform: translateY(10px); } } /* Video Background */ .section--fullscreen-plan-b { position: relative; overflow: hidden; } .video-background { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; /* filter: brightness(0.3); */ z-index: -3; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url('../img/index-main-section-1.jpg') no-repeat; background-size: cover; -webkit-transition: 1s opacity; transition: 1s opacity; } .video-overlay { position: absolute; z-index: -2; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.6); /* background: #339dc7; opacity: .3;*/ } /* */ @media screen and (max-device-width: 800px) { #bgvid { display: none; } .video-overlay { display: none; } .main-back { /* background-image: url(../img/index-main-section.jpg);*/ background: url(../img/index-main-section.jpg) 100% 100% no-repeat; background-size: cover; } } @media screen and (max-device-width: 500px) { .main-back { /* background-image: url(../img/index-main-section.jpg);*/ background: url(../img/index-main-section-mini.jpg) 70% 100% no-repeat; background-size: cover; } } @media (min-width: 992px) { .main-section__main-header { margin-top: -130px; } .main-section__subheader2 { margin-top: 35px; } .main-section .button__more { margin: 30px auto; } } @media (max-width: 1449px) { .main-section {} .main-section__main-header { font-size: 68px; } .main-section__subheader { font-size: 40px; font-weight: bold; } .main-section__bottom-header { font-size: 20px; } .main-scroll-down { height: 100px; } .main-section__main-header { margin-top: -60px; } .main-section__subheader2 { margin-top: 35px; } .main-section .button__more { margin: 60px auto; } .line-on-sides:before, .line-on-sides:after { margin-top: -50px; } } @media (max-width: 1056px) { .button__more { margin-left: 0; } } @media (max-width: 991px) { .main-section__subheader { font-size: 26px; } .main-section__subheader2 { font-size: 16px; } .main-section__bottom-header { font-size: 16px; margin-bottom: 16px; } } @media (max-width: 800px) { .main-section { padding-top: 40px; padding-bottom: 25px } .main-section__main-header { font-size: 40px; margin-bottom: 38px; } .main-section__subheader { font-size: 26px; } .main-section__subheader2 { font-size: 16px; } .main-section__bottom-header { font-size: 18px; margin-bottom: 0; } .line { display: none; } .main-scroll-down { display: none; } .main-section__bottom-header { margin-top: 0; } } @media (max-width: 576px) { .main-section__main-header { margin-top: -10px; } .main-section__subheader2 { margin-top: 20px; } .main-section__subheader { font-size: 18px; white-space: normal; } .main-section__subheader2 { font-size: 14px; } .main-section__bottom-header { font-size: 14px; margin-top: -15px; } .main-section .button__more { width: auto; margin: 20px auto; } } /* Colors */ #map-index-wrapper { position: relative; } #map-index-legend { position: absolute; top: 15px; left: 100px; bottom: 15px; z-index: 99; width: 390px; background-color: #FFFFFF; } @media (max-width: 1349px) { #map-index-legend { left: 45px; } } @media (max-width: 800px) { } /* Button */ @media (max-width: 800px) { .button__show-on-map { display: block; margin: 0 auto; } } /* Index News Header */ .map-index-header { margin-bottom: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 800px) { .map-index-header { margin-bottom: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .map-index-header__header { text-align: left; } } /* Map Legend */ .map-legend { overflow: auto; } @media (max-width: 800px) { .map-legend { overflow: auto; } .map__legend { padding-bottom: 15px; } } /* Map card */ .map-card { display: -webkit-box; display: -ms-flexbox; display: flex; } .map-card:hover { cursor: pointer; background-color: #FAFAFA; } .map-card__balloon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 19px; width: 38px; background: url('../img/map-bubble.png') no-repeat; } .map-card__count { width: 100%; text-align: center; font-size: 14px; line-height: 38px; } .map-card__web { /* margin-bottom: 10px;*/ } .map-card__phone { color: #010101; text-decoration: none; font-weight: normal; } /* Dropdown Custom */ .dropdown-custom { position: relative; padding: 10px; background: #fff; color: #000; outline: none; cursor: pointer } .dropdown-custom:after { content: ""; width: 0; height: 0; position: absolute; right: 16px; top: 50%; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: grey transparent; } .dropdown-custom__list { position: absolute; top: 100%; left: 0px; right: 0px; background: white; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; list-style: none; opacity: 0; pointer-events: none; } .dropdown-custom__item { display: block; color: #000; background-color: #fff; padding: 10px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .dropdown-custom__item:hover { background-color: #fafafa; } .dropdown-custom--active {} .dropdown-custom--active:after { border-width: 0 6px 6px 6px; } .dropdown-custom--active .dropdown-custom__list { opacity: 1; pointer-events: auto; } .dropdown {} .dropdown__brake { display: none; } @media (max-width: 800px) { .dropdown {} .dropdown__brake { display: inherit; } } /* Colors */ .mob-header { display: none; } @media (max-width: 870px) { .mob-header { position: fixed; z-index: 5; top: 0px; left: 0px; right: 0px; width: 100%; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 24px; background-color: #2F363E; -webkit-transition: background-color 0.6s ease-in-out; transition: background-color 0.6s ease-in-out; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mob-header__burger { display: block; width: 27px; height: 32px; padding-top: 6px; cursor: pointer; position: relative; z-index: 6; top: 0; } .mob-header__burger span { display: block; width: 27px; height: 3px; margin-bottom: 5px; position: relative; background: #FFFFFF; border-radius: 2px; z-index: 4; -webkit-transform-origin: 2px 0px; transform-origin: 2px 0px; -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease, -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, opacity 0.3s ease; transition: transform 0.3s ease-in-out, opacity 0.3s ease, -webkit-transform 0.3s ease-in-out; } .mob-header__burger span:first-child { -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } .mob-header__burger span:nth-last-child(2) { -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } .mob-header__burger span:last-child { -webkit-transform-origin: 2px 3px; transform-origin: 2px 3px; } .mob-header__burger.mob-header__burger--opened span:first-child { opacity: 1; -webkit-transform: rotate(45deg) translate(-2px, -1px); transform: rotate(45deg) translate(-2px, -1px); background: #FFFFFF; } .mob-header__burger.mob-header__burger--opened span:nth-last-child(2) { opacity: 0; -webkit-transform: rotate(0deg) scale(0.2, 0.2); transform: rotate(0deg) scale(0.2, 0.2); } .mob-header__burger.mob-header__burger--opened span:last-child { opacity: 1; -webkit-transform: rotate(-45deg) translate(0, -1px); transform: rotate(-45deg) translate(0, -1px); } .mob-header__logo { color: #FFFFFF; text-decoration: none; font-size: 16px; font-weight: bold; padding-left: 8px; margin: 0; position: relative; z-index: 6; top: 12px; } .mob-header__logo:hover { color: #5bcdff; } .mob-header__phone { text-decoration: none; color: #FFFFFF; padding-left: 18px; font-size: 12px; position: relative; z-index: 6; margin-left: auto; } .mob-header__phone:hover { color: #5bcdff; } .mob-header__phone--padding { padding-bottom: 8px; } a.mob-header__phone::last-child { padding-bottom: 8px; } } a.mob-header__phone:nth-child(2) { padding-bottom: 8px; } a.mob-header__phone:last-child { padding-bottom: 8px; } .mob-header .phone-mos { text-decoration: none; color: #FFFFFF; /*padding-left: 18px;*/ font-size: 12px; position: relative; z-index: 6; margin-left: auto; padding-bottom: 8px; } .mob-header .phone-mos:hover { color: #5bcdff; } #mobile-menu { position: fixed; bottom: 0; left: 0; z-index: 3; box-sizing: border-box; width: 320px; height: 100%; padding: 58px 0 0 0; background: #2F363E; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out } #mobile-menu::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: #2F363E; z-index: -1; } #mobile-menu.mob-navigation--opened { -webkit-transform: translateX(0%); transform: translateX(0%); } .mob-navigation { width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow-y: auto; padding: 0 24px; } .mob-navigation__callme { text-align: right; } .mob-navigation__list { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; list-style-type: none; padding: 0; } .mob-navigation__list .menu-item { padding: 16px 0; font-size: 22px; color: #FFFFFF; } /* .comm-block--mob { position: absolute; bottom: 30px; left: 0; right: 0; } */ /* Colors */ /* Index News Header */ .news-section__header { margin-bottom: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .all-news-link { font-weight: bold; text-decoration: none; color: #19a9e8 } .all-news-link:hover { color: #5bcdff; } @media (max-width: 800px) { .news-section__header { margin-bottom: 0; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .all-news-link { font-size: 14px; } } /* Colors */ .capabilities-block {} .capabilities-block__text { /* margin-top: 36px; margin-bottom: 75px*/ margin-top: 35px; margin-bottom: 20px; } .capabilities-block img { margin:0 auto 60px; width: 100%; image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ } @media (max-width: 800px) { #slider-capabilities-main, #slider-capabilities-block { height: auto; padding-bottom: 20px; } .capabilities-block { padding: 0 10px; } .capabilities-block__text { margin-top: 0; margin-bottom: 40px } .capabilities-block__text .p { margin: 0 } .capabilities-block__text .p:not(:first-child) { display: none } .capabilities-block img { width: 100%; margin: 0 auto; } } /* Colors */ #clients-slick-slider .slick-next, #clients-slick-slider .slick-prev { top: 40%; } #clients-slick-slider { /* & .slick-track > div.slick-active:first-of-type { background-color: pink; transform: translateX(-20%); } */ } #clients-slick-slider img { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } #clients-slick-slider .slick-current img { -webkit-transform: scale(1); transform: scale(1); } .slick-current .client-media__text { visibility: visible; } .client-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 10px; margin-top: 45px } .client-media__img { height: 115px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .client-media__img img { width: 100%; /* max-width: 160px; */ } .client-media__text { visibility: hidden; } @media (max-width: 800px) { #clients-slick-slider {} #clients-slick-slider img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } #clients-slick-slider .slick-next, #clients-slick-slider .slick-prev { top: 20%; } .client-media { margin-top: 0; margin-bottom: 0px; padding: 0 50px } .client-media__img { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-top: 0px; margin-bottom: 8px; text-align: center; } .client-media__img img { max-width: 160px; /* margin: 0 auto; */ } .client-media__text { padding-right: 0; width: 100%; /* margin: 0 auto; */ } .client-media__text--inner { max-width: 180px; margin: 0 auto; } .client-media__text .p { margin-bottom: 0; } } /* Colors */ .slick-slide>div { height: 100%; } .da-nav { height: 100%; } /* Slick Slider Tab - Main mode*/ .slider-tab { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .slider-tab__item { padding: 18px 9px 18px 9px; width: 100%; cursor: pointer; font-size: 16px; /*font-size: 18px;*/ font-weight: 300; /* font-weight: normal;*/ text-align: center; text-decoration: none; color: #010101; border-top: 4px solid rgba(255, 255, 255, 0.0); } .slider-tab__item:hover { border-top: 4px solid rgba(255, 255, 255, 0.0); color: #19a9e8; } .slider-tab__item img { max-width: 100%; max-height: 62px; margin: 0 auto; } .da-slick--success-header .slider-tab {} .da-slick--success-header .slider-tab__item { border-top: none; } .da-slick--success-header .slider-tab__item:hover { border-top: none; } .slick-current {} .slick-current .slider-tab__item { border-top: 4px solid #19a9e8; color: #19a9e8; } .da-slick--success-header .slick-current {} .da-slick--success-header .slick-current .slider-tab__item { border-top: none; /* background-color: #FAFAFA;*/ background-color: #eeeeee; } @media (max-width: 1349px) { .slider-tab {} .slider-tab__item { padding: 18px 9px 18px 9px; font-size: 16px; } } @media (max-width: 800px) { .slider-tab { padding: 0 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .slider-tab__item { max-width: 100%; padding: 18px 40px 18px 40px; font-size: 18px; border-top: none; } .slider-tab__item img { max-width: 100%; } .slider-tab__item:hover { border-top: none; } .slick-current {} .slick-current .slider-tab__item { border-top: none; } .da-slick--success-header .slick-current {} .da-slick--success-header .slick-current .slider-tab__item { background-color: #FFFFFF; } } /* Slick Slider Main Section */ .da-slide__implementation { padding: 0 100px 85px 135px; /* padding: 0 100px 85px 260px;*/ background-image: url(../img/bg-cop.jpg); background-position: 80% 50% } @media (max-width: 1366px) { .da-slide__implementation { padding: 0 100px 85px 89px; background-position: 60% 50% } } .implementation-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .implementation-block__header { margin: 82px 0 40px 0; font-size: 30px; font-weight: normal; color: #010101; } a.implementation-block__header { display: block; cursor: pointer; text-decoration: none; } a.implementation-block__header:hover { display: block; text-decoration: underline; } .implementation-block__list { list-style: none; padding-left: 0; } .implementation-block__list-item { font-size: 16px; line-height: 30px; } .implementation-block__list-item:last-child { margin-bottom: 40px; } .implementation-block__bullitt { background: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' width='11' height='11' preserveAspectRatio='none slice' fill='%2319a9e8'%3E %3Ccircle cx='100' cy='100' r='100'/%3E %3C/svg%3E") no-repeat left 10px / 11px 11px; padding-left: 40px; } @media (max-width: 1349px) { .da-slide__implementation { padding: 0 85px 45px 130px; } } @media (max-width: 800px) { .da-slide__implementation { padding: 25px; background-image: none; } .implementation-block {} .implementation-block__header { margin: 0 0 7px 0; font-size: 16px; font-weight: bold; } .implementation-block__list-item { margin-bottom: 10px; font-size: 14px; line-height: 20px; } .implementation-block__list-item:last-child { margin-bottom: 30px; } .implementation-block__bullitt { background: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' width='11' height='11' preserveAspectRatio='none slice' fill='%2319a9e8'%3E %3Ccircle cx='100' cy='100' r='100'/%3E %3C/svg%3E") no-repeat left 6px / 11px 11px; padding-left: 33px; } } /* Colors */ #slider-success-nav {} @media (min-width: 991px) { #slider-success-nav img { filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: grayscale(100%); filter: grayscale(100%) } #slider-success-nav img:hover { filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: grayscale(0%); filter: grayscale(0%) } #slider-success-nav .slick-current img { filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: grayscale(0%); filter: grayscale(0%) } } .da-slick--success-header { background-color: #fafafa } .da-slick--success-header .slick-active { background-color: #fff } .da-slick--success-header .slick-active.slick-current { background-color: #fafafa } .success-block {} .success-block__trinity { margin: 0 130px } .success-block__image {} .success-block__image img { width: 100% } .success-block__feedback { margin: 0 auto; max-width: 746px } .success-block__p { font-size: 16px; line-height: 24px; color: #010101 } @media (max-width: 1349px) { .success-block {} .success-block__p { margin: 0 45px } } @media (max-width: 800px) { #slider-success-nav {} #slider-success-nav img { filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: grayscale(0%); filter: grayscale(0%) } .da-slick--success-header { background-color: #fff } .da-slick--success-header .slick-active { background-color: #fff } .da-slick--success-header .slick-active.slick-current { background-color: #fff } .success-block {} .success-block__feedback { margin: 0 auto; max-width: 746px } .success-block__p { margin: 0; padding: 0 25px 35px 25px } } .trinity-block { margin: 0 130px; display: -webkit-box; display: -ms-flexbox; display: flex } .trinity-block__item { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-right: 30px } .trinity-block__header { font-size: 24px; font-weight: 300; margin: 45px 0 0; color: #010101; } .trinity-block__text { color: #010101; font-size: 16px; line-height: 24px; margin-top: 10px; } .slider-tab__item_img1, .slider-tab__item_img2, .slider-tab__item_img3 { height: 86px; } .slider-tab__item_img1 img, .slider-tab__item_img2 img, .slider-tab__item_img3 img { height: auto; width: auto; max-height: 100%; max-width: 100%; } .slider-tab__item_img1 { padding: 5px 40px; } .slider-tab__item_img2 { /* padding: 20px 40px;*/ padding: 7px 0px; } .slider-tab__item_img3 { padding: 5px 40px; } @media (max-width: 1349px) { .trinity-block { margin: 0 45px } .trinity-block__item { padding-right: 20px } } @media (max-width: 800px) { .trinity-block { margin: 30px 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .trinity-block__item { padding-right: 0 } .trinity-block__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 10px 0 10px 0/* */ } .trinity-block__header:after { display: inline-block; content: '\a0'; margin-left: 12px; width: 13px; height: 100%; background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 185.333 185.333' style='enable-background:new 0 0 185.333 185.333;' xml:space='preserve' width='13' height='13' preserveAspectRatio='none slice' fill='%23898e93'%3E %3Cg%3E%3Cpath d='M174.612,144.368c-2.747,0-5.493-1.044-7.593-3.144L92.672,66.872l-74.347,74.352 c-4.194,4.194-10.987,4.194-15.18,0c-4.194-4.194-4.194-10.981,0-15.17l81.934-81.945c4.194-4.194,10.992-4.194,15.18,0 l81.929,81.945c4.194,4.194,4.194,10.976,0,15.17C180.105,143.318,177.364,144.368,174.612,144.368z'/%3E %3C/g%3E%3C/svg%3E") no-repeat center center / 13px 13px } .trinity-block__header:hover { /* color: var(--active-blue); */ cursor: pointer } .trinity-block__header:hover:after { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 185.333 185.333' style='enable-background:new 0 0 185.333 185.333;' xml:space='preserve' width='13' height='13' preserveAspectRatio='none slice' fill='%23898e93'%3E %3Cg%3E%3Cpath d='M174.612,144.368c-2.747,0-5.493-1.044-7.593-3.144L92.672,66.872l-74.347,74.352 c-4.194,4.194-10.987,4.194-15.18,0c-4.194-4.194-4.194-10.981,0-15.17l81.934-81.945c4.194-4.194,10.992-4.194,15.18,0 l81.929,81.945c4.194,4.194,4.194,10.976,0,15.17C180.105,143.318,177.364,144.368,174.612,144.368z'/%3E %3C/g%3E%3C/svg%3E") no-repeat center center / 13px 13px } @media (max-width: 800px) { .trinity-block__header:hover:after, .trinity-block__header:after { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 185.333 185.333' style='enable-background:new 0 0 185.333 185.333;' xml:space='preserve' width='13' height='13' preserveAspectRatio='none slice' fill='%2319a9e8'%3E %3Cg%3E%3Cpath d='M174.612,144.368c-2.747,0-5.493-1.044-7.593-3.144L92.672,66.872l-74.347,74.352 c-4.194,4.194-10.987,4.194-15.18,0c-4.194-4.194-4.194-10.981,0-15.17l81.934-81.945c4.194-4.194,10.992-4.194,15.18,0 l81.929,81.945c4.194,4.194,4.194,10.976,0,15.17C180.105,143.318,177.364,144.368,174.612,144.368z'/%3E %3C/g%3E%3C/svg%3E") no-repeat center center / 13px 13px } } .trinity-block__header--collapsed { display: none; } .slick-slide.slick-current.slick-active .trinity-block__header--collapsed { display: -webkit-box; display: -ms-flexbox; display: flex; } .trinity-block__header--collapsed:after { display: inline-block; content: '\a0'; margin-left: 12px; width: 13px; height: 100%; background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 185.344 185.344' style='enable-background:new 0 0 185.344 185.344;' xml:space='preserve' width='13' height='13' preserveAspectRatio='none slice' fill='%23898e93'%3E %3Cg%3E %3Cpath d='M92.672,144.373c-2.752,0-5.493-1.044-7.593-3.138L3.145,59.301c-4.194-4.199-4.194-10.992,0-15.18 c4.194-4.199,10.987-4.199,15.18,0l74.347,74.341l74.347-74.341c4.194-4.199,10.987-4.199,15.18,0 c4.194,4.194,4.194,10.981,0,15.18l-81.939,81.934C98.166,143.329,95.419,144.373,92.672,144.373z'/%3E %3C/g%3E %3C/svg%3E") no-repeat center center/13px 13px } .trinity-block__header--collapsed:hover { /* color: var(--active-blue); */ cursor: pointer } .trinity-block__header--collapsed:hover:after { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 185.344 185.344' style='enable-background:new 0 0 185.344 185.344;' xml:space='preserve' width='13' height='13' preserveAspectRatio='none slice' fill='%23898e93'%3E %3Cg%3E %3Cpath d='M92.672,144.373c-2.752,0-5.493-1.044-7.593-3.138L3.145,59.301c-4.194-4.199-4.194-10.992,0-15.18 c4.194-4.199,10.987-4.199,15.18,0l74.347,74.341l74.347-74.341c4.194-4.199,10.987-4.199,15.18,0 c4.194,4.194,4.194,10.981,0,15.18l-81.939,81.934C98.166,143.329,95.419,144.373,92.672,144.373z'/%3E %3C/g%3E %3C/svg%3E") no-repeat center center/13px 13px } .trinity-block__text { font-size: 14px; margin-bottom: 30px } } .success-collapse { position: relative; height: 170px; min-height: 170px; overflow: hidden } .success-collapse.active{ height: auto; } .success-collapse__gradient { height: 70px; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; /*background: url(../img/gradient.png) repeat-x;*/ } .success-collapse__chevron { height: 35px; background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 407.437 407.437' style='enable-background:new 0 0 407.437 407.437;' xml:space='preserve' width='21' height='21' preserveAspectRatio='none slice' fill='%23333'%3E %3Cpolygon points='386.258,91.567 203.718,273.512 21.179,91.567 0,112.815 203.718,315.87 407.437,112.815 '/%3E %3C/svg%3E") no-repeat center top/21px 21px; /*background-color: #eeeeee;*/ -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; } .success-collapse__chevron:hover { cursor: pointer; background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 407.437 407.437' style='enable-background:new 0 0 407.437 407.437;' xml:space='preserve' width='21' height='21' preserveAspectRatio='none slice' fill='%2319a9e8'%3E %3Cpolygon points='386.258,91.567 203.718,273.512 21.179,91.567 0,112.815 203.718,315.87 407.437,112.815 '/%3E %3C/svg%3E") no-repeat center top/21px 21px; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; } .success-collapse__chevron--opened { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 407.436 407.436' style='enable-background:new 0 0 407.436 407.436;' xml:space='preserve' width='21' height='21' preserveAspectRatio='none slice' fill='%23333'%3E %3Cpolygon points='203.718,91.567 0,294.621 21.179,315.869 203.718,133.924 386.258,315.869 407.436,294.621 '/%3E %3C/svg%3E") no-repeat center top/21px 21px } .success-collapse__chevron--opened:hover { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 407.436 407.436' style='enable-background:new 0 0 407.436 407.436;' xml:space='preserve' width='21' height='21' preserveAspectRatio='none slice' fill='%235bcdff'%3E %3Cpolygon points='203.718,91.567 0,294.621 21.179,315.869 203.718,133.924 386.258,315.869 407.436,294.621 '/%3E %3C/svg%3E") no-repeat center top/21px 21px } @media (max-width: 800px) { .success-collapse { height: auto } .success-collapse__gradient { display: none } .success-collapse__chevron { display: none } } /* Colors */ .inventory-cahr { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .inventory-cahr__char-block { -webkit-box-flex: 0; -ms-flex: 0 1 33%; flex: 0 1 33%; padding-right: 16px; padding-top: 55px } .page-id-59 .inventory-cahr .mobile-flex__item:last-child { flex: 1; } @media (max-width: 800px) { .inventory-cahr { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .inventory-cahr__char-block { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-right: 0; padding-top: 25px } } /* Colors */ .button-soft { margin-bottom: 16px } .button-soft:last-child { margin-left: 10px; margin-bottom: 0 } #slider-screenshots-main { /* max-width: 750px;*/ width: 100%; margin: 0 auto; } #slider-screenshots-main .software-slide-img { float: left; width: 60%; } #slider-screenshots-main .js-software-textblock { float: left; width: 37%; padding-left: 3%; } #slider-screenshots-main .js-software-textblock p { color: #010101; font-size: 14px; line-height: 20px; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #slider-screenshots-main p.js-software-textblock-header { font-size: 18px; line-height: 20px; font-weight: bold; } #slider-screenshots-nav { margin-top: 25px; float: left; width: 60%; padding: 0 24px; } #slider-screenshots-nav .slick-prev { left: 0; } #slider-screenshots-nav .slick-next { right: 0; } #slider-video-main { width: 100%; margin: 0 auto; } #slider-video-nav { margin-top: 25px } #slider-video-nav .slick-next { top: 35% } #slider-video-nav .slick-prev { top: 35% } #slider-screenshots-main .da-slide__container { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start; justify-content: center; } .js-software-textblock .software-slide-img { display: none; position: relative; float: none; } @media (max-width: 1130px) { #slider-screenshots-main .js-software-textblock, #slider-screenshots-main .software-slide-img { width: 50%; } #slider-screenshots-nav { width: 100%; } .slider-screenshots-buttons { display: block; } .button-soft, .button__download { margin-top: 15px; } } @media (max-width: 1025px) { #slider-screenshots-nav { margin: 0; } } @media (max-width: 1024px) { #slider-screenshots-main .da-slide__container { display: block; } #slider-screenshots-main .js-software-textblock, #slider-screenshots-main .software-slide-img { width: 100%; padding-left: 0; } .da-slide__screenshot-thumb { display: none!important; } #slider-screenshots-nav .slick-next { right: -25px; top: -350px; } #slider-screenshots-nav .slick-prev { left: -25px; top: -350px; } #slider-screenshots-main .software-slide-img { display: none; } #slider-screenshots-main .js-software-textblock .software-slide-img { display: block; position: relative; float: none; } } @media (max-width: 800px) { #slider-screenshots-main .js-software-textblock, #slider-screenshots-main .js-software-modal { float: none; width: 100%; } } @media (max-width: 600px) { #slider-screenshots-nav { display: none; } #slider-video-nav { display: none; } .da-slide {} #slider-screenshots-main .da-slide__container { padding: 0 15px; } } .da-slide {} .da-slide__soft-img { width: 100% } .da-slide__screenshot-thumb { padding: 0 6px } /* Thumbnail Overlay for Images */ .overlayed { position: relative; display: block } .overlayed__base { display: block; width: 100% } .overlayed__overlay { display: none } .overlayed:hover {} .overlayed:hover .overlayed__overlay { display: block; box-sizing: border-box; position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; font-weight: bold; color: rgba(0, 0, 0, 0); border: 3px solid rgba(26, 169, 232, 0.9) } .slick-current .overlayed {} .slick-current .overlayed .overlayed__overlay { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; font-size: 12px; font-weight: bold; color: #FFFFFF; background: rgba(26, 169, 232, 0.9); border: none; display: none; } /* Video Thumbnail */ .video-thumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 5px; cursor: pointer } .video-thumb__text { padding: 12px 0; font-size: 12px; line-height: 17px } .video-thumb:hover {} .video-thumb:hover .overlayed__overlay { display: block; box-sizing: border-box; position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: rgba(0, 0, 0, 0); /* background: rgba(26, 169, 232, 0.9); */ border: 3px solid rgba(26, 169, 232, 0.9) } .slick-current .video-thumb__text { color: #19a9e8; } .slick-current .video-thumb .overlayed {} .slick-current .video-thumb .overlayed .overlayed__overlay { background: rgba(26, 169, 232, 0) } /* Custom Video Navigation */ .da-slide__video { position: relative; } .video-navigation { position: absolute; top: 0; left: 0; right: 0; bottom: 60px; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .video-navigation__play { width: 75px; height: 75px; background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 60 60' style='enable-background:new 0 0 60 60;' xml:space='preserve' fill='%2319a9e8'%3E %3Cpath d='M30,0C13.458,0,0,13.458,0,30s13.458,30,30,30s30-13.458,30-30S46.542,0,30,0z M45.563,30.826l-22,15 C23.394,45.941,23.197,46,23,46c-0.16,0-0.321-0.038-0.467-0.116C22.205,45.711,22,45.371,22,45V15c0-0.371,0.205-0.711,0.533-0.884 c0.328-0.174,0.724-0.15,1.031,0.058l22,15C45.836,29.36,46,29.669,46,30S45.836,30.64,45.563,30.826z'/%3E %3C/svg%3E") no-repeat center center } .video-navigation__play:hover { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 60 60' style='enable-background:new 0 0 60 60;' xml:space='preserve' fill='%235bcdff'%3E %3Cpath d='M30,0C13.458,0,0,13.458,0,30s13.458,30,30,30s30-13.458,30-30S46.542,0,30,0z M45.563,30.826l-22,15 C23.394,45.941,23.197,46,23,46c-0.16,0-0.321-0.038-0.467-0.116C22.205,45.711,22,45.371,22,45V15c0-0.371,0.205-0.711,0.533-0.884 c0.328-0.174,0.724-0.15,1.031,0.058l22,15C45.836,29.36,46,29.669,46,30S45.836,30.64,45.563,30.826z'/%3E %3C/svg%3E") no-repeat center center } /* Colors */ /*.header { }*/ .header__complect { margin-bottom: 50px } .software-vozm { margin-top: 60px } .software-vozm__block { -webkit-box-flex: 0; -ms-flex: 0 1 250px; flex: 0 1 250px } .software-vozm__image { height: 62px; position: relative } .software-vozm__image img { position: absolute; bottom: 0; left: 0; right: 0; margin: auto } @media (max-width: 1000px) { .software-vozm {} .software-vozm__image {} .software-vozm__image img { -webkit-transform: scale(0.75, 0.75); transform: scale(0.75, 0.75) } } @media (max-width: 800px) { .software-vozm {} .software-vozm__block { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto } .software-vozm__image {} .software-vozm__image img { -webkit-transform: scale(1, 1); transform: scale(1, 1) } .header {} .header__complect { margin-bottom: 25px } } /* Colors */ .conditions-flex { margin-top: 70px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .conditions-flex__main { -webkit-box-flex: 0; -ms-flex: 0 1 60%; flex: 0 1 60%; max-width: 60%; } .conditions-flex__aside { -webkit-box-flex: 0; -ms-flex: 0 1 40%; flex: 0 1 40%; max-width: 40%; /*ackground-color: #FAFAFA;*/ background-color: rgba(170, 170, 170, 0.2); padding: 35px; text-align: center; } @media (max-width: 800px) { .conditions-flex { margin-top: 35px } .conditions-flex__main { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto } .conditions-flex__aside { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; background-color: #FAFAFA; padding: 35px 16px } } .header-conditions { font-size: 14px; font-weight: bold; margin-top: 26px; margin-bottom: 16px; } .p-conditions-aside { font-size: 20px; line-height: 30px; color: #010101; } .conditions-flex ul li { font-size: 16px; padding-bottom: 20px; } @media (max-width: 1349px) { .p-conditions-aside { font-size: 16px; line-height: 24px; color: #010101; } } .download-flex { display: -webkit-box; display: -ms-flexbox; display: flex } .download-two-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; margin: 10px 0; } @media (min-width: 1920px) { .download-two-buttons a { white-space: nowrap; } } @media (max-width: 1919px) { .download-two-buttons { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 1599px) { .download-two-buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .download-two-buttons .doc-slide { padding: 10px 0 20px; } } @media (max-width: 575px) { .button__download--support { width: 100% } } .download-flex-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .download-flex__item { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; padding-right: 10px; margin-top: 35px; margin-right: 0; box-sizing: border-box; } .app-store-buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .app-store-buttons a { display: block; } @media (max-width: 800px) { .download-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .download-flex__item { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; padding-right: 0; } .section-support-test .download-flex__item.mt-50{ margin-top: 0; } .app-store-buttons { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .app-store-buttons a { display: inline-block; } } @media (max-width: 575px) { .app-store-buttons a { display: block; } .section-support-test hr { width: 100%!important } } .support-main-section {} .support-main-section__top-header { margin-bottom: 35px } .support-main-section__center-block { margin-bottom: 35px } .support-main-section__interact { text-align: center } .support-main-section__center-header { display: block; margin-bottom: 45px; text-align: center } .support-main-section__button-comment { display: block; padding-top: 12px; font-size: 14px; font-weight: 300; color: #060708 } .support-main-section__contacts { max-width: 1040px; margin-right: auto; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 800px) { .support-main-section {} .support-main-section__top-header { margin-bottom: 0 } .support-main-section__center-block { margin-bottom: 15px; } .support-main-section__center-header { display: block; margin-bottom: 0; text-align: center } .support-main-section__contacts { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } } /* Colors */ .question {} .question__title { display: block; font-size: 16px; font-weight: normal; cursor: pointer; color: #000; margin: 16px 0; } .question__title:after { display: inline-block; content: '\a0'; margin-left: 12px; width: 13px; height: 100%; background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 185.344 185.344' style='enable-background:new 0 0 185.344 185.344;' xml:space='preserve' width='13' height='13' preserveAspectRatio='none slice' fill='%23898e93'%3E %3Cg%3E %3Cpath d='M92.672,144.373c-2.752,0-5.493-1.044-7.593-3.138L3.145,59.301c-4.194-4.199-4.194-10.992,0-15.18 c4.194-4.199,10.987-4.199,15.18,0l74.347,74.341l74.347-74.341c4.194-4.199,10.987-4.199,15.18,0 c4.194,4.194,4.194,10.981,0,15.18l-81.939,81.934C98.166,143.329,95.419,144.373,92.672,144.373z'/%3E %3C/g%3E %3C/svg%3E") no-repeat center center / 9px 9px } .question__title:hover { color: #5bcdff } .question__title:hover:after { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 185.344 185.344' style='enable-background:new 0 0 185.344 185.344;' xml:space='preserve' width='13' height='13' preserveAspectRatio='none slice' fill='%235bcdff'%3E %3Cg%3E %3Cpath d='M92.672,144.373c-2.752,0-5.493-1.044-7.593-3.138L3.145,59.301c-4.194-4.199-4.194-10.992,0-15.18 c4.194-4.199,10.987-4.199,15.18,0l74.347,74.341l74.347-74.341c4.194-4.199,10.987-4.199,15.18,0 c4.194,4.194,4.194,10.981,0,15.18l-81.939,81.934C98.166,143.329,95.419,144.373,92.672,144.373z'/%3E %3C/g%3E %3C/svg%3E") no-repeat center center / 9px 9px } .question__title--opened { color: #19a9e8 } .question__title--opened:after { display: inline-block; content: '\a0'; margin-left: 12px; width: 13px; height: 100%; background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 185.333 185.333' style='enable-background:new 0 0 185.333 185.333;' xml:space='preserve' width='13' height='13' preserveAspectRatio='none slice' fill='%2319a9e8'%3E %3Cg%3E%3Cpath d='M174.612,144.368c-2.747,0-5.493-1.044-7.593-3.144L92.672,66.872l-74.347,74.352 c-4.194,4.194-10.987,4.194-15.18,0c-4.194-4.194-4.194-10.981,0-15.17l81.934-81.945c4.194-4.194,10.992-4.194,15.18,0 l81.929,81.945c4.194,4.194,4.194,10.976,0,15.17C180.105,143.318,177.364,144.368,174.612,144.368z'/%3E %3C/g%3E%3C/svg%3E") no-repeat center center / 9px 9px } .question__title--opened:hover { color: #5bcdff; cursor: pointer } .question__title--opened:hover:after { background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 185.333 185.333' style='enable-background:new 0 0 185.333 185.333;' xml:space='preserve' width='13' height='13' preserveAspectRatio='none slice' fill='%235bcdff'%3E %3Cg%3E%3Cpath d='M174.612,144.368c-2.747,0-5.493-1.044-7.593-3.144L92.672,66.872l-74.347,74.352 c-4.194,4.194-10.987,4.194-15.18,0c-4.194-4.194-4.194-10.981,0-15.17l81.934-81.945c4.194-4.194,10.992-4.194,15.18,0 l81.929,81.945c4.194,4.194,4.194,10.976,0,15.17C180.105,143.318,177.364,144.368,174.612,144.368z'/%3E %3C/g%3E%3C/svg%3E") no-repeat center center / 9px 9px } .question__answer { display: none; margin-bottom: 0 } /* Colors */ .normaliz-text-box { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .normaliz-text { line-height: 20px; margin-right: 50px; margin-bottom: 30px; } .normaliz-text-box .p-conditions-aside { margin: 0; } .divTable { display: table; width: 100%; } .divTableRow { display: table-row; text-align: center; } .divTableHeading { background-color: #EEE; display: table-header-group; } .divTableCell, .divTableHead { border-bottom: 1px solid #999999; display: table-cell; padding: 18px 10px; vertical-align: middle; min-width: 150px; } .divTableCell-bold { font-weight: bold; } .divTableHeading { background-color: #EEE; display: table-header-group; font-weight: bold; } .divTableFoot { background-color: #EEE; display: table-footer-group; font-weight: bold; } .divTableBody { display: table-row-group; } .divTableCell-img img { width: 90px; height: 90px; float: left; -o-object-fit: cover; object-fit: cover; margin-top: 15px; } .divTableCell-img p { color: #000; text-align: left; padding: 25px 0 0 8em; width: calc( 100% - 10px); font-size: 15px; } .divTableCell-img p.p-sm { padding: 0 0 0 8.5em; font-size: 14px; } .divTableCell-img span { font-size: 14px; color: #898e93; } .divTableRow_th { font-weight: bold; } .divTableCell input { background-size: 16px 18px; background-position: 98% 50%; cursor: auto; display: block; box-sizing: border-box; border-radius: 0px; height: 44px; padding: 5px; color: rgb(64, 64, 75); border: 1px solid rgb(153, 153, 153); width: 100%; -webkit-appearance: none; text-align: center; border-top: none; border-left: none; border-right: none; } input::-webkit-inner-spin-button { opacity: 1; } .divTableCell input:focus { outline: none; border-color: #19a9e8; } .divTableCell p.p.inventory-soft__price-text { font-size: 14px; } #count_price { display: block; margin: 0 auto; text-align: center; } #count_price p { color: #000; } #count_price span.calculates-summ { font-weight: bold; font-size: 26px; } .input-group__input:focus { outline: none; border-color: #19a9e8; } span.wpcf7-not-valid-tip { font-size: 12px!important; } div.wpcf7 input[type=file] { color: #000!important; float: left; font-size: 14px; width: 250px; text-indent: -9999em; border: 0; cursor: pointer; padding: 20px 0; line-height: 21px; white-space: nowrap; margin-bottom: 10px; margin-top: -21px; display: block; margin-left: 60px; } div.wpcf7 input[type=file]:after { content: ' '; /*background: url(../img/icon-pdf.png) no-repeat;*/ width: 42px; height: 46px; display: block; position: absolute; margin-top: -30px; margin-left: 60px; } div.wpcf7 input[type=file]:focus { outline: none; } div.wpcf7-validation-errors { border: 2px solid #19a9e8!important; font-size: 14px!important; text-align: center!important; padding: 10px 20px!important; } div.wpcf7-mail-sent-ok { border: 2px solid #19a9e8!important; font-size: 14px!important; text-align: center!important; padding: 10px 20px!important; } #slider-review-images .inventory-intro__image-block img { border: 1px solid #e2dcdc; } #slider-review-images .inventory-intro__image-block { padding: 10px; height: 100%; } #slider-review-images .inventory-intro__image-block img { width: 45%; } @media (max-width: 1680px) { #slider-review-images .inventory-intro__image-block img { width: 65%; } } #slider-review-images .slick-center .inventory-intro__image-block img { width: 100%; } #slider-review-images .slick-slide { height: 415px; } .re-client-slider2 .slick-slide {} #slider-review-images .inventory-intro__image-block a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } #slider-review-images .inventory-intro__image-block a:focus { outline: none; } /*.calc_left { float: left; display: block; width: 50%; }*/ .p--small a { color: #19a9e8; } .map-dostavka { height: 220px!important; } ul.ul--small { line-height: 20px; font-size: 14px; } ul.ul--small li { padding-bottom: 5px; } ul.ul--delivery { list-style: none; line-height: 20px; font-size: 14px; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0; padding-bottom: 20px; } .dealer-container__contacts--calculator {} /*select.selectSome { border:0px; outline:0px; font-size: 16px; font-weight: normal; height: 42px; line-height: 40px; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .map-index-header__selects--arrow { overflow: hidden; background: #fff url('../img/select-/wp-content/uploads/2019/01/arrow.png') center right no-repeat; }*/ .slide-3d-display-mob { display: none; } @media (max-width: 800px) { .slide-3d-display { display: none; } .slide-3d-display-mob { display: block; } .slide-3d-display-mob.inventory-montage__image img { padding: 20px 0; margin: 0 auto; display: block; } } section#inventory-soft-block { padding-bottom: 0; } select { padding-right: 25px; padding-left: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; border: 0; font-size: 14px; line-height: 20px; font-family: 'Open Sans', sans-serif; -webkit-appearance: none; cursor: pointer; background: #fff; } .jq-selectbox select, .jq-select-multiple select { display: none; } .select { position: relative; } .jq-selectbox li:hover { background-color: #fff; color: #1aa9e8; } .jq-selectbox li.selected { background-color: #fff; color: #1aa9e8; } .jq-selectbox__dropdown { position: absolute; background: #FFFFFF; box-shadow: 0px 4px 8px rgb(0 0 0 / 25%); border-radius: 4px; border-radius: 4px; top: 39px!important; left: 20px; right: 20px; width: auto!important; padding: 11px; z-index: 999999; font-size: 15px; line-height: 20px; min-height: 55px; } .jq-selectbox__select { padding: 10px; position: relative; border: 1px solid #8DD5F4; border-radius: 4px; line-height: inherit; padding: 10px 40px 10px 10px; font-size: 14px; width: auto; background: #fff; box-shadow: none; margin: 0 20px; height: auto; } .jq-selectbox ul li:last-child { margin-bottom: 0; } .jq-selectbox.focused .jq-selectbox__select { border: 2px solid #18A9E8; } .jq-selectbox__trigger-arrow { border-top: 5px solid #18A9E8; } .jq-selectbox__dropdown li { margin-bottom: 15px; } .jq-selectbox__trigger { border-left: 0; } .jq-selectbox__select:hover { background: #fff; } .map-index-header__selects { display: flex; justify-content: space-between; } select:focus { outline: -webkit-focus-ring-color auto 0; } option { font-weight: normal; display: block; white-space: pre; min-height: 1.2em; line-height: 20px; border: none; } @media (max-width: 960px) { .divTableCell-img img { display: none; } .divTableCell-img p { padding: 10px; } } @media (max-width: 670px) { .divTableCell, .divTableHead { min-width: 135px; } .divTableCell-img p { padding: 0; width: 100%; } } .news-item p { font-size: 16px; line-height: 24px; font-weight: normal; color: #010101; } .news-item ol li, .news-item ul li { font-size: 16px; line-height: 24px; padding-bottom: 20px; } .news-item img.alignleft { float: left; margin: 0 10px 10px 0; } .news-item img.alignright { float: right; margin: 0 0 10px 10px; } .news-item img.aligncenter { float: none; display: block; margin: 0 auto; } .news-item img.alignnone { margin: 0 auto; } .news-item img { max-width: 100%; height: auto; } /* WordPress Gallery ------------------------------------------ */ .gallery-caption { text-align: center; margin-top: 14px; font-weight: 300; font-size: 14px; text-decoration: none; } .gallery:after { display: table; content: ""; clear: both; } .gallery-item { margin: 0; float: left; padding: 0.5em; } .gallery-item img { width: 100%; } .gallery-columns-1 .gallery-item { width: 100%; float: none; } .gallery-columns-2 .gallery-item { width: 50% } .gallery-columns-3 .gallery-item { width: 33.3333% } .gallery-columns-4 .gallery-item { width: 25% } .gallery-columns-5 .gallery-item { width: 20% } .gallery-columns-6 .gallery-item { width: 16.6667% } .gallery-columns-7 .gallery-item { width: 14.2857% } .gallery-columns-8 .gallery-item { width: 12.5% } .gallery-columns-9 .gallery-item { width: 11.1111% } .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery-columns-5 .gallery-item:nth-child(5n+1), .gallery-columns-6 .gallery-item:nth-child(6n+1), .gallery-columns-7 .gallery-item:nth-child(7n+1), .gallery-columns-8 .gallery-item:nth-child(8n+1), .gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: left; } .entry-content a { font-size: 14px; text-decoration: none; color: #19a9e8; } .calc_left { float: left; width: 32%; padding-right: 1%; } .calc_right { width: 60%; } .clear { clear: both; } .office-card__contact a[href] { color: #19a9e8; text-decoration: none; } .delivery-slick-slider { display: -webkit-box; display: -ms-flexbox; display: flex; } .delivery-slick-slide .da-slide { -webkit-box-flex: 0; -ms-flex: 0 1 46%; flex: 0 1 46%; margin-top: 35px; margin-right: 3.3333%; } @media (max-width: 1024px) { .delivery-slick-slider .da-slide { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-top: 0; margin-right: 0; } .delivery-slick-slider { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } /*.section__how-surface-overlay { position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); } .section__how-weather-overlay { position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0); }*/ .fancybox-caption { text-align: center!important; border-top: 1px solid hsla(0, 0%, 100%, 0)!important; font-size: 16px!important; } span.success-block__trinity-gradient { background: -webkit-linear-gradient(#333333 0%, #eee 27%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } @media (max-width: 800px) { span.success-block__trinity-gradient { background: none; -webkit-background-clip: inherit; display: inline; color: #010101; -webkit-text-fill-color: inherit; } } .upload-group-new { position: relative; } .upload-group-new div.wpcf7 input[type=file] { color: #fff!important; float: right; font-size: 14px; width: 250px; text-indent: -9999em; border: 0; cursor: pointer; padding: 20px 0; line-height: 21px; white-space: nowrap; margin-bottom: 10px; margin-top: -30px; display: block; } .file_upload { background: #19a9e8 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 525.153 525.153' style='enable-background:new 0 0 525.153 525.153;' xml:space='preserve' fill='%23FFFFFF'%3E %3Cpath d='M169.974,401.567H355.2V216.21h123.586L262.576,0L46.367,216.21h123.586v185.357H169.974z M46.367,463.294h432.419v61.859 H46.367V463.294z'/%3E %3C/svg%3E") 24px center / 17px 17px no-repeat; display: block; position: relative; overflow: hidden; font-size: 1em; /* example */ height: 50px; /* example */ line-height: 20px; width: 320px; margin: 0 auto; /* the same as height */ } .file_upload .button, .file_upload>mark { display: block; cursor: pointer; /* example */ } .file_upload .button { float: right; box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; /* example */ height: 100%; text-align: center; /* example */ } .file_upload>mark { background: transparent; /* example */ padding-left: 1em; display: none; /* example */ } @media only screen and ( max-width: 500px) { /* example */ .file_upload>mark { display: none; } .file_upload .button { width: 100%; } } .file_upload input[type=file] { position: absolute; top: 0; opacity: 0; } /* Making it beautiful */ .file_upload { /*border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,0.1);*/ transition: box-shadow 0.1s linear; } .file_upload.focus { /*box-shadow: 0 0 5px rgba(0,30,255,0.4)*/ } .file_upload .button { transition: background 0.2s; /*border: 1px solid rgba(0,0,0,0.1); border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*/ /*border-radius: 2px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);*/ color: #fff; /*text-shadow: #6200bd 0 -1px 0;*/ background: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .file_upload:hover { opacity: 0.7; /*text-shadow: #5d00b3 0 -1px 0*/ } .file_upload:active .button { background: #19a9e8; /*box-shadow: 0 0 3px rgba(0,0,0,0.3) inset*/ } @media (max-width: 500px) { .file_upload { width: 250px; line-height: 28px; } } .calc_main { display: inline-block; /* background: aliceblue;*/ padding: 0; } .calc_inp { width: 40px; text-align: right; } .calc_el_res { text-align: center; } .calc_table td, .calc_table th { padding: 2px; } .td_yellow { background: yellow; } .td_black { background: #222; color: #fff; } .calc_result { background: #fff; } .calc_inp_s { width: 200px; text-align: left; display: block; } #calc_save_r, #calc_send_zaj { height: auto; display: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; overflow: hidden; -moz-transition: 0.3s ease-in-out, left 1.5s ease-in-out; -webkit-transition: 0.3s ease-in-out, left 1.5s ease-in-out; -moz-transition: 0.3s ease-in-out, left 1.5s ease-in-out; -o-transition: 0.3s ease-in-out, left 1.5s ease-in-out; transition: 0.3s linear; ; margin: 30px 0; } #calc_res_1 { display: none; } .calc_subj, .calc_message { display: none; } .calc_button { cursor: pointer; /* height: 44px; */ padding: 5px; outline: none; margin-top: 10px; display: inline-block; border: 0; padding: 16px 48px; color: #19a9e8; background-color: #ffffff; font-weight: bold; font-size: 16px; text-decoration: none; cursor: pointer; border: 2px solid #19a9e8; } div#calc-mob-form { display: none; background-color: #eeeeee; padding: 10px; } @media only screen and ( max-width: 628px) { .calc_main { display: none; } div#calc-mob-form { display: block; } } @media only screen and ( max-width: 628px) { #software-slider { padding-bottom: 0; } #howitworks-principle { padding-top: 0; } } .slider-screenshots-buttons-mobile { display: none; } @media only screen and ( max-width: 628px) { .slider-screenshots-buttons-not-mobile { display: none; } .slider-screenshots-buttons-mobile { display: block; } } #howitworks-principle-slider2 .header__h2 { font-size: 36px; margin-left: -12px; } .slides-result { background-color: #00a0e3; } .slides-result .header__h2 { color: #fff; } .slides-result p { color: #fff; } .slides-result .slick-slide img { width: 75px; height: 75px; float: right; margin-right: 15px; } .slides-result .button__download--support { margin: 0 auto; display: block; max-width: 220px; margin-top: 30px; } img.mistake-page { width: 100%; } .entry-summary p { font-size: 14px; line-height: 20px; color: #010101; padding: 0; margin: 16px 0; } h2.entry-title a { font-size: 24px; line-height: 30px; color: #19a9e8; cursor: pointer; } h2.entry-title a:hover { color: #5bcdff; } .mob-navigation-opened .mob-header--index { background-color: rgb(47, 54, 62); } .input-group__input-textarea { padding-top: 32px; line-height: 24px; } textarea#text-question { padding-top: 32px; line-height: 24px; } .map-card__balloon2 { -moz-box-flex: 0; /* background: rgba(0, 0, 0, 0) url("../wp-content/themes/index/img/map-bubble-orange.png") no-repeat scroll 0 0; */ flex: 0 0 auto; margin-right: 19px; width: 38px; } @media only screen and ( max-width: 628px) { .slides-result .slick-slide img { float: none; margin: 0 auto; } /*.page-template-page-slides .section { padding: 0 25px 25px 25px; } .page-template-page-slides .how-main__main-header { margin-top: 20px; }*/ .page-slides section.section.section--small.section__how.section--no-padding-top { padding-bottom: 0; } /*.page-template-page-slides .section__how { padding-bottom: 0; }*/ .page-slides .section--no-padding-top { padding-top: 0; } .page-slides h2.header.header__h2 { margin-bottom: 0; } .page-slides .how-main__main-header { margin-top: 0; } .page-slides .slides-result .button__download--support { width: 215px; text-align: center; } .section--padding-bottom-mob { padding-bottom: 35px; } } .input-order { flex-wrap: wrap; } .input-order .input-group:last-child { flex: 1 0 100%; margin: 0; } .label-confidentiality { padding: 18px 18px 18px 0; color: #000; font-weight: 300; } .label-confidentiality a { color: #000; font-weight: 300; font-size: 14px; } .share { margin-left: auto; margin-right: auto; display: block; width: 78%; text-align: left; margin-top: 40px; } .share > .share-text { margin-left: 5px; } .share > .addtoany_shortcode { margin-top: 10px; } .addtoany_header { margin: 0 0 5px; } .subtitle{ font-size: 19px; font-weight: 500; margin-top: 38px; } .text-center{ text-align: center; } .table-vystavki{ margin: 40px auto 10px; border: 1px solid #eee; border-collapse: collapse; overflow-x: auto; width: 100%; } .table-vystavki th{ background-color: #f9f9f9; border: 1px solid #eee; padding: 5px; } .table-vystavki th p{ font-size: 14px; } .table-vystavki tr:nth-of-type(odd){ background-color: #f9f9f9; } .table-vystavki td{ text-align: center; padding: 5px; border: 1px solid #eee; } .table-vystavki td p{ font-size: 14px; } @media (max-width: 480px) { .table-vystavki td p{ font-size: 12px; } } .otzyvy_block_btn{ text-align: center; margin-top: 30px; } .otzyvy_block_btn a{ display: inline-block; border: 0; padding: 13px 48px; color: #FFFFFF; background-color: #19a9e8; font-weight: bold; font-size: 15px; text-decoration: none; cursor: pointer; text-transform: uppercase; } .banner{ overflow: hidden; } .banner__inner{ position: relative; } .banner__inner img{ width: 100%; min-width: 800px; } .banner__button { position: absolute; left: 8%; bottom: 31px; background: #19a9e8; color: #fff; display: block; text-align: center; font-size: 0.9vw; text-decoration: none; font-weight: 700; padding: 0.9vw 1.1vw; } @media (max-width: 1006px) { .banner__button{ left: 62px; font-size: 10px; padding: 9px 12px; } } @media (max-width: 540px){ .banner__button{ width: 90%; left: 50%; bottom: 5%; height: 90px; font-size: 20px; display: flex; align-items: center; justify-content: center; margin-left: -45%; text-transform: uppercase; } .banner__inner img{ min-width: auto; } } .pb0{ padding-bottom: 0!important; } .pb40{ padding-bottom: 40px; } .vystavki-item p { font-size: 16px; line-height: 24px; font-weight: normal; color: #010101; } .table-vystavki a { font-size: 16px; } .table-vystavki th, td { line-height: 26px; text-align: left; } .table-vystavki td { text-align: left!important; } .vystavki-lnk { color: #19a9e8; } /*.about-counter__item { padding-right: 85px; padding-left: 15px; } .couter-block__info { padding-top: 0px; }*/ .couter-block { display: flex; flex-direction: column; } .couter-block__info { padding-top: 10px; } .about-counter__item { min-width: 200px; } .couter-block { /* min-width: 200px;*/ min-width: 279px; } /*стили для чекбокса - согласие с обработкой в формах*/ .label-confidentiality {display: block;text-align: left;font-size: 12px;} .label-confidentiality .wpcf7-list-item {display: inline; margin: 0;} .label-confidentiality span{margin: 0!important;} .label-confidentiality .wpcf7-list-item input {position: relative; bottom: -2px;cursor: pointer!important;} .label-confidentiality .wpcf7-list-item-label{color: #000;} .label-confidentiality a {color: #000; text-decoration: underline;} .label-confidentiality .wpcf7-not-valid-tip {display: none;} .label-confidentiality .wpcf7-not-valid .wpcf7-list-item-label:before {content: "*"; color: red; font-weight: 700; font-size: 15px;} .label-confidentiality .wpcf7-not-valid{border: none!important} .wpcf7-not-valid {border-bottom: 1px solid red;} .wpcf7-form.sent .label-confidentiality{display: none;} div.wpcf7-validation-errors{} span.wpcf7-not-valid-tip{text-align: left;font-size: 12px;margin-top: 3px;} div.wpcf7-response-output{margin-bottom: 0; font-size: 14px; text-align: left;} .control-methods { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: center; } @media (min-width: 1024px){ .control-methods{ margin: 30px -30px; } } .control-method__inner { border: 1px solid #ccc; padding: 20px 20px; position: relative; margin-bottom: 30px; } @media (min-width: 1280px){ .control-method__inner{ width: 460px; } } .control-method { } @media (min-width: 992px) { .control-method { padding: 0 50px; } } .control-method__top { } @media (min-width: 1280px){ .control-method__top{ height: 120px; } } .control-method__top__img { text-align: center; } @media (min-width: 1280px){ .control-method__top__img{ position: absolute; z-index: 10; } } .control-method__top__img.left { left: 5px; top: 20px; } .control-method__top__img.right { right: 5px; top: 15px; } .control-method__top__title { background: #1aa8e8; text-align: center; } @media (min-width: 1280px){ .control-method__top__title { height: 64px; position: absolute; top: 37px; width: 370px; line-height: 64px; padding: 0 42px; } } .control-method__top__title.left{} @media (min-width: 1280px){ .control-method__top__title.left { right: -30px; text-align: right; background: url(../img/blue_arrow_right.png) no-repeat; background-size: contain; } } .control-method__top__title.right{} @media (min-width: 1280px){ .control-method__top__title.right { left: -30px; text-align: left; background: url(../img/blue_arrow_left.png) no-repeat; background-size: contain; } } .control-method__top__title p { font-size: 14px; padding: 5px 10px; color: #fff; } @media (min-width: 1280px){ .control-method__top__title p { margin: 0; color: #fff; padding: 0; font-size: 16.4px; font-weight: 600; } } .control-method__limitations>p{ padding-left: 20px; } .control-method__limitations__list { list-style: none; } .control-method__limitations__item { position: relative; padding: 10px 0 10px 25px; font-size: 12px; line-height: 1.5; } @media (min-width: 768px){ .control-method__limitations__item{ font-size: 14px; } } .control-method__limitations__item:before { position: absolute; content: '-'; display: block; text-align: center; line-height: 11px; font-weight: 900; font-size: 34px; color: #ff5a5a; width: 27px; height: 27px; border: 1px solid #ccc; padding: 3px; left: -12px; top: 6px; border-radius: 50%; } .row-blocks { display: flex; list-style: none; text-align: center; padding: 0; margin: 20px auto; flex-wrap: wrap; max-width: 950px; } .row-block{ padding: 30px; flex-basis: 100%; max-width: 100%; } @media (min-width: 576px) { .row-block{ flex-basis: 50%; max-width: 50%; } } @media (min-width: 768px) { .row-block{ flex-basis: 33.333%; max-width: 33.333%; } } .row-block__img { max-height: 100px; } .row-block__img img { max-width: 100%; max-height: 100px; } .row-block__text { font-size: 14px; } @media (min-width: 768px) { .row-block__text { font-size: 16px; } } .note1{ padding: 30px 30px; margin: 30px auto; display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; background-color: #094a7a; } @media (min-width: 992px){ .note1{ flex-wrap: nowrap; padding: 35px 15px; } } @media (min-width: 992px){ .note1--bg{ background: #094a7a url(../img/note_bg_right.png) center right no-repeat; background-size: contain; } } .note1>p{ font-size: 13px; font-weight: 700; font-style: italic; color: #fff; text-align: center; line-height: 1.7; } @media (min-width: 992px){ .note1>p{ text-align: left; font-size: 14px; padding: 0 20px; } } .note1>p>a{ color: #38b8f2; text-decoration: none; } .note1>a{ padding: 15px 23px; white-space: nowrap; font-size: 14px; align-self: center; } .note1 p+a{ margin: 0 30px; } .fs20px{font-size: 20px;} .fw700{font-weight: 700;} .fs30px{font-size: 30px} .text-center{text-align: center;} .text-block{line-height: 1.6; font-size: 15px; margin: 30px 0; } .support-mail { display: inline-block; color: black; margin-top: 5px; } .scroll-container{overflow-x: auto;} .scroll-container::-webkit-scrollbar{width:4px;height:4px} .scroll-container::-webkit-scrollbar-track{background-color:#e3e3e3} .scroll-container::-webkit-scrollbar-thumb{background-color:#bdbdbd} /*new*/ .blog { background:#fff; margin-top:0; } ul#menu-blog { display: flex; justify-content: flex-start; flex-wrap: wrap; } .menu-blog-container { margin: 0; padding: 5px; padding-left: 260px; background: #19a9e8; } .menu-blog-container li { list-style-type: none; display: inline-block; margin: 0 10px; } .menu-blog-container a { text-decoration: none; color:#fff; font-size: 15px; } .menu-blog-container a:hover { color:#000; } .alm-listing { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blog .article-block__header { font-size: 24px; padding: 20px 20px 0; line-height: 40px; color: #000; text-decoration: none; } .blog .article-block { width: 33.3%; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: flex-start; margin: 0 0 30px; background: #fff; /*border: 1px solid #ccc;*/ } .ajax-load-more-wrap { overflow:hidden; } .blog .article-block img{ width: 100%; height: auto; } .blog .article-block__date { display: block; color: #898e93; text-align: right; font-size: 12px; text-transform: uppercase; padding: 10px 20px; margin: 0; } .block_subscribe { width: 400px; display: flex; flex-wrap: nowrap; flex-direction: column; margin: 20px 0; background: #fff; border:1px solid #aaa; } .block_subscribe h4 { font-size: 24px; text-align: center; margin: 30px 0 0; } .block_subscribe p { font-family: 'Arial Regular', 'Arial'; font-weight: 400; font-style: normal; font-size: 13px; color: #333333; text-align: left; line-height: normal; margin: 0 20px 25px; text-align: left; } .inputtext { width: 262px; height: 40px; font-family: 'Arial Обычный', 'Arial'; font-weight: 400; font-style: normal; font-size: 13px; text-decoration: none; color: #999999; text-align: center; margin: 35px auto; display: block; } .block_subscribe button { font-family: 'Arial Regular', 'Arial'; font-weight: 400; font-style: normal; font-size: 13px; color: #000000; text-align: center; line-height: normal; width: 262px; height: 41px; display: block; margin: auto; } .blog .article-block__text { font-size: 14px; line-height: 20px; color: #010101; padding: 0 20px; } .blog hr { width: 85%; border:none; background: #ccc; height: 1px; } .blog .article-block__read-blogpost { display: block; font-size: 14px; font-weight: bold; color: #000; padding: 5px 50px 5px 10px; margin-left: 20px; margin-bottom: 10px; } .block_subscribe.subscribes { margin: auto; width:80%; } .block_subscribe.subscribes form{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around; } .subscribes div { display: flex; flex-wrap: wrap; margin: 10px 30px 0px; } .subinput { display: inline-flex; flex-grow: 2; margin: 20px 0 0; } .subinput input { flex-grow: 1; padding:15px 0; width:100%; } .subscribes input.wpcf7-form-control.wpcf7-submit { padding: 15px; flex-grow: 1; margin:20px 0 0; } .subscribes .ajax-loader { display: none!important; } .subinput span { position:absolute; bottom: -15px; } .checkbox-948 span.wpcf7-not-valid-tip { text-align:center} .relpost-thumb-wrapper.relpost-align-left { width:100%; display:contents; } .relpost-block-container { display: flex; justify-content:space-around; flex-wrap:wrap; } .page-template-page-vystavka .gallery-item { width: 33%; } .page-template-page-vystavka .gallery-item img { height: auto; } @media (max-width: 480px) { .blog .article-block { width: 100%!important; } } @media (max-width: 768px) { .menu-blog-container { margin-left: 0!important; margin-top: 40px; } .blog .article-block__header { font-size: 18px; } .block_subscribe.subscribes { width: 90%; margin:0 5%; } .menu-blog-container a { font-size: 14px; } .section { /*padding: 45px 10px;*/ } /* .single-post .content-box { margin-top: 0; } */ .single-post .section { padding: 45px 25px; } .single-post .section--back,.single-post .pedia-main__main-header, .single-post .section--small, .single-post .section--v-small-enc { padding: 0 25px; margin-top:0; } .grr1 { padding-left:20px; } .footer__navigation { order: 1; } .social_icons { order: 0; } .footer__navigation { margin-bottom: 0; margin-top: 0; } } @media (max-width: 803px) { #menu-blog { margin-top: 30px; } .menu-blog-container, .blogh1 { padding-left:10px!important; } .blog .article-block { width: 400px; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: flex-start; margin: 20px 0; background: #fff; border: 1px solid #ccc; } /*.blog .article-block:nth-child(odd) { margin: 20px 100px 20px 0; }*/ } @media (max-width: 1770px) { .alm-btn-wrap, .alm-masonry { left: 50%; margin-left: -420px; position: relative; width:100%; } } @media (max-width: 1160px) { .alm-btn-wrap, .alm-masonry { left: 50%; margin-left: -210px; position: relative; width:100%; } } @media (min-width: 1800px) { .alm-btn-wrap, .alm-masonry { margin-left: 4%; position: relative; width:100%; } } @media (min-width: 1801px) { .alm-btn-wrap, .alm-masonry { margin-left: 7%; position: relative; width:100%; } } @media (max-width: 600px) { .alm-btn-wrap, .alm-masonry { left: 0; margin-left: 0; position: relative; width:100%; } } .relpost-block-single-image { margin-bottom:10px; } .relpost-block-single-text { font-weight: 600; } .relpost-block-single { margin-bottom:20px; } .blog .wpcf7-response-output { margin-bottom: 20px; justify-content: space-around; } .blog .wpcf7-response-output:empty { display:none; } .grr1 .input-group, .grr1 .header__h2 { margin-bottom: 20px; } .grr1 .input-group { display:flex; flex-basis:40%; flex-grow:1; } .wpcf7-list-item-label { font-size: 14px; } .alm-listing { margin:0 auto!important; } @media (min-width: 1024px) { .doc-slide { margin-bottom: 10px; } .da-slide { display: inline-block; width: auto; min-width: 100%!important; } #howitworks-principle-slider .da-slide { min-width: 100%!important; } } @media (max-width: 1024px) { .social_text { text-align: center; } .social_images { justify-content: center; flex-direction: row; margin-bottom: 20px; } .social_images { justify-content: center !important; flex-direction: row; margin-bottom: 20px; } .social_icons { padding: 0px !important; top: 0px !important; position: unset !important; } } .footer__social { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 130px } .social_icons { padding: 0px 0 0 255px; top: -50px; position: relative; } .social_images { justify-content: flex-start; flex-direction: row; margin-bottom: 20px; } .social_text { padding-top: 25px; } .icon_fb { padding-right: 10px; padding-left: 25px; } .icon_vk { padding: 5px 20px 5px 5px; } .icon_inst { padding-right: 10px; } @media (max-width: 1300px) { .footer__social { padding-left: 45px; } } @media (max-width: 768px) { .footer__social { padding-left: 30px; } .fcopy { padding-right:30px!important; flex-wrap:wrap; } .fcopy .copyright { width:100%!important; margin-top:10px; text-align:center; } } .instagram-header { margin-top: 50px; } .instagram { position: relative; padding: 30px 15px; } @media (max-width: 1400px) { .instagram { padding: 30px; } } @media (max-width: 575px) { #sb_instagram.sbi_col_6 #sbi_images .sbi_item, #sb_instagram .sbi_photo { width: 220px; height: 220px; } .instagram { padding: 0; } #sb_instagram { margin: 0 auto; width: 100%; text-align: center; } } @media (max-width: 475px) { #sb_instagram.sbi_col_6 #sbi_images .sbi_item, #sb_instagram .sbi_photo { width: 176px; height: 176px; background-size: 176px 176px!important; background-position: top!important; } } @media (max-width: 370px) { #sb_instagram.sbi_col_6 #sbi_images .sbi_item, #sb_instagram .sbi_photo { width: 130px; height: 130px; background-size: 130px 130px!important; background-position: top!important; } } .not-active { pointer-events: none; cursor: default; opacity: 0.3; } .mt20 { margin-top: 20px; } .button__download_pdf span.icon-pdf { display: inline-block; position: absolute; left: 0; height: 17px; width: 17px; background: url('../img/pdf.png') center no-repeat; } #support-download .doc-slide__text { color: #FFF!important; } #support-download .doc-slide:hover .doc-slide__text { text-decoration: underline; } #support-download .doc-slide__icon { background-image: url(../img/icon-pdf-white.png); background-size: 74%; } .doc-slide-soft { justify-content: center; } .doc-slide-soft .doc-slide__text { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .doc-slide-soft .doc-slide__icon { width: 42px; height: 46px; -webkit-box-flex: 0; -ms-flex: 0 0 42px; flex: 0 0 42px; background-image: url(../img/icon-pdf.png); background-size: 74%; } .doc-slide-soft:hover .doc-slide__text { text-decoration: underline; } .button__download_pdf:hover { background: transparent; text-decoration: underline; } .button__download_soft_pdf span.icon-pdf--blue { display: inline-block; position: absolute; left: 24px; height: 17px; width: 17px; background: url('../img/pdf-blue.png') center no-repeat; } .button__download_soft_pdf { position: relative; display: inline-block; border: 0; margin-top: 0; padding: 16px 0 5px 50px; color: #19a9e8; background-color: #FFF; font-size: 16px; font-weight: normal; text-decoration: none; cursor: pointer; } .button__download_soft_pdf:hover { background-color: #FFF; text-decoration: underline!important; } @media (max-width: 800px) { .button__download_soft_pdf { padding: 12px 12px 12px 50px; font-size: 12px; } .button__download_pdf { padding: 12px 12px 12px 37px; font-size: 12px; font-weight: normal; } .button__download_pdf span.icon-pdf { left: 14px; background-size: 14px 14px; bottom: 11px; } } .mini-review-card{ margin: 20px 0; } .mini-review-card__title{ margin: 0 0 5px; } .mini-review-card__subtitle{ margin: 5px 0; font-size: 14px; font-weight: bold; } .mini-review-card__text{ font-size: 13px; } .reviews-btns-row{ display: flex; flex-wrap: wrap; justify-content: center; margin: -10px 0 10px; } .reviews-btn { display: inline-block; border: 0; padding: 16px 48px; color: #FFFFFF; background-color:#19a9e8; font-weight: bold; font-size: 15px; text-decoration: none; cursor: pointer; margin: 10px; line-height: 21px; } /* .review-card-row{ display: flex; flex-wrap: wrap; align-items: stretch; list-style: none; padding: 0; margin: -20px; } .review-card-col{ padding: 10px; flex-basis: 100%; max-width: 100%; } @media (min-width: 768px) { .review-card-col{ flex-basis: 33%; max-width: 33%; } } .review-card{ border: 1px solid #ccc; padding: 20px; height: 100%; display: flex; flex-direction: column; } .review-card__text{ flex-grow: 1; padding-bottom: 20px; font-size: 13px; flex-grow: 1; padding-bottom: 15px; margin-top: 10px; margin-left: auto; margin-right: auto; max-width: 750px; line-height: 17px; } .review-card__title{ margin: 0 0 5px; } .review-card__subtitle{ margin: 0; } .reviews-btns-row{ display: flex; flex-wrap: wrap; justify-content: center; margin: -10px 0; } .reviews-btn { display: inline-block; border: 0; padding: 13px 48px; color: #FFFFFF; background-color: #19a9e8; font-weight: bold; font-size: 15px; text-decoration: none; cursor: pointer; text-transform: uppercase; margin: 10px; } */ .reviewsV2__row{ /*margin: -15px;*/ list-style: none; padding: 0; } @media (min-width: 1024px){ .reviewsV2__row{ display: flex; flex-wrap: wrap; } } .reviewsV2__item{ padding: 15px; } @media (min-width: 1024px){ .reviewsV2__item{ flex-basis: 33%; max-width: 33%; } } .reviewsV2-block{ border: 1px solid #eee; height: 100%; display: flex; flex-direction: column; } .reviewsV2-block__head{ background-color: #0a4a7a; padding:16px 16px; display: flex; align-items: center; flex-direction: column; position: relative; min-height: 135px; } .reviewsV2-block__head_2{ padding:16px 16px; display: flex; align-items: center; flex-direction: column; position: relative; min-height: 100px; } @media (min-width: 576px){ .reviewsV2-block__head{ flex-direction: row; align-items: center; } } @media (min-width: 576px){ .reviewsV2-block__head_2{ flex-direction: row; align-items: center; } } .reviewsV2-block__head:after{ content: ""; position: absolute; bottom: -23px; left: 32px; border-right: 20px solid transparent; border-bottom: 12px solid transparent; border-top: 12px solid #0a4a7a; border-left: 20px solid #0a4a7a; } .reviewsV2-block__user-info{ margin-top: 15px; margin-bottom: 15px; } @media (min-width: 576px){ .reviewsV2-block__user-info{ margin-left: 15px; } } .reviewsV2-block__user{ border-radius: 50%; min-width: 70px; min-height: 70px; width: 70px; height: 70px; border: 3px solid #fff; overflow: hidden; } .reviewsV2-block__img{ max-width: 100%; height: auto; } .reviewsV2-block__name{ font-weight: 700; font-size: 17px; color: #fff; margin-left: -5px; padding-left: 10px; padding-right: 10px; } @media (min-width: 576px){ .reviewsV2-block__name{ padding: 0; } } .reviewsV2-block__name_2{ font-weight: 700; font-size: 17px; color: #000; margin-left: 5px; padding-left: 10px; padding-right: 10px; margin-top: 10px; } @media (min-width: 576px){ .reviewsV2-block__name_2{ padding: 0; } } .reviewsV2-block__who{ margin-top: 5px; font-style: italic; font-size: 15px; color: #fff; line-height: 1.2; margin-left: -5px; font-family: sans-serif;} .reviewsV2-block__who_2{ margin-top: 5px; font-style: italic; font-size: 15px; color: #000; line-height: 1.2; margin-left: 5px; font-family: sans-serif; } @media (min-width: 576px){ .reviewsV2-block__who{ } } @media (min-width: 576px){ .reviewsV2-block__who_2{ } } .reviewsV2-block__main{ padding: 30px; display: flex; flex-direction: column; flex-grow: 1; } .reviewsV2-block__text{ flex-grow: 1; text-align: justify; line-height: 20px; font-size: 14px; } .reviewsV2-block__date{ font-size: 13px; margin-top: 13px; } .mb40{margin-bottom: 40px;} .reviews-btn:hover{ opacity: .8; } .mini-question-card{ padding: 10px; margin: 15px 0; width: 75%; } .mini-question-card.is-answer{ background-color: #eee; margin-left: auto; max-width: 850px; background-color: #eee; border-radius: 10px; margin-bottom: 16px; font-size: 14px; line-height: 20px; } @media (min-width: 768px) { .mini-question-card.is-answer{} } .mini-question-card__title{ font-size: 16px; margin: 0 0 5px; font-weight: 700; } .mini-question-card__text{ font-size: 14px; margin-top: 5px; } .header-bold{ font-size: 30px; text-align: center; } .mt-0 {margin-top: 0} .mt-10{margin-top: 10px} .mt-20{margin-top: 20px} .mt-30{margin-top: 30px} .mt-50{margin-top: 40px} .mt-70{margin-top: 70px} .mb-0 {margin-bottom: 0} .mb-10{margin-bottom: 10px} .mb-20{margin-bottom: 20px} .mb-30{margin-bottom: 30px} .mb-50{margin-bottom: 40px} .mb-70{margin-bottom: 70px} /* /////////////////////// */ .review-card-row { display: flex; flex-wrap: wrap; align-items: stretch; list-style: none; padding: 0; margin: -20px; } .review { display: flex; flex-wrap: wrap; align-items: stretch; list-style: none; margin: 20px -10px; margin-lefT: 10px; margin-right: 10px; border: 1px solid #ccc; padding: 15px; flex-basis: 100%; max-width: 100%; } @media (min-width: 768px) { .review{ flex-basis: 33%; max-width: 33%; } } @media (max-width: 768px) { .about-cert__image img{ height:auto; } } .about-cert__image img .review .top { background: #0a4a7a; padding: 20px 20px; color: #fff; } .review .top:before { content: ''; width: 30px; height: 30px; margin-top: 123px; margin-left: 5px; background: url(/wp-content/uploads/2019/01/after.png) no-repeat center top; position: absolute; } .review .top .lft img { border: 5px solid #fff; border-radius: 50%; width: 90px; } .review .top .lft { display: inline-block; width: 110px; vertical-align: top; } .review .top .rgt { padding-top: 20px; display: inline-block; max-width: 60%; vertical-align: top; } .review .top .rgt p { font-style: italic; font-size: 14px; padding-top: 6px; color:#92b0c7; } .review .bottom { padding: 25px; padding-top: 50px; line-height: 1.5; color: #222; font-size: 16px; } .review .bottom .height { min-height: 240px; } .horizontal { border-top: 1px solid #ccc; padding-top: 40px; padding-bottom: 40px; } @media (max-width: 870px) { .horizontal { padding-top: 20px; padding-bottom: 0; } } .horizontal .left { display: inline-block; vertical-align: top; width: 36%; text-align: left; } @media (min-width: 1600px) { .horizontal .left{width: 26%; } } .horizontal .left__2 { display: inline-block; vertical-align: top; width: 28%; text-align: left; } @media (min-width: 1700px) { .horizontal .left{ width: 29%; } } @media (max-width: 440px) { .horizontal .left__2{ width: 100%; text-align: center; } } .horizontal .right { display: inline-block; vertical-align: top; width: 62%; text-align: left; } @media (min-width: 1600px) { .horizontal .right{width: 70%; } } .horizontal .right__2 { display: inline-block; vertical-align: top; width: 60%; text-align: left; } @media (max-width: 440px) { .horizontal .right__2{ width: 100%; text-align: center; } } .horizontal .left .image img { border-radius: 50%; width: 100px; margin-right: 20px; } .horizontal .left__2 .image img { border-radius: 50%; width: 80px; margin-right: 20px; } .horizontal.vgl .left .image img { border-radius: 0; } .horizontal.vgl .left__2 .image img { border-radius: 0; } .horizontal .left .image { display: inline-block; vertical-align: top; } .horizontal .left__2 .image { display: inline-block; vertical-align: top; } .horizontal .left .titles { display: inline-block; vertical-align: top; padding-top: 25px; } .horizontal .left__2 .titles { display: inline-block; vertical-align: top; } .horizontal .left .titles p { max-width: 300px; margin-top: 8px; font-size: 16px; text-align: left; line-height: 1.3; } .horizontal .left__2 .titles p { max-width: 300px; margin-top: 8px; font-style: italic; font-size: 16px; text-align: left; line-height: 1.3; } .horizontal.vgl .left__2 .titles {} .horizontal.vgl .left .titles p { font-size: 26px; font-weight: bold; } .horizontal .right h2 { padding-bottom: 15px; font-size: 26px; font-weight: 400; margin-top: 0; margin-bottom: 10px; } .horizontal .right__2 h2 { padding-bottom: 15px; font-size: 26px; font-weight: 400; margin-top: 0; margin-bottom: 10px; } .horizontal .right p { padding-bottom: 15px; text-align: justify; line-height: 24px; font-size: 16px; font-weight: 400; margin-top: 0; margin-bottom: 10px; font-family: sans-serif; } .horizontal .right__2 h2 { padding-bottom: 15px; font-size: 26px; font-weight: 400; margin-top: 0; margin-bottom: 10px; } .horizontal .right__2 p { margin-bottom: 20px; text-align: justify; line-height: 24px; font-size: 16px; } .horizontal.vgl .right p { margin-bottom: 0px; } .horizontal.vgl .right__2 p { margin-bottom: 0px; } .horizontal.vgl .right { } .horizontal.vgl .right p { background: #eeeeee; border-radius: 6px; padding: 33px; margin-bottom: 20px; text-align: justify; line-height: 24px; font-size: 16px; font-family: sans-serif; } .horizontal.vgl .right__2 p { background: #eeeeee; border-radius: 6px; padding: 33px; } .horizontal.vgl .right p:before { content: ''; width: 30px; height: 50px; margin-top: -10px; margin-left: -62px; background: url(/wp-content/uploads/2019/01/arrow.png) no-repeat center top; position: absolute; } .horizontal.vgl .right__2 p:before { content: ''; width: 30px; height: 50px; margin-top: -10px; margin-left: -62px; background: url(/wp-content/uploads/2019/01/arrow.png) no-repeat center top; position: absolute; } .horizontal.vgl .right button { display: block; width: 55px; height: 55px; float: right; border: 0; right: -27px; top: 30px; outline: 0; position: relative; background: url(/wp-content/uploads/2019/01/close.png) no-repeat 0px -7px; cursor: pointer; } .horizontal.vgl .right__2 button { display: block; width: 55px; height: 55px; float: right; border: 0; right: -27px; top: 30px; outline: 0; position: relative; background: url(/wp-content/uploads/2019/01/close.png) no-repeat 0px -7px; cursor: pointer; } .horizontal.vgl .right button.active { outline: 0; background: url(/wp-content/uploads/2019/01/close.png) no-repeat -1px -68px; } .horizontal.vgl .right__2 button.active { outline: 0; background: url(/wp-content/uploads/2019/01/close.png) no-repeat -1px -68px; } .sub { border-right: 3px solid #1aa9e8; margin-top: 5px; margin-bottom: 5px; } .sub .item img { width: 60px; border-radius: 50%; } .sub .item .lft { display: inline-block; width: 90px; vertical-align: top; } .sub .item .rgt b { display: block; font-family: ; font-size: 16px; } .sub .item .rgt span { display: block; font-size: 15px; font-style: italic; } .sub .item .rgt { display: inline-block; width: 250px; padding-top: 10px; vertical-align: top; } .sub .item { padding-bottom: 50px; padding-right: 40px; padding-top: 30px; width: 93%; border-bottom: 1px solid #ccc; text-align: justify; line-height: 24px; font-size: 16px; font-family: sans-serif; } a.btn { display: inline-block; background: #19a9e8; padding: 12px 40px; text-decoration: none; color:#fff; font-family: 'Open Sans', sans-serif; font-size: 15px; margin-top: 20px; } .titles b { font-size: 18px; font-weight: bold; } .content .title { border-top: 1px solid #ccc; padding-top: 50px; } .content .title b { font-size: 30px; display: block; } .clear { clear: both; } .vgl { border-top: 0px; padding-bottom: 10px; } .hide { display: none; } @media (max-width: 600px) { .content { padding-top: 0px; } .review { margin: 20px; } .horizontal .left { width: 100%; display: block; text-align: center; } .horizontal .right { width: calc(100% - 40px); display: block; text-align: left; padding: 20px; } .sub .item .rgt { /*width: 203px;*/ } .sub .item { width: auto; } .horizontal.vgl .right { width: 100% } } @media (max-width: 370px) { .content { padding-top: 0px; } .review { margin: 20px; } .review .top .lft, .review .top .rgt, .review .top .rgt p{ width: 100%; text-align: center; max-width: 100%; } .review .top:before { margin-top: 201px; } .content .title b { font-size: 18px } .horizontal.vgl .left .titles { text-align: left; } .horizontal.vgl .left .titles p { font-size: 18px; } } .grecaptcha-badge { display: none!important; } /* /////////////////////// */ /* .reviewsV2-sliderWrap{ margin-top: 30px; margin-bottom: 30px; } .reviewsV2-slider-wrapper{ padding: 0; margin: 0; list-style: none; } @media (max-width: 992px){ .reviewsV2-slider-prev, .reviewsV2-slider-next{ display: none; } } */ .price-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .price-row .inventory-hard__price-block { margin-top: 10px; } .price-row .inventory-hard__price-block div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .price-row .inventory-hard__price-block div:first-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .price-row .inventory-hard__price-block div:last-child { padding-left: 15px; } .price-row .inventory-hard__price-block div:first-child p { font-size: 14px; line-height: 20px; } .app-store-row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px } .app-store-row div { margin-right: 15px } .app-store-row p span { font-size: 30px; } .app-store-row img { width: 180px; height: 58px; } @media (max-width: 1599px) { .price-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .price-row .inventory-hard__price-block p.inventory-soft__header-price { margin-right: 0; } .price-row .inventory-hard__price-block .link--black.hwere-to-buy { text-align: right; } } @media (max-width: 799px) { .price-row .inventory-hard__price-block, .spec-link { display: block; margin-top: 0; text-align: right; } .price-row .inventory-hard__price-block a { padding-bottom: 10px; } .app-store-row { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right } } @media (max-width: 575px) { .app-store-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right } .app-store-row div { margin-right: 0; } } .software-download-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; padding: 20px 30px; background-color: #eee; } .software-download-section .header__h2 { margin-right: 15px; white-space: nowrap; } .software-download-section .mobile-flex { padding: 0 } .software-download-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 125px; } .software-download-img img { padding-right: 30px; } @media (max-width: 1100px) { .software-download-section { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .software-download-section>.mobile-flex:not(:first-child) { margin-top: 15px; } .software-download-img img { padding-right: 30px!important; } } @media (max-width: 1024px) { .software-download-section { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .software-download-section p br { display: none; } .software-download-section>.mobile-flex { margin-top: 0; } .software-download-section>.mobile-flex:first-child { margin-right: 20px; } .software-download-section .header--right { text-align: left; } .software-download-section .hwere-to-buy { float: unset; } .software-download-section .button-soft:last-child { margin-left: 0; } } @media (max-width: 575px) { .software-download-section .button-soft:last-child { width: 100%; } .software-download-section { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 14px; } .software-download-img img { padding-right: 0; } .software-download-section>.mobile-flex { margin-top: 0; } .software-download-section>.mobile-flex:first-child { margin-right: 0; } } .connect-config { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 30px); margin: 30px -15px; } .connect-config__item { width: 50%; padding: 0 15px; margin-bottom: 30px; } .software-video-block img { -o-object-fit: cover; object-fit: cover; display: block; width: 100%; max-height: 400px; } @media (max-width: 1599px) { .connect-config { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(100% + 10px * 2); margin-left: -10px; margin-right: -10px; } .connect-config__item { width: 100%!important; padding: 0 10px!important; margin-bottom: 20px!important; } } .software-video-block { position: relative; display: block; cursor: pointer; max-height: 400px; } .software-video-block .play-btn { position: absolute; top: 50%; left: 50%; z-index: 1; padding: 0; width: 75px; height: 75px; border: none; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 60 60' style='enable-background:new 0 0 60 60;' xml:space='preserve' fill='%2319a9e8'%3E %3Cpath d='M30,0C13.458,0,0,13.458,0,30s13.458,30,30,30s30-13.458,30-30S46.542,0,30,0z M45.563,30.826l-22,15 C23.394,45.941,23.197,46,23,46c-0.16,0-0.321-0.038-0.467-0.116C22.205,45.711,22,45.371,22,45V15c0-0.371,0.205-0.711,0.533-0.884 c0.328-0.174,0.724-0.15,1.031,0.058l22,15C45.836,29.36,46,29.669,46,30S45.836,30.64,45.563,30.826z'/%3E %3C/svg%3E") no-repeat center center; z-index: 2 } .software-video-block:before { content: ''; position: absolute; display: block; width: 100%; height: 100%; background-color: #333; opacity: .7 } .software-video-block .play-btn:focus, .software-video-block .play-btn:hover { outline: none; background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 60 60' style='enable-background:new 0 0 60 60;' xml:space='preserve' fill='%235bcdff'%3E %3Cpath d='M30,0C13.458,0,0,13.458,0,30s13.458,30,30,30s30-13.458,30-30S46.542,0,30,0z M45.563,30.826l-22,15 C23.394,45.941,23.197,46,23,46c-0.16,0-0.321-0.038-0.467-0.116C22.205,45.711,22,45.371,22,45V15c0-0.371,0.205-0.711,0.533-0.884 c0.328-0.174,0.724-0.15,1.031,0.058l22,15C45.836,29.36,46,29.669,46,30S45.836,30.64,45.563,30.826z'/%3E %3C/svg%3E") no-repeat center center } .software-video-block .video-iframe, .software-video-block .video-iframe iframe, .software-video-block iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1 } .software-video-block.playing .play-btn { display: none } .connect-config { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 30px); margin: 30px -15px; } .connect-config__item { width: 50%; padding: 0 15px; margin-bottom: 30px; } .app-subscription { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding: 30px 0; } .app-subscription>div { width: 33.333%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .app-subscription h4 { margin: 0; color: #000; font-size: 26px; font-weight: normal; } .app-circle-section { display: -webkit-box; display: -ms-flexbox; display: flex; } .app-circle-section>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .app-circle-section.subscr>div:not(:last-child) { margin-right: 50px } .app-circle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; margin: 15px 0; width: 100px; height: 100px; color: #FFF; font-size: 18px; border-radius: 50%; background-color: #eee; text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); } .app-circle.trial { background-color: #1aa9e8; } .app-circle.subscr { background-color: #ecbe08; } .app-circle.buy { background-color: #74b65f; } .app-circle span { display: block; font-size: 50px; color: #FFF; font-weight: bold; line-height: 45px; } .app-circle.buy span { background: url(../img/app-buy-icon.png) no-repeat center; width: 77px; height: 48px; } .app-subscription .app-store-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 30px; } @media (max-width: 1599px) { .app-circle-section.subscr>div:not(:last-child) { margin-right: 30px } } @media (max-width: 1199px) { .app-circle-section.subscr>div:not(:last-child) { margin-right: 15px } } @media (max-width: 1023px) { .app-circle-section.subscr { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .app-circle-section.subscr>div:not(:last-child) { margin-right: 0 } .app-subscription h4 { font-size: 24px; } } @media (max-width: 575px) { .app-subscription, .app-subscription .app-store-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 0; } .app-subscription>div { margin-bottom: 30px } } .app-download-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0; gap:0 30px; } .cf7-agree { position: absolute; left: -9999px; } @media (max-width: 767px) { .hidden-xs { display: none!important } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none!important } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none!important } } @media (min-width: 1200px) { .hidden-lg { display: none!important } img.alignnone.size-full.wp-image-1714.pdf_min{display:block;width:70%} } @media all and (min-width: 1200px) {img.alignnone.size-full.wp-image-1714.pdf_min{display:block;width:70%}} /* ^ */ .page-slides .implementation-block__header { font-weight: bold; } .content-box .section--back { text-align: center; } .su4-mark { position: relative; padding-left: 40px; } .su4-mark:before { content: ''; display: block; height: 32px; width: 32px; background: url(../img/ex-mark.png) no-repeat center center / 28px 28px; pointer-events: none; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; } .copyright { font-size:15px; color:#8d9092; } .fcopy { justify-content:space-between; align-items:flex-end; padding-right:130px; } .blogh1 { padding-left:300px; color:#fff; } @media (max-width: 768px) { .blog-products .y-col { width: 50%; } } /* Редизайн 2021.09 */ @font-face { font-family: 'GOTHIC'; src: url('../fonts/Century Gothic Regular.ttf') format('truetype'); } .new_vgl-header { background: #313131; color: #fff; font-family: 'GOTHIC', sans-serif; position: relative; z-index: 99; } .new_vgl-header a { text-decoration: none; } .new_vgl-header .container { max-width: 1319px; padding: 0 15px; width: 100%; margin: 0 auto; display: flex; justify-content: space-between; } .new_vgl-header .container .new_vgl-logo { padding-top: 10px; padding-bottom: 7px; } .new_vgl-header .container .new_vgl-menu { font-size: 14px; line-height: 19px; padding-left: 21px; font-family: 'Open Sans', sans-serif; } .new_vgl-header .container .new_vgl-menu ul { display: flex; align-items: center; list-style: none; padding-left: 0; margin: 0 0 0 0; } .new_vgl-header .container .new_vgl-menu ul li { margin-right: 17px; } .new_vgl-header .container .new_vgl-menu ul li.current-menu-item a { color: #19a9e8; } .new_vgl-header .container .new_vgl-menu ul li.current-menu-item .sub-menu a { color: #313131; } .new_vgl-header .container .new_vgl-menu ul li:last-child { margin-right: 0; } .new_vgl-header .container .new_vgl-menu a { color: #FFFFFF; letter-spacing: 0.2pt; padding: 19px 0 22px; display: block; } .new_vgl-header .container .new_vgl-menu a:hover { color: #19a9e8; } .new_vgl-header .container .new_vgl-menu ul.sub-menu { background: #DFDFDF; position: absolute; left: 0; right: 0; width: 100%; margin-top: 0; top: 60px; max-height:0px; overflow:hidden; -webkit-transition:max-height 0.4s linear; -moz-transition:max-height 0.4s linear; transition:max-height 0.4s linear; } .new_vgl-header .container .new_vgl-menu li:hover ul.sub-menu { z-index: 99; max-height: 50px; } .new_vgl-header .container .new_vgl-menu ul.sub-menu .container { display: block; height: 50px; white-space: nowrap; } .new_vgl-header .container .new_vgl-menu ul.sub-menu .container li { display: inline-block; } .new_vgl-header .container .new_vgl-menu ul.sub-menu .container li { padding: 12px 0px 11px 0; margin-right: 20px; } .new_vgl-header .container .new_vgl-menu li.menu-item-has-children > a { position: relative; } .new_vgl-header .container .new_vgl-menu li.menu-item-has-children:hover > a:before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -1px; border: 10px solid transparent; border-bottom: 10px solid #dfdfdf; } .new_vgl-header .container .new_vgl-menu ul.sub-menu a { font-weight: 300; font-size: 14px; line-height: 19px; color: #313131; padding: 0; } .new_vgl-header .container .new_vgl-menu ul.sub-menu a:hover { text-decoration: underline; } .new_vgl-header .container .new_vgl-email { padding-top: 22px; min-width: 50px; padding-left: 10px; } .new_vgl-header .container .new_vgl-email img { display: block; margin: 0 auto; } .new_vgl-header .container .new_vgl-phone { font-size: 16px; line-height: 20px; display: flex; align-items: center; padding-right: 30px; } .new_vgl-header .container .new_vgl-phone a { color: #FFFFFF; margin: 0 9px; } .new_vgl-header .container .new_vgl-call { text-align: right; padding-top: 17px; letter-spacing: -0.4pt; } .new_vgl-call a { color: #19a9e8; border-bottom: 1px dashed #19a9e8; padding-bottom: 0; font-size: 15px; line-height: 18px; text-decoration: none; } .new_vgl-call a:hover { color: #fff; border-bottom: 1px dashed #fff; } #howitworks-principle-slider { max-width: 1290px; margin: 0 auto; padding: 0 15px; } /*.new_vgl-header_inner { margin-bottom: 20px; }*/ .main-section__header { font-weight: bold; font-size: 66px; line-height: 90px; text-align: center; text-transform: uppercase; color: #FFFFFF; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); font-family: 'Open Sans', sans-serif; margin-bottom: 26px; } .main-section__subheader { font-weight: bold; font-size: 40px; line-height: 54px; text-align: center; color: #FFFFFF; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25); font-family: 'Open Sans', sans-serif; } .main-section__subheader2 { font-weight: normal; font-size: 22px; line-height: 40px; text-align: center; color: #FFFFFF; font-family: 'Open Sans', sans-serif; margin-top: -4px; } .button { padding: 21px 38px 21px 38px; border-radius: 2px; } .section__how .button { padding: 21px 18px 21px 68px; border-radius: 2px; } .button.download-white, .button.button__download { color: #fff; margin-bottom: 10px; } .main-header-block { padding-top: 125px; } .main-header { height: 720px; } .mob-navigation__list li.menu-item a { color: #FFF; text-decoration: none; font-weight: normal; font-size: 13px; line-height: 18px; display: flex; align-items: center; } .mob-navigation__list .menu-item a { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 10px; } .mob-navigation__callme { text-align: left; padding: 0px 24px 20px; } .mob-navigation__list .menu-item { margin-bottom: -3px; } .new_vgl-burger { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .new_vgl-logo-m { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .new_vgl-contacts { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; display: flex; justify-content: space-between; } .new_vgl-header .container .new_vgl-phone a.mobile_phone { display: none; } @media(max-width: 1400px) { .new_vgl-header .container .new_vgl-menu { padding-left: 15px; } .new_vgl-header .container .new_vgl-menu ul li { margin-right: 10px; } } @media(max-width: 1270px) { .new_vgl-header .container .new_vgl-phone { display: block; padding: 10px 0; } .new_vgl-header .container .new_vgl-phone a { display: block; margin: 0 0 10px; } .new_vgl-header .container .new_vgl-email { min-width: 20px; } } .new_vgl-logo-m img { display: block; margin: 0 auto; } .owl-nav { position: absolute; top: 11px; width: 100%; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { color: #000; font-size: 24px; position: absolute; } .owl-carousel .owl-nav button.owl-prev { left: -15px; } .owl-carousel .owl-nav button.owl-next { right: -15px; } .owl-prev.disabled, .owl-next.disabled { display: none; } @media(max-width: 800px) { .main-section__header { font-size: 36px; line-height: 49px; } .main-section__subheader { font-size: 22px; line-height: 26px; } .main-section__subheader2 { font-size: 16px; line-height: 22px; margin-top: 30px; } } @media(min-width: 871px) and (max-width: 1050px) { .new_vgl-header .container .new_vgl-menu { padding: 0; } .new_vgl-header .container .new_vgl-phone a.desktop_phone { display: none; } .new_vgl-header .container .new_vgl-phone a.mobile_phone { display: block; margin-top: 10px; display: block; } .new_vgl-header .container .new_vgl-menu ul li { margin-right: 10px; font-size: 12px; } } .mob-navigation { padding: 0; } .mob-navigation .sub-menu { display: none; background: #EBEBEB; padding-left: 0; margin: 0 -24px; padding: 0 15px; } .mob-navigation .sub-menu li { font-size: 14px; line-height: 19px; list-style: none; border-bottom: 1px solid #DFDFDF; padding-left: 0; padding-right: 0; } .mob-navigation .sub-menu li a { color: #313131; } .mob-navigation__list .menu-item { padding: 10px 24px; } .mob-navigation__list .menu-item .sub-menu a { padding-bottom: 0; } .mob-navigation__list li.active { position: relative; } .mob-navigation__list li.active:before { content: '< '; position: absolute; left: 24px; top: 10px; } .mob-navigation__list li.active > a { color: #fff; padding-left: 24px; } .mob-navigation__list li.active > .sub-menu { display: block; } .mob-navigation__list li.active > .sub-menu { color: #313131; } .about-core__text a, .download-flex__item a { color: #00a0e3; } div#gain-slick-slider-capabilities { max-width: 1290px; margin: 0 auto; } .delivery-slick-slider, .download-flex, #gain-slick-slider-capabilities-blue { max-width: 1290px; margin: 0 auto; } .header__h3 { margin-bottom: 30px; } @media (max-width: 870px) { .header__h3 { margin-bottom: 0; } } .delivery { text-align: center; margin-top: 50px; } @media (max-width: 870px) { .delivery { margin-top: 0; } } .line-on-sides { font-size: 44px; font-weight: 400; } .inventory-menu p { color: #898e93; min-height: 60px; } .container { max-width: 1290px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; } .mobile-flex { max-width: 1290px; margin: 0 auto; } .p.p--client { text-align: center; } .section--no-padding { padding-left: 0; padding-right: 0; } .slides-result { padding-bottom: 50px; } .p--24 { margin-bottom: 50px; } .section--no-v-padding { padding: 0; } #section-slider-clients, .section--small { padding-top: 0; padding-bottom: 25px; } .form-wrapper { padding: 25px; } .new_vgl-header { background: #313131; color: #fff; font-family: 'GOTHIC', sans-serif; position: relative; z-index: 99; } @media (max-width: 870px) { .new_vgl-header { display: none; } .mob-header { margin-bottom: 30px; } .line-on-sides { font-size: 24px; font-weight: 400; } #section-slider-clients, .section--small { padding-top: 25px; padding-bottom: 25px; } } .spec-h2_link h2 { font-weight:normal;text-align:left; } .wp-pagenavi a { color: #19a9e8; } .wp-pagenavi a:hover { color: #5bcdff !important; } .section--full-width-slider .container { max-width: 1642px; } input.hidden { display: none; } .section-calculation { margin: 50px -15px; } .blog .alm-btn-wrap { padding: 0; margin: 0; } .dealer-container__contacts-wrapper { padding: 26px 46px; background-color: #19a9e8; } .content-box--index { padding-top: 0; margin-top: 0; } #section-gain, #support-download, #support-questions, #map-contacts-buy, #howitworks-docs, #section-slider-clients, #news-section, #hardware-su, .delivery, .padding-top-bottom { padding: 30px 0; } #section-gain { margin-top: -20px; } .input-container__item { position: relative; } .middle-width { max-width:60%; } .about-core__text ol { } .about-core__text ol li { font-size: 16px; line-height:30px; list-style: auto; margin:5px 0; } .blog-wrapper { margin: 0 -15px; } .use-block__title, .contact-news-block__title, .news-block__title, .partners-block__title { font-size: calc(44 / 18 * 1rem); font-weight: 300; line-height: calc(56 / 44 * 100%); text-align: center; } .use-block__info__about__elem__text .title-h3 { font-size: calc(14 / 18 * 1rem); font-weight: 700; line-height: calc(19.07 / 14 * 100%); } .link-how-interface img { max-width: 100%; height: auto; } .results .img1 { width:80px; height:80px; margin-right:15px; background:url(../img/slides/results/01.png) no-repeat center center; background-size:contain; } .results .img2 { width:80px; height:80px; margin-right:15px; background:url(../img/slides/results/02.png) no-repeat center center; background-size:contain; } .results .img3 { width:80px; height:80px; margin-right:15px; background:url(../img/slides/results/03.png) no-repeat center center; background-size:contain; } .results .img4 { width:80px; height:80px; margin-right:15px; background:url(../img/slides/results/04.png) no-repeat center center; background-size:contain; } .results .img5 { width:80px; height:80px; margin-right:15px; background:url(../img/slides/results/05.png) no-repeat center center; background-size:contain; } .results .img6 { width:80px; height:80px; margin-right:15px; background:url(../img/slides/results/06.png) no-repeat center center; background-size:contain; } .results .img7 { width:80px; height:80px; margin-right:15px; background:url(../img/slides/results/07.png) no-repeat center center; background-size:contain; } .results .img8 { width:80px; height:80px; margin-right:15px; background:url(../img/slides/results/08.png) no-repeat center center; background-size:contain; } .capabilities .img1 { width:80px; height:80px; margin-right:15px; background:url(../img/slides/capabilities/1.png) no-repeat center center; background-size:contain; } .capabilities .img2 { width:80px; height:80px; margin-right:15px; background:url(../img/slides/capabilities/2.png) no-repeat center center; background-size:contain; } .capabilities .img3 { width:80px; height:80px; margin-right:15px; background:url(../img/slides/capabilities/3.png) no-repeat center center; background-size:contain; } .capabilities .img4 { width:80px; height:80px; margin-right:15px; background:url(../img/slides/capabilities/4.png) no-repeat center center; background-size:contain; } .capabilities .img5 { width:80px; height:80px; margin-right:15px; background:url(../img/slides/capabilities/5.png) no-repeat center center; background-size:contain; } .capabilities .img6 { width:80px; height:80px; margin-right:15px; background:url(../img/slides/capabilities/6.png) no-repeat center center; background-size:contain; } .capabilities .img7 { width:80px; height:80px; margin-right:15px; background:url(../img/slides/capabilities/7.png) no-repeat center center; background-size:contain; } .capabilities .img8 { width:80px; height:80px; margin-right:15px; background:url(../img/slides/capabilities/8.png) no-repeat center center; background-size:contain; } .capabilities .img9 { width:80px; height:80px; margin-right:15px; background:url(../img/slides/capabilities/9.png) no-repeat center center; background-size:contain; } .capabilities .img10 { width:80px; height:80px; margin-right:15px; background:url(../img/slides/capabilities/10.png) no-repeat center center; background-size:contain; } .programm-img .imgp { width:80px; height:80px; margin-right:15px; background:url(../img/slides/programm.png) no-repeat center center; background-size:contain; } .vozm .img1 { width:80px; height:80px; background:url(../img/icon-soft-1.png) no-repeat center center; background-size:contain; margin:0 auto; } .vozm .img2 { width:80px; height:80px; background:url(../img/icon-soft-2.png) no-repeat center center; background-size:contain; margin:0 auto; } .vozm .img3 { width:80px; height:80px; background:url(../img/icon-soft-3.png) no-repeat center center; background-size:contain; margin:0 auto; } .vozm .img4 { width:80px; height:80px; background:url(../img/icon-soft-4.png) no-repeat center center; background-size:contain; margin:0 auto; } .delivery-box .img1 { width:85px; height:85px; background:url(../img/delivery-1.png) no-repeat center center; background-size:contain; margin:0 25px 0 0; } .delivery-box .img2 { width:85px; height:85px; background:url(../img/delivery-2.png) no-repeat center center; background-size:contain; margin:0 25px 0 0; } .docd { width:25px; height:32px; padding:0 0 0 25px; background:url(/wp-content/themes/index/img/doc.png) no-repeat center left; } .pdfd { width:25px; height:32px; padding:0 0 0 25px; background:url(/wp-content/uploads/2015/06/pd11f.png) no-repeat center left; } .horizontal.vgl .horizontal-vgl { width:100px; height:110px; background:url(/wp-content/uploads/2019/01/vgl.png) no-repeat center center; background-size:contain; } .horizontal.vgl .titles { padding:0 0 0 15px; box-sizing:border-box; } .section-article-header{ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; align-content: space-around; margin-bottom:10px; padding-bottom:10px; font-size: 14px; font-weight: 400; line-height: 24px; color: #878787; } .section-article-header .item-article-header{ display: flex; align-content: center; justify-content: center; align-items: center; } .section-article-header .item-article-header { padding-left: 30px; position: relative; } .section-article-header .item-article-header:before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 24px; } .section-article-header .card-date:before { content: url(../img/icons-article/icon-date.svg); } .section-article-header .block-name:before { content: url(../img/icons-article/icon-avtor.svg); } .section-article-header .reading-time:before { content: url(../img/icons-article/icon-time.svg); } .section-article-header .views-calc:before { content: url(../img/icons-article/icon-view.svg); } .post-ratings { height: 10px; } @media(max-width: 576px) { .section-article-header .item-article-header { margin-bottom: 20px; } } .section-article-header .item-article-header.stars-article { padding-left: 0; } .vgl_articles-head_title { margin-bottom: 35px; } .vgl_articles-head_title-title { background: #03A2FF; font-size: 24px; font-weight: 700; line-height: 24px; letter-spacing: 0em; border-radius: 8px; padding: 10px 20px; color: #fff; margin-bottom: 30px; } .vgl_articles-head_title-list { } .article-text .vgl_articles-head_title-list ul { list-style: none; } .article-text .vgl_articles-head_title-list ul li { position: relative; padding-left: 25px; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0em; } .article-text .vgl_articles-head_title-list ul li:before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #1AA9E8; position: absolute; top: 11px; left: 0; } .article-text .vgl_articles-head_title-list ul li a { color: #261400; text-decoration: none; } .article-text .vgl_articles-head_title-list ul li a:hover { text-decoration: underline; } @media(max-width: 576px) { .vgl_articles-head_title-title { text-align: center; font-size: 20px; line-height: 24px; } .article-text .vgl_articles-head_title-list ul li { font-size: 12px; } .rureestr { flex-wrap: wrap; justify-content: center; } .rureestr img { margin:15px 0; } .mob-desc img { margin:15px auto!important; float:none!important; } } .rureestr { display: flex; justify-content: space-between; align-items: center; } .rureestr img { max-width: 100%; height: auto; } /* ===== Слайдер сертификатов стрелки ===== */ #about-cert .swiper { position: relative; } #about-cert .swiper-button-prev, #about-cert .swiper-button-next { color: #19a9e8; width: 40px; height: 40px; } #about-cert .swiper-button-prev { left: -60px; } #about-cert .swiper-button-next { right: -60px; } /* чтобы стрелки не пропадали */ #about-cert .swiper-button-prev:after, #about-cert .swiper-button-next:after { font-size: 28px; } /* немного центрируем по высоте */ #about-cert .swiper-button-prev, #about-cert .swiper-button-next { top: 50%; transform: translateY(-50%); } /* ===== ФИКС СТРЕЛОК ===== */ #about-cert .about-cert-swiper { position: relative; padding: 0 60px; /* место под стрелки */ } /* сами стрелки */ #about-cert .swiper-button-prev, #about-cert .swiper-button-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 40px; height: 40px; background: rgba(25, 169, 232, 0.9); border-radius: 50%; } /* стрелка влево */ #about-cert .swiper-button-prev { left: 0; } /* стрелка вправо */ #about-cert .swiper-button-next { right: 0; } /* иконки стрелок */ #about-cert .swiper-button-prev:after, #about-cert .swiper-button-next:after { font-size: 18px; color: #fff; } /* ===== ОТСТУПЫ МЕЖДУ КАРТИНКАМИ ===== */ #about-cert .swiper-slide { padding: 0 10px; /* было больше — стало меньше */ } /* если всё равно широко — можно так */ #about-cert .swiper-wrapper { margin: 0 -10px; } #about-cert .about-cert-swiper { position: relative; padding: 0 45px; } #about-cert .about-cert-swiper-prev, #about-cert .about-cert-swiper-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 30; width: 42px; height: 42px; border-radius: 50%; background: rgba(25,169,232,.95); cursor: pointer; display: block; } #about-cert .about-cert-swiper-prev { left: 0; } #about-cert .about-cert-swiper-next { right: 0; } #about-cert .about-cert-swiper-prev::before, #about-cert .about-cert-swiper-next::before { content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; } #about-cert .about-cert-swiper-prev::before { transform: translate(-35%, -50%) rotate(-135deg); } #about-cert .about-cert-swiper-next::before { transform: translate(-65%, -50%) rotate(45deg); } #about-cert .swiper-slide { padding: 0 6px; } #about-cert .swiper-wrapper { align-items: flex-start; }