/* reset */ /* main variables */ /* reset */ /* main variables */ body { margin: 0px; padding: 0px; font-family: "Montserrat", sans-serif; background-color: #FFF; height: 100%; line-height: 1.2; position: relative; font-size: 14px !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /******************************************************************** Reset styles from bootstrap 4, normalize.css, wordpress underscores, wpshop @ver 1.1 @author Aleynikov Sergey */ * { box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure, main { display: block; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } @media print { *, *::before, *::after, p::first-letter, div::first-letter, blockquote::first-letter, li::first-letter, p::first-line, div::first-line, blockquote::first-line, li::first-line { text-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } @-ms-viewport { width: device-width; } html { -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } [tabindex="-1"]:focus { outline: none !important; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { cursor: help; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: bold; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } img { max-width: 100%; height: auto; vertical-align: middle; } [role="button"] { cursor: pointer; } a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } table { border-collapse: collapse; background-color: transparent; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; text-align: left; caption-side: bottom; } th { text-align: left; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, textarea { line-height: inherit; } input[type="radio"]:disabled, input[type="checkbox"]:disabled { cursor: not-allowed; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; } input[type="search"] { -webkit-appearance: none; } output { display: inline-block; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: normal; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } code { padding: 0.2rem 0.4rem; font-size: 90%; color: #bd4147; background-color: #f7f7f9; border-radius: 0.25rem; } a > code { padding: 0; color: inherit; background-color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 90%; color: #fff; background-color: #292b2c; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; } pre { display: block; margin-top: 0; margin-bottom: 1rem; font-size: 90%; color: #292b2c; } pre code { padding: 0; font-size: inherit; color: inherit; background-color: transparent; border-radius: 0; } /******************************************************************** WordPress */ /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /******************************************************************** WPShop */ .animation { -webkit-transition: all .3s ease; transition: all .3s ease; } input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], textarea { border: 1px solid #d7d6e5; border-radius: 10px; display: block; padding: 0 19px; -webkit-appearance: none; } input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"] { height: 45px; } input[type="button"], input[type="submit"], button { cursor: pointer; } td { margin: 0px; padding: 0px; } form { padding: 0px; margin: 0px; } a { color: #100da9; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a, span, div, button { outline: none !important; } input[type=submit], input[type=button], button { -webkit-appearance: none; outline: none; } * { box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } .clearfix:after, .wrapper:after, .row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } img { max-width: 100%; } body { margin: 0px; padding: 0px; font-family: "Montserrat", sans-serif; background-color: #FFF; height: 100%; line-height: 1.2; position: relative; font-size: 14px !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*MAIN*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-width: 0px; padding: 0px; margin: 0px; } html { height: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; } input, textarea { color: #333; font-family: "Montserrat", sans-serif; outline: none; } input[type="text"], input[type="email"], input[type="tel"], input[type="url"], textarea { border: 1px solid #d7d6e5; border-radius: 10px; display: block; padding: 0 19px; -webkit-appearance: none; } input[type="text"], input[type="email"], input[type="tel"], input[type="url"] { height: 45px; } input[type="button"], input[type="submit"], button { cursor: pointer; } td { margin: 0px; padding: 0px; } form { padding: 0px; margin: 0px; } a { color: #100da9; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a, span, div, button { outline: none !important; } input[type=submit], input[type=button], button { -webkit-appearance: none; outline: none; } * { box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } .clearfix:after, .wrapper:after, .row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } img { max-width: 100%; } /*! Preboot v2 Open sourced under MIT license by @mdo. Some variables and mixins from Bootstrap (Apache 2 license). */ /* checkbox */ /* radio */ /* select */ .jq-checkbox { border: 1px solid #d7d6e5; border-radius: 3px; display: inline-block; width: 14px; height: 14px; vertical-align: middle; cursor: pointer; position: relative; top: -1px; } .jq-checkbox input { opacity: 0; position: absolute; z-index: -1; visibility: hidden; left: 0; top: 0; } .jq-checkbox + label { cursor: pointer; margin-left: 4px; } .jq-checkbox.checked .jq-checkbox__div { width: 10px; height: 10px; margin: 1px 0 0 1px; background: url(../images/icons/ckeck_on.svg) center center no-repeat; } .jq-checkbox.disabled { opacity: 0.5; } .jq-radio { width: 12px; height: 12px; border: 1px solid #C3C3C3; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #F6F6F6; box-shadow: 0 0 0 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0); vertical-align: middle; cursor: pointer; } .jq-radio.checked .jq-radio__div { width: 6px; height: 6px; margin: 3px 0 0 3px; background: #666; } .jq-radio.disabled { opacity: 0.5; } .jq-file { width: 270px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 4px; } .jq-file input { cursor: pointer; height: auto; line-height: 1em; } .jq-file__name { box-sizing: border-box; width: 100%; height: 32px; padding: 0 80px 0 10px; color: #333; font: 14px/30px Arial, sans-serif; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1; background: #FFF; } .focused .jq-file__name { border: 1px solid #5794BF; } .jq-file__browse { position: absolute; top: 1px; right: 1px; padding: 0 10px; border-left: 1px solid #CCC; border-radius: 0 4px 4px 0; background: #F1F1F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x; box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1); color: #333; text-shadow: 1px 1px #FFF; font: 14px/30px Arial, sans-serif; } .jq-file:hover .jq-file__browse { background-color: #E6E6E6; background-position: 0 -10px; } .jq-file:active .jq-file__browse { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-file.disabled .jq-file__name { color: #888; } .jq-file.disabled, .jq-file.disabled .jq-file__browse { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-selectbox { font-size: 12px; vertical-align: middle; cursor: pointer; position: relative; width: 100%; } .jq-selectbox select { opacity: 0; position: absolute; z-index: -1; visibility: hidden; left: 0; top: 0; } .jq-selectbox__select { border: 1px solid #d7d6e5; border-radius: 10px; display: block; height: 45px; line-height: 43px; color: #262f56; padding: 0 45px 0 19px; position: relative; } .jq-selectbox__select:hover { color: gray; } .opened .jq-selectbox__select { border-radius: 15px 15px 0 0; } .jq-selectbox.disabled .jq-selectbox__select { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-selectbox__select-text { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jq-selectbox__trigger { position: absolute; top: 0; right: 0; width: 34px; height: 100%; } .jq-selectbox__trigger-arrow { position: absolute; top: 20px; right: 20px; width: 0; height: 0; overflow: hidden; border-top: 5px solid #262f56; border-right: 5px solid transparent; border-left: 5px solid transparent; } .jq-selectbox__dropdown { top: 40px; width: 100%; box-sizing: border-box; margin: 0; padding: 0; border: 1px solid #d7d6e5; border-top: 0; border-radius: 0 0 15px 15px; background: #FFF; box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1); position: absolute; left: 0; right: 0; z-index: 100; } .jq-selectbox__search { margin: 5px; } .jq-selectbox__search input { box-sizing: border-box; width: 100%; margin: 0; padding: 5px 27px 6px 8px; outline: none; border: 1px solid #CCC; border-radius: 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%; box-shadow: inset 1px 1px #F1F1F1; color: #333; -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__not-found { margin: 5px; padding: 5px 8px 6px; background: #F0F0F0; font-size: 13px; } .jq-selectbox ul { margin: 0; padding: 10px 18px; list-style: none; } .jq-selectbox li { min-height: 18px; padding: 5px 0; color: #000; font-size: 12px; line-height: 1.25; font-family: Arial, sans-serif; } .jq-selectbox li.selected { color: #579ce8; } .jq-selectbox li:hover { color: #579ce8; } .jq-selectbox li.optgroup { font-weight: bold; } .jq-selectbox li.optgroup:hover { background: none; color: #231F20; cursor: default; } .jq-selectbox li.option { padding-left: 25px; } .jq-select-multiple { box-sizing: border-box; padding: 1px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1); background: #FFF; color: #333; font: 14px/18px Arial, sans-serif; cursor: default; } .jq-select-multiple.focused { border: 1px solid #5794BF; } .jq-select-multiple.disabled { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-select-multiple ul { margin: 0; padding: 0; } .jq-select-multiple li { padding: 3px 9px 4px; list-style: none; } .jq-select-multiple li:first-child { border-radius: 3px 3px 0 0; } .jq-select-multiple li:last-child { border-radius: 0 0 3px 3px; } .jq-select-multiple li.selected { background: #08C; color: #FFF; } .jq-select-multiple li.disabled { color: #AAA; } .jq-select-multiple.disabled li.selected, .jq-select-multiple li.selected.disabled { background: #CCC; color: #FFF; } .jq-select-multiple li.optgroup { font-weight: bold; } .jq-select-multiple li.option { padding-left: 25px; } @media screen and (max-width: 767px) { .jq-selectbox__select { height: 41px; line-height: 39px; } .jq-selectbox__trigger-arrow { top: 18px; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: 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 { border: 0; cursor: pointer; position: absolute; width: 50px; height: 125px; padding: 0; top: 50%; background: #f3f4fa url(/img/arrow_left.png) center center no-repeat; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: background-position .4s ease-in; transition: background-position .4s ease-in; } .slick-prev { left: 0; } .slick-prev:hover { background-position: 40% center; } .slick-next { right: 0; background-image: url(/img/arrow_right.png); } .slick-next:hover { background-position: 60% center; } .slick-arrow.slick-hidden { display: none; } .slick-dots { list-style: none; text-align: center; } .slick-dots li { display: inline-block; } .slick-dots li.slick-active button, .slick-dots li:hover button { background: #579ce8; } .slick-dots button { background: #e6e6e6; border: 0; border-radius: 50%; cursor: pointer; display: inline-block; font-size: 0; height: 12px; padding: 0; width: 12px; text-indent: -999999px; margin: 4px 6px; } /* ================================================================================ | HEADER | ================================================================================ */ .header-search { position: relative; margin-left: 8.8%; -webkit-box-flex: 10; -webkit-flex-grow: 10; -ms-flex-positive: 10; flex-grow: 10; } .header-search .screen-reader-text { display: none; } .header-search form { position: relative; } .search-field { border-radius: 25px; border: 1px solid #e1e1e1; font-size: 12px; width: 100%; height: 45px; padding: 0 50px 0 26px; position: relative; z-index: 0; } .search-submit { padding: 0; border: 0; background: none; background-image: url(/img/sprite.png); background-position: -172px -116px; width: 12px; height: 12px; position: absolute; right: 29px; top: 50%; -webkit-transform: translate(0, -51%); -ms-transform: translate(0, -51%); transform: translate(0, -51%); z-index: 1; text-indent: -9999; color: transparent; font-size: 0; } .header-search_mob { display: none; } .icon-search { background-image: url(/img/sprite.png); background-position: -172px -116px; width: 12px; height: 12px; display: inline-block; } .site-header { width: 100%; min-width: 320px; text-align: left; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-order: 1; } .header-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 25px 0 27px; } .header-nav { background: #0f56a6; padding: 20px 0 22px; } .menu { list-style: none; } .menu-item { display: inline-block; margin-right: 29px; } .menu-item:last-child { margin-right: 0; } .menu-item a { color: #fff; font-size: 16px; font-weight: 600; } .menu-item a:hover { color: #579ce8; } .menu-item-has-children { position: relative; } .menu-item-has-children > a:after { content: ''; background: url(/img/arrow_down.svg) center no-repeat; background-size: contain; display: inline-block; margin-left: 8px; width: 11px; height: 5px; } .menu-item-has-children:hover .sub-menu { display: block; } .sub-menu { background: #0f56a6; box-shadow: 0 0 18px rgba(43, 52, 88, 0.14); display: none; min-width: -webkit-calc(100% + 15px); min-width: calc(100% + 15px); padding-top: 21px; position: absolute; left: -15px; top: 100%; z-index: 100; } @media screen and (min-width: 768px) { .sub-menu { min-width: 350px; } } .sub-menu .menu-item { display: block; margin: 0; } .sub-menu .menu-item a { display: block; padding: 8px 15px; } .sub-menu .menu-item a:hover { background: #262f56; color: #fff; } .icons-whatsapp { background-image: url(/img/sprite.png); background-position: -76px -132px; width: 18px; height: 18px; } .icons-viber { background-image: url(/img/sprite.png); background-position: -172px 0px; width: 17px; height: 19px; } .icons-telegram { background-image: url(/img/sprite.png); background-position: -99px -132px; width: 18px; height: 16px; } .phone a { color: #2a345e; font-size: 36px; font-weight: 900; } .phone a span { color: #2f6cb1; } .header-contacts { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 10; -webkit-flex-grow: 10; -ms-flex-positive: 10; flex-grow: 10; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .header-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: -webkit-calc(50% + 10px); width: calc(50% + 10px); } .header-phone {-webkit-box-flex: 10; -webkit-flex-grow: 10; -ms-flex-positive: 10; flex-grow: 10; text-align:center; } .header-phone_mob { display: none; } .phone-items { display: inline-block; padding-left: 5%; } .phone-items span { cursor: pointer; vertical-align: middle; } .phone-items span:hover { opacity: .7; } .phone-items i { display: inline-block; margin: 0 5px; } .site-branding { margin-top: 3px; width: 250px; } .site-branding img { vertical-align: top; } .callback { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .menu-nav { display: none; } @media screen and (max-width: 1200px) { .header-search { margin-right: 3%; } } @media screen and (max-width: 1100px) { .site-branding { width: 180px; } .header-search { margin-left: 5%; } .search-field { height: 39px; } .phone a { font-size: 28px; } .phone-items { padding-left: 3%; } .phone-items i { margin: 0 3px; } .menu-item { margin-right: 24px; } } @media screen and (max-width: 991px) { .header-search { padding: 15px 30px; } } @media screen and (max-width: 960px) { .header-block { width: 45%; } .phone a { font-size: 28px; } .header-contacts { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .menu-item { margin-right: 20px; } .menu-item a { font-size: 14px; } } @media screen and (max-width: 880px) { .header-wrapper { padding: 16px 0 17px; } .header-search { background: #fff; display: none; position: absolute; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); top: 100%; left: 0; right: 0; padding: 15px 20px; margin: 0; } .header-search_mob { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50%; height: 34px; width: 34px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #e1e1e1; } .header-block { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 35%; } .menu-item { margin-right: 17px; } .menu-item a { font-size: 16px; } } @media screen and (max-width: 767px) { .site-header { position: relative; z-index: 10; } .header-nav { padding-top: 25px; position: absolute; top: 100%; left: 0; right: 0; } .menu-nav { display: block; height: 22px; } .menu-nav .services-icon, .menu-nav .services-icon:after, .menu-nav .services-icon:before { background: #2f6cb1; width: 21px; } f { font-size: 14px; } .header-nav, .header-phone { display: none; } .callback { margin: 0 40%; padding-top:5px; } .callback .btn4 { background: url(/img/phone.svg) center no-repeat; background-size: contain; height: 32px; width: 32px; border: 0; font-size: 0; text-indent: -999999px; padding: 0; } .header-phone_mob { display: block; margin-right: 0; text-align: center; margin: 30px 0 0; } .header-phone_mob a { color: #fff; } .header-phone_mob a span { color: inherit; opacity: .7; } .header-phone .phone-items { display: block; padding: 0; margin: 7px 0 0; text-align: center; } .header-phone .icons-whatsapp { background-image: url(/img/sprite.png); background-position: -29px -132px; width: 19px; height: 19px; } .header-phone .icons-viber { background-image: url(/img/sprite.png); background-position: -172px -24px; width: 17px; height: 19px; } .header-phone .icons-telegram { background-image: url(/img/sprite.png); background-position: -53px -132px; width: 18px; height: 19px; } .menu-item { display: block; margin: 0 0 15px; text-align: center; } .sub-menu { box-shadow: none; position: static; padding: 5px 0 0; width: 100%; } .sub-menu .menu-item a { font-size: 13px; } .site-branding { width: 133px; } .header-block { width: 180px; } .site-branding { width: 180px; } } /* ================================================================================ | FOOTER | ================================================================================ */ footer { background: #1153a3; color: #fff; text-align: left; width: 100%; min-width: 320px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-order: 3; padding-bottom:17px; } .footer-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 -15px; padding: 57px 0 29px;} .footer-wrapper > * { padding: 0 15px; } .footer-logo { width: 250px; } .footer-block { padding-left: 0; } .widget_footermenu ul { list-style: none; } .widget_footermenu li { display: block; margin-right: 0; margin-bottom: 9px; } .widget_footermenu li:last-child { margin-bottom: 0; } .widget_footermenu a { font-size: 12px; color: #fff; font-weight: normal; } .widget_footermenu a:hover { color: #ffc333; } .footer-contacts { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .footer-contacts address { font-size: 12px; font-style: normal; } .footer-phone { margin-top: 17px; } .footer-phone .phone-link { color: #fff; font-size: 18px; font-weight: 600; } .footer-phone .phone-link span { color: #88aad1; } .footer-phone .icons-whatsapp { background-image: url(/img/sprite.png); background-position: -29px -132px; width: 19px; height: 19px; } .footer-phone .icons-viber { background-image: url(/img/sprite.png); background-position: -172px -24px; width: 17px; height: 19px; } .footer-phone .icons-telegram { background-image: url(/img/sprite.png); background-position: -53px -132px; width: 18px; height: 19px; } .footer-phone .phone-items { padding-left: 6px; } .footer-phone .phone-items i { margin-right: 0; margin-left: 10px; } .copyright { font-size: 12px; opacity: .5; } .btn-feadback { border: 1px solid #ffc333; font-size: 12px; font-weight: 600; background: #ffc333; color: #21263a; margin-top: 17px; } .btn-feadback.btn, .form-submit input.btn-feadback[type="submit"] { padding: 0 18px; border: 1px solid #ffc333; } .btn-feadback:hover { background: transparent; border-color: rgba(255, 255, 255, 0.2); color: #fff; } .footer-services { width: 25%; padding-right: 24px; } .services-link { color: #fff; border-radius: 25px; font-size: 15px; font-weight: 600; display: block; padding: 15px 42px 17px 28px; position: relative; border: 1px solid rgba(255, 255, 255, 0.1); } .services-link span, .services-link i { vertical-align: middle; } .services-link .services-icon { position: absolute; right: 27px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .services-icon { position: relative; margin-left: 15px; top: 1px; } .services-icon, .services-icon:after, .services-icon:before { background: #fff; display: inline-block; width: 12px; height: 3px; border-radius: 5px; } .services-icon:after, .services-icon:before { content: ''; position: absolute; left: 0; } .services-icon:before { top: -6px; } .services-icon:after { top: 6px; } @media screen and (max-width: 1100px) { .footer-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-logo { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .widget_footermenu, .footer-contacts { width: -webkit-calc(50% - 89px); width: calc(50% - 89px); } .widget_footermenu { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .footer-block { margin: 30px 0 0; padding-left: 185px; -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; width: 60; } .footer-services { width: 40%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .footer-contacts { margin-top: 30px; -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } } @media screen and (max-width: 767px) { .footer-wrapper { padding-top: 32px; } .footer-wrapper > * { width: 100%; text-align: center; } .footer-block { padding: 0; margin: 28px 0 0; } .footer-block { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .btn-feadback { display: block; margin: 0 auto 20px; max-width: 250px; } .widget_footermenu { margin-top: 25px; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .services-link { max-width: 250px; margin: 32px auto 0; } .footer-services { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .footer-contacts { margin-top: 32px; -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .footer-block { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; margin-top: 32px; } } .site { -webkit-transition: opacity .3s ease-in; transition: opacity .3s ease-in; } .main-wrapper { padding: 0 0 0 0; min-width: 320px; width: 100%; position: relative; overflow: hidden; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: start; } .wrapper { min-width: 320px; max-width: 1190px; padding:0 40px 0 40px; margin: 0 auto; position: relative; } .wrapper-inner { max-width: 1000px; } /* titles */ p { padding: 12px 0; } h1, .h1 { color: #2a345e; font-size: 40px; padding: 15px 0 17px 0; font-weight: 700; } h2, .h2 { font-size: 24px; padding: 15px 0 15px 0; font-weight: 600; } h3, .h3 { font-size: 20px; padding: 15px 0 20px 0; font-weight: 700; } /* text position */ .text-left { text-align: left !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .nowrap { white-space: nowrap !important; } /* loader */ .loaded .site { visibility: hidden; opacity: 0; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn, .wow { -webkit-animation-name: fadeIn; animation-name: fadeIn; } :placeholder { color: #2e3c77; opacity: .5; } ::-webkit-input-placeholder { color: #2e3c77; opacity: .5; } :-moz-placeholder { color: #2e3c77; opacity: .5; } ::-moz-placeholder { color: #2e3c77; opacity: .5; } :-ms-input-placeholder { color: #2e3c77; opacity: .5; } /* ================================================================================ | CONTENT | ================================================================================ */ .site-main { padding-bottom: 45px; } .btn, .form-submit input[type="submit"] { border: 0; display: inline-block; font-weight: 600; line-height: 28px; height: 29px; text-align: center; border-radius: 15px; padding: 0 15px; } /* viollette*/ .btn3, .card-best__btn, .about-card__badge, .examples-work__icon { background-image: -webkit-gradient(linear, left top, right top, from(#9d7ec0), color-stop(50%, #569ce9), to(#9d7ec0)); background-image: linear-gradient(90deg, #9d7ec0 0%, #569ce9 50%, #9d7ec0 100%); background-size: 200%; background-position: left top; color: #fff; } .btn3:hover, .card-best__btn:hover, .about-card__badge:hover, .examples-work__icon:hover { background-position: right top; } /* purple*/ .btn2, .subheading, .about-card__badge_video, .reviews-more__button, article ol li:before, .widget_categories .cat-item a:hover, .widget_categories .menu-item a:hover, .widget_categories .cat-item.current-cat a, .widget_categories .menu-item.current-cat a, .form-submit input[type="submit"] { background-image: -webkit-gradient(linear, left top, right top, from(#f4154f), color-stop(50%, #b80b6b), to(#f4154f)); background-image: linear-gradient(90deg, #f4154f 0%, #b80b6b 50%, #f4154f 100%); background-size: 200%; background-position: left top; border: 0; color: #fff; } .btn2:hover, .subheading:hover, .about-card__badge_video:hover, .reviews-more__button:hover, article ol li:hover:before, .widget_categories .cat-item a:hover, .widget_categories .menu-item a:hover, .form-submit input:hover[type="submit"] { background-position: right top; } .btn4 {display: inline-block;} .btn4:hover {} textarea { padding: 15px 15px; resize: none; } .main-block { background-size: cover; background-position: center; background-repeat: no-repeat; padding: 118px 0 121px; } .main-block_inner { padding: 98px 0 90px; } .main-block_inner .main-heading { max-width: 660px; } .main-block_inner .subheading { max-width: 449px; } .main-heading { background: #262f56; color: #fff; font-size: 50px; font-weight: 700; line-height: 1.05; max-width: 566px; padding: 20px 34px 24px; } .main-heading span { color: #ffc333; display: inline; } .subheading { color: #fff; font-size: 24px; font-weight: 700; max-width: 383px; padding: 19px 34px 19px; } .box-cards-best { padding: 50px 0 0; } .cards-best { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; width: -webkit-calc(100% + 30px); width: calc(100% + 30px); } .card-best { box-shadow: 0 0 18px rgba(43, 52, 88, 0.14); display: block; padding-bottom: 25px; margin: 0 15px 30px; width: -webkit-calc(25% - 30px); width: calc(25% - 30px); } .card-best__heading { color: #f4154f; font-size: 12px; font-weight: 600; padding: 28px 27px 17px; } .card-best__content { padding: 5px 26px; } .card-best__btn { color: #fff; display: inline-block; padding: 5px 18px 6px; border-radius: 15px; font-size: 12px; font-weight: 600; margin-top: 26px; } .card-best__title { color: #242f50; font-size: 16px; font-weight: 600; margin-top: 22px; } .card-best__image { background-size: cover; background-position: center; background-repeat: no-repeat; height: 150px; width: 100%; } .card-best:hover { box-shadow: 0 0 23px rgba(43, 52, 88, 0.34); } .box-categories { padding: 91px 0 119px; } .cards-categories { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-categories { width: 174px; margin-left: -webkit-calc(14% - 174px); margin-left: calc(14% - 174px); } .card-categories:first-child { margin-left: 0; } .card-categories__item { display: inline-block; position: relative; } .card-categories__title { color: #242f50; font-size: 16px; font-weight: 600; left: 50%; position: absolute; text-align: center; top: -75px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); min-height: 36px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 110%; z-index: 0; } .card-categories__title:before { content: ''; background: #8ec1fa; display: block; height: 40px; margin-top: 10px; position: absolute; width: 1px; top: 100%; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .card-categories__img { background: #fff; border: 2px solid #8ec1fa; border-radius: 50%; padding: 5px; position: relative; z-index: 1; max-width: 174px; max-height: 174px; } .card-categories__img img { border-radius: 50%; vertical-align: top; } .card-categories:nth-child(even) .card-categories__title { top: 100%; margin-top: 35px; } .card-categories:nth-child(even) .card-categories__title:before { bottom: 100%; top: auto; } .box-about { padding: 30px 0 0; } .work-title { padding-bottom: 44px; } .about { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .about-card { margin-bottom: 30px; padding: 0 15px; width: 25%; } .about-card__inner { background: #262f56; color: #fff; font-weight: 600; display: block; position: relative; } .about-card__inner:hover .about-card__bg { opacity: 1; } .about-card__inner:hover .about-card__title { opacity: 0; } .about-card__bg { background-repeat: no-repeat; background-position: center center; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; height: 330px; opacity: .7; -webkit-transition: opacity .3s ease-in; transition: opacity .3s ease-in; } .about-card__title { position: absolute; left: 30px; right: 25px; bottom: 28px; -webkit-transition: opacity .3s ease-in; transition: opacity .3s ease-in; } .about-card__badge { border-radius: 15px; position: absolute; font-size: 12px; line-height: 25px; left: 30px; padding: 0 15px; top: 30px; height: 25px; } .about-card__icon { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -66%); -ms-transform: translate(-50%, -66%); transform: translate(-50%, -66%); height: 0; position: absolute; width: 0; border-top: 31px solid transparent; border-bottom: 31px solid transparent; border-left: 54px solid #ffc333; } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive:before { content: ''; display: block; padding-top: 75%; } .embed-responsive iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .about-descrription { line-height: 1.45; } .about-descrription p { margin: 15px 0 20px; } .about-descrription p:last-child { margin-bottom: 0; } .box-excellences { background: #edf9ff; padding: 50px 0 71px; } .box-excellences__video, .box-excellences__list { width: -webkit-calc(50% - 15px); width: calc(50% - 15px); } .box-excellences__list { padding-left: 54px; padding-top: 17px; } .box-excellences .video-block { margin-top: 30px; } .excellences-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .excellences { color: #21263a; list-style: none; } .excellences__item { margin-bottom: 35px; padding-left: 54px; position: relative; } .excellences__item i { position: absolute; display: inline-block; top: 0; left: 0; } .excellences__title { font-weight: 700; } .excellences__description { font-size: 12px; margin-top: 14px; } .excellences .icon-1 { background-image: url(/img/sprite.png); background-position: 0px -132px; width: 24px; height: 26px; } .excellences .icon-2 { background-image: url(/img/sprite.png); background-position: -141px -34px; width: 26px; height: 26px; } .excellences .icon-3 { background-image: url(/img/sprite.png); background-position: -141px -65px; width: 26px; height: 26px; } .excellences .icon-4 { background-image: url(/img/sprite.png); background-position: -141px 0px; width: 26px; height: 29px; } .excellences .icon-5 { background-image: url(/img/sprite.png); background-position: -86px -55px; width: 30px; height: 26px; } .box-news { padding: 30px 0 50px; } .news { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .news__item { margin-bottom: 38px; padding: 0 15px; width: 25%; } .news .entry-title { margin-top: 20px; } .news a { color: gray; font-weight: 600; } .news .entry-date { font-size: 12px; color: #579ce8; font-weight: 600; } .news-title { padding-bottom: 40px; } .news article a { text-decoration: none; } .page-category .news__item { width: 100%; } .btn-news { color: #fff; font-size: 12px; line-height: 24px; height: 25px; } .box-reviews { background: url(/img/bg_reviews.jpg) left center no-repeat; background-size: cover; padding: 45px 0 49px; } .reviews { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .review-one { width: -webkit-calc(46.5% - 15px); width: calc(46.5% - 15px); } .review { border: 3px solid #ffffff; border-radius: 20px; margin-top: 37px; padding: 24px 35px 22px; } .review__title { color: #f4154f; font-size: 12px; font-weight: 600; } .review__description { color: #21263a; margin-top: 22px; line-height: 1.45; } .review__description p { margin-bottom: 20px; } .review__description p:last-child { margin-bottom: 0; } .review-subheading { color: #21263a; font-size: 20px; font-weight: 700; } .review-heading { color: #2f3b77; font-weight: 600; margin-top: 23px; } .reviews-more { padding-bottom: 52px; text-align: right; width: -webkit-calc(47.5% - 15px); width: calc(47.5% - 15px); } .reviews-more__button { display: inline-block; font-size: 20px; color: #fff; font-weight: 700; padding: 17px 20px 18px; text-align: center; width: 385px; max-width: 100%; } .reviews-more__title { background: #262f56; font-size: 32px; color: #fff; font-weight: 700; padding: 14px 20px 17px; text-align: center; } .more-reviews { margin-top: 36px; } .more-reviews a { color: #2f3b77; font-size: 12px; font-weight: 600; } .more-reviews a:hover { color: #579ce8; } .review-icon { background-image: url(/img/sprite.png); background-position: -141px -96px; width: 26px; height: 25px; display: inline-block; margin-right: 10px; vertical-align: middle; } .box-achievements { padding: 47px 0 0; } .achievements-wrapper { margin: 0 auto; max-width: 800px; } .achievements-heading { color: #21263a; font-size: 18px; font-weight: 600; text-align: center; margin-bottom: 42px; } .achievements { color: #262f56; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-weight: 600; margin: 0 -15px; padding-left: 10px; } .achievement-card { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 15px; margin-bottom: 30px; width: 33.33%; } .achievement-card__title { max-width: 175px; } .achievement-card i { display: inline-block; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 19px; margin-top: 5px; } .achievement-card .icon-1 { background-image: url(/img/sprite.png); background-position: 0px -86px; width: 41px; height: 41px; } .achievement-card .icon-2 { background-image: url(/img/sprite.png); background-position: -46px -86px; width: 40px; height: 40px; } .achievement-card .icon-3 { background-image: url(/img/sprite.png); background-position: -91px -86px; width: 32px; height: 40px; } .box-tariffs { margin-top: 24px; } .tariffs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -30px 0 -9px; } .tariffs__item { margin: 0 0 40px; padding: 0 9px; width: 25%; } .tariffs__img { display: block; max-width: 200px; } .tariffs__title { color: #262f56; font-size: 16px; font-weight: 600; margin-top: 24px; } .tariffs__title a { color: inherit; } .tariffs__title a:hover { color: #579ce8; } .tariffs__info { color: #579ce8; font-size: 12px; font-weight: 600; margin-top: 15px; max-width: 200px; } .tariffs__description { font-size: 12px; margin-top: 25px; } .tariffs__price { color: #2a3e62; font-size: 20px; font-weight: 600; margin-top: 22px; } .tariffs__price sup { font-size: 10px; } .tariffs__btn { margin-top: 24px; max-width: 200px; } .btn-tariff { border: 0; border-radius: 25px; display: block; font-size: 16px; font-weight: 600; text-align: center; height: 45px; line-height: 44px; text-align: center; padding: 0 15px; } .tariffs-heading { padding-bottom: 44px; } .ceilings-card { padding: 0 15px; width: 33.33%; } .ceilings-card .tariffs__item { background: #f3f4fa; padding: 30px 30px 20px; width: 100%; } .ceilings-card .tariffs__img, .ceilings-card .tariffs__btn { max-width: 100%; } .ceilings-card .tariffs__title { margin-top: 27px; } .ceilings-card .tariffs__img { display: block; text-align: center; } .ceilings-card .btn-tariff { width: 100%; } .ceilings-card .tariffs__btn { margin-top: 25px; } .box-calculator { margin-top: 11px; } .calculator-heading { color: #21263a; text-align: center; padding-bottom: 46px; } .box-note { margin-top: 40px; } .box-note .note { margin-top: 0; } .box-note:last-child .note { margin-bottom: 0; } .note { border: 1px solid #579ce8; font-size: 14px; padding: 14px 38px 14px 48px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; line-height: 1.6; margin-top: 30px; } .note-icon { background-image: url(/img/sprite.png); background-position: -86px 0px; width: 50px; height: 50px; display: inline-block; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 44px; } .box-promo { margin: 40px 0 0; } .promo { background-image: -webkit-gradient(linear, left top, right top, from(#a1d7f7), to(#b9d0ff)); background-image: linear-gradient(90deg, #a1d7f7 0%, #b9d0ff 100%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: 920px; margin: 0 auto; padding: 9px 30px 10px; } .promo__icon { background-image: url(/img/sprite.png); background-position: 0px 0px; width: 81px; height: 81px; display: inline-block; margin-right: 20px; } .promo__description { color: #262f56; font-size: 18px; font-weight: 600; } .box-examples-work { margin: 6px 0 0; } .box-examples-work .h2 { color: #262f56; padding-bottom: 34px; text-align: center; } .examples-work .about-card__details { position: absolute; left: 24px; right: 20px; top: 27px; } .examples-work__title { position: static; } .examples-work__icon { border-radius: 50%; height: 40px; position: absolute; line-height: 33px; bottom: 30px; left: 27px; line-height: 37px; text-align: center; width: 40px; } .examples-work .about-card__bg { height: 290px; } .examples-work .about-card { margin-bottom: 0; } .look-icon { background-image: url(/img/sprite.png); background-position: -172px -133px; width: 11px; height: 11px; display: inline-block; vertical-align: middle; } .box-additional { margin-top: 47px; } .box-kinds { margin-top: 40px; } .kinds { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 -13px; text-align: center; } .kinds-heading { color: #21263a; padding-bottom: 33px; text-align: center; } .kinds-card { border-radius: 50%; display: block; padding: 0 13px; margin-bottom: 30px; width: 20%; } .kinds__item { display: inline-block; } .kinds__img { border-radius: 50%; margin: 0 auto; overflow: hidden; max-width: 164px; max-height: 164px; border: 7px solid #edeef4; padding: 5px; } .kinds__img img { border-radius: 50%; vertical-align: top; } .kinds__title { color: #262f56; font-size: 16px; font-weight: 600; margin: 20px auto 0; max-width: 160px; } .kinds__price { color: #579ce8; font-size: 12px; font-weight: 600; margin-top: 14px; } .form-consultation { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-image: -webkit-gradient(linear, left top, right top, from(#ecf9ff), to(#f2f1fc)); background-image: linear-gradient(90deg, #ecf9ff 0%, #f2f1fc 100%); margin-top: 32px; padding: 30px 12% 32px 11%; position: relative; } .form-consultation .consultation-form { max-width: 290px; width: 40%; } .consultation-form { position: relative; z-index: 1; } .consultation-input { background: #fff; border: 1px solid #fff; border-radius: 25px; padding: 0 60px 0 15px; height: 50px; width: 100%; } .consultation-input[type="text"] { border: 1px solid #fff; border-radius: 25px; padding: 0 60px 0 15px; height: 50px; } .consultation-btn {background: url(/img/arrow-form.png) 30% center no-repeat; border:0; height:100%; position:absolute; top:0; right:0; width:50px;} .consultation-info { color: #262f56; font-weight: 600; max-width: 260px; position: relative; width: 40%; z-index: 1; } .consultation-title { font-size: 16px; } .consultation-text { font-size: 12px; opacity: .7; margin-top: 10px; } .consultation-decor { background: url(/img/form_contact.png); height: 145px; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-78%, 0); -ms-transform: translate(-78%, 0); transform: translate(-78%, 0); width: 95px; z-index: 0; } .box-how-work { margin-top: -40px; } .how-work { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .how-work-heading { padding-bottom: 34px; } .how-work__video { width: 50%; } .how-work__list { padding-left: 50px; width: 50%; } .how-work__list .ol-numbers li { opacity: 0; } .animated [style*="visible"] .how-work__list li, [style*="visible"] .how-work__list li { opacity: 1; -webkit-transition: opacity .3s ease-in; transition: opacity .3s ease-in; } .ol-numbers li:nth-child(1) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .ol-numbers li:nth-child(2) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .ol-numbers li:nth-child(3) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } .ol-numbers li:nth-child(4) { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } .ol-numbers li:nth-child(5) { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; } .ol-numbers li:nth-child(6) { -webkit-transition-delay: 2.1s; transition-delay: 2.1s; } .ol-numbers li:nth-child(7) { -webkit-transition-delay: 2.4s; transition-delay: 2.4s; } .ol-numbers li:nth-child(8) { -webkit-transition-delay: 2.7s; transition-delay: 2.7s; } .ol-numbers li:nth-child(9) { -webkit-transition-delay: 3s; transition-delay: 3s; } .ol-numbers li:nth-child(10) { -webkit-transition-delay: 3.3s; transition-delay: 3.3s; } .ol-numbers { list-style: none; counter-reset: listnumber; } .ol-numbers li { margin-bottom: 34px; padding-left: 55px; position: relative; } .ol-numbers li:before { counter-increment: listnumber; content: counter(listnumber); display: block; color: #2a3e62; position: absolute; left: 0; top: 9px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); border: 4px solid #ffc333; border-radius: 50%; width: 40px; height: 38px; font-size: 17px; font-weight: 700; text-align: center; line-height: 31px; } .ol-numbers li:last-child { margin-bottom: 0; } .ol-numbers li:last-child:before { color: #4fbc13; border-color: #4fbc13; } .box-video-reviews { margin: 50px 0 0; } .slider-block { padding: 0 81px; position: relative; } .video-reviews-heading { color: #21263a; padding-bottom: 35px; } .video-reviews .about-card__badge { left: 20px; top: 20px; } .video-reviews .about-card__bg { height: 290px; } .video-reviews .about-card__title { left: 20px; right: 10px; } .video-reviews .about-card__icon { border-bottom-width: 25px; border-left-width: 45px; border-top-width: 25px; -webkit-transform: translate(-36%, -66%); -ms-transform: translate(-36%, -66%); transform: translate(-36%, -66%); } .box-article { margin-top: 100px; } article { font-size: 16px; } article table { margin: 15px 0; width: 100%; } article a { color: #579ce8; text-decoration: underline; } article p { padding: 11px 0; } article ul { list-style: none; padding: 11px 0 1px 5px; } article ul li { margin-bottom: 11px; position: relative; padding-left: 34px; } article ul li:before { content: ''; display: block; border: 2px solid #d5105e; border-radius: 50%; width: 11px; height: 11px; position: absolute; left: 0; top: 3px; -webkit-transition: -webkit-transform .3s ease-in; transition: -webkit-transform .3s ease-in; transition: transform .3s ease-in; transition: transform .3s ease-in, -webkit-transform .3s ease-in; } article ul li ul { margin-top: 11px; padding: 0 0 0 6px; } article ol { list-style: none; counter-reset: list; padding: 34px 0 16px 5px; } article ol li { margin-bottom: 11px; padding-left: 35px; position: relative; } article ol li:before { counter-increment: list; content: counter(list); display: inline-block; position: absolute; left: 0; top: -4px; border-radius: 50%; color: #fff; font-size: 12px; font-weight: 700; min-width: 23px; height: 23px; line-height: 22px; text-align: center; } article p { line-height: 1.4; } table { font-size: 14px; } table td { padding: 12px 20px; text-align: center; } table td:first-child { text-align: left; } table tr:nth-child(odd) td { background: #f3f4fa; } table thead tr:nth-child(1) td { background: #1f488e; color: #fff; } .article-list, #toc_container { background: #f3f4fa; font-size: 14px; border: none; margin-bottom: 16px; padding: 35px 40px 23px; margin-top: 15px; } .article-list-heading, #toc_container p.toc_title { color: #21263a; font-size: 20px; font-weight: 600; text-align: left; margin-bottom: 23px; } .article-list ul, #toc_container ul { list-style: none; padding: 0 0 0 10px; } .article-list li, #toc_container li { margin-bottom: 14px; position: relative; padding-left: 29px; } .article-list li a, #toc_container li a { color: #2f6cb1; text-decoration: none; } .article-list li a:hover, #toc_container li a:hover { color: gray; } .article-list li:before, #toc_container li:before { content: ''; display: block; border: 2px solid #2f6cb1; border-radius: 50%; width: 11px; height: 11px; position: absolute; left: 0; top: 1px; -webkit-transition: -webkit-transform .3s ease-in; transition: -webkit-transform .3s ease-in; transition: transform .3s ease-in; transition: transform .3s ease-in, -webkit-transform .3s ease-in; } .table-wrap { width: 100%; overflow: auto; } .box-form-price { background: #ffc333; padding: 5px; } .form-price-bottom { margin: 35px auto; max-width: 680px; padding: 0 40px; text-align: center; } .form-price-bottom-title { color: #262f56; font-size: 16px; font-weight: 600; } .form-price-bottom .consultation-form { max-width: 442px; margin: 25px auto 0; } .form-price-bottom .consultation-form .consultation-input { text-align: center; } .form-price { background: #fff; color: #262f56; padding: 25px 33px 12px; } .form-price .h2 { padding-bottom: 37px; } .box-field { margin-bottom: 25px; } .box-field__label { display: block; margin-bottom: 11px; } .box-field .form-control { width: 100%; } .box-field__btn_next { padding-top: 13px; } .btn-next { display: inline-block; border-radius: 25px; padding: 0 20px; font-size: 18px; height: 50px; line-height: 49px; min-width: 190px; } .form-steps__head { border-bottom: 4px solid #f2f1fc; padding-bottom: 30px; } .form-steps__head .box-field__label { display: inline-block; font-weight: 600; font-size: 16px; margin-right: 21px; } .form-steps__head .jq-selectbox { display: inline-block; font-size: 14px; max-width: 300px; } .form-steps__head .jq-selectbox__trigger-arrow { top: 19px; right: 29px; } .form-step { font-size: 12px; margin: 0 -22px; } .form-step .box-field { padding-left: 22px; padding-right: 22px; } .form-step .box-field { margin-bottom: 28px; } .form-step .box-field_inline { display: inline-block; margin-right: -4px; vertical-align: top; width: 33.33%; } .form-step-heading { font-size: 16px; font-weight: 600; opacity: .5; } .check-bl { display: inline-block; margin-right: 38px; } .box-cards-services { margin-bottom: 60px; margin-top: 50px; } .card-service { background: #f3f4fa; color: #2a3e62; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px; } .card-service__img { background-position: center center; background-repeat: no-repeat; background-size: cover; width: 43%; } .card-service__details { padding: 31px 40px 29px; width: 57%; } .card-service__title { font-size: 18px; font-weight: 600; } .card-service__period { color: #579ce8; font-size: 12px; font-weight: 600; margin-top: 5px; } .card-service__list { border-bottom: 1px solid #d8e0ee; border-top: 1px solid #d8e0ee; margin-top: 27px; padding: 13px 0 11px; } .card-service-list { display: table; font-size: 12px; list-style: none; } .card-service-list__item { display: table-row; } .card-service-list__descr { display: table; opacity: .7; padding: 5px 38px 6px 0; } .card-service-list__value { display: table-cell; padding: 5px 0 6px; } .card-service__text { color: #579ce8; font-size: 12px; font-weight: 600; margin-top: 28px; } .card-service__cost { font-size: 20px; font-weight: 600; margin-top: 7px; } .card-service__description { border-bottom: 1px solid #d8e0ee; border-top: 1px solid #d8e0ee; color: #262f56; font-size: 12px; margin: 26px 0; padding: 22px 0; } .box-examples-work-2 { margin-top: 39px; } .box-examples-work-2 .h2 { text-align: left; } .box-video-reviews-2 { margin-top: 37px; } .page-entance-doors .main-block_inner .subheading { max-width: 495px; } .page-entance-doors .box-examples-work .h2 { text-align: center; } .page-interior-doors .main-block_inner .main-heading { max-width: 688px; } .page-interior-doors .main-block_inner .subheading { max-width: 375px; } .page-ceilings .main-block_inner { padding: 120px 0 122px; } .page-ceilings .main-block_inner .main-heading { max-width: 611px; } .page-ceilings .main-block_inner .subheading { max-width: 379px; } .page-ceilings .box-examples-work .h2 { text-align: center; } .page-radiators .main-block_inner .main-heading { max-width: 610px; } .page-radiators .main-block_inner .subheading { max-width: 360px; } .page-windows .main-block_inner { padding: 119px 0 122px; } .page-windows .main-block_inner .main-heading { max-width: 584px; } .page-windows .main-block_inner .subheading { max-width: 350px; } .page-windows .promo__description { max-width: 571px; } .box-tariffs-2 { margin-top: 14px; } .box-tariffs-2 .tariffs-heading { padding-bottom: 27px; } .box-tariffs-2 .h2 { color: #262f56; } .box-popular-models { margin-top: 26px; overflow: hidden; } .box-popular-models + .box-popular-models { margin-top: 3px; } .box-popular-models + .box-promo { margin-top: 0; } .card-doors-wrap { margin: 0 -57px 0 -15px; text-align: center; } .card-doors { display: inline-block; margin: 0 -4px 44px 0; padding: 0 15px; text-align: left; vertical-align: top; width: 16.666%; max-width: 180px; } .card-doors img { margin-bottom: 24px; } .card-doors__title { color: #262f56; font-size: 16px; font-weight: 600; } .card-doors__details { color: #579ce8; font-size: 12px; font-weight: 600; margin-top: 14px; max-width: 115px; } .card-doors__cost { color: #262f56; font-size: 20px; font-weight: 600; margin-top: 12px; } .card-doors .btn, .card-doors .form-submit input[type="submit"], .form-submit .card-doors input[type="submit"] { margin-top: 15px; line-height: 24px; height: 25px; font-size: 12px; } .models-title { padding-bottom: 44px; } .price-doors { margin-top: 29px; } .price-doors table { width: 100%; } .price-doors table td:first-child { padding-left: 52px; } .price-doors + .form-consultation { margin-top: 76px; } .price-doors-title { padding-bottom: 34px; color:#262f56;} .page-flats .main-block_inner .main-heading { max-width: 520px; } .page-flats .main-block_inner .subheading { max-width: 380px; } .page-flats .box-cards-services { margin-bottom: 72px; margin-top: 21px; } .page-flats .box-examples-work .h2 { text-align: left; } .page-flats .box-examples-work { margin-top: 40px; } .box-form-price-radiatos { margin-top: 24px; } .form-price-radiatos { padding-bottom: 23px; } .form-price-radiatos .h2 { padding-bottom: 26px; text-align: center; } .form-price-radiatos .box-field__btn_next { padding-top: 7px; padding-left: 100px; } .form-radiatos-title { color: #21263a; font-size: 16px; font-weight: 600; margin-bottom: 36px; } .choice-model-wrap { margin-top: 9px; text-align: center; } .choice-model { margin: 0 -5px; } .choice-model__item { display: inline-block; margin-right: -4px; padding: 0 20px 30px; width: 231px; vertical-align: top; } .choice-model__label { cursor: pointer; } .choice-model__label input { position: absolute; z-index: -11; visibility: hidden; } .choice-model__label input:checked + .choice-model__picture { border-color: #ffc333; } .choice-model__picture { border-radius: 50%; border: 5px solid #edeef4; display: block; padding: 4px; } .choice-model__img { background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 50%; display: block; height: 172px; width: 172px; line-height: 167px; } .choice-model__brand { display: inline-block; height: 70px; line-height: 67px; vertical-align: bottom; margin-bottom: 11px; } .choice-model__brand img { vertical-align: center; } .choice-model__title { display: block; font-size: 12px; color: #21263a; margin-top: 14px; opacity: .5; } .next-text { font-size: 12px; color: #21263a; opacity: .5; margin-left: 24px; vertical-align: middle; } .article-card { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0; } .content-aside { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 49px; } .breadcrumb { font-size: 12px; font-weight: 600; list-style: none; padding: 0; margin-bottom: 4px; } .breadcrumb a { text-decoration: none; padding: 0 8px; } .breadcrumb a:before { content: ''; background-image: url(/img/sprite.png); background-position: -172px -149px; width: 11px; height: 9px; display: inline-block; margin-right: 7px; } .breadcrumb li { display: inline-block; vertical-align: middle; margin-right: 8px; padding-left: 0; } .breadcrumb li:before { display: none; } .breadcrumb li:after { content: ''; background-image: url(../img/sprite.png); background-position: -121px -71px; width: 5px; height: 7px; display: inline-block; margin-left: 12px; } .breadcrumb li:first-child a { color: #579ce8; } .breadcrumb li:last-child:after { display: none; } .breadcrumb span span span a:before { display: none !important; } aside { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-left: 30px; width: 34.3%; } .widget_categories { background-image: -webkit-gradient(linear, left top, right top, from(#ecf9ff), to(#f2f1fc)); background-image: linear-gradient(90deg, #ecf9ff 0%, #f2f1fc 100%); padding: 26px 0; } .widget_categories .cat-item, .widget_categories .menu-item { display: block; margin-bottom: 2px; } .widget_categories .cat-item a, .widget_categories .menu-item a { color: #2f3b77; display: block; padding: 11px 21px 11px 38px; font-weight: 600; -webkit-transition: background 0.3s ease-in; transition: background 0.3s ease-in; } .widget_categories .cat-item a:hover, .widget_categories .menu-item a:hover { color: #fff; } .widget_categories .cat-item.current-cat a, .widget_categories .menu-item.current-cat a { color: #fff; } .widget_materials { color: #21263a; } .widget_materials .btn, .widget_materials .form-submit input[type="submit"], .form-submit .widget_materials input[type="submit"] { font-size: 12px; } .widget-header { font-size: 24px; font-weight: 700; margin-bottom: 32px; } .materials { font-weight: 600; } .materials__item { margin-bottom: 35px; } .materials__date { color: #579ce8; font-size: 12px; margin-bottom: 20px; } .materials__title { color: #21263a; } .materials__title:hover { color: gray; } .widget { margin-top: 20px; } .widget:first-child { margin-top: 0; } .comments-area { margin-top: 52px; } .comments-area .comment-list, .comments-area .children { list-style: none; } .comments-area .children li { border-top: 1px solid #e3d9ee; } .comments-area .children .comment-body { padding-left: 30px; } .comment-reply-link { border-radius: 10px; color: #fff; cursor: pointer; font-size: 9px; background-image: -webkit-gradient(linear, left top, right top, from(#0d57a8), color-stop(50%, #2e3c77), to(#0d57a8)); background-image: linear-gradient(90deg, #0d57a8 0%, #2e3c77 50%, #0d57a8 100%); background-size: 200%; background-position: left center; display: inline-block; height: 15px; line-height: 14px; padding: 0 7px; -webkit-transition: background .3s ease-in; transition: background .3s ease-in; } .comment-reply-link:hover { background-position: right center; } figure { padding: 15px 0; } figure img { vertical-align: top; } figcaption { background: #f3f4fa; color: rgba(33, 38, 58, 0.7); padding: 5px 15px; text-align: center; } .form-submit input[type="submit"] { height: 50px; border-radius: 25px; font-size: 16px; font-weight: 700; } .comment-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 29px 0 10px; border-top: 1px solid #e3d9ee; } .comment-body .reply { display: inline-block; margin-left: 5px; vertical-align: middle; } .comment-body:first-child { border-top: 0; } .comment-meta { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; max-width: 60px; } .comment-meta img { max-height: 60px; } .comments-title { color: #21263a; font-size: 20px; font-weight: 700; margin-bottom: 4px; position: relative; } .comments-title > span { background: #fff; padding: 0 18px 0 0; position: relative; z-index: 1; } .comments-title:before { content: ''; background: #e7e0f3; display: block; height: 1px; position: absolute; top: 50%; left: 0; width: 100%; z-index: 0; } .comments-count { color: #65a3e9; } .comment-details { padding-left: 19px; } .comment-author { color: #65a3e9; display: inline-block; font-size: 14px; } .comment-content { color: #21263a; } .comment-content p { padding-top: 6px; padding-bottom: 24px; } .comment-reply-title { color: #21263a; font-size: 20px; font-weight: 700; margin-bottom: 25px; } .comment-form { margin: 0 -15px; } .comment-form input, .comment-form textarea { border-radius: 6px; width: 100%; } .comment-form input { height: 40px; } .comment-form textarea { height: 70px; } .comment-respond { margin-top: 15px; } [class*="comment-form-"] { display: inline-block; margin-right: -4px; padding: 0 15px 10px; vertical-align: top; width: 50%; } .comment-form-comment { width: 100%; } .form-submit { padding-left: 15px; padding-right: 15px; } .form-submit input { width: auto; min-width: 220px; } .we-work-heading { text-align: center; margin-bottom: 35px; } .box-parntership { margin-top: 42px; } .parntership { margin: 0 -15px; } .parntership__card { display: inline-block; margin: 0 -4px 30px 0; padding: 0 15px; vertical-align: top; width: 50%; } .parntership__card + .parntership__card { padding-left: 45px; } .parntership__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .parntership__description { color: #2c3459; margin-top: 17px; line-height: 1.25; } .parntership__description p { padding: 0; } .parntership__img { max-width: 188px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 31%; } .parntership__details { padding: 17px 0 0 32px; } .parntership__brand_logo { height: 70px; line-height: 67px; } .parntership__brand_logo img { vertical-align: middle; } .box-about-windows { margin-top: 23px; } .about-windows { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .about-windows__description { color: #2c3459; line-height: 1.6; } .about-windows__img { max-width: 235px; margin-right: 35px; width: 28%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .about-windows__img img { margin-bottom: 25px; } .box-catalog-windows { margin-top: 45px; } .block-rounded { border: 5px solid #e2e3eb; border-radius: 50%; width: 188px; height: 188px; } .block-rounded__img { background-repeat: no-repeat; background-position: center; background-size: cover; border: 4px solid #fff; border-radius: 50%; height: 100%; } .catalog-windows-heading { padding-bottom: 28px; } .catalog__item { background: #f3f4fa; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 32px 5.8% 29px 20px; margin-bottom: 30px; } .catalog__example { text-align: center; width: 31.5%; padding-right: 35px; min-width: 223px; } .catalog__example .block-rounded { display: inline-block; } .catalog-list { -webkit-box-flex: 12; -webkit-flex-grow: 12; -ms-flex-positive: 12; flex-grow: 12; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 15px; } .catalog-list__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; padding: 0 15px; width: 33.33%; } .catalog-list__img { height: 135px; } .catalog-list .btn2, .catalog-list .subheading, .catalog-list .about-card__badge_video, .catalog-list .reviews-more__button, .catalog-list article ol li:before, article ol .catalog-list li:before, .catalog-list .widget_categories .cat-item a:hover, .widget_categories .cat-item .catalog-list a:hover, .catalog-list .widget_categories .menu-item a:hover, .widget_categories .menu-item .catalog-list a:hover, .catalog-list .widget_categories .cat-item.current-cat a, .widget_categories .cat-item.current-cat .catalog-list a, .catalog-list .widget_categories .menu-item.current-cat a, .widget_categories .menu-item.current-cat .catalog-list a, .catalog-list .form-submit input[type="submit"], .form-submit .catalog-list input[type="submit"] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: inherit; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 35px; border-radius: 25px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 8px 15px; width: 133px; max-width: 100%; font-size: 14px; font-weight: 600; margin-top: 13px; text-align: center; } .catalog__title { color: rgba(38, 47, 86, 0.5); font-size: 12px; margin-top: 11px; text-align: center; } @media screen and (max-width: 1180px) { .card-categories { width: 154px; margin-left: -webkit-calc(14% - 154px); margin-left: calc(14% - 154px); } .card-categories:first-child { margin-left: 0; } .card-categories__img { max-width: 154px; max-height: 154px; } .card-doors { width: 25%; } .catalog__item { padding-right: 30px; } .catalog__example { width: 223px; } .block-rounded { border-radius: 50%; width: 138px; height: 138px; } .catalog__example { width: 150px; min-width: 150px; } } @media screen and (max-width: 1100px) { .card-categories { width: 144px; margin-left: -webkit-calc(13.9% - 144px); margin-left: calc(13.9% - 144px); } .card-categories:first-child { margin-left: 0; } .card-categories__img { max-width: 144px; max-height: 144px; } .card-best__content, .card-best__heading { padding-left: 20px; padding-right: 20px; } .card-best__title { font-size: 14px; } .card-best__btn { text-align: center; width: 100%; padding-left: 15px; padding-right: 15px; } .about-card__badge { left: 20px; } .about-card__title { left: 20px; right: 20px; } } @media screen and (max-width: 991px) { .card-categories__title { font-size: 14px; } .card-categories { margin-left: -webkit-calc(13.15% - 144px); margin-left: calc(13.15% - 144px); } .main-heading { font-size: 39px; } .subheading { font-size: 20px; } .wrapper { padding-right: 20px; padding-left: 20px; } .cards-best { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-best { width: -webkit-calc(50% - 30px); width: calc(50% - 30px); } .card-best__btn { display: block; margin-left: auto; margin-right: auto; max-width: 300px; } .excellences__item { padding-left: 47px; } .box-excellences { padding-bottom: 50px; } .box-excellences__list { padding-left: 30px; } .news__item { width: 50%; } .reviews-more__button { font-size: 17px; } .reviews-more__title { font-size: 21px; } .review { padding-left: 22px; padding-right: 22px; } .review-one { width: -webkit-calc(48.5% - 15px); width: calc(48.5% - 15px); } .about-card { width: 50%; } .form-consultation { padding-left: 25px; padding-right: 25px; } .tariffs { margin: 0 -15px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .tariffs__item { width: 33.3333%; max-width: 230px; } .kinds-card { width: 25%; } .price-doors table td:first-child { padding-left: 20px; } .ceilings-card .tariffs__item { padding: 15px; max-width: 100%; } .cat-item a { padding-left: 18px; padding-right: 15px; } } @media screen and (max-width: 960px) { .form-step .box-field_inline { width: 50%; } } @media screen and (max-width: 860px) { .main-heading { font-size: 30px; } } @media screen and (max-width: 767px) { h1, .h1 { font-size: 24px; text-align: center; } h2, .h2 { font-size: 19px; text-align: center; } h3, .h3 { font-size: 16px; text-align: center; } .main-heading { font-size: 25px; } .main-heading, .subheading { padding: 10px 20px; max-width: 100%; } .card-best__heading { padding-top: 17px; } .card-best__title { margin-top: 12px; } .box-categories { padding: 40px 0; } .card-categories { margin: 0 0 20px; width: 100%; } .card-categories__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; } .card-categories__img { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; max-width: 120px; max-height: 120px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .card-categories__title { position: static; margin: 0 0 0 15px; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: block; text-align: left; min-height: 0; } .card-categories__title:before { display: none; } .card-categories:nth-child(even) .card-categories__title { bottom: auto; } .news__item { width: 100%; } .news-btn { text-align: center; } .about-card { width: 100%; } .excellences-wrapper, .reviews { display: block; } .box-excellences__video, .box-excellences__list, .review-one, .reviews-more { width: 100%; } .box-excellences { padding: 30px 0 0; } .box-excellences .video-block { margin-top: 14px; } .box-excellences__list { padding: 30px 0 0; } .reviews-more { margin-top: 30px; padding-bottom: 0; } .reviews-more__button { width: 100%; } .review-subheading, .review-heading, .more-reviews, .about-card__title { text-align: center; } .more-reviews { margin-top: 25px; } .article-list { padding: 23px 22px 14px; } article, .table-decor { font-size: 14px; } article ul li > div { padding-left: 30px; } .note { padding: 12px 20px 11px; display: block; } .note-icon { display: block; margin: 0 auto 5px; } article ol { padding-top: 20px; padding-bottom: 20px; } .slider-block { padding-left: 55px; padding-right: 55px; } .video-reviews-heading, .how-work-heading, .calculator-heading, .box-examples-work .h2, .tariffs-heading { padding-bottom: 20px; } .box-video-reviews { margin-top: 40px; } .how-work { display: block; } .how-work__video { width: 100%; } .how-work__list { width: 100%; padding-left: 0; margin: 35px auto 0; max-width: 300px; } .box-promo { margin-top: 40px; } .promo { display: block; text-align: center; padding: 9px 20px 10px; } .promo__icon { margin-right: 0; } .promo__description { font-size: 15px; display: block; margin-top: 5px; } .achievements-heading { font-size: 15px; } .achievement-card { width: 50%; } .tariffs__item { width: 50%; } .tariffs__title { margin-top: 11px; } .tariffs__info { margin-top: 10px; } .tariffs__description, .tariffs__price, .tariffs__btn { margin-top: 14px; } .kinds { margin-left: -8px; margin-right: -8px; } .kinds-card { padding: 0 8px; width: 50%; } .kinds__title { font-size: 14px; } .kinds__img { border-width: 5px; padding: 3px; } .kinds__title { margin-top: 13px; } article table td, .table-decor table td { padding-left: 10px; padding-right: 10px; } .card-service { border: 3px solid #f3f4fa; background: transparent; display: block; } .card-service__details { background: #f3f4fa; padding: 15px; width: 100%; } .card-service__img { height: 300px; margin: 0 auto; max-width: 397px; width: 100%; } .card-service__text { margin-top: 12px; } .card-service__list { margin-top: 17px; padding: 11px 0 10px; } .form-price { padding: 17px 15px 5px; } .check-bl { margin-bottom: 8px; } .form-step { margin: 0 -15px; } .form-step .box-field { padding-left: 15px; padding-right: 15px; } .box-field__btn_next { text-align: center; } .form-price-bottom { padding: 0 15px; } .form-price-bottom-title, .form-steps__head .box-field__label { font-size: 15px; } input[type="text"], input[type="email"], input[type="tel"], input[type="url"] { height: 41px; } .form-steps__head .jq-selectbox__trigger-arrow { right: 20px; top: 18px; } .box-field__label { margin-bottom: 8px; } .card-doors { width: 33.333%; } .card-doors img { margin-bottom: 15px; } .price-doors-title { padding-bottom: 14px; } .card-doors-wrap { margin: 0 -15px; } .card-doors { max-width: 155px; } .ceilings-card { max-width: 290px; width: 50%; } .content-aside { display: block; } aside { margin-top: 40px; width: 100%; padding-left: 0; } .widget-header { margin-bottom: 25px; } .widget-header { font-size: 19px; text-align: center; } .comments-title, .comment-reply-title { font-size: 17px; } .materials__date { margin-bottom: 13px; } .more-materials, .form-submit { text-align: center; } .parntership { display: block; } .parntership__card { width: 100%; } .parntership__card + .parntership__card { padding-left: 15px; margin-top: 30px; } .parntership__img { text-align: center; width: 138px; } .parntership__details { padding-left: 15px; } .about-windows { display: block; } .about-windows__img { text-align: center; max-width: 100%; margin-right: 0; width: 100%; } .about-windows__img img { margin-bottom: 10px; } .catalog__item { display: block; } .catalog__example { padding-right: 0; text-align: center; width: 100%; min-width: 100%; } .catalog-list__img { text-align: center; } .catalog-list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: -15px; margin-right: -15px; } .catalog-list__item { margin-bottom: 30px; min-width: 170px; } } @media screen and (max-width: 660px) { .card-best { text-align: center; width: -webkit-calc(100% - 30px); width: calc(100% - 30px); } .form-step .box-field_inline { width: 100%; } } @media screen and (max-width: 599px) { .slider-block { padding-left: 0; padding-right: 0; } .slider-block .about-card { margin-bottom: 15px; } .tariffs__item { width: 100%; } .slider-block { margin-left: -15px; margin-right: -15px; } .card-doors { width: 50%; } .form-consultation { display: block; padding-left: 17%; padding-right: 10px; } .consultation-info { margin-bottom: 20px; text-align: center; width: 100%; } .form-consultation .consultation-form { width: 100%; } .consultation-input { font-size: 13px; padding-right: 30px; padding-left: 10px; } .consultation-input[type="text"] { padding-right: 30px; padding-left: 10px; } .consultation-btn { width: 32px; } .consultation-decor { left: -20px; -webkit-transform: none; -ms-transform: none; transform: none; } figure { text-align: center; } figure.alignleft, figure.alignright { float: none; display: block; margin-right: 0; margin-left: 0; } } @media screen and (max-width: 530px) { .ceilings-card { width: 100%; } } @media screen and (max-width: 480px) { .achievement-card { width: 100%; } .card-service__img { height: 211px; } .next-text { display: block; margin: 15px 0 0; } .parntership__item { display: block; text-align: center; } .parntership__img { width: 100%; max-width: 100%; } .parntership__details { padding-left: 0; } } @media screen and (max-width: 400px) { .catalog-list__img { height: auto; } } @media screen and (max-width: 330px) { .card-doors { text-align: center; width: 100%; } } .contact-form { margin: 30px 0; } .contact-form .contact_name, .contact-form .contact_email, .contact-form .contact_phone { margin-bottom: 15px; } .contact-form .contact_name input, .contact-form .contact_email input, .contact-form .contact_phone input { height: 40px; font-size: .9em; } @media (min-width: 768px) { .contact-form .contact_name input, .contact-form .contact_email input, .contact-form .contact_phone input { width: 50%; } } .contact-form .contact_textarea { margin-bottom: 15px; } .contact-form .contact_textarea textarea { width: 100%; height: 200px; resize: vertical; } .contact-form .contact_submit { color: #0d56a8; display: inline-block; font-size: 16px; border-radius: 15px; border: 1px solid #1c72d2; padding: 10px 30px; background: #fff; } .contact-form .contact_submit:hover, .contact-form .contact_submit:focus { background: #1c72d2; color: #fff; } .contact-form .contact_message { font-size: 20px; padding: 15px; } .contact-form .errors, .consultation-form .errors { color: #ff0000; font-size: 14px; } .page-links a { padding: 4px 12px; text-decoration: none; background-image: -webkit-gradient(linear, left top, right top, from(#ecf9ff), to(#f2f1fc)); background-image: linear-gradient(90deg, #ecf9ff 0%, #f2f1fc 100%); border-radius: 25px; } .post-card .entry-image { margin-top: 15px; } .materials .entry-image { margin-bottom: 15px; } .zamh { background: #579ce8; line-height: 23px; border-radius: 5px 5px 0 0; padding: 15px 10px; text-transform: uppercase; text-align: center; color: #fff; margin-bottom: 15px; } /*# sourceMappingURL=style.css.map */ #toc_container li,#toc_container ul{margin:0;padding:0}#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:0 0;list-style-type:none;list-style:none}#toc_container.have_bullets li{padding-left:12px}#toc_container ul ul{margin-left:1.5em}#toc_container{background:#f9f9f9;border:1px solid #aaa;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:95%}#toc_container.toc_light_blue{background:#edf6ff}#toc_container.toc_white{background:#fff}#toc_container.toc_black{background:#000}#toc_container.toc_transparent{background:none transparent}#toc_container p.toc_title{text-align:center;font-weight:700;margin:0;padding:0}#toc_container.toc_black p.toc_title{color:#aaa}#toc_container span.toc_toggle{font-weight:400;font-size:90%}#toc_container p.toc_title+ul.toc_list{margin-top:1em}.toc_wrap_left{float:left;margin-right:10px}.toc_wrap_right{float:right;margin-left:10px}#toc_container a{text-decoration:none;text-shadow:none}#toc_container a:hover{text-decoration:underline}.toc_sitemap_posts_letter{font-size:1.5em;font-style:italic} #fancybox-loading,#fancybox-loading div,#fancybox-overlay,#fancybox-wrap,.fancybox-bg,#fancybox-outer,#fancybox-content,#fancybox-content>div,#fancybox-content>div>div,#fancybox-frame,#fancybox-close,#fancybox-title,#fancybox-title div,#fancybox-left,#fancybox-right,.fancy-ico{box-sizing:content-box;-moz-box-sizing:content-box}#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:111104;display:none}#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('/img/fancybox.png')}#fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:111100;display:none}#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none}#fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:111101;display:none}#fancybox-outer{position:relative;width:100%;height:100%;background:#fff;box-shadow:0 0 20px #111;-moz-box-shadow:0 0 20px #111;-webkit-box-shadow:0 0 20px #111}#fancybox-content{width:0;height:0;padding:0;position:relative;-webkit-overflow-scrolling:touch;overflow-y:auto;z-index:111102;border:0 solid #fff;background:#fff;-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box}#fancybox-content>div{max-width:100%;max-height:100%}#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:111101}#fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:transparent url('/img/fancybox.png') -40px 0;cursor:pointer;z-index:111103;display:none}#fancybox-error{color:#444;padding:14px;margin:0}#fancybox-frame,#fancybox-img{width:100%;height:100%;border:0}#fancybox-img{padding:0;margin:0;line-height:0;vertical-align:top;max-width:none!important;max-height:none!important}#fancybox-frame{display:block;width:100%;height:100%;z-index:0;-webkit-transform:translateZ(0px);-webkit-transform:translate3d(0,0,0);-webkit-perspective:1000}#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;background:initial;z-index:111102;display:none}#fancybox-left{left:0}.rtl #fancybox-left{left:auto;right:0}#fancybox-right{right:0}.rtl #fancybox-right{left:0;right:auto}#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:111102;display:block}#fancybox-left-ico{background-image:url('/img/fancybox.png');background-position:-40px -30px}.rtl #fancybox-left-ico{background-position:-40px -60px;right:-9999px}#fancybox-right-ico{background-image:url('/img/fancybox.png');background-position:-40px -60px}.rtl #fancybox-right-ico{background-position:-40px -30px;right:-9999px}#fancybox-left:focus,#fancybox-right:focus{outline:0;background:initial}#fancybox-left:hover span{left:20px}.rtl #fancybox-left:hover span{right:20px}#fancybox-right:hover span{left:auto;right:20px}.rtl #fancybox-right:hover span{right:auto;left:20px}#fancybox-title{z-index:111102}.fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;position:relative}.fancybox-title-outside{padding-top:10px;color:#fff;font-weight:600}.fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left}.rtl .fancybox-title-over{text-align:right}#fancybox-title-over{padding:10px;background:rgba(0,0,0,.64);display:block}.fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px}#fancybox-title-float-wrap{border:0;border-collapse:collapse;width:auto}#fancybox-title-float-wrap tr,#fancybox-title-float-wrap td{border:0;white-space:nowrap}#fancybox-title-float-left{padding:0 0 0 15px;background:url('/img/fancybox.png') -40px -90px no-repeat}#fancybox-title-float-main{color:#fff;line-height:29px;font-weight:600;font-size:14px;padding:0 0 3px 0;background:url('/img/fancybox-x.png') 0 -40px}#fancybox-title-float-right{padding:0 0 0 15px;background:url('/img/fancybox.png') -55px -90px no-repeat}.fancybox-hidden{display:none} .rub { line-height: 7px; width: 0.4em; border-bottom: 1px solid #000; display: inline-block; } .copyright-ucalc { visibility: hidden !important; z-index:-99999; background-color: #FFF !important;}