@CHARSET "UTF-8"; * { margin:0; padding:0; outline:none; box-sizing:border-box; } ::-moz-focus-inner { padding:0; border:0; } ::-moz-placeholder { color:#898989; } ::-webkit-input-placeholder {color:#898989;} @font-face { font-family:'Manrope'; src: url('../fonts/Manrope/Manrope-Bold.eot'); src: local('Manrope Bold'), local('Manrope-Bold'), url('../fonts/Manrope/Manrope-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Manrope/Manrope-Bold.woff2') format('woff2'), url('../fonts/Manrope/Manrope-Bold.woff') format('woff'), url('../fonts/Manrope/Manrope-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family:'Manrope'; src: url('../fonts/Manrope/Manrope-Semibold.eot'); src: local('Manrope Semibold'), local('Manrope-Semibold'), url('../fonts/Manrope/Manrope-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/Manrope/Manrope-Semibold.woff2') format('woff2'), url('../fonts/Manrope/Manrope-Semibold.woff') format('woff'), url('../fonts/Manrope/Manrope-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('../fonts/Manrope/Manrope-Regular.eot'); src: local('Manrope Regular'), local('Manrope-Regular'), url('../fonts/Manrope/Manrope-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Manrope/Manrope-Regular.woff2') format('woff2'), url('../fonts/Manrope/Manrope-Regular.woff') format('woff'), url('../fonts/Manrope/Manrope-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('../fonts/Manrope/Manrope-Light.eot'); src: local('Manrope Light'), local('Manrope-Light'), url('../fonts/Manrope/Manrope-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Manrope/Manrope-Light.woff2') format('woff2'), url('../fonts/Manrope/Manrope-Light.woff') format('woff'), url('../fonts/Manrope/Manrope-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('../fonts/Manrope/Manrope-Thin.eot'); src: local('Manrope Thin'), local('Manrope-Thin'), url('../fonts/Manrope/Manrope-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Manrope/Manrope-Thin.woff2') format('woff2'), url('../fonts/Manrope/Manrope-Thin.woff') format('woff'), url('../fonts/Manrope/Manrope-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('../fonts/Manrope/Manrope-Medium.eot'); src: local('Manrope Medium'), local('Manrope-Medium'), url('../fonts/Manrope/Manrope-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Manrope/Manrope-Medium.woff2') format('woff2'), url('../fonts/Manrope/Manrope-Medium.woff') format('woff'), url('../fonts/Manrope/Manrope-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('../fonts/Manrope/Manrope-ExtraBold.eot'); src: local('Manrope ExtraBold'), local('Manrope-ExtraBold'), url('../fonts/Manrope/Manrope-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Manrope/Manrope-ExtraBold.woff2') format('woff2'), url('../fonts/Manrope/Manrope-ExtraBold.woff') format('woff'), url('../fonts/Manrope/Manrope-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } html {min-height:100%; height:100%; width:100%;} body {font-size:16px; font-family:Manrope; font-weight:500; color:#333; min-height:100%; height:100%; min-width:300px; background:#fff; } table {border-collapse:collapse;} textarea {font-size:inherit; font-family:inherit; } input, select {font-family:inherit; font-size:inherit;} img {border:0;} a {text-decoration:underline; color:#000;} a:visited {color:#000;} a:hover {text-decoration:none; color:#777; } td {vertical-align:top;} .clear {clear:both;} .maxWidth {margin:0 auto; max-width:1600px; padding:0 15px; } .minWidth {margin:0 auto; max-width:900px; } .marginBottom {margin-bottom:70px; } .stdAni {transition:background 0.2s, color 0.2s, opacity 0.2s;} .center {text-align:center;} .indexTextLeft {padding-left:300px;} #pageFrames {min-height:100%; margin:0 auto -260px; } #headerContent {background:#fff; box-shadow:0 0 10px -5px rgba(0,0,0,0.5); padding:0; position:fixed; left:0; top:0; width:100%; z-index:20;} #headerFixedHeight {height:192px; } #headerContactsContainer {position:relative; } #headerContacts { background:#222; height:46px; font-size:14px; } #headerContactsData {position:relative; padding:0 250px 0 0px;} #headerContactsData .headerPhone {display:inline-block; white-space:nowrap; color:#fff; font-size:18px; position:relative; padding-left:24px; text-decoration:none; position:relative; vertical-align:top; } #headerContactsData .headerPhone i {position:absolute; left:0; top:12px; } #headerContactsData .headerPhone span {color:#FCFF00; } #headerContactsData .headerPhone:hover {color:#FCFF00; } #headerContactsData .contactList {text-align:right; line-height:45px; } #headerContactsData .contactList .contactMenu {display:inline-block; width:auto; margin-left:20px; vertical-align:top;} #headerContactsData .contactList .contactMenu a {display:inline-block; margin-left:20px; text-decoration:none; color:#fff; } #headerContactsData .contactList .contactMenu a:hover { color:#FCFF00; } #headerContactsData .contactList .contactMenu a.active { color:#FCFF00; } #topCallback {color:#000; background:#FCFF00; display:block; height:46px; line-height:46px; padding:0 20px; position:absolute; top:0; right:0; text-decoration:none; font-size:14px; font-weight:bold; } #topCallback .icon {display:none; width:40px; height:40px; line-height:40px; text-align:center; font-size:20px; } #topCallback:hover {color:#FCFF00; background:#000; } #headerContentBlock {padding:20px 0; position:relative; padding-left:200px; height:105px;} #headerMainLogo {width:170px; display:block; text-decoration:none; position:absolute; left:0; top:10px; } #headerMainLogo img {display:block; max-width:100%; height:auto; } #headerMainLogo img.mobile {display:none; } #headerSlogan {display:none; position:absolute; left:190px; top:12px; font-size:14px; } #mainMenu {position:relative; margin-top:12px; text-align:right; } #mainMenu .topMenuData {display:block; border-radius:5px; } #mainMenu .topMenuData > ul {display:block; font-size:0; } #mainMenu .topMenuData > ul > li {display:inline-block; list-style-type:none; position:relative; vertical-align:top; } #mainMenu .topMenuData > ul > li > a {display:block; color:#000; font-size:14px; text-decoration:none; font-weight:500; line-height:36px; margin-right:30px; border-bottom:5px solid #fff; } #mainMenu .topMenuData > ul > li > a span {} #mainMenu .topMenuData > ul > li:last-child > a {margin-right:0;} #mainMenu .topMenuData > ul > li > a:hover, #mainMenu .topMenuData > ul > li.active > a { border-bottom:5px solid #fcff00; } #mainMenu #fullMobileMenu {display:none; text-align:left; } #mainMenu #fullMobileMenu a {font-size:18px; text-decoration:none; display:block; padding:5px 10px; line-height:26px;} #mainMenu #fullMobileMenu a:hover {background:#333; color:#fff; } #mainMenu #fullMobileMenu a.active {background:#333; color:#fcff00; } #mainMenu #fullMobileMenu .item {margin-bottom:5px; } #mainMenu #fullMobileMenu .item.isChildtrue {padding-left:36px; position:relative; } #mainMenu #fullMobileMenu .item.isChildtrue .collase {width:36px; height:36px; line-height:36px; text-align:center; position:absolute; left:0; top:0; background:#ededed; color:#000; font-size:18px; cursor:pointer; transition:transform 0.2s, background 0.2s; } #mainMenu #fullMobileMenu .item.isChildtrue .collase:hover {background:#ccc; } #mainMenu #fullMobileMenu .item.isChildtrue.active > .collase {transform:rotate(180deg); background:#000; color:#fcff00; } #mainMenu #fullMobileMenu .item .mobileSubItems {margin-top:5px; margin-bottom:10px; display:none; } #mainMenu #fullMobileMenu .item.active > .mobileSubItems {display:block;} #mainMenu #fullMobileMenu .item .mobileSubItems a {font-size:16px; padding:4px 10px; line-height:24px;} #mainMenu #fullMobileMenu .item .mobileSubItems .item.isChildtrue {padding-left:32px;} #mainMenu #fullMobileMenu .item .mobileSubItems .collase {width:32px; height:32px; line-height:32px; font-size:16px; } #mainMenu #fullMobileMenu .item .mobileSubItems .mobileSubItems a {font-size:15px; padding:3px 10px; line-height:22px;} #mainMenu #fullMobileMenu .item .mobileSubItems .mobileSubItems .collase {width:28px; height:28px; line-height:28px; font-size:15px; } #mainMenu #fullMobileMenu .item .mobileSubItems .mobileSubItems .item.isChildtrue {padding-left:28px;} #mobileMenuBtn {display:none; position:absolute; right:0px; top:5px; text-decoration:none; width:40px; height:40px; } #mobileMenuBtn span {color:#000; display:block; text-align:center; width:100%; line-height:40px; font-size:40px; } #mobileMenuBtn:hover span {color:#777; } #mobileMenuClose {display:none; position:absolute; right:10px; top:10px; text-decoration:none;} #mobileMenuClose span {color:#fcff00; background:#000; display:block; width:28px; height:28px; line-height:28px; font-size:28px; text-align:center; } #mobileMenuClose:hover span {background:#555; } #basketInformer {position:absolute; right:200px; top:5px; display:block; height:36px; width:36px; } #basketInformer a {display:block; text-decoration:none; width:100%; height:100%; } #basketInformer .icon {position:absolute; right:0; top:0px; display:block; width:100%; height:100%; } #basketInformer .icon .svg {position:absolute; right:8px; top:8px; display:block; width:20px; height:20px; fill:#fff; } #basketInformer .icon b {position:absolute; right:0; top:0; font-size:9px; line-height:15px; color:#fff; width:18px; height:16px; text-align:center; border-radius:2px; overflow:hidden; } #basketInformer a .icon b {background:#FCFF00; color:#000; } #searchShowButton {display:block; position:absolute; right:50px; top:20px; width:36px; height:36px; cursor:pointer; color:#fff; } #searchShowButton svg {width:20px; height:20px; position:absolute; left:8px; top:9px; fill:#fff;} #searchShowButton svg#searchClose { display:none; } #searchShowButton span {position:absolute; right:100%; top:8px; } #searchShowButton:hover {color:#C10F11; } #searchShowButton:hover svg {fill:#C10F11; } .searchOpen #searchShowButton svg#searchOpen { display:none; } .searchOpen #searchShowButton svg#searchClose { display:block; } .searchOpen #searchShowButton span {display:none; } #headerSearch {width:0; overflow:hidden; position:absolute; top:20px; right:95px; background:#393C3D; transition:width 0.2s;} .searchOpen #headerSearch {width:calc(100% - 395px); } #headerSearch form {display:block; width:100%; padding-right:36px; position:relative; } #headerSearch form input {color:#fff; background:transparent; border:none; width:100%; height:36px; font-size:14px; } #headerSearch form button {border:none; background:transparent; color:#fff; position:absolute; right:0; top:0; width:36px; height:36px; cursor:pointer; } #headerSearch form button svg {position:absolute; left:8px; top:9px; height:20px; width:20px; fill:#fff; } #headerSearch form button:hover svg {fill:#C10F11;} /* Контейнер страницы */ #pageContentData {position:relative;} /* Путь к странице */ #pagesPathList {padding:0 0 30px 0; margin-top:-10px; font-size:13px; color:#777; line-height:21px;} #pagesPathList .data > span {display:inline-block; vertical-align:top; padding-bottom:3px; } #pagesPathList .data > span.separator {padding:0 5px;} /* Большой слайдер */ .indexSlider {position:relative; margin-top:-40px;} .indexSlider .swiper-button-next {color:#fcff00; right:15px;} .indexSlider .swiper-button-next:hover {color:#fff; } .indexSlider .swiper-button-prev {color:#fcff00; left:15px; } .indexSlider .swiper-button-prev:hover {color:#fff;} .indexSlider .swiper-pagination {position:absolute; left:0; bottom:30px; width:100%; } .indexSlider .swiper-pagination .swiper-pagination-bullet {width:16px; height:16px; margin:0 5px; background:#fff; opacity:1; } .indexSlider .swiper-pagination .swiper-pagination-bullet:hover {background:#a50f2d;} .indexSlider .swiper-pagination .swiper-pagination-bullet-active {background:#fcff00;} .indexSlider .slideOne {height:500px; position:relative; background-position:center center; background-size:cover; background-repeat:no-repeat; } .indexSlider .slideOne .mobBg {display:none; width:100%; height:100%; position:absolute; left:0; top:0; background-position:center center; background-size:cover; background-repeat:no-repeat; } .indexSlider .slideOne table {width:100%; height:100%; position:absolute; left:0; top:0; } .indexSlider .slideOne table td {padding:50px 50px 80px 50px; vertical-align:middle;} .indexSlider .slideOne table td.align0 {text-align:left;} .indexSlider .slideOne table td.align1 {text-align:right;} .indexSlider .slideOne table td.align2 {text-align:center;} .indexSlider .slideOne table td .data {display:block; margin:0 auto; } .indexSlider .slideOne table td .data .text1 {font-size:46px; line-height:56px; padding-bottom:25px; color:#fff; position:relative; text-shadow:1px 1px 3px #000;} .indexSlider .slideOne table td .data .text1:before {content:""; width:100px; height:5px; background:#fcff00; position:absolute; left:0; top:-15px; } .indexSlider .slideOne table td .data .text1.color1 {color:#000; } .indexSlider .slideOne table td .data .text1.color2 {color:#FCFF00; } .indexSlider .slideOne table td .data .text2 {font-size:22px; line-height:30px; padding-bottom:25px; color:#fff; font-weight:500; text-shadow:1px 1px 3px #000;} .indexSlider .slideOne table td .data .text2.color1 {color:#000; } .indexSlider .slideOne table td .data .text2.color2 {color:#FCFF00; } .indexSlider .slideOne table td .data .button {padding-top:40px; } .indexSlider .slideOne table td .data .aniStart {transition:transform 0.5s, opacity 0.5s;} /* Слева */ .indexSlider .slideOne table td .data .aniIndex00 {transform:translateX(-60px); opacity:0;} .indexSlider .slideOne table td .data .aniIndex01 {transform:translateX(-100px); opacity:0;} .indexSlider .slideOne table td .data .aniIndex02 {transform:translateX(-140px); opacity:0;} /* Справа */ .indexSlider .slideOne table td .data .aniIndex10 {transform:translateX(60px); opacity:0;} .indexSlider .slideOne table td .data .aniIndex11 {transform:translateX(100px); opacity:0;} .indexSlider .slideOne table td .data .aniIndex12 {transform:translateX(140px); opacity:0;} /* Снизу */ .indexSlider .slideOne table td .data .aniIndex20 {transform:translateY(40px); opacity:0;} .indexSlider .slideOne table td .data .aniIndex21 {transform:translateY(80px); opacity:0;} .indexSlider .slideOne table td .data .aniIndex22 {transform:translateY(120px); opacity:0;} /* Сверху */ .indexSlider .slideOne table td .data .aniIndex30 {transform:translateY(-40px); opacity:0;} .indexSlider .slideOne table td .data .aniIndex31 {transform:translateY(-80px); opacity:0;} .indexSlider .slideOne table td .data .aniIndex32 {transform:translateY(-120px); opacity:0;} /* Слайдер логотипов */ .logoSliderList.swiper-container {padding-bottom:40px; position:relative; } .logoSliderList.swiper-container .swiper-pagination-bullets {bottom:-24px;} .logoSliderList .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {width:30px; height:8px; border-radius:2px;} .logoSliderList .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#aaa !important;} .logoSlider .swiper-slide {width:170px;} .logoSlider .swiper-slide div {display:block; padding:10px; background:#ededed; } .logoSlider .swiper-slide div:after {content:''; position:absolute; top:0; left:0; border-top:20px solid #fff; border-right:20px solid transparent; width:0; } .logoSlider .swiper-slide img {display:block; width:100%; height:auto; } .logoSlider .swiper-pagination {position:relative; left:auto; bottom:auto; } /* Колоночный макет */ #contentCols.isColumnstrue {display:flex; flex-wrap:wrap;} #leftSide {width:400px; padding-right:50px;} #contentCols.isColumnstrue #contentSide {width:calc(100% - 400px); } /* Левое меню */ #leftMenu {} #leftMenuData {} #leftMenuData ul {list-style-type:none; margin:0; padding:0; } #leftMenuData ul li {list-style-type:none; margin:0; padding:0; position:relative; } #leftMenuData ul li a {display:table; width:100%; min-height:50px; background:#f5f5f5; color:#000; text-decoration:none; border-bottom:1px solid #ededed; position:relative; transition:all 0.2s;} #leftMenuData ul li a span {display:table-cell; text-align:left; vertical-align:middle; padding:5px 15px 5px 15px; font-weight:500; font-size:14px;} #leftMenuData ul li.children a span {padding-right:35px;} #leftMenuData ul li a span i {width:16px; height:16px; line-height:16px; font-size:12px; text-align:center; position:absolute; right:10px; top:50%; margin-top:-8px;} #leftMenuData ul li a:hover {background:#ededed; border-bottom:1px solid #ededed;} #leftMenuData ul li a.active {background:#222; border-bottom:1px solid #000; color:#FCFF00; } #leftMenuData ul li a.active i {transform:rotate(-180deg);} #leftMenuData ul li ul li a { min-height:40px; background:#f5f5f5; border-bottom:1px solid #ededed;} #leftMenuData ul li ul li a span {padding-left:35px; font-weight:normal; font-size:14px; } #leftMenuData ul li ul li ul li a span {padding-left:55px;} #stepBlockIT {padding:20px; background:#f5f5f5; } #stepBlockIT .header {padding-bottom:30px;} #stepBlockIT .button {padding-top:30px; } .stepBlockData {} .stepBlockData .item {position:relative; padding-left:60px; min-height:40px; margin-bottom:20px;} .stepBlockData .item:last-child {margin-bottom:0px;} .stepBlockData .item:last-child .num {background:#FCFF00; color:#000; } .stepBlockData .item .num {width:40px; height:40px; line-height:38px; text-align:center; color:#FCFF00; background:#222; border:2px solid #000; position:absolute; left:0; top:0; } .stepBlockData .item .text {font-size:14px; line-height:20px; color:#555; } .stepBlockData .item .caption {font-weight:bold; padding-bottom:5px; font-size:16px; line-height:22px; color:#000; } .numberBlockList {padding:30px; background:#f5f5f5; } #pageContentData .numberBlockList .header {padding-bottom:30px;} .numberBlockList .button {padding-top:30px; } .numberBlockData {display:flex; flex-wrap:wrap; margin:0 -10px; justify-content:center; } .numberBlockData .item {width:33.33%; padding:0 10px 30px 10px; text-align:center; } .numberBlockData.count4 .item {width:25%; } .numberBlockData .item .num {display:inline-block; font-size:24px; width:60px; height:60px; line-height:58px; text-align:center; color:#FCFF00; background:#222; border:2px solid #000; margin-bottom:20px; } .numberBlockData .item .text {font-size:14px; line-height:20px; color:#555; } .numberBlockData .item .caption {font-weight:bold; padding-bottom:5px; font-size:16px; line-height:22px; color:#000; } #mobileCatalogBtn {display:none; padding:5px 0 0 30px; position:absolute; right:90px; top:11px; height:27px; text-decoration:none; color:#fff; font-size:14px;} #mobileCatalogBtn span {position:absolute; left:0; top:0; color:#fff; display:block; width:28px; height:28px; line-height:28px; font-size:24px; text-align:center; } #mobileCatalogBtn:hover span {color:#C10F11; } #mobileCatalogClose {display:none; position:absolute; right:10px; top:10px; text-decoration:none;} #mobileCatalogClose span {color:#fff; display:block; width:28px; height:28px; line-height:28px; font-size:28px; text-align:center; } #mobileCatalogClose:hover span {color:#C10F11; } /* Текст с картинкой */ .indexImageText {display:flex; flex-wrap:wrap; } .indexImageText .text {width:60%; padding-left:300px;} .indexImageText .image {width:40%; text-align:right; padding-right:150px;} .indexImageText .image span {display:inline-block; position:relative;} .indexImageText .image span:after {content:''; position:absolute; top:0; left:0; border-top:30px solid #393C3D; border-right:30px solid transparent; width:0; } .indexImageText .image span img {display:block; max-width:100%; } .indexImageText .table {width:100%; height:100%;} .indexImageText .table .data {vertical-align:middle; } .indexImageText.imageLeft .text {padding-left:0px; padding-right:200px; order:2;} .indexImageText.imageLeft .image {text-align:left; padding-right:0px; padding-left:150px; order:1;} /* История бренда */ #storyBrand h2 {padding-left:40%; padding-bottom:60px;} #storyBrand .line {display:flex; flex-wrap:wrap; margin-bottom:80px;} #storyBrand .line .year {font-size:100px; line-height:100px; width:40%; padding-left:150px; color:#fff; font-weight:bold;} #storyBrand .line .text {width:60%; padding-right:150px; } #storyBrand .line.line1 .year {color:#575c5e;} #storyBrand .line.line2 .year {color:#9c9e9e;} /* Корневое меню каталога с картинками */ #subSectRootMenu .subSectRootMenuData {margin:0 -1px; display:flex; flex-wrap:wrap; justify-content:center; } #subSectRootMenu .subSectRootMenuData .item {width:33.33%; padding:0 1px 1px 0; } #subSectRootMenu .subSectRootMenuData.sectmenu4 .item {width:25%; padding:0 1px 1px 0; } #subSectRootMenu .subSectRootMenuData .item a {display:block; height:100%; text-decoration:none; background:#f5f5f5; position:relative; transition:background 0.2s; border-right:2px solid #000; } #subSectRootMenu .subSectRootMenuData .item a:after {content:''; position:absolute; top:0; left:0; border-top:50px solid #fff; border-right:50px solid transparent; width:0; } #subSectRootMenu .subSectRootMenuData .item a .image {display:block; position:relative; overflow:hidden; } #subSectRootMenu .subSectRootMenuData .item a .image img {display:block; transition:transform 0.2s;} #subSectRootMenu .subSectRootMenuData .item a:hover .image img {transform:scale(1.1);} #subSectRootMenu .subSectRootMenuData .item a .name {display:block; position:absolute; left:0; bottom:0; width:100%; padding:0 15px; font-size:18px; line-height:25px; font-weight:bold; text-align:center; color:#fff; background:linear-gradient(to bottom, rgba(0,0,0,0.1), #000); } #subSectRootMenu .subSectRootMenuData .item a .name > span {display:table; width:100%; min-height:85px;} #subSectRootMenu .subSectRootMenuData .item a .name > span > span {display:table-cell; vertical-align:middle; } #subSectRootMenu .subSectRootMenuData .item a:hover .name {color:#FCFF00; } /* Оставить заявку на всех страницах */ #feebackFormBlock4 {background:url('../img/feedback.jpg') no-repeat center center; background-size:cover; padding:50px 0; border-bottom:1px solid #aee7fb; position:relative; } #feebackFormBlock4:before {position:absolute; content:""; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); } #feebackFormBlock4 .feedbackData {margin:0 auto; max-width:880px; position:relative; } #feebackFormBlock4 .feedbackData .showText {padding-bottom:30px; } #feebackFormBlock4 .feedbackData .showText * {color:#fff; text-shadow:1px 1px 3px #000; } #feebackFormBlock4 .stdFormData .rowLine .caption {color:#FCFF00; } #feebackFormBlock4 .stdFormData .rowLine .caption .required {color:#FCFF00; } #feebackFormBlock4 .stdFormData .stdInput {border:1px solid #ddd; background:rgba(0,0,0,0.7); } #feebackFormBlock4 .stdFormData .stdTextarea {border:1px solid #ddd; background:rgba(0,0,0,0.7); } #feebackFormBlock4 .stdFormData .rowLine.consentCheckControl label {color:#fff; } #feebackFormBlock4 .stdFormData .rowLine.consentCheckControl label a {color:#fff; } #feebackFormBlock4 .stdFormData .rowSubmit button { background:#FCFF00; color:#000;} #feebackFormBlock4 .stdFormData .rowSubmit button:hover {background:#fff; color:#000; } #feebackFormBlock4 .stdFormData .stdLineCheckbox label:before {border:1px solid #fff; } #feebackFormBlock4 .stdFormData .stdLineCheckbox label:after {color:#FCFF00; } #feebackFormBlock4.isProcess {position:relative;} #feebackFormBlock4.isProcess:after {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5) url('../img/spin-white.svg') no-repeat center center; background-size:100px;} #feebackFormBlock4 .stdFormData .stdInput {color:#fff;} #feebackFormBlock4 .stdFormData .stdSelect {color:#fff; } #feebackFormBlock4 .stdFormData .stdTextarea {color:#fff; } /* Блок карты */ .officeMapsContainer {height:400px; width:100%; background:#f7f7f7; } .officeMapsContainer.loading {background:#f7f7f7 url('../img/spin-black.svg') no-repeat center 70px; background-size:100px; } .officeMapsContainer.loading:before {content:"Подождите, карта загружается..."; color:#aaa; text-align:center; display:block; padding:20px 0 0 0;} .officeMapsContainer > div {height:100%; } /* Текстовые ссылки категорий */ #catalogTextList {padding-bottom:20px; display:flex; flex-wrap:wrap; } #catalogTextList .item {width:50%; padding:0 15px; font-size:16px; margin-bottom:10px; position:relative; } #catalogTextList .item a {display:inline-block; position:relative; color:#000; vertical-align:top; transition:all 0.2s;} #catalogTextList .item a:before {content:""; display:block; width:6px; height:6px; position:absolute; left:-15px; top:12px; background:#333; } #catalogTextList .item a:hover {color:#C10F11; } #catalogTextList .item div {font-size:14px; color:#777; line-height:20px; padding-top:5px; padding-bottom:5px;} #sectListChildDescr {padding-bottom:30px;} .listDescriptionText {padding-top:30px;} /* Блок кнопок над списком товаров */ #replaceCatalogList { width:100%; } #replaceCatalogList .catalogListHeader {background:#2A2929; padding:10px; margin-bottom:15px; height:50px;} /* Ссылка на прокрутку к описанию */ #replaceCatalogList .catalogListHeader .scrollToDescrlink {float:left; display:block; background:#575C5E; color:#fff; margin-right:10px; font-size:11px; line-height:12px; height:30px; padding:3px 10px 3px 10px; text-align:center; text-decoration:none; transition:all 0.2s;} #replaceCatalogList .catalogListHeader .scrollToDescrlink:hover {background:#FCFF00; color:#000; } /* Ссылка сортировки по цене */ #replaceCatalogList .catalogListHeader .sortLink {float:left; position:relative; background:#575C5E; color:#fff; line-height:14px; margin-right:10px; font-size:11px; line-height:12px; height:30px; padding:3px 10px 3px 10px; text-align:center; text-decoration:none; transition:all 0.2s; backgroun-right:10px;} #replaceCatalogList .catalogListHeader .sortLink:hover {background:#FCFF00; color:#000;} #replaceCatalogList .catalogListHeader .sortLink span {display:none; width:10px; height:10px; line-height:10px; text-align:center; position:absolute; right:10px; top:50%; margin-top:-5px; font-size:10px;} #replaceCatalogList .catalogListHeader .sortLink.asc {padding-right:25px; background:#FCFF00; color:#000; } #replaceCatalogList .catalogListHeader .sortLink.asc span {display:block;} #replaceCatalogList .catalogListHeader .sortLink.desc {padding-right:25px; background:#FCFF00; color:#000;} #replaceCatalogList .catalogListHeader .sortLink.desc span {display:block; transform:rotate(-180deg); } /* Пагинация */ .stdPagination {padding-top:20px; text-align:center; } .stdPagination a {background:#2A2929; color:#fff; margin:0 2px; font-size:12px; display:inline-block; line-height:24px; min-width:34px; padding:5px 0; text-align:center; text-decoration:none; transition:all 0.2s} .stdPagination a:hover {color:#fff; background:#575C5E;} .stdPagination a.active {color:#000; background:#FCFF00;} .topPaginator .stdPagination {padding-top:0; padding-bottom:20px; } /* Один элемент списка "Список" */ #replaceCatalogList .item {width:100%; display:flex; margin-bottom:20px; font-size:0; background:#f5f5f5;} #replaceCatalogList .item .image {width:20%; padding-right:20px; } #replaceCatalogList .item .image a {display:block; position:relative; overflow:hidden; background:#fff; padding:15px; height:100%;} #replaceCatalogList .item .image a:after {content:''; position:absolute; top:0; left:0; border-top:30px solid #fff; border-right:30px solid transparent; width:0; } #replaceCatalogList .item .image a img {display:block; max-width:100%; height:auto; transition:all 0.3s;} #replaceCatalogList .item .image:hover img {transform:scale(1.07);} #replaceCatalogList .item .info {width:80%; position:relative; padding:15px 15px 45px 0; min-height:165px;} #replaceCatalogList .item .info.isPricetrue {padding-bottom:65px;} #replaceCatalogList .item .info .itemListName {padding-bottom:10px;} #replaceCatalogList .item .info .itemListName a {color:#000; font-weight:bold; font-size:18px; line-height:22px; } #replaceCatalogList .item .info .itemListName a .vendor {color:#000;} #replaceCatalogList .item .info .anons {font-size:14px; line-height:18px; color:#333; } #replaceCatalogList .item .info .price {position:absolute; left:0; bottom:15px; width:100%; padding-right:245px; } #replaceCatalogList .item .info .price .costOne {font-size:14px; color:#000; float:left; width:50%; padding-top:3px; white-space:nowrap; } #replaceCatalogList .item .info .price .costOne span.cost {font-size:16px; font-weight:bold; color:#000; white-space:nowrap;} #replaceCatalogList .item .info .price .listToBasket {display:block; position:absolute; right:15px; bottom:0; padding:0 12px 0 38px; height:36px; line-height:35px; background:#333; color:#FCFF00; text-decoration:none; transition:all 0.2s; font-size:13px;} #replaceCatalogList .item .info .price .listToBasket:hover {background:#FCFF00; color:#000; } #replaceCatalogList .item .info .price .listToBasket span.icon {display:block; position:absolute; left:5px; top:5px; width:24px; height:24px; line-height:24px; text-align:center; color:#FCFF00; font-size:16px;} #replaceCatalogList .item .info .price .listToBasket.isProcess span.icon {color:#000; } #replaceCatalogList .item .info .price .listToBasket:hover span.icon {color:#000; } #replaceCatalogList .item .info .price .listToBasket.inBasket {background:#FCFF00; color:#000;} #replaceCatalogList .item .info .price .listToBasket.inBasket span.icon {color:#000; } /* Кнопка отображения фильтра для телефонов */ #filterOpenLink {display:none; float:left; position:relative; background:#575C5E; color:#fff; line-height:14px; font-size:11px; line-height:12px; height:30px; padding:3px 25px 3px 10px; text-align:center; text-decoration:none; transition:all 0.2s; backgroun-right:10px;} #filterOpenLink:hover {background:#FCFF00; color:#000;} #filterOpenLink span {display:block; width:10px; height:10px; line-height:10px; text-align:center; position:absolute; right:10px; top:50%; margin-top:-5px; font-size:10px;} /* Блок фильтров */ #catalogFilterContainer {padding-top:40px;} #catalogFilterContainer .filterHeader {background:#222; padding:10px 15px; margin-bottom:10px; height:40px; color:#fff; font-size:16px; line-height:20px; position:relative; } #catalogFilterContainer .filterHeader .close {display:none;} #catalogFilterContainer .filterHeader a {color:#fff; } #catalogFilterContainer .filterHeader .close {display:none; position:absolute; right:9px; top:6px; text-decoration:none; cursor:pointer; } #catalogFilterContainer .filterHeader .close span {color:#fff; display:block; width:28px; height:28px; line-height:28px; font-size:28px; text-align:center; } #catalogFilterContainer .filterHeader .close:hover span {color:#FCFF00; } #catalogFilterContainer .filterListData {overflow:hidden;} #catalogFilterContainer .filterBlock {margin-bottom:10px; } #catalogFilterContainer .filterBlock:last-child {margin-bottom:0px; } #catalogFilterContainer .filterOne {position:relative; } #catalogFilterContainer .filterOne:after {content:''; position:absolute; top:0; left:0; border-top:10px solid #fff; border-right:10px solid transparent; width:0; } #catalogFilterContainer .filterOne .caption {padding:10px 35px 10px 15px; border-bottom:1px solid #e0e0e0; font-weight:bold; font-size:14px; background:#ededed; cursor:pointer; position:relative; color:#000; } #catalogFilterContainer .filterOne.isSelecttrue .caption {padding-right:72px;} #catalogFilterContainer .filterOne.open .caption {border-bottom:1px solid #777; } #catalogFilterContainer .filterOne .caption:hover {background:#222; color:#FCFF00;} #catalogFilterContainer .filterOne .caption i {display:block; width:16px; height:16px; line-height:16px; border-radius:3px; background:#555; color:#fff; font-size:10px; text-align:center; position:absolute; right:15px; top:14px;} #catalogFilterContainer .filterOne .caption span {display:block; position:absolute; right:38px; top:12px; font-weight:normal; font-size:12px;} #catalogFilterContainer .filterOne .caption:hover i {background-color:#FCFF00; color:#000; } #catalogFilterContainer .filterOne.open .caption i {transform:rotate(-180deg); } #catalogFilterContainer .filterOne .optionList {display:none; padding:10px 15px 10px 15px; border-bottom:1px solid #ededed; background:#f5f5f5; } #catalogFilterContainer .filterBlock:last-child .filterOne .optionList {border-bottom:none; } #catalogFilterContainer .filterOne.open .optionList {display:block; } #catalogFilterContainer .filterOne .listData {overflow-y:hidden;} #catalogFilterContainer .filterOne .collapseBtn {padding-top:5px; font-size:13px; text-align:right;} #catalogFilterContainer .filterOne .collapseBtn span {color:#555; text-decoration:underline; cursor:pointer; } #catalogFilterContainer .filterOne .collapseBtn span:hover {color:#000; text-decoration:none;} #catalogFilterContainer .filterOne .collapseBtn span.show {display:none;} #catalogFilterContainer .filterOne .isCollapsed .collapseBtn span.hide {display:none;} #catalogFilterContainer .filterOne .isCollapsed .collapseBtn span.show {display:inline;} #filterPriceFromTo input {width:45%; display:inline-block; height:30px; border-radius:3px; border:1px solid #ccc; padding:0 10px; } #filterPriceFromTo .sep {width:10%; display:inline-block; line-height:30px; text-align:center; } #filterPriceFromTo .notItemCost {text-align:center; } #filterPriceFromTo .costControl {text-align:center;} #filterPriceFromTo .costControl .link {width:45%; font-size:13px; display:inline-block; margin-top:10px; padding:5px 15px; color:#fff; text-align:center; text-decoration:none; background:#ff7030; cursor:pointer; border-radius:5px; transition:all 0.2s; } #filterPriceFromTo .costControl .link:hover {background:#383838;} #filterPriceFromTo .costControl.hideRun #filterRunCost {display:none;} #filterPriceFromTo .costControl.hideRun .sep {display:none;} #catalogFilterContainer .filterOne .filterItem .valueItem {display:block; padding-left:20px; padding-right:22px; height:22px; line-height:22px; color:#333; text-decoration:none; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; } #catalogFilterContainer .filterOne .filterItem .valueItem:hover {color:#000; } #catalogFilterContainer .filterOne .filterItem .valueItem i {display:block; width:14px; height:14px; position:absolute; left:0; top:4px; border-radius:2px; border:1px solid #333; } #catalogFilterContainer .filterOne .filterItem .valueItem.checked i:before {content:""; display:block; width:10px; height:10px; position:absolute; left:1px; top:1px; border-radius:2px; background:#000; } #catalogFilterContainer .filterOne .filterItem .valueItem.disabled {opacity:0.3; cursor:default;} #catalogFilterContainer .filterOne .filterItem .valueItem.disabled {color:#777; } #catalogFilterContainer .filterOne .filterItem .valueItem span {display:inline-block; position:absolute; right:0; top:1px; line-height:20px; color:#aaa; font-size:12px;} a.addItemToBasket {width:120px !important; white-space:nowrap;} a.addItemToBasket.isProcess {background:#000 !important; color:#000 !important; } a.addItemToBasket.isProcess:after {content:""; position:absolute; width:20px; height:20px; left:50%; top:50%; margin:-10px 0 0 -10px; background:url('../img/spin-white.svg') no-repeat center center; background-size:100%;} #popStackBox {position:fixed; bottom:15px; left:15px; } #popStackBox .popStackMessage {display:block; text-decoration:none; opacity:0; width:220px; background:rgba(0, 0, 0, .7); padding:10px; margin:0 0 15px 0; font-family:Tahoma; font-size:11px; color:#fff; cursor:pointer; position:relative; z-index:1000000; border-radius:3px; } #popStackBox .popStackMessage .caption {display:block; font-size:15px; padding:0; margin:0 0 5px 0; } #popStackBox .popStackMessage .link {color:#ffffff; text-decoration:underline;} #popStackBox .popStackMessage:hover .link {text-decoration:none;} /* Список брендов */ #brandCharList {text-align:center; margin-bottom:15px;} #brandCharList a {display:inline-block; font-size:22px; margin-bottom:5px; width:24px; height:24px; line-height:24px; text-align:center; text-decoration:none;} #brandCharList a:hover {text-decoration:underline; color:#000; } #brandItemList {} #brandItemList .groupLetter {text-align:center; font-size:26px; position:relative;} #brandItemList .groupLetter:before {content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#eee; } #brandItemList .groupLetter span {display:inline-block; padding:0 15px; background:#fff; position:relative;} #brandItemList .vendorListData {margin:0 -10px; font-size:0; padding-bottom:20px;} #brandItemList .vendorListData .item {padding:0 10px; display:inline-block; width:25%; } #brandItemList .vendorListData .item a {display:block; font-size:14px; font-weight:bold; padding:5px 0;} #allBrandsLink {display:block; margin-bottom:15px; border-radius:5px; width:100%; line-height:36px; padding-bottom:1px; text-align:center; color:#fff; background:#ff7030; text-decoration:none;} #allBrandsLink:hover {background:#b2b2b2;} /* Карточка товара */ #catalogCardTop {display:flex; flex-wrap:wrap; padding-bottom:40px; } #catalogCardTop .imageGallery {width:430px; } #catalogCardTop .itemPriceData {width:calc(100% - 450px); margin-left:20px; padding:20px; background:#f5f5f5; position:relative; } #catalogCardTop .itemPriceData:after {content:''; position:absolute; top:0; left:0; border-top:30px solid #fff; border-right:30px solid transparent; width:0; } #openBigImage {display:block; overflow:hidden; position:relative; background:#fff; } #openBigImage img {display:block; max-width:100%; height:auto; transition:all 0.2s; } #openBigImage:hover img {transform:scale(1.07);} #openBigImage span.loop {position:absolute; right:5px; bottom:5px; width:32px; height:32px; line-height:32px; color:#fff; text-align:center; border-radius:5px; background:#393C3D; transition:all 0.2s;} #openBigImage:hover span.loop {background-color:#2A2929; } #galleryMiniPhoto {overflow:hidden; font-size:0; border-top:2px solid #f5f5f5; } #galleryMiniPhoto div {display:inline-block; width:20%; padding:10px 5px 0px 5px; } #galleryMiniPhoto a {display:block; overflow:hidden; background:#fff; position:relative; } #galleryMiniPhoto a img {max-width:100%; height:auto; transition:all 0.2s; } #galleryMiniPhoto a:hover img {transform:scale(1.07);} .cardParamList {padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #ddd; color:#000; } .cardParamList .cardParamLine {padding-bottom:10px; font-size:15px;} #priceValues {font-size:0; padding-bottom:15px; border-bottom:1px solid #ddd; } #priceValues .costOne {font-size:15px; padding-right:30px; display:inline-block; vertical-align:top; } #priceValues .costOne.opt {padding-right:0px;} #priceValues .costOne .cost {color:#000; font-size:26px;} #priceValues .costOne .caption {display:block; font-size:15px;} #priceValues .costOne.opt .cost {color:#ccc; } #priceValues .costOne.opt .caption {color:#ccc;} #priceValues .notPrice {color:#ccc; font-size:15px; } #toBasketBlock {text-align:right; margin-top:20px; position:relative; min-height:36px;} #toBasketBlock a {display:block; position:absolute; left:0px; bottom:0; padding:0 12px 0 38px; height:36px; line-height:35px; background:#333; color:#FCFF00; text-align:center; text-decoration:none; transition:all 0.2s; font-size:13px;} #toBasketBlock a span.icon {display:block; position:absolute; left:5px; top:5px; width:24px; height:24px; line-height:24px; text-align:center; color:#FCFF00; font-size:16px;} #toBasketBlock a:hover {background:#FCFF00; color:#000;} #toBasketBlock a:hover span.icon {color:#000;} #toBasketBlock .cardCountControl {position:absolute; left:0; top:0; width:100px; padding:0 30px; } #toBasketBlock .cardCountControl input {display:inline-block; line-height:36px; height:36px; width:100%; text-align:center; background:#575C5E; border:1px solid #393C3D; color:#fff; } #toBasketBlock .cardCountControl .count {display:inline-block; position:absolute; top:0; line-height:36px; height:36px; width:30px; background:#393C3D; color:#fff; text-align:center; font-size:20px; transition:all 0.2s; cursor:pointer;} #toBasketBlock .cardCountControl .count:hover {background-color:#C10F11; } #toBasketBlock .cardCountControl .count.minus {left:0px; line-height:34px;} #toBasketBlock .cardCountControl .count.plus {right:0px; } #catalogCardTop .cardTextInfo {padding-top:20px; font-size:15px;} #catalogCardTop .noPost {display:block; text-decoration:none; color:red; padding:5px 10px; border:1px solid red; border-radius:5px; font-weight:bold; font-size:14px; margin-top:25px; text-align:center; } #catalogCardTop .noPost.noPost:hover {background:red; color:#fff; } #catalogCardTopDescription {padding-bottom:10px;} .catalogCardCollapseLink {padding:5px 0 5px 0; text-align:center;} .catalogCardCollapseLink a {margin:15px 0 25px 0; position:relative; display:inline-block; padding:0 40px 0 15px; color:#fff; background:#C10F11; line-height:36px; white-space:nowrap; text-decoration:none; } .catalogCardCollapseLink a i {display:block; width:16px; height:16px; line-height:16px; text-align:center; position:absolute; right:10px; top:10px;} .catalogCardCollapseLink a:hover {background:#2A2929; } .groupCaption {} .groupCaption a {display:block; background:#222; color:#FCFF00; text-decoration:none; padding:5px 35px 5px 15px; position:relative;} .groupCaption a i {display:block; width:12px; height:10px; line-height:10px; font-size:12px; text-align:center; position:absolute; right:15px; top:50%; margin-top:-5px; } .groupCaption a.collapse0 {margin-bottom:5px;} .groupCaption a.collapse0 i {transform:rotate(-180deg);} .groupData {margin-bottom:20px; } .groupData .tableparam {width:100%; background:#f5f5f5; } .groupData .tableparam td.caption {width:50%; padding:5px 15px; border:1px solid #ddd; color:#222; font-size:15px; } .groupData .tableparam td.value {width:50%; padding:5px 15px; border:1px solid #ddd; color:#222; font-size:15px; } #cardPrintLink {padding:15px 0;} #cardPrintLink a {display:inline-block; padding-left:30px; position:relative;} #cardPrintLink a span {width:20px; height:20px; line-height:21px; font-size:18px; text-align:center; position:absolute; left:0; top:-1px; color:#fff; } #filesDocuments {width:100%;} #filesDocuments.isColstrue .cols {width:50%; float:left; vertical-align:top;} #filesDocuments.isColstrue .cols.colfiles {padding-right:15px; } #filesDocuments.isColstrue .cols.coldocs {padding-left:15px; } #addedItemItems {padding-bottom:10px;} #addedItemItems p.caption {font-size:24px; font-weight:normal; line-height:normal; padding-bottom:15px; padding-top:5px;} #addedItemItems .addSectOne {width:33.33%; float:left; padding:0 10px 15px 0; } #addedItemItems .addSectOne a {display:inline-block; position:relative; padding-left:25px;} #addedItemItems .addSectOne span {width:20px; height:20px; line-height:21px; font-size:18px; text-align:center; position:absolute; left:0; top:-1px; color:#000; } /* Типовые решения */ #solutionSectList {margin:0 -10px; font-size:0;} #solutionSectList a {display:inline-block; width:33.33%; padding:10px; } #solutionSectList a img {display:block; width:100%; heigth:auto; } #solutionItemList {margin:0 -10px; font-size:0;} #solutionItemList a {display:inline-block; width:33.33%; padding:10px; text-decoration:none; vertical-align:top;} #solutionItemList a img {display:block; width:100%; heigth:auto; } #solutionItemList a .name {display:block; width:100%; height:62px; overflow:hidden; font-size:16px; font-weight:bold; color:#000; text-align:center; padding-top:5px; } .solutaionTopText {padding-bottom:10px;} .solutaionBottomText {padding-top:20px;} .solutionsItems {width:100%;} .solutionsItems th {color:#fff; background:#333333; text-align:center; font-weight:bold; font-size:12px; padding:7px 20px;} .solutionsItems th.iName {width:100%;} .solutionsItems th.iMini {width:1px; white-space:nowrrap;} .solutionsItems td {border-bottom:1px solid #F4F4F4; padding:10px; vertical-align:middle;} .solutionsItems td.tMini {text-align:center; white-space:nowrap;} .solutionsItems td.tImage {width:1px; white-space:nowrrap; padding:2px 0;} .solutionsItems td.tImage div {width:130px; } .solutionsItems td.tImage div {width:100%; height:auto; } .solutionsItems td span.cost {color:#ff7030; font-weight:bold; white-space:nowrap;} /* Файлы для скачивания / Документация */ #pageSearchData { padding-right:36px; position:relative; margin-bottom:40px;} #pageSearchText { width:100%; padding:0 10px; height:36px; border:none; color:#fff; background:#2a2929; } #pageSearchBtn {width:36px; height:36px; position:absolute; right:0; top:0; border:none; background:#C10F11; cursor:pointer; transition:all 0.2s;} #pageSearchBtn span {width:36px; height:36px; line-height:35px; text-align:center; color:#fff; } #pageSearchBtn:hover {background-color:#393C3D; } .listSectFiles {} .listSectFiles a {display:inline-block; padding:0 10px 0 15px; margin-bottom:10px; position:relative; color:#fff; vertical-align:top; transition:all 0.2s;} .listSectFiles a:before {content:""; display:block; width:6px; height:6px; position:absolute; left:0px; top:8px; background:#fff; } .listSectFiles a:hover {color:#C10F11; } #filesItemListData {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #575C5E;} #filesItemListData .fileItem a {font-weight:bold; } #filesItemListData .fileItem .models {display:block; color:#777; padding:3px 0 0 25px; font-size:15px; } /* Прикрепленные файлы / Прайс-листы */ .sectFilesList {padding-bottom:20px;} .sectFilesList p.caption {font-size:24px; font-weight:normal; line-height:normal; padding-bottom:15px; padding-top:5px;} .sectFilesList .fileItem {padding-bottom:15px;} .sectFilesList .fileItem a {display:inline-block; position:relative; padding-left:25px; } .sectFilesList .fileItem a .icon {width:20px; height:20px; line-height:21px; font-size:18px; text-align:center; position:absolute; left:0; top:-1px; } .sectFilesList .fileItem a .icon.fa-file-pdf {color:#f13c22;} .sectFilesList .fileItem a .icon.fa-file-image {color:#ff7e00;} .sectFilesList .fileItem a .icon.fa-file-archive {color:#802d5d;} .sectFilesList .fileItem a .icon.fa-file-word {color:#5669c8;} .sectFilesList .fileItem a .icon.fa-file-excel {color:#3e7112;} .filesGoToBack {padding-top:20px;} .filesGoToBack a.goToBack {display:inline-block; padding:0 15px; color:#fff; text-align:center; height:40px; line-height:40px; text-decoration:none; background:#C10F11; transition:all 0.2s;} .filesGoToBack a.goToBack:hover {background:#2a2929;} #catalogPriceList .fileItem {padding-bottom:15px;} #catalogPriceList .fileItem a .icon {top:0px;} /* Офисы */ #officesListData {margin-top:20px;} .officeOneData {position:relative; padding-top:50px; overflow:hidden; margin-bottom:20px; } .officeOneData div.caption {position:absolute; left:0; top:0; width:100%; line-height:50px; height:50px; } .officeOneData div.caption a {display:block; position:relative; padding:0 10px; font-size:18px; font-weight:bold; color:#fff; background:#575C5E; } .officeOneData div.caption a:after {content:''; position:absolute; top:0; left:0; border-top:10px solid #393C3D; border-right:10px solid transparent; width:0; } .officeOneData div.caption a:hover {background:#2A2929;} .officeOneData .text {padding:15px 0; } .officeOneData .collapse {display:none; overflow:hidden;} .officeOneData.active div.caption a {background:#C10F11;} .officeMapsBlock {width:100%; height:320px;} .officeMapsOne {width:100%; height:320px;} /* Крзина */ #basketDataReplace {margin-bottom:30px;} #basketDataReplace.isProcess {position:relative;} #basketDataReplace.isProcess:after {position:absolute; content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.7) url('../img/spin-black.svg') no-repeat center center; background-size:100px;} #basketDataList .table {display:table;} #basketDataList .table .tr {display:table-row;} #basketDataList .table .tr.header {background:#222; } #basketDataList .table .tr.header .td {display:table-cell; font-weight:bold; color:#fff; padding:5px 0; } #basketDataList .table .tr.line .td {display:table-cell; vertical-align:middle; padding:10px 0; border-bottom:1px solid #f5f5f5; background:#fff;} #basketDataList .table .tr.line .td.image {padding-left:10px; } #basketDataList .table .tr:last-child .td {border-bottom:none;} #basketDataList .table .tr .td.image {width:1%; padding-left:10px;} #basketDataList .table .tr .td.image a {display:block;} #basketDataList .table .tr .td.image img {width:50px; height:auto; max-width:none; display:block; } #basketDataList .table .tr .td.name {padding-left:15px;} #basketDataList .table .tr .td.cost {white-space:nowrap; width:1%; padding-left:10px; } #basketDataList .table .tr .costLine {white-space:nowrap;} #basketDataList .table .tr .costLine .cap {display:inline-block; width:65px; padding-right:5px; font-size:14px; } #basketDataList .table .tr .costLine .val {display:inline-block; color:#000; font-size:15px; } #basketDataList .table .tr .td.count {white-space:nowrap; width:1%; padding-left:10px; text-align:center;} #basketDataList .table .tr .td.count .countControl {width:50px;} #basketDataList .table .tr .td.count .countControl input {height:30px; text-align:center; width:100%; background:#f5f5f5; border:1px solid #ededed; color:#000; } #basketDataList .table .tr .td.summ {white-space:nowrap; width:1%; padding-left:10px; font-size:15px; } #basketDataList .table .tr .td.del {white-space:nowrap; width:1%; padding-left:10px; padding-right:10px; text-align:right; } #basketDataList .table .tr .td.del a {text-decoration:none; display:inline-block;} #basketDataList .table .tr .td.del i {display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; font-size:18px; color:#ccc; } #basketDataList .table .tr .td.del a:hover i {color:#CB0B2F; } #basketTotalData {padding:15px; background:#ededed; position:relative; text-align:right; } #basketTotalData div {padding-bottom:3px;} #basketTotalData div .cap {display:inline-block; width:140px; color:#000; font-weight:bold; padding-right:10px; } #basketTotalData div .val {display:inline-block; color:#000; font-weight:bold; font-size:20px;} #orderImportXls {display:inline-block; padding-left:25px; position:relative; margin-top:10px;} #orderImportXls span {width:15px; height:20px; line-height:21px; font-size:18px; text-align:center; position:absolute; left:0; top:-1px; color:#fff;} #basketBeforeFormText {margin-bottom:20px;} #basketSendForm {} /* Формы */ .stdFormData {} .stdFormData.isProcess {position:relative;} .stdFormData.isProcess:after {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.7) url('../img/spin-black.svg') no-repeat center center; background-size:100px;} .stdFormData .rowLine {padding-bottom:15px; display:flex; flex-wrap:wrap; } .stdFormData .rowLine .caption {width:240px; padding:5px 20px 0 0; color:#000; } .stdFormData .rowLine .caption .required {color:#CB0B2F; } .stdFormData .rowLine .input {width:calc(100% - 240px);} .stdFormData .rowLine.isCaptionfalse .input {width:100%; } .stdFormData .rowLine.consentCheckControl {margin-top:10px;} .stdFormData .rowLine .input .stdFormError {font-size:13px; color:#CB0B2F; padding-top:2px; } .stdFormData .rowLine.isCaptionfalse .input {width:100%;} .stdFormData .stdInput {width:100%; font-size:14px; color:#000; background:#f5f5f5; border:none; border-bottom:1px solid #ededed; height:36px; padding:0 10px; } .stdFormData .stdSelect {width:100%; font-size:14px; color:#000; background:#f5f5f5; border:none; border-botom:1px solid #ededed; height:36px; padding:0 10px; } .stdFormData .stdSelect option {font-family:Tahoma; } .stdFormData .stdTextarea {width:100%; font-size:14px; color:#000; background:#f5f5f5; border:none; border-bottom:1px solid #ededed; height:100px; min-height:100px; padding:8px 10px; font-family:inherit; resize:vertical;} .stdFormData .stdGroupcheckbox .gcbOne {padding-top:3px;} .stdFormData .stdGroupcheckbox .gcbOne input {display:none;} .stdFormData .stdGroupcheckbox .gcbOne label {position:relative; display:inline-block; padding:2px 0 2px 25px; box-sizing:border-box; cursor:pointer; } .stdFormData .stdGroupcheckbox .gcbOne label:before {content:""; position:absolute; left:0; top:2px; height:15px; width:15px; border:1px solid #333; border-radius:3px;} .stdFormData .stdGroupcheckbox .gcbOne label:after {display:none; content:"\f00c"; font-family:"Font Awesome 5 Pro"; font-size:12px; color:#333; position:absolute; left:3px; top:3px; height:15px; width:15px; line-height:15px;} .stdFormData .stdGroupcheckbox .gcbOne input:checked + label:after {display:block;} .stdFormData .stdLineCheckbox .stdCheckbox {display:none;} .stdFormData .stdLineCheckbox label {position:relative; display:inline-block; padding:2px 0 2px 25px; box-sizing:border-box; cursor:pointer; font-size:15px;} .stdFormData .stdLineCheckbox label:before {content:""; position:absolute; left:0; top:3px; height:15px; width:15px; border:1px solid #000; border-radius:3px;} .stdFormData .stdLineCheckbox label:after {display:none; content:"\f00c"; font-family:"Font Awesome 5 Pro"; font-size:12px; color:#000; position:absolute; left:3px; top:5px; height:15px; width:15px; line-height:15px;} .stdFormData .stdLineCheckbox input:checked + label:after {display:block;} .stdFormData .consentCheckControl label {font-size:13px; padding-top:2px; line-height:18px; } .stdFormData .rowLine .input .stdCaptchaImage {width:110px; height:50px; cursor:pointer; } .stdFormData .rowLine .input .stdCaptcha {padding:5px 10px; width:60px; font-size:14px; background:transparent; border:1px solid #ccc; vertical-align:top; margin:9px 10px 0 10px; box-sizing:border-box; height:30px; border-radius:2px;} .stdFormData .rowLine .input .stdUpdateCapchaCode {display:inline-block; margin-top:14px; border-bottom:1px dashed #ff7e00; color:#ff7e00; cursor:pointer; line-height:16px; font-size:13px; vertical-align:top; } .stdFormData .rowLine .input .stdUpdateCapchaCode:hover {border-bottom:1px solid transparent; color:#000; } .stdFormData .rowSubmit { padding-top:15px; } .stdFormData .rowSubmit button { display:inline-block; padding:0 25px; line-height:46px; background:#000; color:#FCFF00; font-weight:bold; text-decoration:none; text-align:center; font-size:16px; transition:color 0.2s, background-color 0.2s; border:none; cursor:pointer; font-family:inherit;} .stdFormData .rowSubmit button:hover {background:#FCFF00; color:#000; } /* text style */ .textstyle h1 {font-size:34px; line-height:46px; font-weight:normal; padding-bottom:30px; color:#000; } .textstyle .h1 {font-size:34px; line-height:46px; font-weight:normal; padding-bottom:30px; color:#000; } .textstyle h2 {font-size:30px; line-height:40px; font-weight:normal; padding-bottom:20px; padding-top:15px; color:#000; } .textstyle h2:first-child {padding-top:0;} .textstyle .h2 {font-size:30px; line-height:40px; font-weight:normal; padding-bottom:20px; padding-top:15px; color:#000; } .textstyle .h2:first-child {padding-top:0;} .textstyle h3, .textstyle .h3 {font-size:24px; line-height:32px; font-weight:500; padding-bottom:10px; padding-top:20px; color:#000;} .textstyle h3:first-child, .textstyle .h3:first-child {padding-top:0;} .textstyle .h3, .textstyle .h3 {font-size:24px; line-height:32px; font-weight:500; padding-bottom:10px; padding-top:20px; color:#000;} .textstyle .h3:first-child, .textstyle .h3:first-child {padding-top:0;} .textstyle h4 {font-size:22px; font-weight:500; padding-bottom:7px; padding-top:10px;} .textstyle h4:first-child, .textstyle .h4:first-child {padding-top:0;} .textstyle h5 {font-size:20px; font-weight:500; padding-bottom:5px; padding-top:10px;} .textstyle h6 {font-size:20px; font-weight:500; padding-bottom:5px; padding-top:10px;} .textstyle ul {list-style-position:inside; padding-left:25px; padding-bottom:10px;} .textstyle ol {list-style-position:inside; padding-bottom:10px;} .textstyle li {line-height:24px; padding-bottom:5px;} .textstyle p {line-height:24px; padding-bottom:15px;} .textstyle img {max-width:100%; height:auto;} /* Кнопка */ a.styleButton, .styleButton {background:#FCFF00; color:#000; text-decoration:none; display:inline-block; padding:12px 18px; font-size:15px; font-weight:500; transition:border 0.2s, background 0.2s, color 0.2s, transform 0.2s, opacity 0.2s; } a.styleButton:hover, .styleButton:hover {background:#000; color:#fff; } a.styleButton.white, .styleButton.white {background:#fff; color:#000; } a.styleButton.white:hover, .styleButton.white:hover {background:#000; color:#fff; } a.styleButton.yellow, .styleButton.yellow {background:#FCFF00; color:#000; } a.styleButton.yellow:hover, .styleButton.yellow:hover {background:#000; color:#fff; } a.styleButton.black, .styleButton.black {background:#000; color:#FCFF00; } a.styleButton.black:hover, .styleButton.black:hover {background:#FCFF00; color:#000; } /* Стилизованная таблица */ .horizontalScroll {overflow-y:auto; overflow-y:hidden; max-width:100%;} .styleTable {width:100%; margin-bottom:15px;} .styleTable th {padding:5px 10px; font-weight:bold; color:#000; background:#f5f5f5; border:1px solid #ededed; vertical-align:middle;} .styleTable td {padding:5px 10px; border:1px solid #ededed; line-height:21px; vertical-align:middle;} .styleTable td *:last-child {padding-bottom:0 !important;} /* FOOTER */ #footerProtect {height:260px; clear:both;} #footer {height:260px; margin:-260px auto 0 auto; overflow:hidden; background:#222; } #footerData {padding-top:35px; height:100%; display:flex; flex-wrap:wrap; } #footerData * {color:#fff; font-size:14px;} #copyright {width:22%; order:1; padding-right:20px; } #copyright .logo {margin-bottom:20px;} #copyright .logo a {width:140px; display:block; text-decoration:none; } #copyright .logo img {width:100%;} #copyright .devLine {padding-top:20px;} #copyright .devLine a {display:block; position:relative; padding:9px 0 0 45px; text-decoration:none; color:#575c5e; font-size:12px;} #copyright .devLine a img {display:block; position:absolute; left:0; top:0; } #copyright .devLine a:hover {color:#fff; } #bottomMenu {width:28%; order:2; padding-right:20px; } #bottomMenu li {padding-bottom:2px; list-style-type:none; } #bottomMenu li a {color:#fff; font-size:13px; text-decoration:none; transition:all 0.2s;} #bottomMenu li a:hover {text-decoration:underline; color:#FCFF00;} #bottomMenu li a.active {color:#FCFF00;} #bottomContacts {width:50%; order:3;} #bottomContactsList {color:#000; text-align:right; } #bottomContactsList * {font-size:13px; color:#fff;} #bottomContactsList p.caption {padding-bottom:10px; font-weight:bold; font-size:16px; } #bottomContactsList div.caption {padding-bottom:5px; font-weight:bold; font-size:15px; } #bottomContactsList p {padding-bottom:2px;} #bottomContactsList a {color:#fff;} #bottomContactsList a:hover {color:#FCFF00;} #goToTop {display:none; position:fixed; right:15px; bottom:15px; text-decoration:none; z-index:1;} #goToTop.show {display:inline-block; } #goToTop span {display:block; width:40px; height:40px; line-height:40px; text-align:center; background:#FCFF00; color:#000; transition:all 0.2s; } #goToTop:hover span {border-radius:100px; } /* Дополнительные меню */ .menuAnkorLinks {margin-bottom:20px; text-align:center;} .menuAnkorLinks a {display:inline-block; font-weight:bold; vertical-align:top; margin:0 10px 8px 10px; text-decoration:none; padding-bottom:1px; border-bottom:1px dashed #ff7030; } .menuAnkorLinks a:hover {border-bottom:1px dashed transparent; } .menuSlider {position:relative;} .menuSlider .swiper-pagination {position:relative; left:auto; bottom:auto; } .menuSlider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {width:30px; height:8px; border-radius:2px;} .menuSlider .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#ff7030 !important;} .sliderMenu {margin-bottom:10px;} .sliderMenu .caption {text-align:center; padding-bottom:20px; } .slideMenuItem {background:#fafafa; box-shadow:0 6px 4px -5px rgba(0,0,0,0.5); margin-bottom:20px; border-radius:10px; padding-top:15px; transition:box-shadow 0.2s, background 0.2s;} .slideMenuItem a {display:block; text-decoration:none;} .slideMenuItem .image {display:block; padding:0 20px 20px 20px;} .slideMenuItem .image img {display:block; margin:0 auto; width:auto !important; height:70px !important; } .slideMenuItem .name {display:block; text-align:center; font-weight:bold; font-size:16px; height:24px; white-space:nowrap; padding:0 15px; border-bottom:1px solid #e4e4e4; transition:color 0.2s;} .slideMenuItem .text {display:block; min-height:80px; overflow:hidden; padding:15px; color:#222;} .slideMenuItem .text span {display:block; position:relative; padding-left:10px; } .slideMenuItem .text span:before {display:block; content:""; width:4px; height:4px; background:#222; position:absolute; left:0; top:8px; border-radius:5px; } .sliderMenu.slidermenu6 .slideMenuItem .text {min-height:135px;} .sliderMenu.slidermenu .slideMenuItem .text {min-height:80px;} .slideMenuItem:hover {background:#f7f7f7; box-shadow:0 4px 4px -5px rgba(0,0,0,0.3);} .slideMenuItem a:hover .name {color:#000; } .tableMenu {margin-bottom:30px;} .tableMenu .caption {text-align:center; padding-bottom:20px;} .tableMenuData {font-size:0; border-left:1px solid #dfdfdf; border-top:1px solid #dfdfdf; display:flex; flex-wrap:wrap;} .tableMenuData .item {color:#222; display:inline-block; width:14.28%; font-size:15px; text-align:center; white-space:nowrap; text-decoration:none; padding:10px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#eee; } .tableMenuData .item:hover {color:#ff7030;} .tableMenu.tablemenu6 .tableMenuData .item {width:16.66%;} .tableMenu.tablemenu4 .tableMenuData .item {width:25%; white-space:normal; } .grecaptcha-badge {display:none !important;} #grecaptchaInformer {font-size:12px; } #antibotDataContainer {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:50000000;} #antibotWindow {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:#000; padding:20px; border-radius:10px; color:#fff; max-width:300px; min-width:300px; } #antibotWindow.isProcess:after {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8) no-repeat center center; background-image:url('../img/spin-white.svg'); background-size:140px; border-radius:12px;} #antibotWindow .text {padding-bottom:10px; text-align:center; font-weight:bold; } #antibotWindow .caption {padding-bottom:10px; color:#C10F11; text-align:center;} #antibotWindow .list {text-align:center; font-size:0;} #antibotWindow .list div {width:60px; height:60px; line-height:60px; font-size:40px; text-align:center; margin:10px; cursor:pointer;} #antibotWindow .list div:hover {color:#C10F11; } #cookieWindowContainer {position:fixed; left:50%; bottom:20px; transform:translateX(-50%); width:700px; max-width:95%; padding:35px 20px 15px 20px; border-radius:10px; background:#f2f5f8; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5); z-index:1; } #cookieWindowContainer .close {display:block; width:20px; height:20px; line-height:20px; text-align:center; font-size:18px; position:absolute; right:10px; top:10px; color:#000; cursor:pointer; } #cookieWindowContainer .close:before {font-family:"Font Awesome 5 Pro"; content:"\f00d"; display:block; width:20px; height:20px; } #cookieWindowContainer .close:hover {color:#FCFF00; } #cookieWindowContainer .data > * {font-size:15px; line-height:22px; color:#000; } #cookieWindowContainer .data a {color:#000; } #cookieWindowContainer .data h3 {font-weight:bold; color:#000; padding-bottom:10px; font-size:18px;} #cookieWindowContainer .data h4 {font-weight:bold; color:#000; padding-bottom:10px; font-size:18px;} #cookieWindowContainer .data h5 {font-weight:bold; color:#000; padding-bottom:10px; font-size:18px;} /* Универсальное всплывающее окно */ .popWindowOverlay {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1000;} .popWindowContainer {position:absolute; left:50%; top:50%; padding:15px 15px 20px 15px; border-top:50px solid #e0e0e0; width:500px; max-width:90%; max-height:95%; transform:translate(-50%, -50%); background:#fff; } .popWindowClose {position:absolute; right:10px; top:-40px; width:30px; height:30px; cursor:pointer; } .popWindowClose span {position:absolute; right:6px; top:0px; font-size:28px; color:#000; } .popWindowClose:hover span {color:#FCFF00; } .popWindowCaption {position:absolute; left:15px; top:-40px; font-size:18px; font-weight:500; color:#000; } .popWindowData {min-height:100px; max-height:100%; height:100%; overflow:auto; position:relative; } .popWindowContainer.isProcess {overflow:hidden; } .popWindowContainer.isProcess:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(255,255,255,0.8); z-index:1;} .popWindowContainer.isProcess:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url('../img/tail-spin.svg'); background-repeat:no-repeat; background-position:center center; background-size:70px; z-index:2;} .popWindowData .maxWidth {padding:0; } .popWindowData .managerLink {display:none;} .popWindowData .helpLink {display:none;} .popWindowData .spoAddText {text-align:center; padding-top:15px;} .popWindowData .spoAddText div {padding-top:15px;} .popWindowData .spoAddText.isOk0 {color:#de4756;} .popWindowData .stdFormData .rowLine .caption {width:200px; } .popWindowData .stdFormData .rowLine .input {width:calc(100% - 200px); } .popWindowData .stdFormData .rowLine.isCaptionfalse .input {width:100%;} /* Вопрос-ответ */ .questionAccordionList {} .questionAccordionList .item {background:#f5f5f5; border-bottom:1px solid #e0e0e0; position:relative; transition:background 0.2s, color 0.2s; } .questionAccordionList .item:hover {background:#f0f0f0; } .questionAccordionList .item .header {padding:15px 15px 15px 15px; cursor:pointer; } .questionAccordionList .item .header .name {font-size:18px; padding:0 30px; position:relative; color:#000; } .questionAccordionList .item .header .arrow {position:absolute; right:0px; top:50%; width:20px; height:20px; line-height:20px; margin-top:-10px; text-align:center; color:#000; } .questionAccordionList .item:hover .header .arrow {color:#000;} .questionAccordionList .item .header .icon {position:absolute; left:0px; top:50%; width:20px; height:20px; line-height:20px; margin-top:-10px; text-align:center; color:#000;} .questionAccordionList .item.open {background:#f5f5f5; } .questionAccordionList .item.open .header .arrow {transform:rotate(-180deg);} .questionAccordionList .item.open .header .icon {color:#000; } .questionAccordionList .item .data {display:none; padding:15px; background:#fff;} /* Список предложений */ .offersItemList {display:flex; flex-wrap:wrap; margin-left:-10px; margin-right:-10px; } .offersItemList .item {width:33.33%; padding:10px; } .offersItemList.count2 .item {width:50%;} .offersItemList .item .data {background:#f5f5f5; padding:20px 20px 100px 20px; height:100%; border:1px solid #f5f5f5; position:relative; } .offersItemList .item .data:hover {background:#f8f8f8; border:1px solid #f0f0f0; } .offersItemList .item .data .caption {text-align:center; font-weight:bold; font-size:20px; line-height:26px; border-bottom:5px solid #fcff00; padding-bottom:15px; } .offersItemList .item .data .price {text-align:center; font-weight:500; font-size:24px; padding-top:10px;} .offersItemList .item .data .price span {font-weight:bold; font-size:32px; } .offersItemList .item .data .description {text-align:center; padding-top:10px; line-height:24px;} .offersItemList .item .data .items {padding-top:15px; } .offersItemList .item .data .items .list {display:flex; position:relative; border-bottom:1px dotted #ccc; padding:8px 0; line-height:21px; } .offersItemList .item .data .items .list:last-child {border-bottom:none; } .offersItemList .item .data .items .list .name {width:60%; padding-right:5px; } .offersItemList .item .data .items .list .name.isValuefalse {width:100%; padding-right:0px; } .offersItemList .item .data .items .list .value {width:40%; padding-left:5px; text-align:right; font-weight:bold; } .offersItemList .item .data .button {position:absolute; left:0; bottom:20px; width:100%; text-align:center; }