@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;} html {min-height:100%; height:100%; width:100%;} body {font-size:14px; font-family:Arial; color:#222; 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:#01539f;} a:visited {color:#01539f;} a:hover {text-decoration:none; color:#01539f; } td {vertical-align:top;} .clear {clear:both;} .maxWidth {margin:0 auto; max-width:1380px; padding:0 15px; } .maxWidth .maxWidth {padding-left:0; padding-right:0; } .stdAni {transition:background 0.2s, color 0.2s, opacity 0.2s;} .stdAnimate {transition:all 0.2s;} #pageFrames {min-height:100%; margin:0 auto -260px; max-width:1920px; background:#fff; } #headerContent {background:#ebebeb; padding:0; } #headerContacts {padding-top:7px; padding-bottom:7px; background:#01539f; } #headerContactsData {text-align:right; } #headerContactsData > div {color:#fff; padding-left:25px; display:inline-block; margin-left:25px; white-space:nowrap; line-height:20px; vertical-align:middle; position:relative; } #headerContactsData > div .icon {position:absolute; left:0; top:0; font-size:16px; line-height:19px;} #headerContactsData > div a {color:#fff; font-weight:bold; text-decoration:none; } #headerContactsData > div a:hover {color:#b2b2b2;} #headerContentBlock {padding:20px 0; position:relative; padding-left:150px; } #headerMainLogo {width:115px; display:block; text-decoration:none; position:absolute; left:0; top:10px; } #headerMainLogo img {display:block; max-width:100%; height:auto; } #topCallback {color:#000; display:inline-block; vertical-align:middle; margin-left:25px; height:26px; line-height:25px; padding:0 10px 0 30px; position:relative; border-radius:3px; background:#fff; text-decoration:none; font-size:13px; } #topCallback svg {display:block; position:absolute; left:5px; top:3px; width:20px; height:20px; } #topCallback:hover {color:#fff; background:#01539f; } #topCallback:hover svg {fill:#fff; } #mainMenu {position:relative; } #mainMenu .topMenuData {display:block; border-radius:5px; } #mainMenu .topMenuData > ul {display:block; border-radius:5px; 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; height:100%; color:#000; text-transform:uppercase; font-size:13px; text-decoration:none; font-weight:bold; text-align:center; padding:0 15px; line-height:40px; border-radius:5px; margin-right:5px; } #mainMenu .topMenuData > ul > li:last-child {float:right; margin-right:0; } #mainMenu .topMenuData > ul > li:last-child > a {background:#fff; color:#000; margin-right:0;} #mainMenu .topMenuData > ul > li > a:hover, #mainMenu .topMenuData > ul > li.active > a { background:#01539f !important; color:#fff !important; } #mobileMenuBtn {display:none; padding:5px 0 0 30px; position:absolute; right:0px; top:8px; height:27px; text-decoration:none; color:#000; font-weight:bold; font-size:14px;} #mobileMenuBtn span {position:absolute; left:0; top:0; color:#000; display:block; width:28px; height:28px; line-height:28px; font-size:24px; text-align:center; } #mobileMenuBtn:hover span {color:#01539f; } #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:#01539f; } /* Доп. блок в шапке */ #headerExtend {padding:20px 170px 0 0; font-size:0; position:relative;} #headerSlogan {color:#000; font-size:12px; display:inline-block; width:25%; vertical-align:middle; } #headerSearch {width:75%; display:inline-block; vertical-align:middle; padding-left:30px;} #headerSearch form {display:block; width:100%; padding-right:36px; position:relative; } #headerSearch form input {border:1px solid #ccc; color:#000; background:#ddd; width:100%; height:36px; font-size:14px; padding:0 10px; border-radius:5px 0 0 5px; } #headerSearch form button {border:none; background:#01539f; color:#fff; position:absolute; right:0; top:0; cursor:pointer; border-radius:0 5px 5px 0; } #headerSearch form button span {display:block; height:36px; width:36px; line-height:36px; text-align:center; font-size:18px; } #headerSearch form button:hover {background:#555; color:#fff;} #searchShowButton {display:none; position:absolute; right:90px; top:-36px; text-decoration:none; border-radius:3px;} #searchShowButton span {color:#000; display:block; width:28px; height:28px; line-height:28px; font-size:18px; text-align:center; } #searchShowButton span.close {display:none;} #searchShowButton:hover span {color:#01539f; } #basketInformer {position:absolute; right:0; bottom:0px; display:block; height:36px; padding:0 36px 0 10px; border-radius:5px; } #basketInformer a {display:block; text-decoration:none; } #basketInformer .caption {color:#000; font-size:12px; display:block; margin-top:10px; } #basketInformer .icon {position:absolute; right:0; top:0px; display:block; height:36px; width:36px; } #basketInformer .icon i {display:block; height:36px; width:36px; line-height:36px; text-align:center; color:#000; font-size:22px;} #basketInformer .icon b {position:absolute; right:0; top:0; font-size:10px; line-height:14px; background:#555; color:#fff; width:14px; text-align:center; border-radius:2px;} /* Шапка в фиксированном виде */ .isFixHeader #headerFixedHeight {height:180px;} .isFixHeader #headerContent {position:fixed; left:0; top:0; width:100%; height:100px; z-index:100;} .isFixHeader #headerContent:after {content:""; position:absolute; left:0; top:100%; width:100%; height:15px; background:linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0)); } .isFixHeader #headerContent.isAnimate {transition:opacity 0.3s;} .isFixHeader #headerContent.isOpacity0 {opacity:0;} .isFixHeader #headerMainLogo {top:-30px; width:80px; } .isFixHeader #headerContentBlock {padding:10px 150px 0 100px;} .isFixHeader #headerExtend {padding:0; } .isFixHeader #headerSlogan {display:none; } .isFixHeader #headerSearch {display:none; } .isFixHeader #basketInformer {right:-150px; bottom:2px; } /* Контейнер страницы */ #pageContentData {padding-top:30px; position:relative;} #leftSide {width:270px; float:left;} #contentSide.isLeftSidetrue {padding-left:300px;} /* Путь к странице */ #pagesPathList {padding:0 0 8px 0; font-size:13px; color:#777; border-bottom:1px solid #eee; margin-bottom:20px; line-height:21px;} #pagesPathList .data > span {display:inline-block; vertical-align:top; } #pagesPathList .data > span.separator {padding:0 5px;} /* Левое меню */ #leftMenu {} #leftMenuData {} #leftMenuData p.caption {padding:15px 20px; font-size:18px; background:#01539f; color:#fff; border-radius:5px; margin-bottom:10px; text-transform:uppercase; } #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:#f0f0f0; color:#000; text-decoration:none; border-bottom:1px solid #ddd; 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:bold; font-size:14px;} #leftMenuData ul li.children a span {padding:5px 35px 5px 15px;} #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:#b2b2b2; border-bottom:1px solid #b2b2b2;} #leftMenuData ul li a.active {background:#01539f; border-bottom:1px solid #01539f; color:#fff; } #leftMenuData ul li a.active i {transform:rotate(-180deg);} #leftMenuData ul li ul li a { min-height:40px; background:#e0e0e0; border-bottom:1px solid #ccc;} #leftMenuData ul li ul li a span {padding-left:25px; font-weight:normal; font-size:14px; } #leftMenuData ul li ul li a:hover {background:#b2b2b2; border-bottom:1px solid #b2b2b2;} #leftMenuData ul li ul li.children ul li a {min-height:30px;} #leftMenuData ul li ul li.children ul li a span {padding-left:25px; padding-top:5px; padding-bottom:5px; font-size:13px; } #leftMenuData ul li ul li.children ul li.children ul li a span {padding-left:35px; } #leftMenuData ul li ul li.children ul li.children ul li.children ul li a span {padding-left:45px; } #mobileCatalogBtn {display:none; padding:5px 0 0 30px; position:absolute; right:90px; top:8px; height:27px; text-decoration:none; color:#000; font-weight:bold; font-size:14px;} #mobileCatalogBtn span {position:absolute; left:0; top:0; color:#000; display:block; width:28px; height:28px; line-height:28px; font-size:24px; text-align:center; } #mobileCatalogBtn:hover span {color:#01539f; } #mobileCatalogClose {display:none; position:absolute; right:10px; top:10px; text-decoration:none;} #mobileCatalogClose span {color:#000; display:block; width:28px; height:28px; line-height:28px; font-size:28px; text-align:center; } #mobileCatalogClose:hover span {color:#01539f; } /* Нижний слайдер */ #bottomSlider {width:100%; padding:20px 0; background:#f5f5f5;} .bottomSlider img {display:block; width:100%; height:auto; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {position:relative; left:auto; bottom:auto; padding-top:15px;} .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {width:14px; height:14px;} .swiper-pagination-bullet-active { background:#000 !important; } .swiper-btn-prev {position:absolute; left:0; top:50%; width:30px; height:50px; line-height:50px; margin-top:-25px; text-align:center; background:rgba(0,0,0,0.3); color:#000; text-align:center; z-index:1; cursor:pointer; } .swiper-btn-prev:hover {background:#383838; } .swiper-btn-next {position:absolute; right:0; top:50%; width:30px; height:50px; line-height:50px; margin-top:-25px; text-align:center; background:rgba(0,0,0,0.3); color:#000; text-align:center; z-index:1; cursor:pointer; } .swiper-btn-next:hover {background:#383838;} /* ==== Каталог ==== */ /* Иконки категорий */ #catalogSectImageList {font-size:0; margin:0 -10px; margin-bottom:30px; } #catalogSectImageList.isRoot {margin:0 0 30px 0; padding:15px 5px 0 5px; background:#f5f5f5; } #catalogSectImageList .item {width:20%; display:inline-block; padding:0 10px 20px 10px; vertical-align:top; } #catalogSectImageList .item .data a {display:block; text-decoration:none; } #catalogSectImageList .item .data a .image {display:block; position:relative; padding:15px; border:1px solid #ddd; background:#fff; overflow:hidden; } #catalogSectImageList .item .data a .image img {display:block; transition:transform 0.2s;} #catalogSectImageList .item .data a:hover .image img {transform:scale(1.1);} #catalogSectImageList .item .data a .name {display:block; padding: 5px 10px; font-size:14px; text-align:center; color:#000; } #catalogSectImageList .item .data a:hover .name {color:#01539f; } /* Текстовые ссылки категорий */ #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:#01539f; } #catalogTextList div a:hover {color:#01539f; } #sectListChildDescr {padding-bottom:20px;} /* Блок кнопок над списком товаров */ #replaceCatalogList {float:left; width:100%; } #replaceCatalogList .catalogListHeader {background:#f0f0f0; padding:10px; border-radius:7px; margin-bottom:15px; height:50px;} /* Ссылка на прокрутку к описанию */ #replaceCatalogList .catalogListHeader .scrollToDescrlink {float:left; display:block; background:#555; color:#fff; margin-right:10px; font-size:11px; line-height:12px; height:30px; padding:3px 10px 3px 10px; text-align:center; text-decoration:none; border-radius:4px; transition:all 0.2s;} #replaceCatalogList .catalogListHeader .scrollToDescrlink:hover {background:#fff; color:#000; } /* Ссылка сортировки по цене */ #replaceCatalogList .catalogListHeader .sortLink {float:left; position:relative; background:#555; color:#fff; line-height:14px; font-size:11px; line-height:12px; height:30px; padding:3px 10px 3px 10px; text-align:center; text-decoration:none; border-radius:4px; transition:all 0.2s; backgroun-right:10px;} #replaceCatalogList .catalogListHeader .sortLink:hover {background:#fff; 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;} #replaceCatalogList .catalogListHeader .sortLink.asc span {display:block;} #replaceCatalogList .catalogListHeader .sortLink.desc {padding-right:25px;} #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:#555; width:30px; height:30px; line-height:30px; text-align:center; font-size:16px; border-radius:4px; transition:all 0.2s; } #replaceCatalogList .catalogListHeader .listVariantButton a:hover span {background:#fff; color:#000;} #replaceCatalogList .catalogListHeader .listVariantButton a.active span {background:#01539f; color:#fff; } /* Один элемент списка "Список" */ #replaceCatalogList .item {width:100%; display:flex; margin-bottom:20px; padding:15px; border-radius:5px; border:1px solid #ccc; font-size:0;} #replaceCatalogList .item .image {width:20%; padding-right:15px; } #replaceCatalogList .item .image a {display:block; position:relative; overflow:hidden;} #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-left:15px; border-left:1px solid #e3e3e3; min-height:165px;} #replaceCatalogList .item .info.isPricetrue {padding-bottom:55px;} #replaceCatalogList .item .info .itemListName {padding-bottom:10px;} #replaceCatalogList .item .info .itemListName a {color:#000; font-weight:bold; font-size:17px; line-height:20px; } #replaceCatalogList .item .info .itemListName a .vendor {color:#01539f;} #replaceCatalogList .item .info .anons {font-size:13px; line-height:16px; } #replaceCatalogList .item .info .price {position:absolute; left:0; bottom:0; width:100%; padding-left:15px; padding-right:125px; } #replaceCatalogList .item .info .price .costOne {font-size:14px; color:#333; float:left; width:50%; padding-top:3px;} #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:0px; bottom:0; padding:0 10px 0 40px; height:36px; line-height:35px; background:#01539f; color:#fff; text-decoration:none; border-radius:5px; transition:all 0.2s; font-size:13px;} #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 .item .info .price .listToBasket:hover {background:#383838;} /* Один элемент списка "Блок" */ #replaceCatalogList .catalogListBlock {display:flex; flex-wrap:wrap; margin:0 -10px;} #replaceCatalogList .itemBlock {display:flex; width:25%; padding:0 10px; } #replaceCatalogList .isFilterY .itemBlock {display:flex; width:33.33%; } #replaceCatalogList .itemBlockData {margin-bottom:20px; padding:15px 15px 135px 15px; border-radius:5px; border:1px solid #ccc; position:relative; } #replaceCatalogList .itemBlockData .image {width:100%; display:inline-block; vertical-align:top; margin-bottom:10px;} #replaceCatalogList .itemBlockData .image a {display:block; position:relative; overflow:hidden;} #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;} #replaceCatalogList .itemBlockData .info .itemListName {margin-bottom:10px;} #replaceCatalogList .itemBlockData .info .itemListName a {color:#383838; font-size:13px; line-height:16px; font-weight:bold;} #replaceCatalogList .itemBlockData .info .itemListName a .vendor {color:#01539f;} #replaceCatalogList .itemBlockData .info .itemListDescr {line-height:14px; font-size:12px; margin-bottom:10px;} #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:#333; height:22px;} #replaceCatalogList .itemBlockData .info .costOne span.cost {font-size:17px; font-weight:bold; color:#000; white-space:nowrap;} #replaceCatalogList .itemBlockData .info .price .listToBasket {display:inline-block; position:relative; margin-top:10px; padding:0 10px 0 40px; height:36px; line-height:35px; background:#01539f; color:#fff; text-decoration:none; border-radius:5px; 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:#383838;} #replaceCatalogList .listCountControl {position:absolute; right:130px; bottom:0; width:100px; padding:0 30px; } #replaceCatalogList .listCountControl input {display:inline-block; line-height:36px; height:36px; width:100%; text-align:center; border:1px solid #eee; font-size:14px; } #replaceCatalogList .listCountControl .count {display:inline-block; position:absolute; top:0; line-height:36px; height:36px; width:30px; background:#01539f; color:#fff; text-align:center; font-size:20px; transition:all 0.2s; cursor:pointer;} #replaceCatalogList .listCountControl .count:hover {background-color:#383838; } #replaceCatalogList .listCountControl .count.minus {border-radius:5px 0 0 5px; left:0px; line-height:34px;} #replaceCatalogList .listCountControl .count.plus {border-radius:0 5px 5px 0; right:0px; } #replaceCatalogList .itemBlockData .listCountControl {width:120px; position:relative; right:auto; bottom:auto; margin:10px auto 0 auto;} /* Кнопка отображения фильтра для телефонов */ #filterOpenLink {display:none; margin-bottom:15px;} #filterOpenLink a {display:block; background:#01539f; color:#fff; padding:5px 10px 5px 40px; line-height:24px; text-decoration:none; border-radius:4px; position:relative; transition:all 0.2s;} #filterOpenLink a span {display:block; width:20px; height:20px; line-height:20px; font-size:18px; text-align:center; position:absolute; left:10px; top:7px; color:#fff; } #filterOpenLink a:hover {background:#000; color:#fff; } /* Блок фильтров */ .isFilterY #fullCatalogListData {padding-right:270px;} #catalogFilterContainer {float:right; width:250px;} #catalogFilterContainer .filterHeader {background:#f0f0f0; padding:10px 15px; border-radius:7px; margin-bottom:20px; height:50px; color:#000; font-size:18px; line-height:30px;} #catalogFilterContainer .filterHeader .close {display:none;} #catalogFilterContainer .filterHeader .close {display:none; position:absolute; right:10px; top:10px; text-decoration:none; cursor:pointer; } #catalogFilterContainer .filterHeader .close span {color:#01539f; 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:1px solid #ccc; border-radius:5px; overflow:hidden;} #catalogFilterContainer .filterOne {} #catalogFilterContainer .filterOne .caption {padding:10px 35px 10px 15px; border-bottom:1px solid #fff; font-weight:bold; font-size:14px; background:#f0f0f0; cursor:pointer; position:relative; } #catalogFilterContainer .filterOne.isSelecttrue .caption {padding-right:72px;} #catalogFilterContainer .filterOne.open .caption {border-bottom:1px solid #fff; } #catalogFilterContainer .filterOne .caption:hover {color:#01539f;} #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:#000;} #catalogFilterContainer .filterOne.open .caption i {transform:rotate(-180deg); } #catalogFilterContainer .filterOne .optionList {display:none; padding:10px 15px 10px 15px; border-bottom:1px solid #b2b2b2; } #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:#01539f; 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:#01539f; 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:#000; text-decoration:none; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; } #catalogFilterContainer .filterOne .filterItem .valueItem:hover {color:#01539f; } #catalogFilterContainer .filterOne .filterItem .valueItem i {display:block; width:14px; height:14px; position:absolute; left:0; top:5px; border-radius:2px; border:1px solid #aaa; } #catalogFilterContainer .filterOne .filterItem .valueItem.checked i:before {content:""; display:block; width:10px; height:10px; position:absolute; left:1px; top:1px; border-radius:2px; background:#01539f; } #catalogFilterContainer .filterOne .filterItem .valueItem.disabled {opacity:0.3; cursor:default;} #catalogFilterContainer .filterOne .filterItem .valueItem.disabled {color:#000; } #catalogFilterContainer .filterOne .filterItem .valueItem span {display:inline-block; position:absolute; right:0; top:1px; line-height:20px; color:#777; 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:#01539f; text-decoration:none;} #allBrandsLink:hover {background:#b2b2b2;} /* Карточка товара */ #catalogCardTop {float:left; width:100%; padding-bottom:25px;} #catalogCardTop .imageGallery {width:430px; height:270px; float:left;} #catalogCardTop .itemPriceData {padding-left:465px; } #openBigImage {display:block; float:left; width:255px; border:1px solid #eee; padding:10px; overflow:hidden; position:relative;} #openBigImage img {display:block; max-width:100%; height:auto; transition:all 0.2s; } #openBigImage:hover {border:1px solid #ccc; } #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:#383838; transition:all 0.2s;} #openBigImage:hover span.loop {background-color:#898989; } #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; border:1px solid #eee;} #galleryMiniPhoto a:hover {border:1px solid #ccc;} #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 #eee; } .cardParamList .cardParamLine {padding-bottom:10px; font-size:15px;} #priceValues {font-size:0; padding-bottom:15px; border-bottom:1px solid #eee; } #priceValues .costOne {font-size:15px; padding-right:30px; display:inline-block; vertical-align:top; } #priceValues .costOne.opt {padding-right:0px;} #priceValues .costOne .cost {color:#01539f; font-size:26px;} #priceValues .costOne .caption {display:block; font-size:15px;} #priceValues .costOne.opt .cost {color:#777; } #priceValues .costOne.opt .caption {color:#777;} #priceValues .notPrice {color:#777; 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 10px 0 40px; height:36px; line-height:35px; background:#01539f; color:#fff; text-align:center; text-decoration:none; border-radius:5px; 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:#383838;} #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; border:1px solid #eee; } #toBasketBlock .cardCountControl .count {display:inline-block; position:absolute; top:0; line-height:36px; height:36px; width:30px; background:#01539f; color:#fff; text-align:center; font-size:20px; transition:all 0.2s; cursor:pointer;} #toBasketBlock .cardCountControl .count:hover {background-color:#383838; } #toBasketBlock .cardCountControl .count.minus {border-radius:5px 0 0 5px; left:0px; line-height:34px;} #toBasketBlock .cardCountControl .count.plus {border-radius:0 5px 5px 0; 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; } .catalogCardCollapseLink {padding:15px 0; text-align:center;} .catalogCardCollapseLink a {position:relative; display:inline-block; padding:0 40px 0 15px; color:#fff; background:#000; line-height:36px; white-space:nowrap; text-decoration:none; border-radius:5px; } .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:#383838; } .groupCaption {} .groupCaption a {display:block; background:#383838; 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:#898989; } .groupCaption a.collapse0 {margin-bottom:5px;} .groupCaption a.collapse0 i {transform:rotate(-180deg);} .groupData {margin-bottom:20px; } .groupData .tableparam {width:100%; } .groupData .tableparam td.caption {width:50%; padding:5px 15px; border-bottom:1px solid #eee; border-left:1px solid #eee;} .groupData .tableparam td.value {width:50%; padding:5px 15px; border-bottom:1px solid #eee; border-left:1px solid #eee; border-right:1px solid #eee;} #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:-2px; color:#000; } #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; } /* Прикрепленные файлы / Прайс-листы */ .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:10px;} .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;} #catalogPriceList .fileItem {padding-bottom:12px;} #catalogPriceList .fileItem a .icon {top:-2px;} #filesItemListData {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc;} #filesItemListData .fileItem a {font-weight:bold; } #filesItemListData .fileItem .models {display:block; color:#777; padding:3px 0 0 25px;} /* Типовые решения */ #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:#01539f; font-weight:bold; white-space:nowrap;} /* Пагинация */ .stdPagination {padding-top:20px; padding-bottom:20px; text-align:center; } .stdPagination a {background:#555; 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; border-radius:4px; transition:all 0.2s} .stdPagination a:hover {color:#fff; background:#000;} .stdPagination a.active {color:#fff; background:#01539f;} .topPaginator .stdPagination {padding-top:0; } /* Файлы для скачивания / Документация */ #pageSearchData { padding-right:30px; position:relative; margin-bottom:20px;} #pageSearchText { width:100%; padding:0 10px; line-height:35px; height:35px; border:1px solid #ccc; border-radius:5px 0 0 5px;} #pageSearchBtn {width:35px; height:35px; position:absolute; right:0; top:0; border-radius:0 5px 5px 0; border:none; background:#898989; cursor:pointer; transition:all 0.2s;} #pageSearchBtn span {width:35px; height:35px; line-height:35px; text-align:center; color:#fff; } #pageSearchBtn:hover {background-color:#444444; } .listSectFiles {} .listSectFiles a {display:inline-block; padding:0 10px 0 15px; margin-bottom:5px; position:relative; color:#000; vertical-align:top; transition:all 0.2s;} .listSectFiles a:before {content:""; display:block; width:6px; height:6px; position:absolute; left:0px; top:6px; background:#333; } .listSectFiles a:hover {color:#01539f; } a.goToBack {display:inline-block; padding:10px 15px; color:#fff; text-align:center; text-decoration:none; background:#000; border-radius:5px; transition:all 0.2s;} a.goToBack:hover {background:#383838;} /* Офисы */ .officeOneData {position:relative; padding-top:34px; height:0px; overflow:hidden; border-radius:5px; margin-bottom:10px; } .officeOneData div.caption {position:absolute; left:0; top:0; width:100%; line-height:34px; } .officeOneData div.caption a {display:block; padding-left:10px; font-size:17px; background:#EEEEEE; color:#333;} .officeOneData div.caption a:hover {background:#383838; color:#fff; } .officeOneData p.address {padding-top:10px;} .officeOneData p {padding-bottom:5px;} .officeMapsBlock {width:100%; height:320px;} .officeMapsOne {width:100%; height:300px;} /* Крзина */ #basketDataReplace {margin-bottom:20px;} #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 {box-sizing:border-box;} #basketDataList .table {display:table;} #basketDataList .table .tr {display:table-row;} #basketDataList .table .tr.header {background:#f0f0f0; } #basketDataList .table .tr.header .td {font-weight:bold; color:#000; } #basketDataList .table .tr.header .td.image {padding-left:10px;} #basketDataList .table .tr.header .td.cost {} #basketDataList .table .tr.header .td.summ {} #basketDataList .table .tr .td {display:table-cell; border-bottom:1px solid #e0e0e0; vertical-align:middle; padding:5px 0;} #basketDataList .table .tr:last-child .td {border-bottom:none;} #basketDataList .table .tr .td.image {width:1%;} #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:10px;} #basketDataList .table .tr .td.name .gabarite {color:#888; padding-top:3px; font-size:13px;} #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;} #basketDataList .table .tr .costLine .val {display:inline-block; color:#01539f; } #basketDataList .table .tr .td.count {white-space:nowrap; width:1%; padding-left:10px; text-align:center;} .countControl {width:50px;} .countControl input {border:none; height:30px; text-align:center; width:100%; box-sizing:border-box; border:1px solid #ccc; } #basketDataList .table .tr .td.summ {white-space:nowrap; width:1%; padding-left:10px; } #basketDataList .table .tr .td.del {white-space:nowrap; width:1%; padding-left: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:10px 10px; background:#f0f0f0; position:relative; margin-top:20px; text-align:right; } #basketTotalData div {padding-bottom:3px;} #basketTotalData div .cap {display:inline-block; width:120px; color:#000; font-weight:bold; padding-right:5px; } #basketTotalData div .val {display:inline-block; color:#01539f; font-weight:bold; } #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:-2px; color:#3e7112;} #basketBeforeFormText {margin-bottom:20px;} /* Формы */ .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; } .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(255,255,255,0.7) url('../img/spin-black.svg') no-repeat center center; } .stdFormData .rowLine {padding-bottom:15px;} .stdFormData .rowLine .caption {width:200px; float:left; padding-top:5px;} .stdFormData .rowLine .caption .required {color:#CB0B2F; } .stdFormData .rowLine .input {margin-left:220px;} .stdFormData .rowLine.isCaptionfalse .input {margin-left:0px;} .stdFormData .rowLine .input .stdFormError {font-size:11px; color:red; padding-top:2px; } .stdFormData .stdInput {width:100%; font-size:14px; color:#000; background:transparent; border:1px solid #ccc; height:30px; padding:0 10px; border-radius:2px; box-sizing:border-box; } .stdFormData .stdSelect {width:100%; font-size:14px; color:#000; background:transparent; border:1px solid #ccc; height:30px; padding:0 0 0 5px; border-radius:2px; box-sizing:border-box; } .stdFormData .stdTextarea {width:100%; font-size:14px; color:#000; background:transparent; border:1px solid #ccc; height:100px; min-height:100px; padding:7px 10px; border-radius:2px; box-sizing:border-box; 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 #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: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 .stdFileselect {padding-top:3px; padding-bottom:2px;} .stdFormData .stdFileselect .fsBtn {display:none;} .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:30px; color:#fff; text-decoration:none; background:#01539f; border-radius:3px; text-align:center; font-size:14px; transition:color 0.2s, background-color 0.2s; border:none; cursor:pointer; font-family:Tahoma;} .stdFormData .rowSubmit button:hover {background:#383838;} #cboxLoadedContent .stdFormData .rowLine .caption {width:auto; float:none; padding:0 0 5px 0;} #cboxLoadedContent .stdFormData .rowLine .input {margin-left:0;} #cboxLoadedContent .stdFormData .stdTextarea {resize:none; } /* text style */ .textstyle h1 {font-size:28px; font-weight:normal; padding-bottom:15px;} .textstyle h1 .vendor {color:#01539f; } .textstyle h2 {font-size:26px; font-weight:normal; padding-bottom:10px; padding-top:5px;} .textstyle h3 {font-size:24px; font-weight:normal; padding-bottom:10px; padding-top:5px;} .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:20px; padding-bottom:10px;} .textstyle strong, .textstyle b { color:#000;} .textstyle strong a, .textstyle b a {color:#01539f;} .textstyle a strong, .textstyle a b {color:#01539f;} #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; max-width:1920px; overflow:hidden; background:#f0f0f0; } #footerData {padding-top:25px; height:100%; } #copyright {width:35%; float:left; padding-right:20px;} #copyright .logo {margin-bottom:20px;} #copyright .logo a {width:80px; display:block; text-decoration:none; } #copyright .logo img {width:100%;} #copyright .text {color:#000;} #copyright .devLine {padding-top:20px;} #copyright .devLine a {display:block; position:relative; padding:9px 0 0 45px; text-decoration:none; color:#000; } #copyright .devLine a img {display:block; position:absolute; left:0; top:0; } #copyright .devLine a:hover {color:#01539f; } #bottomMenu {width:35%; padding-right:20px; display:inline-block; vertical-align:top; } #bottomMenu li {padding-bottom:8px; list-style-position:inside; } #bottomMenu li a {color:#000; font-size:16px; text-decoration:none; transition:all 0.2s;} #bottomMenu li a:hover {color:#01539f; text-decoration:underline;} #bottomMenu li a.active {color:#01539f; } #bottomContacts {width:30%; float:right; } #bottomContactsList {color:#000; text-align:right; } #bottomContactsList p.caption {font-weight:bold; font-size:15px; padding-bottom:10px; } #bottomContactsList .officeOne {padding-bottom:5px;} #bottomContactsList .officeOne a {color:#8c8c8c;} #bottomContactsList .officeOne span {color:#8c8c8c;} #bottomContacts .officeEmail {text-align:right; } .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:260px; } #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:#5bc029; 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:#5bc029; } #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; } #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; }