@charset "utf-8"; /* CSS Document */ body { padding: 0; margin: 0; font-family: Arial, sans-serif; color: #363a40; font-size: 12px; } p, h1, h3, h2, h4, h5 { margin: 0px; } a{ color: #c30107; } a img { border: none; } a:hover{ /*text-decoration: none;*/ } body, html{ height: 100%; } @font-face { font-family: 'PTSansBold'; src: url('../fonts/pts75f-webfont.eot'); src: url('../fonts/pts75f-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pts75f-webfont.woff') format('woff'), url('../fonts/pts75f-webfont.ttf') format('truetype'), url('../fonts/pts75f-webfont.svg#PTSansBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSansRegular'; src: url('../fonts/pts55f-webfont.eot'); src: url('../fonts/pts55f-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pts55f-webfont.woff') format('woff'), url('../fonts/pts55f-webfont.ttf') format('truetype'), url('../fonts/pts55f-webfont.svg#PTSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSansItalic'; src: url('../fonts/pts56f-webfont.eot'); src: url('../fonts/pts56f-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pts56f-webfont.woff') format('woff'), url('../fonts/pts56f-webfont.ttf') format('truetype'), url('../fonts/pts56f-webfont.svg#PTSansItalic') format('svg'); font-weight: normal; font-style: normal; } .wrapper-global{ width: 100%; min-width: 1008px; position: relative; min-height: 100%; height: auto !important; margin: 0 auto -360px; z-index: 1; } .push, .footer-wrapper{ height: 360px; min-width: 1008px; clear: left; } .footer-wrapper{ height: 360px; position: relative; width: 100%; z-index: 10; background: url("../img/footer-back.png") repeat-x left bottom; } .center-wrapper{ width: 1008px; margin: 0 auto } .wrapper{ width: 1008px; float: left; clear: left; } .logo{ margin: 20px 0px 0 24px; width: 222px; height: 59px; float: left; } .service-header{ width: 632px; margin-right: 24px; float: right; font-family: Arial; font-size: 12px; color: #7a7d80; } .service-header-top{ width: 100%; float: left; padding: 5px 0; border-bottom: 1px solid #e5e9ed; } .lang-nav{ float: left; clear: left; padding: 5px 0; } .lang-nav ul{ margin: 0; padding: 0; } .lang-nav ul li{ list-style: none; float: left; margin-right: 10px; } .lang-nav ul li a{ display: block; float: left; width: 16px; height: 11px; margin-right: 10px; } .lang-nav ul li.rus a{ background: url("../img/lang-rus.png") no-repeat left top; } .lang-nav ul li.eng a{ background: url("../img/lang-eng.png") no-repeat left top; } .lang-nav ul li.eng.inactive a{ background: url("../img/lang-eng-inactive.png") no-repeat left top; } .lang-nav ul li.with-line{ border-right: 1px solid #e5e9ed; } .header-soc{ float: right; text-align: right; margin-left: 25px; min-width: 140px; } .header-soc p{ float: right; padding: 3px 0; color: #333; } .footer-wrapper .header-soc p{ color: #ACB6BF; padding-bottom: 20px; } .header-soc p.header-soc-title{ color: #7A7D80; float: right; margin-right: 10px; } .header-soc a{ float: right; width: 20px; height: 20px; margin-left: 5px; } .header-soc a.vk{ background: url("../img/soc-v.png") no-repeat left top; } .header-soc a.tw{ background: url("../img/soc-tw.png") no-repeat left top; } .header-soc a.fb{ background: url("../img/soc-f.png") no-repeat left top; } .header-soc a.odn{ background: url("../img/soc-odn.png") no-repeat left top; } .service-header-bottom{ width: 100%; float: left; clear: left; } .service-links{ float: left; padding-top: 20px; line-height: 20px; } .service-links ul{ margin: 0; padding: 0; } .service-links ul li{ list-style: none; float:left; margin-right: 15px; border-bottom: 1px solid #7a7d80; display: block; height: 19px; } .service-links ul li a{ color: #7a7d80; text-decoration: none; display: block; padding: 6px 0 9px; background: url("../img/service-links-active.png") no-repeat left -1000px; line-height: 12px; } /*.service-links ul li:hover{ border: none; }*/ .service-links ul li.active{ border-color: #c30107; } .service-links ul li.active a{ color: #c30107; background-position: center bottom; } .service-links ul li a:hover{ background-position: -100px -1000px; } .service-links ul li.active a:hover{ background-position: center bottom; } .header-contacts{ float: right; text-align: right; line-height: 20px; padding-top: 18px; } .tel{ font-size: 20px; font-weight: bold; color: #1b222b; } .read-more{ } .read-more a{ color: #c30107; } .menu-wrapper{ width: 1008px; float: left; margin-top: 30px; background: url("../img/menu-back.png") repeat-x left top; height: 59px; overflow: hidden; } .menu-wrapper ul{ margin: 0; padding: 0; float: left; width: 1050px; } .menu-wrapper ul li{ list-style: none; float: left; height: 59px; padding: 20px 0px; background: url("../img/menu-item-back.png") no-repeat center -59px; } .menu-wrapper ul li.active, .menu-wrapper ul li:hover{ background-position: center 0px; } .menu-wrapper ul li a{ display: block; height: 19px; line-height: 19px; color: #ffffff; font-family: Arial; font-weight: bold; font-size: 12px; padding: 0px 24px 0px 27px; border-left: 1px solid #939ba2; text-decoration: none; } .menu-wrapper ul li:first-child a{ border: none; padding: 0px 24px; } .slider-wrapper{ width: 1008px; height: 115px; float: left; position: relative; border-bottom: 6px solid #ca1510; } .slider-wrapper.home-page-slider{ height: 400px; } .slides-container{ width: 1008px; /*height: 401px; only for main page*/ } a.prev, a.next{ background-image: url("../img/slider-arrows.png"); width: 33px; height: 63px; display: block; cursor: pointer; position: absolute; left:24px; top:170px; z-index: 5; } a.next{ background-position: -33px 0px; right: 24px; left: auto; } /*a.next.non-active{ background-position: -15px 28px; } a.prev.non-active{ background-position: 0px -28px; }*/ .slider-wrapper ul.slide-pagination{ margin: 0px; padding: 0px; bottom: 14px; position: absolute; z-index: 6; left: 17px; } .slider-wrapper ul.slide-pagination li{ list-style: none; float: left; margin-left: 7px; } .slider-wrapper ul.slide-pagination li a{ display: block; background-image: url("../img/slides-pag.png"); width: 10px; height: 10px; background-position: 0px 0px; } .slider-wrapper ul.slide-pagination li a:hover, .slider-wrapper ul.slide-pagination li.active a{ background-position: 0px -10px; } .slide{ width: 1008px; float: left; position: relative; } .slide img{ display: block; } .caption{ position:absolute; z-index: 5; left: auto; bottom: 45px; right: 24px; text-align: right; } .caption span{ display: inline; padding: 12px; line-height: 38px; font-size: 18px; color: #ffffff; font-family: 'PTSansRegular'; background: url("../img/slides-caption-back.png") repeat left top; } .col-wrapper{ width: 1008px; float: left; clear: left; } .col4, .col6, .col2, .col3, .col8, .col10, .col5, .col7, .col12{ float: left; } .col-wrapper > .col7, .col-wrapper > .col12, .col-wrapper > .col4, .col-wrapper > .col6, .col-wrapper > .col2, .col-wrapper > .col3, .col-wrapper > .col8, .col-wrapper > .col10, .with-margin{ margin-left: 24px; } .col12{ width: 960px; } .col4{ width: 304px; } .col6{ width: 468px; } .col2{ width: 140px; } .col3{ width: 222px; } .col8{ width: 632px; } .col8.no-margin{ margin-left: 0px !important; width: 656px; } .col10{ width: 796px; } .col5{ width: 384px; } .col10 .col2{ margin-left: 24px; } .col7{ width: 550px; } .home-page-banners{ margin: 20px 0 40px; } .section-title, h2{ margin: 20px 0; font-size: 18px; color: #1b222b; font-family: 'PTSansBold'; clear: left; } h3{ margin: 20px 0px; font-size: 14px; font-weight: bold; font-family: Arial; } .text-content{ clear: left; } .text-content p, .text-content ul, .text-content ol{ margin-bottom: 25px; line-height: 20px; } .text-content ul{ padding-left: 17px; } .text-content ol{ padding-left: 15px; } .text-content img{ margin-bottom: 15px; } .text-content p img{ margin-bottom: 0px; } .rss-icon{ display: inline-block; background: url("../img/rss-icon.png") no-repeat left top; width: 20px; height: 20px; margin-left: 20px; vertical-align: middle; padding-bottom: 4px; } .home-page-news{ } .news-item{ width: 100%; float: left; margin-bottom: 38px; clear: left; } .preview-img{ width: 82px; float: left; margin-right: 12px; } img{ /*display: block;*/ max-width: 100%; } .news-content{ width: 374px; float: left; line-height: 20px; } .col4 .news-content{ width: 210px; } .col3 .news-content{ width: 128px; } .col7 > .news-item .news-content{ width: 456px; } .col4 .news-item, .col3 .news-item{ margin-bottom: 25px; } .col-wrapper .header-soc{ width: auto; float: left; min-width: 75px; margin-left: 0px; } .bottom-special-links{ background: url("../img/bottom-special-links.png") repeat-x left top; margin-bottom: -4px; position: relative; z-index: 2; width: 100%; float: left; height: 54px; padding-top: 26px; } .bottom-special-links-index{ background: url("../img/special-links-index.png") no-repeat left top; width: 34px; height: 35px; /*float: left;*/ display: block; /*margin: -36px 0 0 52px;*/ position: absolute; left: 50%; margin-left: -17px; top: -36px; } .bottom-special-links-index.one{ background-position: 0px 0px; } .bottom-special-links-index.two{ background-position: 0px -35px; } .bottom-special-links-index.three{ background-position: 0px -70px; } .bottom-special-links-index.four{ background-position: 0px -105px; } .bottom-special-links-index.five{ background-position: 0px -140px; } .bottom-special-links-index.six{ background-position: 0px -175px; } .bottom-special-links a{ color: #ffffff; font-weight: bold; display: block; height: 34px; text-decoration: none; text-align: center; position: relative; /*border-right: 1px solid #889099;*/ } .bottom-special-links .col3:last-child a{ border: none; } .footer-menu{ border-bottom: 1px solid #454b53; margin-left: 24px; float: left; clear: left; margin-bottom: 20px; overflow: hidden; } .footer-menu ul{ float: left; margin: 0 0 -1px 0; padding: 0px; } .footer-menu ul li{ float: left; padding: 24px 0; list-style: none; margin-right: -19px; background: url("../img/footer-menu-back.png") no-repeat center top; } .footer-menu ul li a{ color: #a4b0bc; padding-left: 19px; padding-right: 19px; } .footer-menu ul li:first-child a{ padding-left: 0px; } .footer-menu ul li.active{ background-position: center bottom } .footer-menu ul li.active a{ color: #e32127; text-decoration: none; } .footer-wrapper{ color: #acb6bf; } .footer-wrapper .col-wrapper p{ line-height: 20px; } p.dev-link{ margin-top: 80px; color: #5d6770; } p.dev-link a{ color: #7d1f26; } .footer-wrapper .header-soc{ margin-top: 20px; } .subscription-form{ width: 100%; margin: 20px 0; float: left; clear: both; } .subscription-form input[type=email], .subscription-form input[type=text]{ color: #acb6bf; font-size: 12px; font-family: Arial; padding: 7px 8px 6px; float: left; width: 164px; border: none; background: #ffffff; margin: 0; line-height: 12px; margin-right: 10px; border-radius: 3px; position: relative; bahavior: url("../pie/PIE.htc"); } .red-button{ color: #ffffff; font-size: 12px; font-family: Arial; line-height: 12px; padding: 8px 15px; background: url("../img/red-button.png") repeat-x left top; border-radius: 3px; float:right; margin: 0; position: relative; bahavior: url("../pie/PIE.htc"); } input.red-button, input.button{ border: none; cursor: pointer; height: 28px; } .content-wrapper{ margin-top: 20px; padding-bottom: 40px; } ul.sidebar-nav{ float: left; width: 100%; padding: 0px; margin: 10px 0 30px 0; } ul.sidebar-nav ul{ padding: 0 0 0 13px; margin: 5px 0; } .sidebar-nav > li{ width: 100%; padding-left: 24px; margin-left: -24px; background: url("../img/sidebar-list-image.png") no-repeat 13px 7px; line-height: 20px; list-style: none; float: left; clear: both; } .sidebar-nav > li.active > a{ font-weight: bold; } .sidebar-nav li > a:hover{ text-decoration: underline; } .sidebar-nav li a{ text-decoration: none; color: #363a40; } .sidebar-nav > li > ul > li{ padding-left: 15px; margin-left: -13px; background: url("../img/list-image-for-p.png") no-repeat 0px 9px; line-height: 20px; border-bottom: 1px solid #ffffff; list-style: none; /*float: left; clear: both;*/ } .sidebar-nav > li > ul > li.active{ background: #e5e9ed; color: #363a40; border-bottom: 1px solid #c30107; text-decoration: none; } .sidebar-nav > li > ul > li.active a{ color: #363a40; text-decoration: none; } .sidebar-nav > li > ul > li a{ color: #7a7d80; } h1{ margin: 15px 0 20px; font-size: 24px; color: #1b222b; font-family: 'PTSansBold'; clear: left; } .catalog-wrapper{ width: 654px; float: left; clear: both; margin-bottom: 20px; } .catalog-item{ width: 193px; margin-right: 22px; display: inline-block; zoom:1; *display: inline; border-bottom: 1px solid #e5e9ed; margin-bottom: 19px; color: #363636; font-weight: bold; text-align: center; text-decoration: none; position: relative; z-index: 3; } .catalog-item:hover{ text-decoration: underline; } .catalog-item-tail{ background: url("../img/catalog-opening-block-triangle.png") no-repeat left top; width: 21px; height: 10px; display: block; position: absolute; left: 50%; margin-left: -10px; bottom: 1px; display: none; } .catalog-item-logo-wrap{ display: block; width: 192px; height: 140px; position: relative; background: url("../img/catalog-item-back.png") repeat-x left top; border-left: 1px solid #e0e4e8; border-right: 1px solid #e0e4e8; } .catalog-item.opened .catalog-item-logo-wrap{ box-shadow: 0px 0px 5px #dfe0e1; background-position: 0px -140px; border-color: #ffffff; behavior: url("pie/PIE.htc"); } .catalog-item.opened{ color: #c30107; border-bottom: none; z-index: 100; position: relative; } .catalog-item.opened .catalog-item-tail{ display: block; } .catalog-item-logo{ display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; } .catalog-item-name{ width: 100%; clear: left; padding: 12px 0; text-align: center; display: block; line-height: 13px; } .catalog-sublist{ width: 630px; border-color: #ffffff; border-style: solid; border-width: 0px 1px; background: #ffffff url("../img/catalog-sublist.png") repeat-x left bottom; box-shadow: 0px 0px 5px #dfe0e1; min-height: 140px; margin-top: -21px; margin-bottom: 20px; position: relative; z-index: 4; display: inline-block; zoom:1; *display: inline; behavior: url("pie/PIE.htc"); } .catalog-sublist-item{ margin-left: 15px; display: inline-block; zoom:1; *display: inline; min-width: 100px; text-align: center; font-weight: bold; text-decoration: none; color: #1b222b; } .catalog-sublist-item-img{ float: left; clear: left; padding-top: 30px; background: #ffffff; max-width: 140px; } .catalog-sublist-item-img img{ max-width: 100%; } .catalog-sublist-item-name{ float: left; clear: left; padding: 13px 0; text-align: center; width: 100%; } .contacts-on-page{ width: 100%; } .contacts-on-page p{ padding: 10px 0 10px 40px; line-height: 20px; background-position: 13px center; background-repeat: no-repeat; border-top: 1px solid #e6eaee; } .contacts-on-page p:first-child{ border: none; } .contacts-on-page p.tel-content{ background-image: url("../img/tel-icon.png"); background-position: 14px center; } .contacts-on-page p.email{ background-image: url("../img/message-icon.png"); } .contacts-on-page p.address{ background-image: url("../img/map-marker-icon.png"); background-position: 15px center } h2{ margin: 27px 0px 20px; } .consultant{ width: 100%; float: left; clear: both; margin-bottom: 35px; } .consultant p{ margin-bottom: 14px; } .consultant-photo{ width: 100%; margin: 15px 0; } .consultant-photo img{ cursor: pointer; max-width: 100%; } .consultant-name{ font-weight: bold; margin-bottom: 15px; } .consultant-speciality{ font-style: italic; color: #7a7d80; margin-bottom: 15px; } .button{ color: #ffffff; font-size: 12px; font-family: Arial; line-height: 12px; padding: 8px 15px; background: url("../img/button.png") repeat-x left top; border-radius: 3px; float: right; margin: 0; position: relative; text-decoration: none; font-weight: bold; bahavior: url("../pie/PIE.htc"); } .consultant .button{ display: block; padding: 8px 0; width: 100%; text-align: center; } .crumbs{ margin: -8px 0 -9px 0; padding: 0px; display: block; } .crumbs li{ list-style: none; display: inline; margin-right: 5px; color: #acb6bf; } .crumbs li a{ color: #7a7d80; margin-right: 10px; } .tail-frame{ width: 100%; position: relative; float: left; min-height: 100px; clear: left; border-bottom: 7px solid #ced3d9; border-top: 3px solid #ced3d9; border-left: 1px solid #ced3d9; border-right: 1px solid #ced3d9; margin-bottom: 20px; } .tail-frame .tail{ position: absolute; border-bottom: 7px solid #ced3d9; border-top:none; border-left: 7px solid #ffffff; border-right: 7px solid #ffffff; top: -10px; left: 20px; } .tail-frame .catalog-sublist{ box-shadow: none; background: none; border: none; padding: 0; margin: 0; } .catalog-sublist-item.larger .catalog-sublist-item-img{ max-width: 280px; padding-top: 10px; } .catalog-sublist-item.larger{ margin-left: 25px; } .tail-frame-small-right{ width: 136px; position: relative; float: left; min-height: 50px; clear: left; border-bottom: 7px solid #ced3d9; border-top: 1px solid #ced3d9; border-left: 3px solid #ced3d9; border-right: 1px solid #ced3d9; margin-top: 20px; } .tail-frame-small-right.for-image{ margin-top: 0px; } .tail-frame-small-right .tail{ position: absolute; background: url("../img/tail-frame-small-right.png") no-repeat left top; width: 10px; height: 14px; top: 14px; left: -10px; } .tail-frame-small-right .frame-text-content{ padding: 12px 15px; font-style: italic; font-size: 11px; color: #7a7d80; line-height: 16px; } .content-wide-gallery{ width: 820px; float: left; margin-bottom: 25px; clear: left; } .content-wide-gallery img{ vertical-align: bottom; max-width: 250px; margin-right: 20px; margin-bottom: 20px; } .some-help-box{ width: 100%; float: left; clear: left; margin-top: 15px; } .some-help-box img{ max-width: 100%; vertical-align: top; margin-bottom: 15px; } .some-help-box p{ font-size: 11px; color: #7a7d80; font-style: italic; margin-bottom: 15px; line-height: 16px; } p.with-list-image{ padding-left: 13px; margin-left: -13px; width: 100%; background: url("../img/list-image-for-p.png") no-repeat left 7px; } .form-wrap{ float: left; clear: left; margin: 35px 0 20px; width: 100%; } .form-wrap label{ font-size: 12px; color: #363a40; font-weight: bold; text-align: right; float: left; margin-right: 15px; padding: 9px 0px 4px 20px; } .form-line{ width: 100%; float: left; clear: left; margin-bottom: 25px; } .form-wrap.in-col8 label{ width: 90px; } .form-wrap.in-col6 label{ width: 72px; margin-right: 10px; padding-left: 0px; } .form-wrap input[type=text], .form-wrap input[type=email], .form-wrap input[type=tel], .form-wrap input[type=passwordt], .form-wrap textarea { background: #ffffff; border: 1px solid #ced3d9; padding: 5px 10px; float: left; font-family: Arial; margin: 0; } .form-wrap input.error, .form-wrap textarea.error{ border-color: #C30107; box-shadow: 0px 0px 5px #F4A9AC; } .form-wrap.in-col8 input.middle{ width: 238px; } .form-wrap.in-col8 textarea.wide{ width: 465px; height: 120px; } .form-wrap.in-col6 input.middle{ width: 280px; } .form-wrap.in-col6 textarea.wide{ width: 364px; height: 106px; } .form-left{ width: 385px; float: left; } .form-left .form-line{ margin-bottom: 13px; } .form-right{ width: 198px; margin-left: 28px; float: left; } .form-wrap .with-list-image{ color: #7a7d80; font-size: 11px; font-style: italic; line-height: 20px; background-position: left 10px; } .form-line.with-submit{ padding-left: 125px; width: auto; padding-top: 15px; } .form-wrap.in-col6 .form-line.with-submit{ padding-left: 82px; margin-bottom: 0; } .catalog-item.big{ width: 304px; margin-right: 20px; } .catalog-item-image{ display: block; width: 304px; max-height: 225px; overflow: hidden; } .catalog-item-image img{ max-width: 100%; } .catalog-item-full{ width: 100%; float: left; clear: left; } .catalog-item-nav{ display: block; width: 100%; float: left; clear: left; margin: 0 0 15px 0; padding: 0; } .catalog-item-nav li{ list-style: none; } .catalog-item-prev{ width: 303px; padding-right: 12px; float: left; text-align: right; border-right: 1px solid #a1a3a6; } .catalog-item-next{ width: 303px; float: left; text-align: left; padding-left: 12px; } .catalog-item-nav a{ background-repeat: no-repeat; } .catalog-item-prev a{ padding-left: 15px; background-image: url("../img/catalog-nav-arrows.png"); background-position: 0px -15px; } .catalog-item-next a{ padding-right: 15px; background-image: url("../img/catalog-nav-arrows.png"); background-position: right 5px; } .catalog-item-gallery{ width: 656px; float: left; margin-bottom: 15px; clear: left; } .catalog-item-gallery img{ margin-right: 21px; max-width: 140px; max-height: 105px; vertical-align: top; margin-bottom: 24px; } .catalog-similar{ width: 656px; float: left; clear: left; } .catalog-similar-item{ display: inline-block; zoom:1; *display: inline; width: 112px; text-decoration: none; vertical-align: top; margin-right: 16px; color: #363a40; } .catalog-similar-item:hover{ text-decoration: underline; } .catalog-similar-item-image{ border: 1px solid #ffffff; position: relative; width: 110px; float:left; text-align: center; } .catalog-similar-item-image img{ border: 1px solid #ffffff; max-width: 108px; display: block; } .catalog-similar-item-name{ padding: 5px 0; text-align: center; color: #363a40; font-size: 11px; display: block; clear: left; } .catalog-similar-item.active .catalog-similar-item-image{ border-color: #acb6bf; } .catalog-similar-item.active, .catalog-similar-item.active .catalog-similar-item-name{ font-weight: bold; color: #c30107 } .catalog-similar-item-image-tail{ display: block; background: url("../img/catalog-similar-tail.png") no-repeat left top; width: 7px; height: 5px; position: absolute; z-index: 10; bottom: -4px; left: 50%; margin-left: -4px; display: none; } .catalog-similar-item.active .catalog-similar-item-image-tail{ display: block; } .catalog-similar-item.not-avaliable, .catalog-similar-item.not-avaliable .catalog-similar-item-name{ color: #7a7d80; } .n-a-overlay{ width: 100%; height: 100%; display: block; background: url("../img/similar-item-na.png") repeat left top; position: absolute; top:0px; left: 0px; display: none; } .catalog-similar-item.not-avaliable .n-a-overlay{ display: block; } .catalog-similar-item.not-avaliable:hover{ text-decoration: none; } .task-wrapper{ color: #363a40; font-style: italic; } .task-img{ max-width: 140px; } .header-combined{ width: 100%; float: left; clear: left; } .header-combined h1, .header-combined h2{ float: left; max-width: 430px; } .gallery-link{ float: right; border: 1px solid #e5e9ed; padding: 10px 15px 12px 40px; background: url("../img/eye-icon.png") no-repeat 17px 12px; color: #363a40; text-decoration: none; margin-top: 10px; } .work-list, .work-item{ width: 100%; clear: left; float: left; } .work-item { margin-bottom: 30px; } .work-list .col5 img{ max-width: 100%; } .car-owner{ width: 100%; clear: left; float: left; } .owner-info-line{ width: 100%; clear: left; line-height: 20px; float: left; } hr{ width: 100%; clear: left; margin: 20px 0px 20px 0; background: #e5e9ed; height: 1px; color: #e5e9ed; border: none; float: left; } .text-content blockquote{ display: block; padding: 0 0 0 58px; margin: 0 0 15px 0; font-style: italic; line-height: 20px; background: url("../img/blockquote.png") no-repeat left top; } .service-list{ width: 630px; display: inline-block; zoom:1; *display: inline; position: relative; margin-top: 22px; } .service-item{ display: inline-block; zoom: 1; *display: inline; min-width: 100px; text-align: center; font-weight: bold; text-decoration: none; color: #1B222B; margin-left: 22px; margin-bottom: 5px; } .service-logo-wrap{ display: block; width: 280px; height: 210px; position: relative; background: url("../img/service-item-back.png") repeat-x left top; border-left: 1px solid #E0E4E8; border-right: 1px solid #E0E4E8; } .service-logo { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; } .service-name { width: 100%; clear: left; padding: 15px 0; text-align: center; display: block; line-height: 13px; } .content-normal-gallery { width: 656px; float: left; margin-bottom: 25px; clear: left; } .content-normal-gallery img { vertical-align: bottom; max-width: 194px; margin-right: 20px; } .modal-back{ position: fixed; width: 100%; height: 100%; /*background: url("../img/modal-back.png") repeat left top;*/ background: #ffffff; z-index: 400; overflow: hidden; } .gallery-wrapper{ width: 100%; height: 100%; z-index: 2; /*position: absolute;*/ left: 0px; bottom: 0px; } .gallery-content{ /*position: absolute;*/ position: relative; width: 100%; bottom: 0px; left: 0px; /*padding-bottom: 184px;*/ } .fake-prev-btn{ position: absolute; left: 0; cursor: pointer; z-index: 10; } .fake-next-btn{ position: absolute; right: 0; cursor: pointer; z-index: 10; } .gallery-content .header-combined{ padding: 0px 24px; float: none; width: auto; } .gallery-link.close-gal{ background-position: 8px -27px; background-color: #ffffff; } .gallery-image-block{ padding: 0px 106px 20px; position: relative; clear: left; } .gall-arrow-prev{ width: 33px; height: 63px; background: url("../img/gallery-big-arrows.png") no-repeat left top; position: absolute; top: 50%; margin-top: -32px; left: 24px; display: block; cursor: pointer; } .gall-arrow-next{ width: 33px; height: 63px; background: url("../img/gallery-big-arrows.png") no-repeat -33px top; position: absolute; top: 50%; margin-top: -32px; display: block; right: 24px; cursor: pointer; } .gallery-image{ width: 100%; text-align: center; } .photo-title-wrap{ width: 100%; clear: left; margin-top: 10px; } .photo-title{ max-width: 656px; float: left; } .photo-num{ float: right; max-width: 140px; text-align: right } .photo-info{ float: left; clear:left; } .gallery-images-list-wrap{ width: 100%; margin-top: 20px; background: #ffffff; border-top: 1px solid #e5e9ed; padding: 20px 0 20px; /*position: absolute;*/ position: relative; bottom: 0px; left: 0px; height: 68px; } .gall-small-arrow-prev{ position: absolute; background: url("../img/gallery-small-arrow.png") no-repeat left top; width: 16px; height: 31px; top:50%; margin-top: -15px; left: 50px; cursor: pointer; } .gall-small-arrow-next{ position: absolute; background: url("../img/gallery-small-arrow.png") no-repeat -16px top; width: 16px; height: 31px; top:50%; margin-top: -15px; right: 50px; cursor: pointer; } .gallery-images-list{ margin: 0px 90px 0px 90px; overflow: hidden; position: relative; } .gallery-images-list-long{ width: 300000px; position: relative; } .gallery-images-list img{ width: 91px; height: 68px; margin-right: 18px; border-bottom: 3px solid #ffffff; max-width: none; } .gallery-images-list .active img{ border-color: #c30107; } .gall-tail{ background: url("../img/gall-list-tail.png") no-repeat left top; width: 13px; height: 8px; display: block; position: absolute; top: -8px; left: 50%; margin-left: -7px; } .news-page-list{ clear: left; float: left; width: 100%; } .news-page-item{ clear: left; float: left; width: 100%; border-top: 1px solid #e5e9ed; margin-bottom: 15px; } .news-page-item h2{ margin-bottom: 10px; } .news-page-item:first-child{ border: none; margin-top: -20px; } .news-info{ font-size: 12px; color: #acb6bf; line-height: 24px; margin: 5px 0; font-family: 'PTSansItalic'; } .news-page-item img{ float: left; width: 140px; margin-right: 24px; } .soc-share{ clear: left; margin: 0px 0 10px; float: left; } .soc-share-btn{ margin-right: 15px; width: 140px; float: left; } .news-page-item .text-content p{ margin-bottom: 15px; } .paginator-wrapper { float: left; width: 100%; padding: 25px 0px; margin-bottom: 20px; border-top: 2px solid #e5e9ed; } .paginator-to-left { float: right; position: relative; right: 50%; } .paginator-to-right { position: relative; right: -50%; z-index: 1; } ul.yiiPager { border: 0 none; display: inline; font-size: 12px; line-height: 100%; margin: 0; padding: 0; } ul.yiiPager li { display: inline; color: #cccccc; } ul.yiiPager .page a { font-weight: normal; padding: 0px 10px; color: #7a7d80 } ul.yiiPager a:hover { /*text-decoration: none;*/ } ul.yiiPager .selected a { color: #363a40; text-decoration: none; cursor: default; font-size: 18px; font-weight: bold; } ul.yiiPager .hidden { display: none; } ul.yiiPager .previous a, ul.yiiPager .next a { font-weight: normal; padding: 0px 10px; color: #7a7d80; } ul.yiiPager .first, ul.yiiPager .last { display: none; } ul.yiiPager .previous a { margin-right: 5px; padding-left: 3px; } ul.yiiPager .next a { margin-left: 5px; padding-right: 3px; } .simple-link-menu{ display: inline; margin: 10px 0; padding: 0; } .simple-link-menu li{ list-style: none; display: inline; } .simple-link-menu li a{ margin-right: 24px; } .simple-link-menu li.active a{ font-weight: bold; color: #363a40; text-decoration: none; } .simple-filters{ float: left; clear: left; } .simple-filters.right{ float: right; clear: right; } .simple-filters li a{ margin-right: 10px; } .calander-small-list{ clear: left; margin: 10px 0; } .calander-small-item{ padding: 10px 0px; line-height: 20px; clear: left; } .calander-small-item .date{ color: #acb6bf; font-style: italic; } .photofact{ width: 100%; clear: left; padding: 15px 0; margin-bottom: 20px; line-height: 20px; } .photofact img{ max-width: 100%; margin-bottom: 15px; } .news-page-list.magazine{ width: 656px; margin-top: -20px; } .magazine .news-page-item{ display: inline-block; zoom:1; *display: inline; width: 304px; border-top: none; border-bottom: 1px solid #E5E9ED; float: none; clear: none; margin-right: 20px; margin-top: 0px; vertical-align: top; } .magazine-pages{ width: 100%; float: left; clear: left; text-align: center; max-height: 178px; overflow-y: hidden; padding: 25px 0; margin-bottom: 10px; } .magazine .news-page-item .magazine-pages img{ max-width: 100%; float: none; width: auto; display: inline-block; margin: 0; } .magazine .news-page-item .magazine-pages img.first{ width: 130px; margin-right: 10px; float: left; } .magazine .news-page-item .magazine-pages img.second{ width: 130px; clear: left; } .magazine .news-page-item.last{ margin-bottom: -1px; } .float-image{ float: left; margin: 0px 24px 24px 0px; } .content-video-box{ margin-bottom: 25px; } .faq-box{ clear: left; float: left; width: 100%; } .faq-indicator{ color: #c30107; } .question{ line-height: 20px; cursor: pointer; } .question a{ text-decoration: underline; } .question a:hover{ /*text-decoration: none;*/ } .answer{ padding-left: 7px; margin-top: 7px; } .testimonials-wrap{ clear: left; float: left; width: 100%; } .testimonial-item{ border-top: 1px solid #e5e9ed; padding: 25px 0 25px; float: left; clear: left; width: 100%; } .testimonial-item:first-child{ border: none; padding-top: 0px; } .testimonial-item-info{ line-height: 20px; padding-left: 58px; } .date{ color: #acb6bf; font-style: italic; } .aside-no-title{ padding-top: 52px; } .aside-no-title .section-title{ margin-top: 10px; } .warranty-list, .for-sale-list{ float: left; clear: left; width: 820px; } .warranty-item, .for-sale-item{ display: inline-block; *display: inline; zoom:1; padding-top: 25px; margin-bottom: 10px; width: 250px; margin-right: 20px; border-bottom: 1px solid #e6eaee; position: relative; vertical-align: top; } .warranty-image, .for-sale-image{ width: 100%; height: 306px;/*189px; */ overflow: hidden; float: left; text-align: center; } .for-sale-image{ height: 189px; } .warranty-image img{ } .warranty-name{ padding: 15px 0; text-align: center; font-weight: bold; width: 100%; float: left; } .for-sale-item{ padding-top: 0px; margin-bottom: 30px; } .for-sale-desc{ width: 100%; clear: left; float: left; padding: 15px 0; line-height: 20px; } .for-sale-desc .param-item{ clear: left; float: left; } .for-sale-desc .param-name{ width: 104px; float: left; clear: left; font-weight: bold; } .for-sale-desc .param-value{ float: left; width: 146px; } .for-sale-desc table{ text-align: left; } /*popup*/ .no-scroll{ overflow: hidden !important; } .modal-wrapper{ width: 100%; position: fixed; height: 100%; overflow: auto; top: 0px; left: 0px; z-index: 400; background: url("../img/popup-back.png") repeat left top; } .modal-wrapper-inner{ width: 100%; float: left; } .modal-back-popup{ width: 100%; height: 100%; position: fixed; } .modal-content{ margin-top:70px; background: #ffffff; box-shadow: 0px 0px 15px rgba(0,0,0,.65); padding: 35px 24px; float: left; position: relative; } .modal-wrapper.letter .modal-content{ width: 468px; min-height: 100px; margin-left: 248px; padding: 20px 24px; } .modal-wrapper.video .modal-content{ width: 796px; min-height: 100px; margin-left: 82px; } .modal-close{ position:absolute; background: url("../img/popup-close.png") no-repeat left top; right: -18px; top: -18px; width: 43px; height: 43px; display: block; cursor: pointer; } .modal-wrapper.letter .consultant-photo{ float: left; width: 222px; margin:0 24px 0 0; } .modal-wrapper.letter .consultant-photo img{ width: 100%; } .modal-wrapper.letter .consultant{ line-height: 20px; margin-bottom: 15px; } .modal-wrapper .form-wrap{ margin:0; } .modal-wrapper .form-line{ margin-bottom: 9px; } .error-box{ width: 468px; margin-left: 24px; padding: 20px 0px 20px 410px; background: url("../img/error-page-back.png") no-repeat left 20px; min-height: 317px; } .error-box h1{ font-size: 60px; color: #c30107; } .error-box p{ font-size: 14px; line-height: 22px; } .error-box ul{ line-height: 20px; padding-left: 15px; } .partnters-list{ width: 656px; float: left; clear: left; margin-bottom: 15px; } .partnters-item{ display: inline-block; zoom:1; *display: inline; width: 194px; margin-right: 20px; border-bottom: 1px solid #e5e9ed; margin-bottom: 15px; color: #363636; text-align: center; text-decoration: none; } .partnters-item-img{ width: 100%; float: left; clear: left; text-align: center; display: block; } .partnters-item-name{ width: 100%; float: left; clear: left; padding: 10px 0; display: block; font-weight: bold; text-decoration: none; text-align: center; } .car-marque-list{ float: left; width: 656px; clear: left; } .car-marque-item{ width: 140px; height: 105px; float: left; margin-right: 24px; margin-bottom: 24px; background: url("../img/car-logo-back.png") repeat-x left top; position: relative; display: block; } .car-marque{ display: block; width: 100%; height: 100%; position: absolute; left: 0px; top:0px; background-position: center center; background-repeat: no-repeat; } .action p{ margin-bottom: 25px; line-height: 20px; } .sidebar-nav .attention{ margin-top: 20px; } .sidebar-nav .attention a{ color: #c30107; text-decoration: underline; } .sidebar-nav .attention a:hover{ text-decoration: none; } .diary{ float: left; clear: left; width: 100%; padding: 24px 0; } .diary-image{ width: 304px; float: left; clear: left; margin:0 24px; } .diary-text{ width: 178px; float: left; line-height: 20px; } .diary-text p{ margin-bottom: 25px; } .photofeed-box{ width: 100%; float: left; clear: left; margin-bottom: 25px; } .photofeed-image{ background: url("../img/photofeed-back.png") no-repeat left top; width: 222px; height: 146px; margin-bottom: 20px; } .photofeed-image img{ width: 144px; height: 107px; margin: 20px 0px 0px 39px; } .rally-box{ width: 100%; clear: left; float: left; border-bottom: 6px solid #ca1510; padding: 24px 0; background: #ecf0f4 url("../img/rally-back.png") no-repeat right top; } .rally-box-inner{ padding: 0 24px; } .rally-box h1{ margin: 0 0 20px 0; } .rally-image{ width: 304px; float: left; clear: left; margin-right: 24px; } .rally-text{ width: 280px; float: left; } .rally-text p{ line-height: 20px; margin-bottom: 25px; } .rally-text .button{ float: left; } .col4 .news-date/*, .col3 .news-date*/{ color: #acb6bf; font-style: italic; white-space: pre; } .col-wrapper.in-col{ margin-top: 30px; margin-left: -188px; } .col3 .simple-link-menu li a{ margin-right: 19px; } .sport-gallery-list{ width: 574px; float: left; clear: left; } .sport-gallery-item{ width: 168px; display: inline-block; zoom: 1; *display: inline; margin-right: 20px; margin-bottom: 22px; vertical-align: top; } .sport-gallery-preview{ float: left; width: 100%; margin-bottom: 15px; } .sport-gallery-name{ float: left; width: 100%; line-height: 20px; } .sport-gallery-list img{ max-width: 100%; } .sport-gallery-list > img, .sport-gallery-list > a > img{ margin-right: 20px; margin-bottom: 20px; max-width: 168px !important; } .video-box{ width: 168px; display: inline-block; zoom:1; *display: inline; margin: 0px 20px 20px 0; position: relative; } .video-box .overlay, .photofeed-image .overlay{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: url("../img/video-overlay.png") repeat left top; } .photofeed-image .overlay{ width: 144px; height: 107px; left: 39px; top: 20px; } .photofeed-image{ position: relative; } .play-btn{ position: absolute; background: url("../img/play-button.png") no-repeat left top; left: 50%; margin-left: -24px; top:50%; margin-top: -24px; display: block; cursor: pointer; width: 48px; height: 48px; } .video-box img{ display: block; } .video-duration{ position: absolute; padding: 3px 5px; color: #ffffff; background: url("../img/video-overlay.png") repeat left top; bottom: 6px; right:18px; } .gallery-images-list-long > a{ display: block; float: left; position: relative; } .usefull-links-box{ width: 100%; padding: 20px 0px 20px 24px; margin-left: -24px; background: #ffffff; box-shadow: -1px 1px 5px rgba(27,34,23,.35); margin-bottom: 25px; float: left; clear: left; behavior: url("pie/PIE.htc"); } .usefull-links{ padding: 0px 24px 0 0; line-height: 20px; } .usefull-links-box h2{ margin-top: 0; } table.calendar{ width: 795px; border: none; border-spacing: 0; border-top: 1px solid #e5e9ed; margin-top: 30px; clear: left; float: left; } table.calendar tr td{ border-bottom: 1px solid #e5e9ed; border-left: 1px solid #e5e9ed; } table.calendar td:first-child{ border-left: 0px; } .month-wrapper{ width: 231px; text-align: center; padding-bottom: 20px; padding-top: 15px; } table.calendar td.left .month-wrapper{ padding-left: 9px; padding-right: 21px; } table.calendar td.center .month-wrapper{ padding-left: 21px; padding-right: 21px; } table.calendar td.right .month-wrapper{ padding-left: 21px; padding-right: 9px; } .month-title{ font-weight: bold; margin-bottom: 10px; } .month{ width: 231px; border: none; border-spacing: 0px; font-size: 12px; border-collapse: collapse; } .month th{ font-weight: bold; } .month th, .month td{ width: 33px; height: 15px; vertical-align: middle; border-left: none!important; border-color: #ffffff !important; position: relative; } .day-wrapper{ padding: 4px 0px; position: relative; } .day{ position: relative; z-index: 10; } .day.another-month{ color: #acb6bf; } .event-back{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; } .event-back.green{ background-color: #c8eb87; z-index: 9; } .event-back.blue{ background-color: #80dcff; } .event-back.pink{ background-color: #f49ac2; } .event-back.green.blue{ height: 19px; background-color: #c8eb87; border-top: 4px solid #80dcff; } .event-back.green.pink{ height: 19px; background-color: #c8eb87; border-top: 4px solid #f49ac2; } .event-back.pink.blue{ height: 21px; background-color: #f49ac2; border-top: 2px solid #80dcff; } .event-back.pink.blue.green{ height: 2px; background-color: #f49ac2; border-top: 2px solid #80dcff; border-bottom: 19px solid #c8eb87; } .calendar-tip-wrapper{ width: auto; max-width: 635px; min-width: 200px; background: #ffffff; position: absolute; line-height: 20px; padding: 20px; z-index: 150; box-shadow: -1px 1px 5px rgba(27,34,23,.35); behavior: url("pie/PIE.htc"); } .calendar-tip-wrapper .tail{ position: absolute; background: url("../img/calendar-tip-tail.png") no-repeat left top; width: 13px; height: 12px; bottom: -12px; left: 90px; } .awards-small-gallery{ width: 330px; float: left; clear: left; } .awards-small-gallery img{ margin-right: 20px; margin-bottom: 20px; max-width: 88px; } .map-wrapper{ width: 468px; clear: left; } hr.inline{ float: none; margin-bottom: 0px; } .contacts-page h2{ font-size: 17px; } /* footer links box */ .footer-links-box{ float: left; width: 201px;/* floor(1008/n), n - links number, n=5 here */ } /* up button */ .up-btn-wrapper{ position: fixed; z-index: 400; } .up-btn{ background: url("../img/up_btn.png") no-repeat left top; padding:4px 5px 4px 15px; font-size: 11px; color: #bdc5cc; text-transform: uppercase; cursor: pointer; } .up-btn:hover{ background-position: 0px -21px; text-decoration: underline; color: #6c6f73; } .news-page-item .video-box{ float: left; margin-top: 25px; } .news-page-item .video-box img{ margin: 0; width: 100%; } .video-desc{ float: left; width: 444px; } .video-desc .news-info{ margin: 0; line-height: 18px; } .video-desc .button{ float: left; } /* fix 27.08 */ .usefull-links p a{ color: #363A40; } .modal-wrapper .form-wrap.in-col6 .form-line.with-submit{ padding-top: 10px; } #big-gallery{ overflow: auto; } .col2 .photofeed-box{ margin-left: -12px; } .col2 .photofeed-image{ background: url("../img/photo-feed-smal.png") no-repeat left top; width: 148px; height: 97px; } .col2 .photofeed-image img{ margin: 13px 0px 0px 25px; width: 98px; height: 71px; } .col2 .photofeed-image .overlay{ width: 98px; height: 71px; top: 13px; left: 25px; } /*some hacks*/ .text-content .col4 h2{ margin-top: 0; } .sidebar-banner{ width: 150px; margin-left: -10px; margin-bottom: 20px; margin-top: -63px; } .sidebar-banner img{ margin-bottom: 5px; } .slider-wrapper.action-page-slider{ width: 796px !important; height: 401px; margin-bottom: 50px; } .action-page-slider .slide { width: 796px !important; } .action-page-slider .slide img{ display: block; height: 417px; width: 100%; } .action-page-slider .slides-container{ width: 796px !important; } .action-page-slider .caption{ transition: 0.5s; width: 398px; background: rgba(0,0,0,0.5); position: absolute; z-index: 5; top: 0; left: 0; text-align: right; height: 100%; } .action-page-slider .caption span{ background: none; } .action-page-slider .caption .name{ margin-top: 12px; display: block; font-size: 20px; } .action-page-slider .caption .short{ display: block; } .row{ margin-bottom: 20px; } .row:after{ display:block; width:0px; height:0px; content:" "; clear:both; } .sto-filter select{ display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; } .sto-filter .devider{ background: #b2b2b2 !important; } .sto-filter .h2{ font-size: 17px; font-weight: bold; } .sto-filter .btn-primary{ text-decoration: none; } .sto-filter .order-set{ text-align: center; } .send_sto_form{ width: 300px; } .send_sto_form .modal-header{ text-align: center; } .send_sto_form input{ width: 90%; } .send_sto_form .error{ color: red; font-weight: normal; } #select-filter-form .col3{ position: relative; } .active-select{ font-size: 15px; font-weight: bold; color: #b2adb2; height: 15px; width: 15px; position: absolute; top: 5px; right: 17px; cursor: pointer; }