/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: */ @font-face { font-family: 'PFDinDisplayProRegular'; src: url("../fonts/pfdindisplayproregular-webfont.eot"); src: url("../fonts/pfdindisplayproregular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdindisplayproregular-webfont.woff") format("woff"), url("../fonts/pfdindisplayproregular-webfont.ttf") format("truetype"), url("../fonts/pfdindisplayproregular-webfont.svg#PFBeauSansProSemiBold") format("svg"); } @font-face { font-family: 'PFDinDisplayProBold'; src: url("../fonts/pfdindisplaypro-bold-webfont.eot"); src: url("../fonts/pfdindisplaypro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdindisplaypro-bold-webfont.woff") format("woff"), url("../fonts/pfdindisplaypro-bold-webfont.ttf") format("truetype"), url("../fonts/pfdindisplaypro-bold-webfont.svg#PFBeauSansProSemiBold") format("svg"); } @font-face { font-family: 'PFDinDisplayProMedium'; src: url("../fonts/pfdindisplaypro-med.eot"); src: url("../fonts/pfdindisplaypro-med.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdindisplaypro-med.woff") format("woff"), url("../fonts/pfdindisplaypro-med.ttf") format("truetype"), url("../fonts/pfdindisplaypro-med.svg#pf_dindisplay_promedium") format("svg"); } @font-face { font-family: 'PfDinTextCompproMedium'; src: url("../fonts/pfdintextcomppro-medium-webfont.eot"); src: url("../fonts/pfdintextcomppro-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextcomppro-medium-webfont.woff") format("woff"), url("../fonts/pfdintextcomppro-medium-webfont.ttf") format("truetype"), url("../fonts/pfdintextcomppro-medium-webfont.svg#pf_dindisplay_promedium") format("svg"); } @font-face { font-family: 'PfDinTextCompproRegular'; src: url("../fonts/pfdintextcomppro-regular-webfont.eot"); src: url("../fonts/pfdintextcomppro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextcomppro-regular-webfont.woff") format("woff"), url("../fonts/pfdintextcomppro-regular-webfont.ttf") format("truetype"), url("../fonts/pfdintextcomppro-regular-webfont.svg#pf_din_text_comp_proregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'PfDinTextCompproBold'; src: url("../fonts/pfdintextcomppro-bold-webfont.eot"); src: url("../fonts/pfdintextcomppro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextcomppro-bold-webfont.woff") format("woff"), url("../fonts/pfdintextcomppro-bold-webfont.ttf") format("truetype"), url("../fonts/pfdintextcomppro-bold-webfont.svg#pf_din_text_comp_probold") format("svg"); font-weight: normal; font-style: normal; } /* normalize.css v2.1.2 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** Address styling not present in IE 8/9. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ height: 100%; overflow-x: hidden;} /** Remove default margin. */ body { margin: 0; height: auto !important; height: 100%; min-height: 100%; position: relative;} /* ========================================================================== Links ========================================================================== */ /** Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** Define consistent border, margin, and padding. */ fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */ button, input { line-height: normal; } /** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } .g-wrapper { position: relative; width: 995px; margin: 0 auto; padding-right: 10px; padding-left: 5px; } .g-left { float: left; } .g-right { float: right; } .g-clearfix { *zoom: 1; } .g-clearfix:before, .g-clearfix:after { display: table; line-height: 0; content: ""; } .g-clearfix:after { clear: both; } .g-imgshadow { padding: 5px; -webkit-box-shadow: 0px 0px 10px #c7c6c6; -moz-box-shadow: 0px 0px 10px #c7c6c6; box-shadow: 0px 0px 10px #c7c6c6; background: #fff; } body { font-size: 16px; font-family: "PT Sans", serf-sans; color: #000000; overflow-x: hidden; line-height: 20px; } h1, h2, h3, h4, h5, h6 { color: #1480b2; font-family: "PfDinTextCompproMedium", serf-sans; text-shadow: white 1px 1px 0px; } h1 { font-size: 30px; text-align: center; } h2 { font-size: 24px; } h3 { font-family: "PfDinTextCompproRegular"; font-size: 22px; } h3.black { color: #000000; } a { color: #717171; text-decoration: underline; } a:hover { text-decoration: none; } table { width: 100%; margin: 0; border-collapse: separate; margin-bottom: 20px; } table thead { min-height: 45px; line-height: 45px; -webkit-box-shadow: inset 0 0 7px rgba(255,255,255,.5); -moz-box-shadow: inset 0 0 7px rgba(255,255,255,.5);box-shadow: inset 0 0 7px rgba(255,255,255,.5);} table thead th { text-shadow: white 1px 1px 0px; font-size: 15px; border-top: solid 1px #dce1e6; border-bottom: solid 1px #dce1e6; background-color: #aebac1; background-image: -webkit-linear-gradient(top, #f0f0f5, rgba(240,240,245,0)); background-image: -moz-linear-gradient(top, #f0f0f5, rgba(240,240,245,0)); background-image: -o-linear-gradient(top, #f0f0f5, rgba(240,240,245,0)); background-image: -ms-linear-gradient(top, #f0f0f5, rgba(240,240,245,0)); background-image: linear-gradient(to bottom, #f0f0f5, rgba(240,240,245,0));} table thead th:first-child { -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; border-top-left-radius: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; border-bottom-left-radius: 7px; border-left: solid 1px #dce1e6; } table thead th:last-child { -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; border-top-right-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; border-bottom-right-radius: 7px; border-right: solid 1px #dce1e6; } table tbody td { -webkit-box-shadow: inset 0 0 7px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0 0 7px rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 7px rgba(255, 255, 255, 0.5); border-bottom: solid 1px #dce1e6; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f5), color-stop(100%, rgba(240, 240, 245, 0))); background-image: -webkit-linear-gradient(top, #f0f0f5, rgba(240, 240, 245, 0)); background-image: -moz-linear-gradient(top, #f0f0f5, rgba(240, 240, 245, 0)); background-image: -o-linear-gradient(top, #f0f0f5, rgba(240, 240, 245, 0)); background-image: linear-gradient(to top, #f0f0f5, rgba(240, 240, 245, 0)); text-shadow: white 1px 1px 0px; padding: 8px 10px; text-align: center; color: #000; } table tbody td:first-child { -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; border-top-left-radius: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; border-bottom-left-radius: 7px; border-left: solid 1px #dce1e6; } table tbody td:last-child { -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; border-top-right-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; border-bottom-right-radius: 7px; border-right: solid 1px #dce1e6; } table thead th.lineheight17, table thead td.lineheight17{ line-height: 17px; } .l-sidebar { width: 225px; float: left; margin-right: 10px; } .l-content { width: 755px; float: left; } .p-contacts img { vertical-align: middle; clear: both; } .p-contacts .b-phone { float: none; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .p-contacts .p-contacts-time { margin-top: 15px; } .p-contacts .p-contacts-time img { margin-right: 5px; margin-bottom: 15px; } .p-contacts .p-contacts-time span { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .p-contacts .p-contacts-email { margin-left: -5px; } .p-contacts .p-contacts-email img { margin-left: -5px; } .p-contacts .p-contacts-phone { margin-top: 20px; margin-bottom: 20px; } .p-contacts .p-contacts-phone img { margin-right: 15px; } #explore-mask { background: url("../images/mask.png") top left repeat; position: fixed; top: 0; left: 0; z-index: 50000; content: ""; width: 2000em; height: 2000em; display: none; } .g-bg { width: 100%; } .g-bg.g-bg-top { background: url("../images/bg-page-top.png") top center no-repeat; padding-bottom: 157px;z-index:500;position:relative;} .g-bg.g-bg-bottom { background: url("../images/bg-page-bottom.png") top center no-repeat; height: 557px;position: absolute; bottom: 0; } .g-icon-email, .g-icon-phone, .g-icon-date { position: relative; /*@include inline-block;*/ } .g-icon-email { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENUNGOTJGRDBGRTJFMjExOUE2NkYwM0IzMjg4QTk2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNDg3NDU1NEVENjYxMUUyQjUxMEJGQzU0MkRCM0FEMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNDg3NDU1M0VENjYxMUUyQjUxMEJGQzU0MkRCM0FEMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ0MkQyMkYwMzdFOUUyMTE5NDMxQ0VFOTE2NDFGOTVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1Q0Y5MkZEMEZFMkUyMTE5QTY2RjAzQjMyODhBOTZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+tOtA6AAAATBJREFUeNp8UTFOw0AQ3L0klqDCliMkGiQK0lBBRUlBFyIeEEooQwWiSByCO6jo6XgBCS+goOYJ1NgYWhB4mbXvcCRCVhrf7c3M7t6Zg/6dR0RXQBcI6P94A26Bk9e482mwuQR6zBQANAc+0NvfWHmE3qvjc1AQNSZBkg73/rRqjiYECeXAw3O6heXCaCcyTAkMjLUZ36uWHdSk7V4s//7xpfyhISdDJIN20TY8n2hzCqOxSC6URO1SIL9DBGbKV5ojmHEQDseiwnTUcRRrERdm1vPhnqxjpXFlKjtKCWvMZplxZ7bDVQMh8xcaxbZu/82xPoJ8i2hBdiX1ufUktxWQdjdXlc2UPt1dX35a0kpgmKd6SDWov9igo+01Ottp6clNURDwgGsgk/mRWZ33I8AAlMmHKFmtcEUAAAAASUVORK5CYII="); position: relative; /*@include inline-block;*/ width: 14px; height: 11px; } .g-icon-phone { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENUNGOTJGRDBGRTJFMjExOUE2NkYwM0IzMjg4QTk2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyQzgyNzM1NUVEQzcxMUUyODc3OUVFOUVFQTA3NzJFMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyQzgyNzM1NEVEQzcxMUUyODc3OUVFOUVFQTA3NzJFMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ0MkQyMkYwMzdFOUUyMTE5NDMxQ0VFOTE2NDFGOTVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1Q0Y5MkZEMEZFMkUyMTE5QTY2RjAzQjMyODhBOTZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5BbBsgAAAbVJREFUeNpi/P//PwMhIFy7yRtI+QGxDRAzAfEbIK5/2+y3DyTPiM8QoGaQpk4gtmIEq0aVTzJVKO3y1ethwWMASHMZXDMjI5SGKgDaffTh224g6wILDgM2ASlfRphmJhAF1Y1kyN13X0GsiUxYDDgGN4CJkSHNUpFhb5odg62iCIp3LOSFGHp99UBMdZQwARqwDUh5ggzg4mBhmB9mwuCsIgaSmvTu+6+lBZsubTCU5pf00ZBkUBXhAYkfBuKFcEOABrQDqQqQAdwcrAy702wZ1ER4QO4NBeLtUHtA3p8NxHeAeC0Q34DHDtAAQyD7HMwLGxKsGGwUhL8AeWZAfJ1QEoCFyUKYASnmiiADGKDpgqABYEOArnAF6tcFxQIj0EgLOSGQ+FQg3s9AJAC5JA4c6kyQ6Czacomhfte1LwwkAKAHGEzBroCmg88//zBcffmpGMj0It4ljAz8KMkZyPZQFwfFQi4p3jmPkpxBGUUeHLBbSTGkEFmABehBLXE+EPMQsYaA00nqmnPh73/8WvH443eGSANZhgJrlT9AOVaiQxZkCBRbAvFuIL4FxJVI4gQxQIABAJgfpLe3hFygAAAAAElFTkSuQmCC"); width: 17px; height: 17px; } .g-icon-date { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENUNGOTJGRDBGRTJFMjExOUE2NkYwM0IzMjg4QTk2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFMDE2RDBCNkVERTcxMUUyODc1RUM2ODgwQjYyMzRERSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFMDE2RDBCNUVERTcxMUUyODc1RUM2ODgwQjYyMzRERSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ0MkQyMkYwMzdFOUUyMTE5NDMxQ0VFOTE2NDFGOTVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1Q0Y5MkZEMEZFMkUyMTE5QTY2RjAzQjMyODhBOTZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++Rs9kQAAAONJREFUeNpi3HvgMAMSuATEegzYAYYcExDvBeIPUD6/pblJEZD+j4T/wOSc7G0yoWJ7YZqdQBKqykpzgbT806fPDdFsZFaQk10DpFVv37lnAxVzAhoUzwh09n8GMgBQcyMTAwWABdkkYjTsO3ikHkMzVKKBCP31yKGNDpKhIcyPFuoYAJtmM1AIA72RD8ScoiLCh/n5+S4A2Q3EaE6HyQG98eP1m7di/Hy884H8C8RoRgdy8rIyzED6HLGaGZHYXKysrFxA+jmGIkoTyQ5SNXJzcd2BxbMn0JQYIK1Cohl3AAIMABd0QF2BcwZ8AAAAAElFTkSuQmCC"); content: ""; width: 15px; height: 15px; margin-top: -4px;} .g-header { position: relative; margin-bottom: 21px; } .g-header .b-email { margin-top: 70px; } .g-header .b-phone { margin-top: 40px; margin-left: 50px; } .g-header .b-headernav { margin-top: 33px; } .b-logo { text-decoration: none; background: url("../images/b-logo.png") top left no-repeat; width: 219px; height: 189px; } .b-email .g-icon-email { margin-top: 5px; margin-right: 10px; } .b-phone { font-family: 'PfDinTextCompproRegular'; } .b-phone .g-icon-phone { margin-right: 5px; } .b-phone .b-phone-code { color: #717171; font-size: 24px; margin-top: 10px; margin-left: -8px; text-shadow: white 1px 1px 0px; } .b-phone .b-phone-number { color: #137eb1; font-size: 30px; margin-top: 30px; font-family: 'PfDinTextCompproBold'; text-shadow: white 1px 1px 0px; } .b-phone__codebottom .b-phone-code { margin-top: 0px; margin-right: 5px; margin-left: 0; } .b-phone__codebottom .b-phone-number { margin-top: 0px; } .b-headernav { background: url("../images/bg-header-menu.png") left top no-repeat; width: 764px; height: 69px; } .b-headernav ul { list-style-type: none; margin: 0; padding: 0; margin-left: 10px; } .b-headernav ul li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; position: relative; margin-left: 30px; } .b-headernav ul li a { text-decoration: none; font-size: 25px; color: #556676; font-family: "PfDinTextCompproMedium"; text-shadow: white 1px 1px 0px; line-height: 69px; padding-left: 17px; padding-right: 17px; display: block; } .b-headernav ul li.current, .b-headernav ul li:hover { background: url("../images/bg-header-menu-current-center.png") top center repeat-x; margin-right: 15px; margin-left: 44px; } .b-headernav ul li.current a, .b-headernav ul li:hover a { color: #ffffff; text-shadow: none; padding-right: 2px; padding-left: 3px; } .b-headernav ul li.current:before, .b-headernav ul li:hover:before { background: url("../images/bg-header-menu-current-left.png") top center repeat-x; content: ""; width: 14px; height: 69px; z-index: 100; position: absolute; top: 0; left: -14px; } .b-headernav ul li.current:after, .b-headernav ul li:hover:after { background: url("../images/bg-header-menu-current-right.png") top center repeat-x; content: ""; width: 15px; height: 67px; z-index: 100; position: absolute; top: 0; right: -15px; } .b-sidebarmenu { list-style-type: none; margin: 0; padding: 0; } .b-sidebarmenu li { margin-bottom: 7px; } .b-sidebarmenu li a { font-size: 20px; color: #717171; text-decoration: none; font-family: 'PfDinTextCompproRegular'; text-shadow: white 1px 1px 0px; background: url("../images/sidebar-button.png") no-repeat top left; background-position: 0 0; width: 204px; height: 43px; display: block; line-height: 43px; padding-left: 16px; } .b-sidebarmenu li.current a, .b-sidebarmenu li:hover a { color: #1482b3; background-position: 0 -93px; } .b-breadcrumbs { margin-bottom: 10px; } .b-breadcrumbs ul { list-style-type: none; margin: 0; padding: 0; } .b-breadcrumbs ul li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .b-breadcrumbs ul li a { color: #717171; font-size: 15px; text-shadow: white 1px 1px 0px; } .b-breadcrumbs ul li:after { content: "\00BB \0020"; color: #717171; text-decoration: none; } .b-breadcrumbs ul li.last:after { content: none; } .b-breadcrumbs ul li.last a { text-decoration: none; } .b-chekedlist { list-style-image: url("../images/list-checked.png"); list-style-position: outside; margin-top: 20px; margin-bottom: 20px; } .b-chekedlist li { margin-bottom: 10px; vertical-align: top; } .b-clearification { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color: #fff; -webkit-box-shadow: inset 0 0 7px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0 0 7px rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 7px rgba(255, 255, 255, 0.5); border: solid 1px #dce1e6; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f5), color-stop(100%, rgba(240, 240, 245, 0))); background-image: -webkit-linear-gradient(top, #f0f0f5, rgba(240, 240, 245, 0)); background-image: -moz-linear-gradient(top, #f0f0f5, rgba(240, 240, 245, 0)); background-image: -o-linear-gradient(top, #f0f0f5, rgba(240, 240, 245, 0)); background-image: linear-gradient(to top, #f0f0f5, rgba(240, 240, 245, 0)); width: 100%; padding: 15px; color: #575757; } .g-footer { position: absolute; top: 450px; left: 270px; } .g-footer .b-phone { margin-left: 50px; } .g-footer .b-phone .b-phone-code { margin-top: 15px; margin-right: 5px; } .g-footer .b-phone .b-phone-number { margin-top: 15px; } .b-copyright { text-shadow: white 1px 1px 0px; color: #5b5b5b; width: 250px; font-size: 14px; } .b-copyright .b-copyright-blue { color: #249fb6; } .b-news { margin-top: 30px; } .b-news h3, .b-news h1 { margin: 0; margin-bottom: 20px; } .b-news .date { color: #2985b4; text-shadow: white 1px 1px 0px; } .b-news .date section { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .b-news .more { margin-top: 10px; } .b-news .more:after { content: "\00BB \0020"; color: #717171; text-decoration: none; margin-left: 2px; } .b-news img { padding: 5px; -webkit-box-shadow: 0px 0px 10px #c7c6c6; -moz-box-shadow: 0px 0px 10px #c7c6c6; box-shadow: 0px 0px 10px #c7c6c6; margin-right: 30px; } .b-news__mini { width: 220px; margin-right: 30px; margin-top: 5px; } .b-uslugi { margin-top: 20px; margin-bottom: 20px; } .b-uslugi a { text-decoration: none; background: url("../images/price.png") top left no-repeat; background-position: 0 0; width: 150px; height: 141px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; content: ""; position: relative; font-size: 0; margin-right: -6px;} .b-uslugi a:hover, .b-uslugi a.current { background-position: 0 -191px; } .b-uslugi a .title { color: #6a7d8c; text-shadow: white 1px 1px 0px; font-size: 17px; font-family: "PfDinTextCompproRegular"; position: absolute; bottom: 10px; width: 150px; text-align: center; } .b-uslugi__big a { background: url("../images/price-big.png") top left no-repeat; background-position: 0 -233px; width: 195px; height: 183px; /*margin-right: 4px;*/ } .b-uslugi__big a:hover, .b-uslugi__big a.current { background-position: 0 0; } .b-uslugi__big a .title { width: 195px; } .b-scrollable { position: relative; overflow: hidden; width: 755px; height: 242px; } .b-scrollable .items { width: 20000em; position: absolute; } .b-scrollable .items div { float: left; } .b-scrollable a.browse { content: ""; background: url("../images/scrollable-next.png") top left no-repeat; width: 17px; height: 51px; z-index: 1000; position: absolute; right: 10px; top: 40%; cursor: pointer; } .b-scrollable a.prev { background: url("../images/scrollable-prev.png") top left no-repeat; left: 10px; } .b-scrollable .navigation-scrollable { position: absolute; top: 160px; left: 620px; z-index: 1000; } .b-scrollable .navigation-scrollable a { width: 10px; height: 10px; background: #d6d6d6; margin-right: 12px; cursor: pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .b-scrollable .navigation-scrollable a.active { background: #54adb1; } .b-scrollable__silver { width: 480px; overflow: visible; height: 162px; } .b-scrollable__silver > div { overflow: hidden; height: 162px; width: 480px; position: relative; } .b-scrollable__silver a.browse { background: url("../images/scroll-silver-right.png") top left no-repeat; width: 29px; height: 47px; right: -20px; } .b-scrollable__silver a.prev { background: url("../images/scroll-silver-left .png") top left no-repeat; left: -32px; } .b-home-footer { background: url("../images/block-news-bg.png") top left no-repeat; width: 890px; height: 385px; content: ""; margin-left: -10px; padding-left: 70px; padding-right: 50px; padding-top: 50px; } .b-orderoverlay { /*background: url("../images/bg-order.png") top right no-repeat;*/ width: 498px; /*height: 720px;*/ position: absolute; z-index: 999999; right: -500px; /*top: 100px;*/ top: 50px; background: #fff; } .b-orderoverlay:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 367px; background: url("../images/bg-order__top.png") no-repeat transparent; z-index: -1; } .b-orderoverlay:after{ content: ''; position: absolute; left: 0; bottom: -3px; width: 100%; height: 353px; background: url("../images/bg-order__bottom.png") 0 100% no-repeat transparent; z-index: -1; } .b-orderoverlay .btn { background: url("../images/order-hidden.png") top left no-repeat; width: 46px; height: 170px; position: absolute; top: 50px; left: -46px; cursor: pointer; } .b-orderoverlay .btn.visible { background: url("../images/order-visible.png") top left no-repeat; left: -44px; } .b-orderoverlay form { padding: 30px; font-size: 15px; text-shadow: white 1px 1px 0px; margin-top: -20px; } .b-orderoverlay form label { width: 155px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin-right: 10px; } .b-orderoverlay form .b-input, .b-orderoverlay form .b-textarea, .b-orderoverlay form .b-file { margin-bottom: 12px; } .b-orderoverlay form .b-input input, .b-orderoverlay form .b-input select, .b-orderoverlay form .b-input .customSelect { background: url("../images/bg-input.png") top left no-repeat; width: 252px; height: 35px; line-height: 37px; border: 0px; padding-left: 5px; padding-right: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .b-orderoverlay form .b-input input.error, .b-orderoverlay form .b-input select.error, .b-orderoverlay form .b-input .customSelect.error { -webkit-box-shadow: 0px 0px 10px 1px #c11414; -moz-box-shadow: 0px 0px 10px 1px #c11414; box-shadow: 0px 0px 10px 1px #c11414; } .b-orderoverlay form .b-input select, .b-orderoverlay form .b-input .customSelect { width: 262px; height: 37px; padding-right: 0; overflow: hidden; } .b-orderoverlay form .b-input select .customSelectInner, .b-orderoverlay form .b-input .customSelect .customSelectInner { background: url("../images/select-arrow.png") top right no-repeat; content: ""; } .b-orderoverlay form .b-input_captcha img{ width: 100%; height: auto; } .b-orderoverlay form .b-file label { margin: 0; width: auto; margin-right: 10px; margin-top: -1px;} .b-orderoverlay form .b-textarea label { display: block; width: auto; margin-bottom: 10px; } .b-orderoverlay form .b-textarea textarea { resize: none; background: url("../images/bg-textarea.png") top left no-repeat; width: 423px; height: 116px; border: 0; padding: 5px; } .b-orderoverlay form .b-button { background: url("../images/order-btn.png") top left no-repeat; width: 241px; height: 55px; border: 0; margin-top: 2px; float: right; clear: both; } .b-orderoverlay form .b-button div { color: #FFFFFF; cursor: pointer; font-family: 'pf_dindisplay_promedium'; font-size: 20px; *margin-left: 78px; *margin-top: 12px; } .b-pagination { margin-top: 20px; margin-bottom: 20px; margin-left: 0; padding: 0; } .b-pagination * { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .b-pagination a { font-size: 16px; color: #8595a5; font-weight: bold; padding: 5px 10px; text-decoration: none; text-shadow: white 1px 1px 0px; } .b-pagination li { margin-right: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #f3f3f4; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.75), inset 0 1px 1px white, inset 0 0 3px rgba(255, 255, 255, 0.65); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.75), inset 0 1px 1px white, inset 0 0 3px rgba(255, 255, 255, 0.65); box-shadow: 0 0 1px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.75), inset 0 1px 1px white, inset 0 0 3px rgba(255, 255, 255, 0.65); background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(0, 0, 0, 0.05))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.05)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.05)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.05)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.05)); } .b-pagination li.current, .b-pagination li:hover { background-color: #1982af; } .b-pagination li.current a, .b-pagination li:hover a { color: #fff; text-shadow: none; } .b-pagination li.next, .b-pagination li.prev { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-image: none; background: url("../images/pagination-arrow-right.png") center left no-repeat; } .b-pagination li.next a, .b-pagination li.prev a { content: ""; width: 49px; height: 17px; padding: 0; } .b-pagination li.prev { background: url("../images/pagination-arrow-left.png") center left no-repeat; } .nagrady .border-1 { padding: 1px; background-color: #f0e8ea; border: 1px solid #9d9c9d; display:inline-block; box-shadow: 0 15px 25px -10px #9F9F9F; } .nagrady .border-2 { padding: 1px; background-color: #f0e8ea; border: 1px solid #9d9c9d; display:inline-block; } .nagrady .border-3 { border: 1px solid #9d9c9d; display:inline-block; } .item-n { float: left; width:250px; text-align: left; padding: 10px 60px 10px; display: table; } .item-o { float: left; width:180px; text-align: left; padding: 10px 10px 10px; display: table; } /***************** P ******************/ .p_why { padding:0; } .p_why li { height:60px; padding-top:10px; padding-bottom:20px; padding-left:100px; list-style:none; } .p_why1 { background:url(/bitrix/images/p/p_img1.png) no-repeat; } .p_why2 { background:url(/bitrix/images/p/p_img2.png) no-repeat 25px 0; } .p_why3 { background:url(/bitrix/images/p/p_img3.png) no-repeat 20px 0; } .p_form1 { background:url(/bitrix/images/p/p_form1_bg.png) no-repeat; width:739px; height:392px; margin:0 auto; } .p_form2 { background:url(/bitrix/images/p/p_form2_bg.png) no-repeat; width:756px; height:350px; margin:0 auto; } .p_form1 h2, .p_form2 h2 { line-height: 30px; padding-top: 10px; text-align: center; } .p_form1 input[type="text"] { background: url("/bitrix/images/p/p_form1_input_text.png") no-repeat scroll 0 0; border: 0 none; display: block; height: 38px; margin: 10px auto; padding: 0 10px; width: 449px; } .p_form2 input[type="text"] { background: url("/bitrix/images/p/p_form2_input.png") no-repeat scroll 0 0; border: 0 none; display: block; height: 38px; margin: 10px auto; padding: 0 10px; width: 449px; } .p_form2 textarea { background: url("/bitrix/images/p/p_form2_textarea.png") no-repeat scroll 0 0; border: 0 none; display: block; height: 98px; margin: 10px auto; padding: 0 10px; width: 449px; } .p_form1 > form, .p_form2 > form { margin: 0 auto; width: 475px; } .p_form_text1 { color: #686868; font-size: 14px; font-style: italic; text-align: center; margin-top:10px; } .p_form_text2 { text-align: center; } .p_form1 .left { float:left; } .p_form1 .right { float:right; } .clear { clear:both; } .p_form1 button, .p_form2 button { background: url("/bitrix/images/p/p_form1_button.png") no-repeat scroll 0 0; border: 0 none; display: block; height: 56px; margin: 8px auto 0; width: 245px; } .p_ul_how { padding: 0; } .p_ul_how > li { display: inline-block; width: 365px; height:135px; } .p_how { display: table-cell; vertical-align: middle; height:120px; padding-left:130px; } .p_how1 { background:url(/bitrix/images/p/p_how1.png) no-repeat; } .p_how2 { background:url(/bitrix/images/p/p_how2.png) no-repeat; } .p_how3 { background:url(/bitrix/images/p/p_how3.png) no-repeat; } .p_how4 { background:url(/bitrix/images/p/p_how4.png) no-repeat; } .p_how5 { background:url(/bitrix/images/p/p_how5.png) no-repeat; } .p_how6 { background:url(/bitrix/images/p/p_how6.png) no-repeat; } .p_oborudovanie img { display: block; margin: 0 auto; } .p_product ul { padding:0; } .p_product li { display:inline-block; list-style:none; } .p_product li img { border: 1px solid #fff; box-shadow: 0 0 4px 0 #ccc; display: block; margin-right: 2px; margin-bottom: 10px; } .MsoNormalTable thead {line-height:20px;} .MsoNormal {margin:10px 0;} #tabs ul { padding-left: 0; } #tabs ul li { display: inline-block; list-style-type: none; } #tabs ul li a { display: block; padding: 7px 20px; color: white; font-size: 20px; text-decoration: none; font-family: "PfDinTextCompproMedium", serf-sans; border-top-left-radius: 10px; border-top-right-radius: 10px; background: rgba(67,173,220,1); background: -moz-linear-gradient(top, rgba(67,173,220,1) 0%, rgba(29,138,187,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(67,173,220,1)), color-stop(100%, rgba(29,138,187,1))); background: -webkit-linear-gradient(top, rgba(67,173,220,1) 0%, rgba(29,138,187,1) 100%); background: -o-linear-gradient(top, rgba(67,173,220,1) 0%, rgba(29,138,187,1) 100%); background: -ms-linear-gradient(top, rgba(67,173,220,1) 0%, rgba(29,138,187,1) 100%); background: linear-gradient(to bottom, rgba(67,173,220,1) 0%, rgba(29,138,187,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43addc', endColorstr='#1d8abb', GradientType=0 ); } #tabs ul li.ui-state-active a { background: rgba(67,173,220,1); background: -moz-linear-gradient(top, rgba(67,173,220,1) 0%, rgba(58,123,153,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(67,173,220,1)), color-stop(100%, rgba(58,123,153,1))); background: -webkit-linear-gradient(top, rgba(67,173,220,1) 0%, rgba(58,123,153,1) 100%); background: -o-linear-gradient(top, rgba(67,173,220,1) 0%, rgba(58,123,153,1) 100%); background: -ms-linear-gradient(top, rgba(67,173,220,1) 0%, rgba(58,123,153,1) 100%); background: linear-gradient(to bottom, rgba(67,173,220,1) 0%, rgba(58,123,153,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43addc', endColorstr='#3a7b99', GradientType=0 ); } .b-orderoverlay{ transition: all ease-in-out 200ms; } .map-site::before{ content: ''; display: inline-block; width: 20px; height: 20px; background-image: url(../images/map.png); background-size: cover; } .map-site a{ position: absolute; margin-left: 5px; text-decoration: none; } .map-level-0,.map-level-1,.map-level-2,.map-level-3{ text-align: left; } .list-images { list-style: none; display: flex; flex-wrap: wrap; } .img-wrap { margin: 5px; }