@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: 'Nunito'; src:url('../fonts/Nunito/Nunito-Regular.woff2') format('woff2'), url('../fonts/Nunito/Nunito-Regular.woff') format('woff'), url('../fonts/Nunito/Nunito-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Nunito'; src:url('../fonts/Nunito/Nunito-Bold.woff2') format('woff2'), url('../fonts/Nunito/Nunito-Bold.woff') format('woff'), url('../fonts/Nunito/Nunito-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } html {min-height:100%; height:100%; width:100%;} body {font-size:16px; font-family:Nunito; color:#c4c5c5; min-height:100%; height:100%; min-width:300px; background:#393C3D; } 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:#fff;} a:visited {color:#fff;} a:hover {text-decoration:none; color:#C10F11; } td {vertical-align:top;} .clear {clear:both;} .maxWidth {margin:0 auto; max-width:1380px; padding:0 15px; } .marginBottom {margin-bottom:100px; } .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:#393C3D; padding:0; position:fixed; left:0; top:0; width:100%; border-bottom:1px solid #575C5E; z-index:10;} #headerFixedHeight {height:150px; } #headerContacts { background:#2A2929; height:40px; font-size:14px; } #headerContactsData {position:relative; padding:0 170px 0 300px;} #headerContactsData .official {position:absolute; left:0; top:9px; color:#fff; } #topCallback {color:#fff; background:#C10F11; display:block; height:40px; line-height:40px; padding:0 20px; position:absolute; top:0; right:0; text-decoration:none; font-size:12px; text-transform:uppercase; } #topCallback .icon {display:none; width:40px; height:40px; line-height:40px; text-align:center; font-size:20px; } #topCallback:hover {color:#fff; background:#393C3D; } #headerContactsData .contactList {display:flex;} #headerContactsData .contactList div {width:30%; line-height:38px; white-space:nowrap; } #headerContactsData .contactList div.spb {width:40%;} #headerContactsData .contactList div .short {display:none; } #headerContactsData .contactList div a {color:#fff; text-decoration:none; font-weight:bold; } #headerContactsData .contactList div a:hover {color:#C10F11;} #headerContentBlock {padding:20px 0; position:relative; padding-left:300px; } #headerMainLogo {width:155px; display:block; text-decoration:none; position:absolute; left:0; top:19px; } #headerMainLogo img {display:block; max-width:100%; height:auto; } #mainMenu {position:relative; } #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:#fff; text-transform:uppercase; font-size:14px; text-decoration:none; font-weight:bold; line-height:36px; margin-right:30px; } #mainMenu .topMenuData > ul > li:last-child > a {margin-right:0;} #mainMenu .topMenuData > ul > li > a:hover, #mainMenu .topMenuData > ul > li.active > a { color:#C10F11; } #mobileMenuBtn {display:none; padding:5px 0 0 30px; position:absolute; right:0px; top:11px; height:27px; text-decoration:none; color:#fff; font-size:14px;} #mobileMenuBtn span {position:absolute; left:0; top:0; color:#fff; display:block; width:28px; height:28px; line-height:28px; font-size:24px; text-align:center; } #mobileMenuBtn:hover span {color:#C10F11; } #mobileMenuClose {display:none; position:absolute; right:10px; top:10px; text-decoration:none;} #mobileMenuClose span {color:#fff; display:block; width:28px; height:28px; line-height:28px; font-size:28px; text-align:center; } #mobileMenuClose:hover span {color:#C10F11; } #basketInformer {position:absolute; right:0; top:21px; 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 img {position:absolute; right:8px; top:8px; display:block; width:20px; height:20px; } #basketInformer .icon b {position:absolute; right:0; top:0; font-size:9px; line-height:15px; background:#2A2929; color:#fff; width:18px; height:16px; text-align:center; border-radius:2px; overflow:hidden; } #basketInformer a .icon b {background:#C10F11;} #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;} #pageContentData > h1 {padding:0 0 80px 300px;} #pageContentData > h1:first-child {padding-top:30px;} #leftSide {width:270px; float:left;} #contentSide {margin-bottom:30px;} #contentSide.isLeftSidetrue {padding-left:300px;} #contentSide.isLeftSidetrue:after {display:block; content:""; clear:both; } /* Путь к странице */ #pagesPathList {padding:0 0 40px 0; 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;} /* Левое меню */ #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; margin-bottom:10px;} #leftMenuData ul li a {color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; transition:all 0.2s;} #leftMenuData ul li a:hover {color:#C10F11; } #leftMenuData ul li a.active {color:#C10F11; } #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; } /* Нижний слайдер */ .bottomSlider {position:relative;} .bottomSlider:after {content:''; position:absolute; top:0; left:0; border-top:30px solid #393C3D; border-right:30px solid transparent; width:0; z-index:1;} .bottomSlider img {display:block; width:100%; height:auto; } #pageFrames .swiper-container-horizontal > .swiper-pagination-bullets {position:relative; left:auto; bottom:auto; padding-top:20px; margin:0 auto; transform:none; } #pageFrames .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {width:14px; height:14px; background:#575C5E; opacity:1; } #pageFrames .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#C10F11; } /* Слайдер логотипов */ .logoSlider h2 {padding-left:300px; } .logoSlider .swiper-slide {width:auto;} .logoSlider .swiper-slide img {display:block; width:100%; height:auto; } /* Текст с картинкой */ .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;} /* Меню особенностей */ #advancedMenu h2 {padding-left:300px; } #advancedMenu .advancedMenuData {margin:0 -5px; display:flex; flex-wrap:wrap; padding-top:30px; } #advancedMenu .advancedMenuData .item {width:15%; padding:0 5px 10px 5px; transition:width 0.2s; } #advancedMenu .advancedMenuData .item .data {padding:50px 30px 30px 30px; height:200px; background:#575C5E; position:relative; transition:background 0.2s; overflow:hidden; transition:height 0.2s;} #advancedMenu .advancedMenuData .item .data:after {content:''; position:absolute; top:0; left:0; border-top:30px solid #393C3D; border-right:30px solid transparent; width:0; } #advancedMenu .advancedMenuData .item .data img {display:block; width:100px; position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; transition:all 0.2s;} #advancedMenu .advancedMenuData .item .data .name {display:none; color:#fff; font-weight:bold; padding-bottom:15px; position:relative;} #advancedMenu .advancedMenuData .item .data .text {display:none; color:#fff; position:relative; } #advancedMenu .advancedMenuData .item.active {width:25%; } #advancedMenu .advancedMenuData .item.active .data {background:#C10F11; height:350px;} #advancedMenu .advancedMenuData .item.active .data img {opacity:0.5; width:210px; height:210px; margin:0; } #advancedMenu .advancedMenuData .item.active .data .name {display:block;} #advancedMenu .advancedMenuData .item.active .data .text {display:block;} /* История бренда */ #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;} /* Иконки категорий */ #catalogSectImageList {margin:0 -5px 20px -5px; display:flex; flex-wrap:wrap; } #catalogSectImageList.isRoot {margin-bottom:100px;} #catalogSectImageList .item {width:33.33%; padding:0 5px 10px 5px; } #catalogSectImageList .item a {display:block; height:100%; text-decoration:none; background:#575C5E; position:relative; transition:background 0.2s; } #catalogSectImageList .item a:after {content:''; position:absolute; top:0; left:0; border-top:30px solid #393C3D; border-right:30px solid transparent; width:0; } #catalogSectImageList .item a .number {color:#ccc; position:absolute; left:20px; top:20px; font-size:12px; } #catalogSectImageList .item a .image {display:block; position:relative; padding:15px; overflow:hidden; } #catalogSectImageList .item a .image img {display:block; transition:transform 0.2s;} #catalogSectImageList .item a:hover .image img {transform:scale(1.1);} #catalogSectImageList .item a .name {display:block; padding:0 15px 20px 15px; font-size:16px; font-weight:bold; text-align:center; color:#fff; text-transform:uppercase; } #catalogSectImageList .item a:hover {background:#C10F11;} /* Текстовые ссылки категорий */ #catalogTextList {padding-bottom:20px; font-size:0;} #catalogTextList div {display:inline-block; width:50%; padding:0 10px 0 15px; font-size:16px; margin-bottom:10px; position:relative; vertical-align:top; } #catalogTextList div a {display:inline-block; position:relative; color:#000; vertical-align:top; transition:all 0.2s;} #catalogTextList div a:before {content:""; display:block; width:6px; height:6px; position:absolute; left:-15px; top:6px; background:#ff7030; } #catalogTextList div a:hover {color:#ff7030; } #sectListChildDescr {padding-bottom:30px;} .listDescriptionText {padding-top:30px;} /* Блок кнопок над списком товаров */ #replaceCatalogList {float:left; 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:#C10F11; color:#fff; } /* Ссылка сортировки по цене */ #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:#C10F11; color:#fff;} #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:#C10F11; color:#fff; } #replaceCatalogList .catalogListHeader .sortLink.asc span {display:block;} #replaceCatalogList .catalogListHeader .sortLink.desc {padding-right:25px; background:#C10F11; color:#fff;} #replaceCatalogList .catalogListHeader .sortLink.desc span {display:block; transform:rotate(-180deg); } /* Кнопки варианта списка */ #replaceCatalogList .catalogListHeader .listVariantButton {float:right;} #replaceCatalogList .catalogListHeader .listVariantButton a {display:inline-block; margin-left:5px; color:#fff; text-decoration:none; } #replaceCatalogList .catalogListHeader .listVariantButton a span {display:block; background:#575C5E; width:30px; height:30px; line-height:30px; text-align:center; font-size:16px; transition:all 0.2s; } #replaceCatalogList .catalogListHeader .listVariantButton a:hover span {background:#C10F11; color:#fff;} #replaceCatalogList .catalogListHeader .listVariantButton a.active span {background:#C10F11; color:#fff; } /* Пагинация */ .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:#fff; background:#C10F11;} .topPaginator .stdPagination {padding-top:0; padding-bottom:20px; } /* Один элемент списка "Список" */ #replaceCatalogList .item {width:100%; display:flex; margin-bottom:20px; font-size:0; background:#575C5E;} #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 #393C3D; 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:#fff; font-weight:bold; font-size:18px; line-height:22px; } #replaceCatalogList .item .info .itemListName a .vendor {color:#fff;} #replaceCatalogList .item .info .anons {font-size:14px; line-height:18px; color:#ddd; } #replaceCatalogList .item .info .price {position:absolute; left:0; bottom:15px; width:100%; padding-right:245px; } #replaceCatalogList .item .info .price .costOne {font-size:14px; color:#fff; float:left; width:50%; padding-top:3px; white-space:nowrap; } #replaceCatalogList .item .info .price .costOne span.cost {font-size:16px; font-weight:bold; color:#fff; 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:#C10F11; color:#fff; text-decoration:none; transition:all 0.2s; font-size:13px;} #replaceCatalogList .item .info .price .listToBasket:hover {background:#393C3D;} #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:#fff; font-size:16px;} /* Один элемент списка "Блок" */ #replaceCatalogList .catalogListBlock {display:flex; flex-wrap:wrap; margin:0 -10px;} #replaceCatalogList .itemBlock {display:flex; width:33.33%; padding:0 10px; } #replaceCatalogList .isFilterY .itemBlock {display:flex; width:33.33%; } #replaceCatalogList .itemBlockData {margin-bottom:20px; padding:0 0 45px 0; position:relative; background:#575C5E; } #replaceCatalogList .itemBlockData.isPricetrue {padding-bottom:140px;} #replaceCatalogList .itemBlockData .image {width:100%; display:inline-block; vertical-align:top; } #replaceCatalogList .itemBlockData .image a {display:block; position:relative; overflow:hidden; background:#fff; padding:15px;} #replaceCatalogList .itemBlockData .image a:after {content:''; position:absolute; top:0; left:0; border-top:30px solid #393C3D; border-right:30px solid transparent; width:0; } #replaceCatalogList .itemBlockData .image a img {display:block; max-width:100%; height:auto; transition:all 0.3s; margin:0 auto; } #replaceCatalogList .itemBlockData .image:hover img {transform:scale(1.07);} #replaceCatalogList .itemBlockData .info {display:block; padding:15px; } #replaceCatalogList .itemBlockData .info .itemListName {margin-bottom:10px;} #replaceCatalogList .itemBlockData .info .itemListName a {color:#fff; font-size:16px; line-height:20px; font-weight:bold;} #replaceCatalogList .itemBlockData .info .itemListName a .vendor {color:#fff;} #replaceCatalogList .itemBlockData .info .itemListDescr {font-size:14px; line-height:18px; color:#ddd;} #replaceCatalogList .itemBlockData .info .price {position:absolute; left:0; bottom:0px; width:100%; text-align:center; padding:15px;} #replaceCatalogList .itemBlockData .info .costOne {font-size:13px; color:#fff; height:22px;} #replaceCatalogList .itemBlockData .info .costOne span.cost {font-size:17px; font-weight:bold; color:#fff; white-space:nowrap;} #replaceCatalogList .itemBlockData .info .price .listToBasket {display:inline-block; position:relative; margin-top:10px; padding:0 12px 0 38px; height:36px; line-height:35px; background:#C10F11; color:#fff; text-decoration:none; transition:all 0.2s; font-size:13px;} #replaceCatalogList .itemBlockData .info .price .listToBasket span.icon {display:block; position:absolute; left:5px; top:5px; width:24px; height:24px; line-height:24px; text-align:center; color:#fff; font-size:16px;} #replaceCatalogList .itemBlockData .info .price .listToBasket:hover {background:#393C3D;} #replaceCatalogList .listCountControl {position:absolute; right:145px; bottom:0; width:100px; padding:0 30px; } #replaceCatalogList .listCountControl input {display:inline-block; line-height:36px; height:36px; width:100%; text-align:center; background:#575C5E; border:1px solid #393C3D; color:#fff; font-size:14px; } #replaceCatalogList .listCountControl .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;} #replaceCatalogList .listCountControl .count:hover {background-color:#C10F11; } #replaceCatalogList .listCountControl .count.minus {left:0px; line-height:34px;} #replaceCatalogList .listCountControl .count.plus {right:0px; } #replaceCatalogList .itemBlockData .listCountControl {width:120px; position:relative; right:auto; bottom:auto; margin:10px auto 0 auto;} /* Кнопка отображения фильтра для телефонов */ #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:#C10F11; color:#fff;} #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:#C10F11; padding:10px 15px; margin-bottom:10px; height:40px; color:#fff; font-size:16px; line-height:20px; position:relative; } #catalogFilterContainer .filterHeader:after {content:''; position:absolute; top:0; left:0; border-top:10px solid #393C3D; border-right:10px solid transparent; width:0; } #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:#000; } #catalogFilterContainer .filterListData {border-radius:5px; 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 #393C3D; border-right:10px solid transparent; width:0; } #catalogFilterContainer .filterOne .caption {padding:10px 35px 10px 15px; border-bottom:1px solid #2A2929; font-weight:bold; font-size:14px; background:#2A2929; cursor:pointer; position:relative; color:#fff; } #catalogFilterContainer .filterOne.isSelecttrue .caption {padding-right:72px;} #catalogFilterContainer .filterOne.open .caption {border-bottom:1px solid #777; } #catalogFilterContainer .filterOne .caption:hover {color:#C10F11;} #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:11px;} #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:#C10F11;} #catalogFilterContainer .filterOne.open .caption i {transform:rotate(-180deg); } #catalogFilterContainer .filterOne .optionList {display:none; padding:10px 15px 10px 15px; border-bottom:1px solid #575c5e; background:#575c5e; } #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:#fff; text-decoration:underline; cursor:pointer; } #catalogFilterContainer .filterOne .collapseBtn span:hover {color:#f0f0f0; 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:#fff; text-decoration:none; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; } #catalogFilterContainer .filterOne .filterItem .valueItem:hover {color:#f0f0f0; } #catalogFilterContainer .filterOne .filterItem .valueItem i {display:block; width:14px; height:14px; position:absolute; left:0; top:4px; border-radius:2px; border:1px solid #fff; } #catalogFilterContainer .filterOne .filterItem .valueItem.checked i:before {content:""; display:block; width:10px; height:10px; position:absolute; left:1px; top:1px; border-radius:2px; background:#C10F11; } #catalogFilterContainer .filterOne .filterItem .valueItem.disabled {opacity:0.3; cursor:default;} #catalogFilterContainer .filterOne .filterItem .valueItem.disabled {color:#fff; } #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; height:270px;} #catalogCardTop .itemPriceData {width:calc(100% - 450px); margin-left:20px; padding:20px; background:#575C5E; position:relative; } #catalogCardTop .itemPriceData:after {content:''; position:absolute; top:0; left:0; border-top:30px solid #393C3D; border-right:30px solid transparent; width:0; } #openBigImage {display:block; float:left; width:255px; padding:10px; overflow:hidden; position:relative; background:#fff; } #openBigImage:after {content:''; position:absolute; top:0; left:0; border-top:30px solid #393C3D; border-right:30px solid transparent; width:0; } #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 {float:left; width:173px; height:261px; overflow:hidden; font-size:0;} #galleryMiniPhoto div {width:50%; float:left; padding:0 0px 5px 5px; } #galleryMiniPhoto a {display:block; overflow:hidden; padding:5px; background:#fff; position:relative; } #galleryMiniPhoto a:after {content:''; position:absolute; top:0; left:0; border-top:15px solid #393C3D; border-right:15px solid transparent; width:0; } #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 #2A2929; color:#fff; } .cardParamList .cardParamLine {padding-bottom:10px; font-size:15px;} #priceValues {font-size:0; padding-bottom:15px; border-bottom:1px solid #2A2929; } #priceValues .costOne {font-size:15px; padding-right:30px; display:inline-block; vertical-align:top; } #priceValues .costOne.opt {padding-right:0px;} #priceValues .costOne .cost {color:#fff; 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:130px; bottom:0; padding:0 12px 0 38px; height:36px; line-height:35px; background:#C10F11; color:#fff; 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:#fff; font-size:16px;} #toBasketBlock a:hover {background:#393C3D;} #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:#2A2929; color:#fff; 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:hover {background:#C10F11; } .groupCaption a.collapse0 {margin-bottom:5px;} .groupCaption a.collapse0 i {transform:rotate(-180deg);} .groupData {margin-bottom:20px; } .groupData .tableparam {width:100%; background:#575C5E; } .groupData .tableparam td.caption {width:50%; padding:5px 15px; border:1px solid #2A2929; color:#fff; font-size:15px; } .groupData .tableparam td.value {width:50%; padding:5px 15px; border:1px solid #2A2929; color:#fff; 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(57, 60, 61, 0.7) url('../img/spin-white.svg') no-repeat center center; background-size:100px;} #basketDataList .table {display:table;} #basketDataList .table .tr {display:table-row;} #basketDataList .table .tr.header {background:#2A2929; } #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 #2A2929; background:#575C5E;} #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:#fff; 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:#393C3D; border:1px solid #393C3D; color:#fff; } #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:#2A2929; position:relative; text-align:right; } #basketTotalData div {padding-bottom:3px;} #basketTotalData div .cap {display:inline-block; width:140px; color:#fff; font-weight:bold; padding-right:10px; } #basketTotalData div .val {display:inline-block; color:#fff; 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 {padding:20px; background:#575C5E; } .stdFormData.isProcess {position:relative;} .stdFormData.isProcess:after {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(87, 92, 94, 0.7) url('../img/spin-white.svg') no-repeat center center; } .feebackFormBlock {padding:10px 0;} .feebackFormBlock.isProcess {position:relative;} .feebackFormBlock.isProcess:after {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(87, 92, 94, 0.7) url('../img/spin-white.svg') no-repeat center center; } .stdFormData .rowLine {padding-bottom:15px; display:flex; flex-wrap:wrap; } .stdFormData .rowLine .caption {width:240px; padding:5px 20px 0 0; color:#fff; } .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:#fff; padding-top:2px; } .stdFormData .stdInput {width:100%; font-size:14px; color:#fff; background:#393C3D; border:none; border-bottom:1px solid #2A2929; height:36px; padding:0 10px; } .stdFormData .stdSelect {width:100%; font-size:14px; color:#fff; background:#393C3D; border:none; border-botom:1px solid #2A2929; height:36px; padding:0 10px; } .stdFormData .stdSelect option {font-family:Tahoma; } .stdFormData .stdTextarea {width:100%; font-size:14px; color:#fff; background:#393C3D; border:none; border-bottom:1px solid #2A2929; 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:2px; height:15px; width:15px; border:1px solid #fff; border-radius:3px;} .stdFormData .stdLineCheckbox label:after {display:none; content:"\f00c"; font-family:"Font Awesome 5 Pro"; font-size:12px; color:#fff; position:absolute; left:3px; top:3px; height:15px; width:15px; line-height:15px;} .stdFormData .stdLineCheckbox input:checked + label:after {display:block;} .stdFormData .consentCheckControl label {font-size:13px; padding-top:3px;} .stdFormData .consentCheckControl label {font-size:13px; padding-top:2px;} .stdFormData .rowLine .input .stdFileselect {width:240px; height:36px; overflow:hidden; position:relative;} .stdFormData .rowLine .input .stdFileselect .fsBtn {display:block; line-height:36px; height:36px; background:#393C3D; border:none; border-bottom:1px solid #2A2929; padding:0 7px 0 32px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:relative; font-size:14px;} .stdFormData .rowLine .input .stdFileselect .fsBtn:before {color:#fff; display:block; width:24px; height:24px; line-height:24px; content:"\f15c"; font-family:"Font Awesome 5 Pro"; font-weight:300; font-size:20px; position:absolute; left:4px; top:5px; text-align:center;} .stdFormData .rowLine .input .stdFileselect:hover .fsBtn {background:#2a2929; color:#fff; } .stdFormData .rowLine .input .stdFileselect input {cursor:pointer; direction:ltr; font-size:23px; margin:0; opacity:0; position:absolute; right:0; top:0; transform:translate(-300px, 0px) scale(4);} .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 15px; line-height:36px; color:#fff; text-decoration:none; background:#C10F11; 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:#2a2929;} #colorbox .stdFormData {padding:0; } #colorbox .feebackFormBlock {padding:30px 0 10px 0; } #colorbox .stdFormData .rowLine .caption {width:100%; padding:0 0 10px 0;} #colorbox .stdFormData .rowLine .input {width:100%;} #colorbox .stdFormData .stdTextarea {resize:none; } /* text style */ .textstyle h1 {font-size:48px; line-height:56px; font-weight:bold; padding-bottom:40px; color:#fff; } .textstyle h2 {font-size:40px; line-height:48px; font-weight:bold; padding-bottom:30px; padding-top:10px; color:#fff; } .textstyle h2:first-child {padding-top:0;} .textstyle h3, .textstyle .h3 {font-size:24px; line-height:32px; font-weight:bold; padding-bottom:10px; padding-top:20px; color:#fff;} .textstyle h3:first-child, .textstyle .h3:first-child {padding-top:0;} .textstyle h4 {font-size:22px; font-weight:normal; padding-bottom:5px; padding-top:5px;} .textstyle h5 {font-size:20px; font-weight:normal; padding-bottom:5px; padding-top:5px;} .textstyle h6 {font-size:20px; font-weight:normal; padding-bottom:5px; padding-top:5px;} .textstyle ul {list-style-position:inside; padding-left:20px; padding-bottom:10px;} .textstyle ol {list-style-position:inside; padding-bottom:10px;} .textstyle li {line-height:20px; padding-bottom:3px;} .textstyle p {line-height:22px; padding-bottom:15px;} #contentSide iframe {max-width:100% !important; } #contentSide img {max-width:100%; height:auto;} /* FOOTER */ #footerProtect {height:280px; clear:both;} #footer {height:260px; margin:-260px auto 0 auto; overflow:hidden; background:#2a2929; } #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:120px; 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; } #copyright .devLine a img {display:block; position:absolute; left:0; top:0; } #copyright .devLine a:hover {color:#fff; } #bottomMenu {width:25%; order:2; padding-right:20px; } #bottomMenu li {padding-bottom:8px; list-style-type:none; } #bottomMenu li a {color:#fff; font-size:16px; text-decoration:none; transition:all 0.2s;} #bottomMenu li a:hover {text-decoration:underline;} #bottomMenu li a.active {text-decoration:underline; color:#c4c5c5;} #bottomMenu li.mini {padding-bottom:2px; } #bottomMenu li.mini a {font-size:13px;} #bottomContacts {width:53%; order:3;} #bottomContactsList {color:#000; text-align:right; } #bottomContactsList p.caption {font-weight:bold; font-size:16px; padding-bottom:20px; } #bottomContactsList .officeOne {padding-bottom:5px; width:50%; float:left; font-weight:bold; } #bottomContactsList .officeOne a {color:#fff;} #bottomContactsList .officeOne span.name {white-space:nowrap; color:#c4c5c5; } #bottomContactsList .officeOne span.phone {white-space:nowrap; color:#fff; } #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:#C10F11; color:#fff; } /* Дополнительные меню */ .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:#fff8dc; 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:#de4756;} #cookieWindowContainer .data > * {font-size:16px; line-height:21px; color:#333; } #cookieWindowContainer .data a {color:#C10F11; } #cookieWindowContainer .data h3 {font-weight:bold; color:#000; padding-bottom:10px; } #cookieWindowContainer .data h4 {font-weight:bold; color:#000; padding-bottom:10px; } #cookieWindowContainer .data h5 {font-weight:bold; color:#000; padding-bottom:10px; }