::selection { color: #fff; } ::-moz-selection { color: #fff; } @-moz-document url-prefix(){ select { background-image: none !important; } } html, body { margin: 0; padding: 0; height: 100%; } textarea, input { outline: none; resize: none; box-sizing: border-box; } img, a img { border: none; outline: none; } a { text-decoration: none; color: #5e5e5e; transition: all .3s ease; } hr { border: none; height: 1px; background: #d8d8d8; } body { font-size: 13px; line-height: 22px; color: #5e5e5e; font-weight: 400; font-family: 'Open Sans'; } h1, h2, h3, h4, h5, h6 { margin: 0 0 22px; padding: 0; font-weight: 600; line-height: 22px; color: #1a1a1a; } h1 {font-size: 20px;} h2 {font-size: 18px;} h3 {font-size: 16px;} h4 {font-size: 15px;} h5 {font-size: 14px;} h6 {font-size: 13px;} aside ul, aside ol, aside li { margin: 0; padding: 0; list-style: none; list-style-type: none; } textarea { overflow: auto; border: 1px solid #d8d8d8; background: #fff; color: #5e5e5e; line-height: 22px; min-height: 36px; padding: 7px 20px; font-size: 13px; font-family: 'Open Sans'; border-radius: 5px; box-sizing: border-box; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"] { border: 1px solid #d8d8d8; color: #5e5e5e; line-height: 30px; padding: 6.5px 20px; font-family: 'Open Sans'; font-size: 14px; background: #fff; border-radius: 5px; box-sizing: border-box; transition: all .2s ease; } input[type="button"], input[type="submit"], input[type="reset"], button { border: none; color: #fff; font-family: 'Open Sans'; cursor: pointer; text-transform: uppercase; box-sizing: border-box; transition: all .3s ease; } input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover { background: #1a1a1a; } select { border: 1px solid #d8d8d8; background: #fff; color: #5e5e5e; cursor: pointer; font-size: 13px; font-family: 'Open Sans'; line-height: 22px; height: 34px; padding: 5px 24px 5px 10px; background-image: url('../img/select.png'); background-position: right center; background-repeat: no-repeat; line-height: 1em; text-indent: 1px; text-overflow: ''; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 34px; } select::-ms-expand { display: none; } select:focus { outline: none; } p { margin: 0; padding: 0; } b { font-weight: 600; } .oh { overflow: hidden; } .cnt { width: 1170px; margin: 0 auto; } .clr:after { content: ''; display: block; clear: both; } .col2 {width: 48.717948716%;} .col3 {width: 31.623931622%;} .col4 {width: 23.076923075%;} .col2, .col3, .col4 { margin-bottom: 30px; margin-right: 2.564102563%; float: left; } .col2:nth-child(2n), .col3:nth-child(3n), .col4:nth-child(4n) { margin-right: 0; } .col2:nth-child(2n+1), .col3:nth-child(3n+1), .col4:nth-child(4n+1) { clear: left; } .col2 *, .col3 *, .col4 * { max-width: 100%; } #wrapper { overflow: hidden; min-height: 600px; } #loader { position: fixed; background: #fff url(../img/loader.gif) center no-repeat; width: 100%; height: 100%; z-index: 9991; } #top { border-bottom: 1px solid #d8d8d8; } .top-left { float: left; padding: 12px 0; } .top-right { float: right; padding: 12px 0; line-height: 30px; } .soc { display: inline-block; line-height: 30px; width: 30px; text-align: center; border-radius:50%; box-shadow: inset 0 0 0 1px #d8d8d8; background: #fff; } .lang-block .soc { font-weight:600; font-size: 11px; } .lang-block .soc:hover, .lang-block .soc.active{ box-shadow: inset 0 0 0 1px #009846; background: #009846; color: #fff; } .top-right .soc { float: left; margin-left: 5px; } #search { float: left; position: relative; width: 250px; } .search_submit { font-family: 'FontAwesome' !important; position: absolute; top: 0; right: 0; background: none !important; color: #1a1a1a !important; z-index: 2; padding: 0 15px !important; } .search-form { width: 200px; position: relative; } input[type="text"].search_keyword { width: 100%; padding-right: 40px !important; padding-top: 4px; padding-bottom: 4px; } input[type="submit"].search_submit { padding-top: 4px; padding-bottom: 4px; height: 100%; } #top #search input{ font-size: 12px; padding: 5px 20px; line-height: 18px; } #top #search { width: auto; } #header #search { margin-right:30px; } #header { position: relative; z-index: 100; min-height: 76px; } .header-wrap { position: relative; padding: 15px 0; transition: all .3s ease; } .header-wrap.fixed { position: fixed; z-index: 100; padding: 15px 0; top: 0; left: 0; width: 100%; background: #fff; border-bottom: 1px solid #d8d8d8; } #header .cnt{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } #logo { float: left; } #logo.descr { display: flex; flex-wrap: wrap; align-items: center; } #logo a { display:block; } #logo a img{ display:block; max-width:100%; } #logo a span { padding-right: 10px; } .descripter{ display: inline-block; font-size: 13px; line-height: 1.3; margin-left:15px; font-weight: 600; } .header-right { float: right; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; } .hPhone { float: left; /*padding-right: 30px; margin-right: 30px; border-right: 1px solid #d8d8d8;*/ height: 44px; } .hPhone-icon { float: left; font-size: 30px; line-height: 44px !important; } .hPhone-cnt { margin-left: 50px; } .hPhone-cnt b { color: #1a1a1a; font-size: 18px; font-weight: 600; } .hCart { float: left; position: relative; padding-right: 30px; margin-right: 30px; border-right: 1px solid #d8d8d8; } .hCart-icon { float: left; position: relative; padding-right: 8px; } .hCart-icon span { font-size: 30px; line-height: 44px !important; } .hCart-icon i { display: block; font-style: normal; color: #fff; background: #009846; font-size: 10px; text-align: center; width: 16px; height: 16px; line-height: 16px; border-radius: 16px; position: absolute; top: 8px; right: 0; } .hCart-cnt { margin-left: 50px; } .hCart-details > span { font-size: 18px; font-weight: 600; } .hCart-details { cursor: pointer; } .ok_basket{ position: fixed; top: 50%; left: 50%; background: #ddd; font-size: 15px; border: 1px solid #d8d8d8; background: #fff; padding: 50px 20px; width: 270px; text-align: center; margin: -62px 0 0 -135px; display:none; } #nav { height: 50px; background: #009846; position: relative; z-index: 99; } .cart-body { position: absolute; /* top: 72px; */ top: 150px; right: -9999px; opacity: 0; background: #fff; border: 1px solid #d8d8d8; padding: 20px; width: 270px; box-sizing: border-box; transition: top .3s ease, opacity .3s ease; } .cart-body.opened { top: 72px; opacity: 1; right: 0; } .cart-body ul, .cart-body ul li { margin: 0; padding: 0; list-style: none; overflow: hidden; } .cart-body ul li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #d8d8d8; position: relative; min-height: 50px; padding-left: 70px; padding-right: 20px; line-height: 18px; } .cart-body ul li img { position: absolute; left: 0; top: 0; width: 48px; border: 1px solid #d8d8d8; } .cart-body ul li b { display: inline-block; padding-top: 5px; } .cart-body ul li .pe-mi-error { position: absolute; top: 1px; right: 0; font-size: 16px; cursor: pointer; transition: all .3s ease; } .cart-body ul li .pe-mi-error:hover { color: #1a1a1a; } .cart-body b { color: #1a1a1a; } .order-amount { display: block; padding-bottom: 10px; border-bottom: 1px solid #d8d8d8; margin-bottom: 10px; } #home-page { padding-top: 30px; padding-bottom: 50px; } .slider-wrap { width: 74.358974357%; float: left; position: relative; background: #f6f6f6; overflow: hidden; } .slider-wrap:after { content: ''; display: block; padding-top: 45.977011493%; } .slider, .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .slide { background-position: center; background-size: cover; } .slide-ton:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); } .slide-text { width: 65%; padding: 90px 0 0 70px; box-sizing: border-box; position:relative; z-index:1; } .st-big { font-size: 36px; line-height: 1.2; color: #1a1a1a; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; display: block; margin-bottom: 15px; } .st-color-main { display: block; font-size: 16px; margin-bottom: 10px; color:#fff; } .st-color { display: block; font-size: 16px; margin-bottom: 22px; } .st-small { display: block; margin-bottom: 30px; } .st-white { color: #fff; } .button { display: inline-block; line-height: 1.2; padding: 15px 30px; color: #fff !important; font-size: 13px; text-transform: uppercase; font-weight: 700; border-radius: 5px; transition: all .3s ease; cursor:pointer; } .button-ref{ color: #212121 !important; background:transparent !important; } .button-white{ color: #212121 !important; background:#fff !important; } .button-white:hover, .button:hover { color: #fff !important; background: #e31e24 !important; } .button-ref:hover{ color: #009846 !important; } span.slide-arrow { display: block; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: #fff; background: rgba(0, 0, 0, 0.5); position: absolute; top: 50%; margin-top: -20px; cursor: pointer; transition: all .3s ease; } span.slide-arrow.fa-angle-left {left: -50px;} span.slide-arrow.fa-angle-right {right: -50px;} .slider-wrap:hover span.slide-arrow.fa-angle-left {left: 0;} .slider-wrap:hover span.slide-arrow.fa-angle-right {right: 0;} .icon-blocks { float: right; width: 23.076923075%; } .icon-block { padding: 20px; box-shadow: inset 0 0 0 2px #d8d8d8; overflow: hidden; margin-bottom: 30px; transition: all .3s ease; } .icon-block > span { display: block; float: right; font-size: 36px; width: 36px; height: 36px; line-height: 36px; color: #009846; } .icon-block h3 { margin-right: 50px; font-size: 15px; text-transform: uppercase; margin-bottom: 15px; } .icon-block p { margin-right: 50px; line-height: 18px; } .icon-block * { transition: all .3s ease; } .icon-block:hover * { color: #fff; } .icon-block:last-child { margin-bottom: 0; } .mbbb { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #d8d8d8; } .new-goods { padding-bottom: 8px; } .title { position: relative; font-size: 18px; text-transform: uppercase; } .title .arrow { position: absolute; top: 0; display: block; width: 24px; height: 24px; line-height: 24px; box-shadow: inset 0 0 0 1px #d8d8d8; text-align: center; border-radius: 24px; cursor: pointer; font-size: 14px; transition: all .3s ease; } .title .arrow:hover { color: #fff; } .title .arrow.fa-angle-left {right: 29px;} .title .arrow.fa-angle-right {right: 0;} .list-item { padding: 20px; box-sizing: border-box; box-shadow: inset 0 0 0 1px #d8d8d8; transition: all .3s ease; margin-top: 8px; margin-bottom: 22px; position: relative; display: flex; flex-wrap: wrap; align-items: center; flex-direction: column; justify-content: space-between; } .list-item * { max-width: 100%; } .item-link { display: block; line-height: 0; position: relative; margin-bottom: 20px; text-align: center; } .item-link img { transition: all .3s ease; } .item-link:after { content: ''; display: block; width: 46px; height: 46px; background: url(../img/view.png) no-repeat center; position: absolute; top: 50%; left: 50%; margin: -23px 0 0 -23px; z-index: 2; opacity: 0; transition: all .3s ease; } .item-link:hover img { opacity: 0.3; } .item-link:hover:after, .item-link:hover:before { opacity: 1; } .item-new, .item-sale { display: block; position: absolute; font-size: 10px; font-weight: 700; text-transform: uppercase; color: #fff;s z-index: 3; padding: 0 10px; line-height: 24px; border-radius: 3px; top: 20px; } .item-new { background: #fc4242; left: 20px; } .item-sale { background: #f7b61b; right: 20px; } .item-cat { font-size: 11px; color: #a7a7a7; } .item-name { display: block; margin-top: 10px; line-height: 18px; font-size: 15px; color: #1a1a1a; } .item-price { margin-top: 10px; text-align: center; } .item-price b { font-size: 15px; } .item-price s { color: #a7a7a7; padding-left: 2px; } .item-add { text-align: center; margin-top: 20px; } .owl-item { padding-left: 30px; box-sizing: border-box; } .goods-carousel { margin-left: -30px; } .banner { line-height: 0; } .banner * { max-width: 100%; } .banner img { transition: all .3s ease; } .banner:hover img { opacity: 0.7; } .bestsellers {padding-bottom: 8px;} .tCats { margin-bottom: -40px; } .tCat { margin-bottom: 40px; border: 1px solid #d8d8d8; box-sizing: border-box; padding: 10px; } .tCat a > img { float: right; width: 75px; } .tCat--border a > img { box-shadow:0 0 0 4px #e31e24; border-radius:50%; } .tCat a > h5 { margin-right: 90px; text-transform: uppercase; font-size: 15px; margin-bottom: 10px; } .tCat a > p { margin-right: 90px; } .tCat > p > a { display: inline-block; margin-top: 10px; } .tCat > p > a:hover { text-decoration: underline; } .tCat:hover { background: #f5f5f5; } #go-top { display: block; position: fixed; width: 36px; height: 36px; line-height: 36px; z-index: 9999; bottom: 22px; right: 22px; border-radius: 40px; text-align: center; color: #fff; font-size: 16px; cursor: pointer; transition: all .3s ease; } #go-top:hover { background: #1a1a1a; } #footer { float: left; width: 100%; background: #353535; color:#fff; } .footer-top { padding-top: 50px; padding-bottom: 20px; } .footer-block > h4 { font-size: 15px; text-transform: uppercase; color:#fff; } .footer-block, #footer b a, #footer .copyrights a, .footer-block ul, .footer-block li a{ color:#fff; } #footer b a:hover, #footer .copyrights a:hover, .footer-block li a:hover{ color:#dadada; } .footer-block .soc { margin-right: 2px; } .footer-block ul, .footer-block li { margin: 0; padding: 0; list-style: none; } .footer-block li { margin-bottom: 10px; } .footer-block li:before { content: '\f10c'; font-family: 'FontAwesome'; padding-right: 10px; font-size: 10px; } .bottom { padding-top: 25px; padding-bottom: 25px; } .payments { float: left; line-height: 0; } .payments > span { float: left; margin-right: 10px; } .copyrights { float: right; padding-top: 4px; } .copyrights.left{ float: left; padding-top: 4px; } #middle { padding-top: 50px; padding-bottom: 50px; } #content { float: right; width: 74.358974357%; } .text-block p{ margin-bottom:15px; } .text-block p:last-child{ margin-bottom:0; } .text-block h2{ margin-top:25px; } .text-block h3{ margin-top:20px; } .cart__maps{ float:left; width:100%; height:400px; position:relative; margin-top:30px; } #map{ float:left; width:100%; height:100%; } .slist { display: block; padding: 10px 20px; border: 1px solid #d8d8d8; } #content .list-item { width: 31.034482757%; margin-top: 30px; margin-bottom: 0; margin-right: 3.448275861%; float: left; } #content .list-item:nth-child(3n) { margin-right: 0; } #content .list-item:nth-child(3n+1) { clear: left; } #content .list-item * { max-width: 100%; } #content .goods-list { overflow: hidden; padding-bottom: 30px; display: flex; flex-wrap: wrap; } .g-loading, .g-loading-end { text-align: center; } .g-loading img { width: 24px; } .g-loading-end { padding-top: 30px; margin-top: 30px; border-top: 1px solid #d8d8d8; font-size: 15px; color: #1a1a1a; line-height: 15px; } #sidebar { float: left; width: 23.076923075%; } .block { margin-bottom: 30px; } .b-title { min-height: 50px; box-sizing: border-box; line-height: 18px; font-size: 15px; font-weight: 700; text-transform: uppercase; padding: 16px 20px; color: #fff; position: relative; } .b-title:after { content: ''; display: block; width: 10px; height: 10px; position: absolute; left: 30px; bottom: -5px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } .block .category-menu, .block .category-menu ul, .block .category-menu li { padding: 0; margin: 0; list-style: none; list-style-type: none; overflow: hidden; } .block .category-menu, .block .category-menu a { color: #1b1b1b; } .block .category-menu { /*background: #009846;*/ font-size: 15px; font-weight: 300; } .cat-tree-2 a { font-size: 13px; } .block .category-menu b { font-weight: 300; display: none; } .block .category-menu .cat-tree-2, .block .category-menu .cat-tree-3{ display: none; } .block .category-menu .active .cat-tree-2, .block .category-menu .cat-tree-2 .active .cat-tree-3{ display: block; } .block > .category-menu > li { line-height: 18px; padding: 16px 20px; border-bottom: 1px solid #e31e24; -moz-user-select: none; -khtml-user-select: none; user-select: none; } .block > .category-menu ul { margin-top: 10px; padding-left: 10px; margin-left: 10px; border-left: 1px solid #e31e24; } .block > .category-menu ul li { padding-top: 6px; padding-bottom: 6px; } .block > .category-menu .active .cur, .block .category-menu a:hover { color: #009846; } .block .category-menu .icon-plus, .block .category-menu .icon-minus { float: right; font-size: 13px; } .block .category-menu .icon-plus:before, .block .category-menu .icon-minus:before { display: inline-block; font-family: 'Pe-media-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 18px; cursor: pointer; transition: color .3s ease; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .block .category-menu .icon-plus:before {content: "\e602";} .block .category-menu .icon-minus:before {content: "\e6b4";} .b-body { overflow: hidden; padding: 20px; border: 1px solid #d8d8d8; } .popular, .popular li { margin: 0; padding: 0; list-style: none; overflow: hidden; } .popular li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #d8d8d8; } .popular li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .popular li > img { float: left; border: 1px solid #d8d8d8; width: 58px; } .popular-right { margin-left: 80px; line-height: 18px; } .popular-price { font-size: 15px; display: block; padding-top: 5px; font-weight: 600; color: #1a1a1a; } .sidebar-banner { overflow: hidden; } .sidebar-banner * { max-width: 100%; } .sidebar-banner img { transition: all .3s ease; } .sidebar-banner img:hover { opacity: 0.7; } .good-images { float: left; width: 31.034482757%; line-height: 0; } .good-images * { max-width: 100%; } .good-images img { cursor: pointer; transition: all .3s ease; } .good-images img:hover { opacity: 0.7; } .good-images .big { width: 100%; box-sizing: border-box; border: 1px solid #d8d8d8; } .good-images .small { box-sizing: border-box; border: 1px solid #d8d8d8; width: 29.629629628%; margin-right: 5.555555554%; margin-top: 15px; float: left; } .good-images .small:nth-child(3n) { margin-right: 0; } .good-info { margin-left: 34.482758619%; } .good-title { font-weight: 400; color: #1a1a1a; text-transform: none; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #d8d8d8; } .availability-btn{display:none;} .availability-0 .good-buttons .addbacket-wrap{ display:none; } .availability-0 .good-buttons .availability-btn{display:block;} .list-item .availability-0 .button{ pointer-events: none; opacity:0.5; } .good-price { float: left; } .good-price b { font-size: 18px; } .good-price s { color: #a7a7a7; } .good-rate { float: right; } .good-brief { padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #d8d8d8; } .good-options { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #d8d8d8; } .good-options ul, .good-options ul li { margin: 0; padding: 0; list-style: none; overflow: hidden; } .good-options ul li { float: left; margin-right: 20px; } .good-options ul li .opt { padding-right: 3px; } .good-options option{ cursor:pointer; } .good-buttons { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #d8d8d8; } .to-basket .pe { display: inline-block; line-height: 45px; font-size: 18px; cursor: pointer; transition: all .3s ease; } .to-basket .pe-mi-less { margin-right: 5px; } .to-basket .pe-mi-add { margin-left: 5px; margin-right: 20px; } .to-basket input, .to-basket .pe { float: left; } .to-basket input[type="button"] { margin-right: 5px; } .to-basket input[type="text"] { width: 50px; text-align: center; padding-left: 0; padding-right: 0; } #buy-now { background: #fc4242; } #buy-now:hover { background: #1a1a1a; } .wish { cursor: pointer; list-style-position: 24px; display: inline-block; transition: color .3s ease; } .wish:hover { color: #1a1a1a; } .wadd:before, .wdel:before { display: inline-block; font-family: 'Pe-media-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wadd:before { content: "\e6c1"; } .wdel:before { content: "\e679"; } .wadd:after { content: 'Добавить в список желаний'; padding-left: 7px; } .wdel:after { content: 'Удалить из списка желаний'; padding-left: 7px; } .good-more ul, .good-more ul li { padding: 0; margin: 0; list-style: none; line-height: 24px; } .good-more .opt { color: #1a1a1a; font-weight: 600; } .good-tabs { margin-top: 50px; padding-bottom: 20px; border-bottom: 1px solid #d8d8d8; } .aTabsHead { overflow: hidden; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #d8d8d8; } .aTabsHead > span { display: block; float: left; margin-right: 30px; cursor: pointer; font-size: 14px; text-transform: uppercase; font-weight: 600; color: #a7a7a7; } .aTabsHead > span.aTabsHeadSpanActive { color: #1a1a1a !important; cursor: default; } .aTabs > ul, .aTabs > ul > li { padding: 0; margin: 0; list-style: none; } .shop-imgs img { max-width: 47%; } .other-items { border-bottom: 1px solid #d8d8d8; margin-top: 30px; } .other-title { font-weight: 600; color: #1a1a1a; text-transform: uppercase; font-size: 15px; } #allEntries{ display:flex; flex-wrap:wrap; } #allEntries .col2{ border: 1px solid #d8d8d8; box-sizing:border-box; } .post{ display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; height: 100%; } .post * { max-width: 100%; } .post-img { line-height: 0; } .post-img img { width: 100%; } .post-body { padding: 20px; } .post-title, .post-title a { color: #1a1a1a; } .post-title { font-size: 17px; font-weight: 400; margin-bottom: 15px; } .post-details { padding: 15px 20px; border-top: 1px solid #d8d8d8; } .post-date { float: left; } .post-details > a { float: right; margin-left: 10px; display: inline-block; font-size: 18px; } .post-details > a:hover { color: #1a1a1a; } .swchItem, .swchItemA { font-family: 'arial'; font-size: 14px; display: inline-block; line-height: 38px; border-radius: 20px; border: 1px solid #d8d8d8; padding-left: 15px; padding-right: 15px; text-align: center; min-width: 38px; margin-left: 1px; margin-right: 1px; box-sizing: border-box; } .swchItem:hover { background: #e31e24; border-color: #e31e24; color: #fff; } .swchItemA { color: #fff; font-weight: 400; } .photo-list { margin: 0; padding: 0; list-style: none; overflow: hidden; } .photo-list li { margin-top: 0; margin-left: 0; } .photo { position: relative; background: #1a1a1a; } .photo:before { content: ''; display: block; padding-top: 100%; } .photo img { width: 100%; position: absolute; top: 0; left: 0; z-index: 2; transition: all .3s ease; } .photo-zoom { display: block; position: absolute; top: 0; left: 0; margin: 10%; width: 80%; height: 80%; border: 1px solid #fff; z-index: 3; opacity: 0; transition: all .3s ease; } .photo-zoom:before, .photo-zoom:after { content: ''; display: block; position: absolute; z-index: 3; } .photo-zoom:before { width: 80px; height: 1px; background: #fff; top: 50%; left: 50%; margin-left: -40px; } .photo-zoom:after { width: 1px; height: 80px; background: #fff; top: 50%; left: 50%; margin-top: -40px; } .photo:hover img { opacity: 0.3; } .photo:hover .photo-zoom { opacity: 1; } .gTable { background: none; border-spacing: 0; } .gTable td { padding: 10px 20px; } .gTableTop { line-height: 40px; padding: 10px 20px !important; color: #fff; text-decoration: none; font-size: 16px !important; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; } .gTableTop a { color: #fff; text-decoration: none; font-size: 14px; } .gTableSubTop { padding: 5px 10px; font-weight: 400; font-size: 13px; } .catLink { color: #fff !important; font-size: 15px !important; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; } .funcBlock { padding-right: 10px; } .forumIcoTd { text-align: center; } .forumIcoTd, .forumNameTd, .forumThreadTd, .forumPostTd, .forumLastPostTd { padding: 5px 10px; } .forumThreadTd, .forumPostTd, .threadPostTd, .threadViewTd, .threadAuthTd, .threadIcoTd, .threadNametd, .threadAuthTd, .threadLastPostTd { vertical-align: middle; padding-left: 20px; } .forumNameTd { line-height: 24px; } .forumNameTd a { font-size: 16px; } .forumNamesBar { padding-left: 10px !important; } .frmBtns { text-align: right; padding-right: 10px; } .legendTd { padding: 0 10px; } .threadIcoTd, .threadIcoTd { text-align: center; vertical-align: middle; } .threadsDetails { padding: 5px; } .postTdTop { text-align: center; padding: 5px; } .postTdInfo { text-align: center; } .posttdMessage { vertical-align: top; padding: 5px; } .threadsDetails, .postTdTop { background: none; } .gTable tr { background: none; } .gDivBottomRight { height: 50px; } .pagesInfo { padding: 5px 10px; } .switchActive { padding: 5px 10px; border-radius: 0 2px 2px 0; color: #fff; } .postBottom { padding: 0 20px !important; } #thread_search_form { position: relative; padding-bottom: 10px; overflow: hidden; } #thread_search_button { position: absolute; top: -1px; right: 0; } .fNavLink { display: inline-block; margin-bottom: 30px; } #forum_filter { text-align: right; padding-bottom: 10px; } #forum_filter form { display: inline-block; } #filter_by { display: inline-block; line-height: 40px; } .forumIcoTd, .forumNameTd, .forumThreadTd, .forumPostTd, .forumLastPostTd, .forumThreadTd, .forumPostTd, .threadPostTd, .threadViewTd, .threadAuthTd, .threadIcoTd, .threadNametd, .threadAuthTd, .threadLastPostTd, .postTdTop, .postBottom { border-bottom: 1px solid #dcdcdc; } .postTdTop, .postBottom { border-top: 1px solid #dcdcdc; } .gTableSubTop, .pagesInfo { background: #f6f6f6; } .forumContent a:hover, .gTableSubTop, .gTableSubTop a { color: #1a1a1a !important; } .postTdInfo {border-right: 1px solid #dcdcdc;} .forumNameTd {color: #a7a7a7;} .swchItem, .pgSwch, #allEntries > div[id^='comEnt'] { background: #f6f6f6; } .calWdaySu, .calWdaySe { background: #7a7a7a !important; } .swchItem, .pgSwch, .eTitle { color: #121212; } .calTable td.calMday, .calMdayA { border: 1px solid #dcdcdc; } { border-bottom: 1px solid #dcdcdc; } #allEntries > div[id^='comEnt'] { margin-top: 20px; margin-bottom: -5px; padding: 10px; } .commTable { padding-top: 50px; } .commTable .commFl, .commTable .securityCode { width: 100%; } .commTable .securityCode { width: auto; } .calTable { width: 100%; line-height: 30px; } .calWday, .calWdaySu, .calWdaySe { color: #fff; } .calMdayA { font-weight: 400; } .eTitle { font-size: 18px; padding: 20px 0; } .eDetails { padding: 20px 0; font-size: 13px; } .eBlock { margin-bottom: 30px; } #content img { max-width: 100%; } /* Таблица корзины */ #order-table td.order-total {font-weight:600;font-size:15px} #order-table .order-head th { font-weight:600; border-bottom: 1px dashed #d8d8d8; padding:5px; text-align:left; font-size:12px } #order-table .order-item td { border-bottom : 1px dashed #d8d8d8; padding:5px;} #order-table .order-item td input{max-width:50px; text-align: center; padding:3px;} #order-table .warning td { color:red } #order-table td.wantdel { text-decoration:line-through; } #order-but-recalc, #order-tax-wrapper { float:right } #order-journal { overflow-y:scroll; height:300px } .desc_basket {float:left;width:100%;margin:40px 0;} .desc_basket a{margin-left:30px;} .button_process_orders{display:none;} /* CTA блок */ .ctaBlock{ display: block; position: relative; background: #009846; float: left; width: 100%; color:#fff; } .ctaBlock .confidencial__checked{ color:#fff; margin-top:15px; } .ctaBlock .confidencial__checked a{ color:#fff; } .ctaForm, .ctaForm-ok{ float:left; width:100%; position:relative; padding:80px 0; display: flex; flex-wrap: wrap; align-items: center; } .ctaBlock .wrap{ max-width: 1200px; width: 100%; margin: 0 auto; position: relative; padding: 0 15px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; display: block; } .ctaBlock *{ box-sizing: border-box; } .ctaForm-ok{ display:none; } .ctaForm__info{ float:left; width: 50%; padding-right: 12%; } .ctaForm__title{ display: block; font-size:30px; line-height: 1.3; font-weight: 500; margin-bottom: 20px; } .ctaForm__desc{ display: block; color:#b2b2b2; font-weight: 300; font-size:16px; line-height: 1.5; } .ctaForm__form{ float:left; width:50%; } .ctaForm__input{ float:left; width:50%; margin-right:20px; } .button_submit{ display:none; } /* Текстовый блок */ .textBlock{ float: left; width: 100%; line-height: 1.6; color: #748182; } .textBlock p { margin-bottom: 25px; } .textBlock p:last-child { margin: 0; } .textBlock a{ color:#4285f0; border-bottom:1px solid; } .textBlock a:hover{ border-bottom:1px solid transparent; } .textBlock img{ display:block; max-width:100%; margin-bottom: 25px; } .textBlock h2,.textBlock h3,.textBlock h4,.textBlock h5,.textBlock h6{ color: #212121; font-weight:500; } .textBlock h2{ font-size:26px; margin: 30px 0 20px; } .textBlock h3{ font-size:22px; margin: 20px 0 10px; } .textBlock h4{ font-size:20px; margin: 20px 0 10px; } .textBlock h5{ font-size:18px; margin: 15px 0 10px; } .textBlock ul, .textBlock ol{ padding: 0 30px; margin: 20px 0 30px; color:#212121; font-size:15px; line-height: 1.6; } .textBlock ol li{ list-style: decimal; } .textBlock ul li{ list-style: circle; } .textBlock blockquote{ font-size: 14px; line-height: 24px; color: #212121; border-left: 4px solid #212121; padding-left: 20px; margin: 40px 0; } .textBlock--item{ width:100%; float:left; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 40px 0; } .textBlock--item-reverse{ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .textBlock--btn{ width:100%; float:left; position: relative; margin: 40px 0 80px; text-align: center; color:#fff; } .textBlock--btn .button{ margin:15px 15px 0; } .textBlock--btn a{ color:#fff; } .textBlock-50{ width:48%; position:relative; } .textBlock-50 img{ max-width:100%; -webkit-box-shadow: 0 0 50px 0px rgba(90, 91, 95, 0.1); box-shadow: 0 0 50px 0px rgba(90, 91, 95, 0.1); } .textBlock-date{ margin-bottom: 30px; } /* окно при закрытии страницы */ .exitModal{ display:none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); text-align: center; z-index:9999; } .exitModal::after { display: inline-block; vertical-align: middle; width: 0; height: 100%; content: ''; } .exitModal.noactive{ display:none !important; } .exitModalBlock{ position:relative; width:100%; height:100%; max-height:400px; max-width:800px; margin:20px; padding:40px; display: inline-block; vertical-align: middle; text-align: left; background: url(/design/img/bg_popup-1.png) no-repeat center right / contain #fff; } .exitModalBlock .formsBlock__title{ text-align:left; } .exitModalBlock .formsBlock__inputs-100 { width: 40%; margin: 0; max-width: 100%; } .exitModalBlock .formsBlock__inputs-2 { width: 70%; margin: 0 0 20px; max-width: 100%; } .exitModalBlock .formsBlock__inputs-2 .link{ margin-left:30px; cursor:pointer; } .exitModalBlock .formsBlock__text2{ margin-top:20px; } .exitModalBlock .fancybox-close-small{ display:block; position:absolute; top:10px; right:10px; } /* Заявка */ .formsModal-3{ display:none; } .formsBlock { float: left; width: 100%; max-width: 500px; min-width:200px; position: relative; padding: 25px; } .formsBlock .formBlock { background:transparent; padding: 10px 0; margin-bottom: 0; } .formsBlock__opt{ float:left; width:100%; position:relative; } .formsBlock__opt2{ float:left; width:100%; position:relative; display:none; } .formsBlock__opt input{ margin:0 15px 15px 0; max-width:270px; } .formsBlock__opt textarea{ margin:0 0 15px 0; max-width:100%; } .formsBlock__opt .confidencial__checked{ float:left; max-width: 100%; margin:0 0 30px 0; } .formsBlock__title{ width:100%; float:left; font-size: 30px; line-height: 1.3; font-weight: 600; text-align: center; margin-bottom: 40px; } .formsBlock__subtitle, .formsBlock__ok{ width:100%; float:left; font-size: 20px; line-height: 26px; text-align: center; margin-bottom: 40px; } .formsBlock__form, .formsBlock__form2{ float: left; width: 90%; margin:0 5%; position: relative; } .formsBlock__form2, .button_submit{ display:none; } .formsBlock__form .button_callme{ margin:0 0 20px 0; line-height:1.3; cursor:pointer; } .formsBlock .formBlock__btn{ margin: 40px 0 0; } .formsBlock__form form{ float:left; width:100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .formsBlock__inputs{ width:80%; max-width:260px; float:left; } .formsBlock__inputs .inputText{ margin-bottom:20px; } .formsBlock__name{ float:left; width:100%; margin-bottom:15px; font-size:18px; } .formsBlock__text{ width:100%; float:left; font-size:16px; line-height: 24px; margin:0 0 20px 0; } .formsBlock__text2{ width:100%; float:left; font-size:13px; } /* Стилизация форм */ .inputCheckbox{ font-size:14px; line-height: 1.3; float:left; width:100%; cursor:pointer; } .inputCheckbox input[type="radio"], .inputCheckbox input[type="checkbox"]{ display: none; } .inputCheckbox input[type="radio"] ~ span, .inputCheckbox input[type="checkbox"] ~ span { position: absolute; top:18px; left:0; display: inline-block; cursor:pointer; } .inputCheckbox input[type="radio"] ~ span:before, .inputCheckbox input[type="checkbox"] ~ span:before { content: ""; position: absolute; display: block; width: 19px; height: 19px; border: 1px solid #d8d8d8; background-color: #fff; background-position: center; background-repeat: no-repeat; margin-right: 10px; left: 0; top: 50%; margin-top: -13px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .inputCheckbox input[type="radio"]:checked ~ span:before{ background-image: url(../img/icon-check.png); } .inputCheckbox input[type="checkbox"]:checked ~ span:before{ background-image: url(../img/icon-check.png); background-size:80%; } .inputText { float: left; width: 100%; padding: 15px 20px; border: none; font-size: 14px; font-weight: 300; line-height: 20px; color: #212121; border-radius: 4px; background: #fff; box-shadow: 0 5px 10px 0 rgba(172, 174, 177, 0.12) inset; border: 1px solid transparent; } .inputText-200 { max-width: 200px; } .inputText__ed{ font-weight: 400; position: absolute; right: 20px; bottom: 18px; } .inputText__name{ float:left; width:100%; font-size:13px; line-height:1.3; text-transform: uppercase; font-weight: 600; margin-bottom:15px; } textarea.inputText{ min-height:100px; border: 1px solid #d8d8d8; } .selectText{ float:left; width: 100%; padding:13px 30px; border:2px solid #eee; border-radius: 3px; font-size:16px; line-height: 20px; background: url(../img/icon-select.png) no-repeat right 15px center #fff; cursor:pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-appearance: none; } .process_order{ width:100%; float:left; } .process_order .inputText{ margin-bottom:20px; } .process_order .inputText{ margin-bottom:20px; } .process_order .button-wrap{ width: 100%; margin-bottom: 20px; } .process_order .button{ width: 230px; text-align: center; } .confidencial__checked{ float:left; width:100%; max-width:460px; color:#212121; font-size:12px; padding:7px 5px 0 32px; margin-bottom: 0; position: relative; } .confidencial__checked a{ color:#212121; border-bottom:1px solid; line-height: 12px; display:inline-block; } .confidencial__checked a:hover{ color:#b4966e; } .fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:700;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;-webkit-transition-duration:inherit;-o-transition-duration:inherit;transition-duration:inherit;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:cubic-bezier(.47,0,.74,.71);-o-transition-timing-function:cubic-bezier(.47,0,.74,.71);transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;-webkit-transition-timing-function:cubic-bezier(.22,.61,.36,1);-o-transition-timing-function:cubic-bezier(.22,.61,.36,1);transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;-webkit-transition:opacity .25s,visibility 0s linear .25s;-o-transition:opacity .25s,visibility 0s linear .25s;transition:opacity .25s,visibility 0s linear .25s;-webkit-box-sizing:border-box;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;-webkit-transition:opacity .25s,visibility 0s;-o-transition:opacity .25s,visibility 0s;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;-webkit-transition-property:opacity,-webkit-transform;-o-transition-property:transform,opacity;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:-webkit-zoom-out;cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:-webkit-zoom-in;cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 0;background:-webkit-gradient(linear,left top, left bottom,color-stop(0, transparent),color-stop(20%, rgba(0,0,0,.1)),color-stop(40%, rgba(0,0,0,.2)),color-stop(80%, rgba(0,0,0,.6)),to(rgba(0,0,0,.8)));background:-webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));background:-o-linear-gradient(top,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]:after,.fancybox-button[disabled]:before{opacity:.3}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.fancybox-arrow:after{content:"";position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left:after,.fancybox-arrow--right:after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{-webkit-transition-timing-function:cubic-bezier(0,0,.25,1);-o-transition-timing-function:cubic-bezier(0,0,.25,1);transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);-o-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);-ms-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);-ms-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-button--thumbs,.fancybox-thumbs{display:none}@media (min-width:800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);-webkit-box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;-webkit-transition:all .2s cubic-bezier(.25,.46,.45,.94);-o-transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}} .fancybox-slide>* { padding: 24px; margin: 40px; border-radius: 3px; } .fancybox-close-small{ top: -21px; right: -20px; display: inline-block; border-radius: 50%; width:40px; height:40px; background-color: #009846; background-position: center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABFJREFUCNdjYGTAgv7/wyoOAC4sAgw4GraqAAAAAElFTkSuQmCC); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); box-shadow: 0 0 20px 0 rgba(35, 55, 83, 0.2); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fancybox-close-small:hover{ background-color: #e31e24; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABFJREFUCNdjYGTAgv7/wyoOAC4sAgw4GraqAAAAAElFTkSuQmCC); background-position: center; background-repeat: no-repeat; } @media (min-width: 992px) { #nav .uMenuRoot { display: block; } #nav .uMenuRoot, #nav .uMenuRoot li { margin: 0; padding: 0; list-style: none; list-style-type: none; position: relative; } #nav .uMenuRoot { display: block; } #nav .uMenuRoot > li { float: left; } #nav .uMenuRoot > li > a { display: block; color: #fff; text-transform: uppercase; font-weight: 700; line-height: 50px; padding: 0 20px; } #nav .uMenuRoot > li > a > .fa { padding-left: 5px; } #nav .uMenuRoot li ul { position: absolute; /* top: 50px; */ top: 100px; left: -9999px; width: 200px; border: 1px solid #d8d8d8; margin: 0; padding: 0; opacity: 0; transition: top .3s ease, opacity .3s ease; } #nav .uMenuRoot li ul li { border-bottom: 1px solid #d8d8d8; } #nav .uMenuRoot li ul li:last-child { border-bottom: none; } #nav .uMenuRoot li ul li a { display: block; padding: 9px 20px; background: #fff; } #nav .uMenuRoot li ul li a:hover, #nav .uMenuRoot li ul li.uWithSubmenu:hover > a { background: #f6f6f6; color: #1a1a1a; } #nav .uMenuRoot li ul li a .fa { float: right; line-height: 22px; } #nav .uMenuRoot > li.uWithSubmenu:hover > ul { top: 50px; opacity: 1; left: 0; } #nav .uMenuRoot > li > ul li.uWithSubmenu:hover > ul { left: 200px; top: -1px; opacity: 1; } .menu-icon { display: none; } } @media (max-width: 1279px) { .cnt { width: 100%; padding-left: 50px; padding-right: 50px; box-sizing: border-box; } .slider-wrap { float: none; width: 100%; } .icon-blocks { float: none; margin-top: 30px; width: 100%; } .plus_minus, .addbacket-wrap .button{ margin:5px; } } @media (max-width: 991px) { .header-wrap.fixed { position: relative; z-index: 100; border-bottom: none; } #nav .cnt { position: relative; } .menu-icon { display: block; color: #fff; position: absolute; top: 0; left: 50px; line-height: 50px; text-transform: uppercase; cursor: pointer; } .menu-icon .fa { margin-right: 5px; cursor: pointer; font-size: 14px; } #nav .uMenuRoot, #nav .uMenuRoot li { padding: 0; margin: 0; list-style: none; } #nav .uMenuRoot { display: none; background: #fff; border-bottom: 1px solid #d8d8d8; position: absolute; top: 50px; left: 0; width: 100%; margin: 0; padding-left: 50px; box-sizing: border-box; line-height: 36px; padding-top: 10px; padding-bottom: 10px; } #nav .uMenuRoot > li > a { text-transform: uppercase; font-weight: 600; } #nav .uMenuRoot ul { padding-left: 30px; list-style: none; } #nav .uMenuRoot .fa { display: none; } #nav .uMenuRoot a { background: none !important; } #header { height: auto; } #logo { justify-content: center; width: 100%; margin-bottom: 20px; } .header-right { float: none; width: 100%; justify-content: center; } .slide-text { padding-top: 50px; } .st-big { font-size: 24px; } .col4 {width: 48.717948716%;} .col4:nth-child(2n) {margin-right: 0;} .col4:nth-child(2n+1) {clear: left;} #content, #sidebar { float: none; width: 100%; } #sidebar { padding-top: 50px; } #sidebar .block { width: 48.717948716%; float: left; margin-right: 2.564102563%; margin-bottom: 30px; } #sidebar .block:nth-child(2n) { margin-right: 0; } #sidebar .block:nth-child(2n+1) { clear: left; } .ctaForm__info { width: 100%; padding: 0; margin-bottom: 20px; text-align: center; } .ctaForm__form { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; } #form_cta{ width:100%; display: flex; flex-wrap: wrap; justify-content: center; } .ctaForm__input { width: 250px; margin-right: 20px; } } @media (max-width: 767px) { #logo { width: 100%; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 20px; } .header-right { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; } #search { width: 225px; margin-right: 0; } .cnt { padding-left: 30px; padding-right: 30px; } .slider-wrap { height: 350px; } .slide-text { width: auto; padding-left: 50px; padding-right: 50px; } .slide-arrow.fa-angle-left { left: 0 !important; } .slide-arrow.fa-angle-right { right: 0 !important; } #content .list-item { width: 48.717948716%; margin-right: 2.564102563%; } #content .list-item:nth-child(3n) { margin-right: 2.564102563% } #content .list-item:nth-child(3n+1) { clear: none; } #content .list-item:nth-child(2n) { margin-right: 0; } #content .list-item:nth-child(2n+1) { clear: left; } .good-images { float: none; margin: 0 auto 50px; width: auto; max-width: 270px; } .good-info { margin-left: 0; } .gTableSubTop, .forumIcoTd, .forumThreadTd, .forumPostTd, .forumLastPostTd, .threadIcoTd, .threadAuthTd, .threadLastPostTd, .threadPostTd, .threadViewTd, .threadsDetails, .forumOnlineBar, .legendBlock, .userRights, .fFastNavTd, .fFastSearchTd, .forumNamesBar, #forum_filter, .postTdInfo, .postBottom, #thread_search_form { display: none; } .gDivLeft { padding-top: 10px; } .postTdTop, .postTable, .posttdMessage { display: block !important; text-align: left; width: auto !important; } .postUser { font-size: 16px; font-weight: 600; } .pLeft { float: none; margin-bottom: 30px; width: 100%; } .pRight { margin-left: 0; } } @media (max-width: 567px) { .header-right { height: auto; padding-bottom: 0; margin-bottom: -2px; } .hPhone, .hCart { float: none; } .hPhone { margin-right: 0; padding-right: 0; border-right: none; padding: 5px 15px; } .hCart { border-right: none; padding: 5px 15px; margin: 0; } .cart-body.opened { right: auto; left: 0; margin-top: 32px; width: 100%; } .col2, .col3, .col4 { width: 100%; float: none; margin-right: 0; } .tCat.col4{ float:left; } .slide-text { padding: 20px; } .top-right #search, .top-right .soc { float: none; } .top-right .soc { margin: 0 2px 0 0; } #sidebar .block, #content .list-item { float: none; width: 100%; margin-right: 0; clear: none; } .copyrights{ padding-top: 4px; width: 100%; text-align: center; } .ctaForm__input { margin-right: 20px; margin: 0 10px 10px; } .ctaForm, .ctaForm-ok { padding: 40px 0; } .fancybox-slide>* { padding: 10px; margin: 10px; border-radius: 3px; box-sizing:border-box; } .formsBlock { padding:15px 0; } .formsBlock__title { font-size: 20px; margin-bottom: 25px; } .formsBlock__subtitle, .formsBlock__ok { font-size: 16px; line-height: 20px; margin-bottom: 25px; } .formsBlock__form, .formsBlock__form2 { width: 100%; margin: 0; } .fancybox-close-small { right: 0; } } @media (max-width: 480px) { #top .cnt { display: flex; flex-wrap: wrap; justify-content: center; } #search { width: 225px; margin: 0 10px; } .addbacket-wrap{ display: flex; flex-wrap: wrap; justify-content: center; } .to-basket .pe-mi-add { margin-left: 5px; margin-right: 5px; } } /* COLOR PICKER */ #ss { position: fixed; left: -300px; top: 70px; z-index: 999; width: 300px; padding: 20px; border: 1px solid #d8d8d8; background: #f8f8f8; color: #1a1a1a; font-size: 15px; transition: left .3s ease; box-sizing: border-box; } #ss.ss-opened { left: 0 !important; } .ss-head { width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; top: -1px; right: -40px; background: #1a1a1a; cursor: pointer; font-size: 24px; color: #fff; } .ss-gen { padding-top: 20px; font-size: 13px; } .ss-gen a { text-decoration: underline; } #picker { margin:0; border:0; padding: 0; width: 110px; text-align: center; height: 30px; border: 1px solid #04adf0; border-right: 30px solid #04adf0; line-height:20px; font-size: 15px !important; color: #1a1a1a !important; } .colpick { z-index: 1000; position: fixed !important; top: 125px !important; } .tt { position: fixed; z-index: 9999; background: rgba(255, 255, 255, 0.9); width: 100%; height: 100%; top: 0; left: 0; } .tt-pp { width: 600px; height: 300px; background: #f8f8f8; border: 1px solid #d8d8d8; position: absolute; left: 50%; margin-left: -300px; top: 50%; margin-top: -150px; } .tt-t { background: #525252; color: #fff; font-size: 15px; padding: 20px; position: relative; line-height: 20px; } .tt-t .fa { float: right; font-size: 18px; color: yellow; cursor: pointer; } .tt-code { margin: 20px; width: 560px; height: 200px; }