Описание

:root{--init-template-columns: 1fr 1fr;--main-column: 1 / span 1;--full-line-column: 1 / span 2;--main-padding: 0 0 0 10px;} @media экран и (max-width: 1000px) {.init {grid-template-columns:1fr 1fr;}} @media screen и (-ms-high-contrast: active), (-ms-high-contrast: none) {.main{width: 59%; padding:0 !important;}. links{display:none;}. text-box-list{width: 40%;}. right-text{width: auto;}. left{width: 83%;}}. init{font-family: Helvetica;}:root{--searchBox-paddingTop: 7px;--menu-mouseover-color: #1f5ca9;}. article-title{размер шрифта:22px; цвет:#080808;}. gallery input[type=radio] {видимость: скрытая; маржа: 0; заполнение: 0; высота: 0; ширина: 0; position: absolute;}. gallery-image {position: absolute; ширина: 100%; высота: 100%; Непрозрачность: 0; text-align: по центру; сверху: 0; background-color: white}.gallery-body .gallery-image img {position: absolute; margin-left: авто; margin-right: авто; margin-top:auto; margin-bottom: авто; слева: 0; справа: 0; сверху: 0; bottom: 10%;}. gallery{margin-top: 6%;}. gallery-body{height: 500px; position: relative;}. gallery-body img{max-width:100%; max-height:100%;}. gallery-navigation{position: relative; дно: 10%; макс-ширина: 525px; margin: auto;}. Метка галереи {display: inline-block;}. gallery>.inputlabel:nth-child(1):checked~.gallery-body .gallery-image:nth-child(1),.gallery>.inputlabel:nth-child(2):checked~.gallery-body .gallery-image:nth-child(2),.gallery>.inputlabel:nth-child(3):checked~.gallery-body .gallery-image:nth-child(3),.gallery>.inputlabel:nth-child(4):checked~.gallery-body .gallery-image:nth-child(4),.gallery>.inputlabel:nth-child(5):checked~.gallery-body .gallery-image:nth-child(5){ z-index: 9; Непрозрачность: 1; transition: все 0.3s ease-in-out;-webkit-transition: все 0.3s ease-in-out;}. gallery-image {animation-timing-function: ease; animation-iteration-count:infinite;-webkit-animation-timing-function: ease;-webkit-animation-iteration-count: infinite; animation-duration: 20s;-webkit-animation-duration: 20s; animation-name: gallary-animation;-webkit-animation-name: gallary-animation;}. inputlabel:checked~.gallery-body .gallery-image {animation: none;-webkit-animation: none;}. gallery-image:nth-child(1) {animation-delay: 0s;-webkit-animation-delay: 0s;}. gallery-image:nth-child(2) {animation-delay: 4s;-webkit-animation-delay: 4s;}. gallery-image:nth-child(3) {animation-delay: 8s;-webkit-animation-delay: 8s;}. gallery-image:nth-child(4) {animation-delay: 12s;-webkit-animation-delay: 12s;}. gallery-image:nth-child(5) {animation-delay: 16s;-webkit-animation-delay: 16s;} @keyframes gallary-animation {0% { opacity: 0; z-index: 5;} 15% {непрозрачность: 1;} 60% {непрозрачность: 0;} 100% {непрозрачность: 0; z-индекс:1;}}. head-col-1{ширина:36%}.head-col-2{ширина:64%}.header{background-color: #ffffff;} .header img{width:40%; max-width:100%;} @media экран и (max-width: 800px) {.header img{width:40%; padding-bottom:0px;}} @media экран и (max-width: 500px) {.header img{width:60%; padding-bottom:0px;}} @media экран и (max-width: 410px) {.header img{width:60%; padding-bottom:0px;}} @media экран и (max-width: 360px) {.header img{width:60%; padding-bottom:0px;}} @media экран и (max-width: 320px) {.header img{width:60%; padding-bottom:0px;}}. head-col-1{ширина:36%}.head-col-2{ширина:64%}.text-logo i{color:#1f5ca9; float: left;}. text-logo {размер шрифта: 34px; высота строки: 1.2; цвет: #ffffff; text-shadow: 2px 2px #e8e8e8; семейство шрифтов: 'Arial Verdana', гротеск; насыщенность шрифта: полужирный; padding-top: 10px;}. headerFieldText {цвет: #1f5ca9; размер шрифта: 14px; float: справа; padding-right: 20px;}. headerFieldText i{color:#efbf7b;}. headerFieldText span{color: #efbf7b;}. headerFieldText svg {ширина: 14px; высота:14px;}. headerFieldText img {ширина: 14px; height:14px; цвет: #efbf7b;}. headerFieldText path{fill: #efbf7b}.right-text {line-height:16pt;}. box ul {list-style: none; padding-inline-start: 20px;}. box li {list-style: none; margin-left: 15pt;}. box li::before{content: '?'; дисплей: inline-block; ширина: 1em; Цвет:#1f5ca9; размер шрифта: больше; margin-left: -14pt;}. поле {высота: авто;}. content{font-size: 12pt}.content svg{width: 12pt; height:12pt;} #tab2,#tab3#tab4{display: none;} #tab1:проверено~#content1 {display: block;} #tab1:проверено~#content2,#tab1:проверено~#content3{display: none;} #tab2:проверено~#content2 {display: block;} #tab2:проверено~#content1,#tab2:проверено~#content3{display: none;} #tab3:проверено~#content3 {display: block;} #tab3:проверено~#content1#tab3:проверено~#content2{display:нет;} #tab1:checked+.tablabel,#tab2:checked+.tablabel,#tab3:checked+.tablabel{background: #00afef; цвет: #efbf7b; текстовое оформление: отсутствует; cursor: указатель; transition: все 0.1s;}. tablabel {цвет: #efbf7b; background: linear-gradient(to left top, #00afef, #1f5ca9); padding-right: 25px; padding-left: 25px; размер шрифта: 16pt;}. tablabel:hover {фон: #00afef; цвет: #efbf7b;}. content {color: #525252; background: #ffffff; граница: 0px; отступы: 20px 20px; line-height:16pt;}. menu-item{display: inline-flex;}. dropdown{display: inline-flex;}. menue-bar{text-align: center;}. menue-bar{background: linear-gradient(to left top, #00afef, #1f5ca9);}. menu-item a {color: #efbf7b;}. dropdown .dropbtn {цвет: #efbf7b;}. menu-item:hover {фон: #1f5ca9;}. dropdown:hover {background-color:#1f5ca9;}. menubutton {background-color:#1f5ca9; цвет: #efbf7b;}. menubutton2 {цвет-фона:#1f5ca9; цвет: #efbf7b;} @media экрани (max-width: 755px) {#menubutton1:checked~.menu-item {display: inline-flex;} #menubutton1:проверено~.menubutton2 {display: inline-flex;} #menubutton1:checked~.menubutton {display: none;}}. features { text-align: center; grid-column: var(--full-line-column); background-color: #ffffff;}. feature-item {display: inline-block; text-align: center; padding: 10px 20px 0px 20px; цвет: #ffffff; font-size:14;}. feature-item i { padding-right: 5px;}. right-text ul {list-style: none; padding-inline-start: 0px;}. right-text li {list-style: none; margin-left: 15pt;}. right-text li::before{content: '?'; дисплей: inline-block; ширина: 1em; Цвет:#1f5ca9; размер шрифта: больше; margin-left: -14pt;}. button-price {color: #efbf7b;}. button-price{background: linear-gradient(to left top, #00afef, #1f5ca9);}. button-price:hover{background: #1f5ca9;}. button-right:hover{background: #1f5ca9;}. button-right{background:linear-gradient(to left top, #00afef, #1f5ca9);}. right-title {font-size:22px; цвет:#080808;}. right-price {color: #d13131;}. price-link:hover {color: #00afef !important;}. price-link, .price-box {color: #d13131 !important;}. price-link i {color: #1f5ca9;}. button-right {color: #efbf7b;}. Правая панель {color: #efbf7b;}. right-text, variation{font-size: 12pt; color: #000000}.right-text path{fill: #000000}.right-text svg {width: 12pt; height:12pt;} @media экран и (max-width: 755px) {.button-price {background: #1f5ca9;}. price-link{ background: linear-gradient(to left top, #00afef, #1f5ca9); color:#efbf7b !important; }. price-link:hover{color:#efbf7b !important;}. price-link i{color:#efbf7b !important;}}. footColumn {ширина: 300px; margin-left: 20px;}. footColumn path {fill: #1f5ca9;}. footColumn svg {ширина: 14px; высота:14px; vertical-align: bottom;}. footColumn {цвет: #1f5ca9;}. footColumn a{color:#1f5ca9;}. powered {color: #1f5ca9;}. powered a{color: #1f5ca9;}. footColumn h2 {border-bottom: 2px сплошной #efbf7b; цвет: #efbf7b; text-shadow: 1px 1px #004660;}. foot{background-color: #00afef;}. init {display: grid; grid-column-gap: 0px; grid-template-columns: var(--init-template-columns); background-color: белый;}. заголовок {grid-column: var(--full-line-column); сетка-ряд: 1; padding-bottom: 10px;}. баннер {grid-column: var(--full-line-column); сетка-ряд: 1; цвет фона: белый; padding-bottom: 10px;}. main {grid-column: var(--main-column); padding: var(--main-padding);}. links {background-color: white; сетка-колонна: 1 / пролет 1; margin-top: 20px;}. tabs {grid-column: var(--full-line-column);}. topSeller {grid-column: var(--full-line-column); цвет фона: белый; padding-bottom: 50px; padding-top: 40px; text-align: center;}. content-img-right {float: right; margin-top: 0; margin-right: 0px; margin-bottom:20px; margin-left: 30px; max-width: 50%;}. content-img-left {float: left; margin-top: 0; margin-right: 0px; margin-bottom: 20px; margin-left: 30px; max-width: 50%;}. freeImages {grid-column: var(--full-line-column); padding-top: 40px; padding-bottom: 50px; цвет фона: белый; text-align: center;}. freeImages-title {font-weight: normal; line-height: 1em; размер шрифта: x-large; margin-bottom: 20px; padding-top: 40px; padding-bottom: 10px; цвет: #333; padding-left: 10px; text-align: left;}. topSeller-text {font-weight: normal; line-height: 1em; размер шрифта: x-large; margin-bottom: 20px; padding-bottom: 10px; цвет: #333; padding-left: 10px; text-transform: верхний регистр; text-align: left;}. отзывы {grid-column: var(--full-line-column); padding-bottom: 50px; цвет фона: белый; text-align: center;}. testimonials-text {font-weight: normal; line-height: 1em; размер шрифта: x-large; margin-bottom: 20px; padding-top:40px; padding-bottom: 10px; цвет: #333; padding-left: 10px; text-transform: верхний регистр; text-align: left;}. testimonials-box {text-align: center; vertical-align: текст-сверху; минимальная ширина: 220px; цвет: #575756; отступы: 5px; box-size: border-box; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.30); минимальная высота: 165px; дисплей: inline-block; margin-right: 1%; margin-top: 1%;}. testimonials-box .text {размер шрифта: 14px; text-align: по центру; Стиль шрифта: курсив; float: left;}. testimonials-box p {font-weight: bold; размер шрифта: 14px; text-align: по центру; float: слева; width: 100%;}. testimonials-box:hover {box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 0 18px 44px 0 rgba(0, 0, 0, 0.40);}. blockquote {margin-left: 20px;}. quotat {float: left; семейство шрифтов: антиква; размер шрифта: 50px; line-height: 0.6;}. quotat-end {float: right; семейство шрифтов: антиква; размер шрифта: 50px; line-height: 1;}. carousel {grid-column:var(--full-line-column);} img {max-width: 100%; vertical-align: middle;}. bottom-image {grid-column: var(--full-line-column); width: var(--bottom-image-width); padding-top: var(--bottom-imageАнтибликовое отверстие 70 мм Пластиковый встраиваемый светильник GU10 Поворотный встраиваемый прожектор