/* Базовые */
body, html {
padding: 0;
margin: 0;
font-size: 14px;
}
body {
font-family: "Exo 2", sans-serif;
color: #000;
}
dl, dd {
margin: 0;
padding: 0;
}
.wrapper {
width: calc(100% - 20px);
padding: 0 10px;
max-width: 1600px;
margin: 0 auto
}
.mobile {
display: none
}
.set {
clear: both
}
.filter_m {
display: none
}
.prfilter-variant a {
font-size: 12px;
text-decoration: underline!important
}
a {
color: #223e7c;
text-decoration: none;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
h1, h2 {
font-size: 28px;
line-height: 28px;
}
a:hover {
color: #92776c;
}
h2.main {
font-size: 32px;
font-weight: normal;
line-height: 30px;
}
h2 .line {
border-left: 6px solid #2183bb;
position: absolute;
left: 0;
height: 68px;
margin-top: -10px;
}
.mob_b, .mob_menu {
display: none
}
/* Дроп меню */
.sub-menu
{
display: block;
position: absolute;
background: rgba(255,255,255,1);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
margin-top: 5px;
overflow: hidden;
z-index: 5;
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.3);
max-height: 0;
-webkit-transition: all 1000ms ease-in-out;
-moz-transition: all 1000ms ease-in-out;
-o-transition: all 1000ms ease-in-out;
transition: all 1000ms ease-in-out;
}
.sub-menu .zag a {
font-weight: 600;
font-size: 18px;
}
.sub-menu .column {
display: inline-block;
vertical-align: top;
width: 28%;
padding: 20px;
}
.main-item:focus,
.main-item:active {
color: #fe0000!important
}
.main-item:focus ~ .sub-menu,
.main-item:active ~ .sub-menu,
.sub-menu:hover
{
display: block;
max-height: 1000px;
-webkit-transition: all 1000ms ease-in-out;
-moz-transition: all 1000ms ease-in-out;
-o-transition: all 1000ms ease-in-out;
transition: all 1000ms ease-in-out;
}
.sub-menu a {
color: #000!important
}
.sub-menu a:hover {
color: #fe0000!important
}
/* Верх */
.top {
padding: 30px 0;
text-align: right;
}
.top .logo {
display: inline-block;
vertical-align: top;
float: left;
}
.top .phone {
display: inline-block;
margin-right: 10%;
vertical-align: top;
margin-top: 20px;
}
.top .phone a {
font-size: 20px;
font-weight: 600;
color: #17587e;
}
.top .phone a:hover {
color: #7fbfe3
}
.top .phone .small, .top .social .small {
color: #000000;
font-size: 12px;
margin-top: 5px;
}
.top .social {
display: inline-block;
vertical-align: top;
margin-right: 10%;
margin-top: 20px;
}
.top .social a {
display: inline-block;
margin-right: 5px;
}
.top .social a:last-of-type {
margin-right: 0;
}
.top .callback {
display: inline-block;
vertical-align: top;
margin-top: 10px;
margin-top: 20px;
}
.top .callback a {
background: url("/images/ico_phone.png") no-repeat left 15px center #7fbfe3;
padding: 10px 20px 10px 40px;
color: #fff;
font-size: 12px;
border-radius: 100px
}
.top .callback a:hover {
background-color: #2183bb;
}
/* Цены на монтаж */
table.montag {
border: none;
border-collapse: collapse;
width: 100%;
}
table.montag td, table.montag th {
padding: 5px;
border: none
}
table.montag tr:nth-of-type(odd) td {
background: #E8E8E8
}
/* Описание на главной */
.abouts {
max-height: 350px;
background: white;
overflow: hidden;
position: relative;
-webkit-transition: all 1000ms ease-in-out;
-moz-transition: all 1000ms ease-in-out;
-o-transition: all 1000ms ease-in-out;
transition: all 1000ms ease-in-out;
}
.opener {
max-height: 3000px!important;
height: auto;
padding-bottom: 70px;
}
.abouts:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100px;
background: linear-gradient(180deg, transparent 10%, white 70%);
}
.abouts .open {
position: absolute;
bottom: 0px;
left: calc(50% - 77px);
border:1px solid #2183bb;
padding: 10px 20px;
font-size: 16px;
z-index: 10;
cursor: pointer;
background: #fff
}
.abouts .open:hover {
color: #fff;
background: #2183bb;
border:1px solid #000
}
/* Вопрос-ответ */
.faqq {
width: 100%;
margin: 0 auto;
-webkit-transition: all 1.5s;
-moz-transition: all 1.5s;
-o-transition: all 1.5s;
transition: all 1.5s;
}
details {
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 4px;
padding: 0.5em;
margin-bottom: 1em;
-webkit-transition: all 1.5s;
-moz-transition: all 1.5s;
-o-transition: all 1.5s;
transition: all 1.5s;
}
summary {
font-weight: bold;
cursor: pointer;
-webkit-transition: all 1.5s;
-moz-transition: all 1.5s;
-o-transition: all 1.5s;
transition: all 1.5s;
}
details[open] {
background-color: #eef;
-webkit-transition: all 1.5s;
-moz-transition: all 1.5s;
-o-transition: all 1.5s;
transition: all 1.5s;
}
/* Меню */
.menu {
background: #2183bb;
padding: 5px 0;
font-size: 0
}
.menu a.catalog {
color: #fff;
background: url("/images/ico_catalog.png") left center no-repeat;
padding: 0 0 0 30px;
font-size: 16px;
font-weight: 600;
display: inline-block;
vertical-align: middle
}
.menu .cpt_product_search {
display: inline-block;
vertical-align: middle;
font-size: 0;
margin-right: 30px;
}
.menu .cpt_product_search #searchstring {
background: #76b9df;
padding: 10px 40px 10px 20px;
border: none;
border-radius: 10px;
color: #fff;
display: inline-block;
vertical-align: top;
}
.menu .cpt_product_search input[type="submit"] {
background:url("/images/ico_search.png") no-repeat center center;
font-size: 0;
border: none;
width: 30px;
height:30px;
padding: 0;
margin-left: -35px;
margin-top: 3px;
display: inline-block;
position:top
}
.menu .cpt_product_search .suggestionsBox {
position: absolute;
background: #fff;
text-align: left;
margin-left: 0px;
z-index: 20;
border-radius: 5px;
font-size: 14px;
box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.13)
}
.menu .cpt_product_search .suggestionsBox .suggestionList {
}
.menu .cpt_product_search .suggestionsBox .suggestionList ul {
list-style: none;
padding: 0px;
}
.menu .cpt_product_search .suggestionsBox .suggestionList ul li {
line-height: 16px;
padding: 13px 20px;
}
.menu .cpt_product_search .suggestionsBox .suggestionList ul li a {
font-size: 16px;
color: #000
}
.menu a {
display: inline-block;
vertical-align: middle;
margin-right: 30px;
color: #fff;
font-size: 14px;
}
.menu a:hover {
color: #0a2f44
}
.menu a.montag {
background: #17587e;
padding: 14px 10px;
margin: -5px 30px -5px 0
}
.menu a.korz {
display: inline-block;
float: right;
margin: 0
}
.menu a.montag:hover {
background: #000;
color: #fff
}
/* Информер корзины */
.carti {
background: url("/images/ico_cart.png") no-repeat left 15px center ;
background-size: 25px;
padding: 10px 10px 10px 60px;
border-radius: 100px;
position: relative;
color: #fff;
cursor: pointer;
height: 17px;
vertical-align: middle
}
.carti #shpcrtgc {
position: absolute;
top: 2px;
left: 35px;
background: #bfdcec;
border-radius: 100px;
color: #000;
width: 14px;
height: 14px;
text-align: center;
font-size: 10px;
}
.carti #shpcrtca {
display: none
}
/* Категория */
.category {
font-size: 0;
padding-top: 20px;
}
.category .description {
font-size: 14px;
}
.category .description .image {
display: inline-block;
vertical-align: top;
margin-right: 50px;
}
.category .description .desc {
display: inline-block;
vertical-align: top;
width: 100%
}
.category .description .desc table {
width: 100%;
border: none;
border-collapse: collapse;
border-radius: 10px;
}
.category .description .desc nav a {color:#fff; margin-right:10px; text-decoration:none;}
.category .description .desc .hero {background:url('https://example.com/multi-split-hero.jpg') center/cover no-repeat; height:300px; display:flex; align-items:center; justify-content:center; color:#fff; text-shadow:0 2px 4px rgba(0,0,0,.5);}
.category .description .desc th {background:#f4f4f4;}
.category .description .desc .benefits, .features {display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:20px;}
.category .description .desc .benefit, .feature {background:#f9f9f9; padding:15px; border-radius:5px;}
.category .description .desc.faq-item {margin-bottom:10px;}
.category .description .desc .faq-question {background:#eaeaea; padding:10px; cursor:pointer; border-radius:4px;}
.category .description .desc .faq-answer {display:none; padding:10px; background:#fff; border:1px solid #ddd;}
.category .description .desc table tr:nth-of-type(odd) {
background: #F1F1F1
}
.category .description .desc table td {
padding: 10px;
}
.category .description .desc table th {
background: #2183bb;
color: #fff;
text-align: left;
padding: 10px;
}
.category .description .desc div {
display: inline-block;
vertical-align: top;
width: calc(50% - 50px)
}
.category .description .desc div:first-of-type {
margin-right: 20px;
width: 50%;
}
.category .description h2 {
font-size: 22px;
font-weight: 400
}
.category .filter {
display: inline-block;
width: 18%;
vertical-align: top;
margin-right: 2%;
-webkit-transition: all 1.5s;
-moz-transition: all 1.5s;
-o-transition: all 1.5s;
transition: all 1.5s;
}
.category .subcategoryes {
font-size: 14px;
display: block
}
.category .subcategoryes .subcategory {
width: 28%;
vertical-align: top;
display: inline-block;
margin-right: 20px;
text-align: left;
background: #fff;
padding: 10px;
height: 60px;
border:1px solid #F9F9F9;
margin-bottom: 10px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.category .subcategoryes .divide {
}
.category .subcategoryes .subcategory:hover {
border-color: #999;
}
.category .subcategoryes .subcategory:hover .name a {
color: #000
}
.category .subcategoryes .subcategory .name {
display: inline-block;
margin-left: 10px;
width: calc(100% - 105px);
vertical-align: top
}
.category .subcategoryes .subcategory .name a {
color: #000;
font-size: 14px;
}
.category .subcategoryes .subcategory .image {
margin-bottom: 0px;
display: inline-block;
height: auto;
vertical-align: top;
width: 90px;
text-align: center
}
.category .subcategoryes .subcategory .image img {
max-height: 60px;
width: auto;
max-width: 80px;
display: inline-block
}
.category .products {
display: inline-block;
vertical-align: top;
width: 80%;
}
.liders .category .products {
width: 100%
}
.liders h3 {
font-size: 22px;
text-transform: uppercase
}
.category .products.search {
width: 100%;
margin-top: 50px;
}
.category h1 {
font-size: 32px;
margin: 0 0 20px 0;
padding: 0
}
.category .products .navi {
font-size: 14px;
text-align: left;
margin-bottom: 40px;
}
.category .products .navi a {
display: inline-block;
padding: 5px 10px;
text-decoration: none;
color: #000;
}
.category .products .navi a:hover {
background: #fdfdfd
}
.category .products .navi .faq {
display: inline-block;
padding: 5px 10px;
background: #8b0013;
color: #fff
}
.category .products .items {
font-size: 0
}
.category .products .items .item {
display: inline-block;
width: calc(25% - 81px);
vertical-align: top;
margin-bottom: 70px;
padding: 0 40px 35px 40px;
background: #fff;
border-right: 1px solid #dce6ec;
text-align: left;
position: relative;
}
.category .products .items .item:hover {
padding: 0 40px 0px 40px;
}
.category .products .items .item:hover {
background: #e5ecf1;
}
.category .products .items .item .image .new {
display: inline-block;
position: absolute;
bottom:-10px;
left: -10px;
z-index: 10
}
.category .products .items .item .image .new img {
width: 60px;
height: auto
}
.category .products .items .item:nth-of-type(4n) {
margin-right: 0;
border: none;
}
.category .products .items .item .image {
text-align: center;
position: relative;
height: 290px;
}
.category .products .items .item .image img {
max-width: 200px;
max-height: 380px;
position: absolute;
display: inline-block;
bottom: 0;
top:0;
left: 0;
right: 0;
margin: auto;
}
.category .products .items .item .name {
margin-top: 10px;
height: 80px;
}
.category .products .items .item .shum {
font-size: 12px;
font-weight: 400;
display: inline-block;
margin-top: 20px;
background: url("/images/ico_sound.png") no-repeat left center;
padding: 5px 0 5px 20px;
margin-bottom: 20px;
position: absolute;
bottom: 0;
left: 0;
}
.category .products .items .item .ploshad {
font-size: 12px;
font-weight: 400;
display: inline-block;
margin-top: 20px;
background: url("/images/ico_kvadratura.png") no-repeat left center;
padding: 5px 0 5px 20px;
margin-bottom: 20px;
position: absolute;
bottom: 0;
right: 0;
}
.category .products .items .item .braddtocart {
background: #2183bb;
width: calc(100% + 80px);
text-align: center;
border: none;
padding: 10px 0;
color: #fff;
cursor: pointer;
margin: 0 -40px;
display: none;
}
.category .products .items .item:hover .braddtocart {
display: block
}
.category .products .items .item .name a {
font-size: 16px;
font-weight: 600;
color: #000;
text-decoration: none;
line-height: 18px
}
.category .products .items .item .name a .small {
font-size: 12px;
font-weight: normal;
color: #999;
}
.category .products .items .item .techinfo {
font-size: 12px;
position: relative;
line-height: 12px;
padding-bottom: 50px;
}
.category .products .items .item .techinfo p span {
float: right
}
.category .products .items .item .icons {
margin-top: 10px;
width: 200px;
}
.category .products .items .item .icons img {
margin-right: 10px;
margin-bottom: 10px;
}
.category .products .items .item .icons img:last-of-type {
margin-right: 0;
}
.category .products .items .item .price {
font-size: 24px;
color: #000000;
font-weight: 200;
margin-top: 10px;
}
.category .products .items .item .description {
font-size: 12px;
margin-left: 20px;
width: 90%;
font-weight: 400;
margin-top: 20px;
height: 140px;
color: #000
}
.category .products .items .item .params {
font-size: 12px;
}
.category .products .items .item .readmore a {
display: block;
background: #45271b;
padding: 5px 0px 5px 20px;
color: #fff;
font-weight: 400;
font-size: 12px;
text-decoration: none;
margin-top: 20px;
width: calc(100% - 20px);
}
/* Хлебные крошки */
.bread {
font-size: 12px;
background: #fbfbfb;
border-radius: 10px;
margin: 20px 0;
display: inline-block;
padding: 5px 10px;
}
.bread a {
text-decoration: none;
color: #000
}
/* Товар внутри */
.tovinside .main {
border: 1px solid #f2f2f2;
width: calc(100% - 40px);
margin-top: 20px;
padding: 20px 20px 20px 20px;
margin-bottom: 5px;
}
.type {
margin-bottom: -20px;
margin-top: 20px;
display: inline-block
}
.tovinside h2 {
font-size: 14px;
font-weight: bold;
display: block
}
.tovinside .main .left {
float: left;
width: 500px;
text-align: center
}
.tovinside .main .right {
float: right;
width: 40%
}
.tovinside .main .code {
color: #a0a0a0;
padding-bottom: 20px;
border-bottom: 1px solid #f2f2f2
}
.tovinside .main .price {
font-size: 28px;
font-weight: bold;
color: #000;
padding-top: 20px;
padding-bottom: 20px;
}
.tovinside .main .product_qty {
text-align: center
}
.tovinside .main input.product_qty {
background: none;
border: none;
padding-bottom: 10px;
font-size: 14px;
color: #a0a0a0;
width: 20px;
}
.tovinside .main #add2cart {
background: #17587e;
color: #FFF;
border: none;
height: 37px;
width: 122px;
display: inline-block;
vertical-align: top;
margin-left: 10px;
cursor: pointer
}
.tovinside .main #add2cart:hover {
background: #90745d
}
.tovinside .main .text {
padding-top: 20px
}
.tovinside ul {
list-style-type: none;
padding: 0
}
.tovinside ul li {
font-size: 12px;
color: #6f6f6f;
line-height: 24px
}
.tovinside ul li:hover {
color: #fe0000
}
.tovinside ul li:before {
content: "\2714";
padding-right: 5px;
color: #006f94;
font-size: 18px;
font-family: "Exo 2";
vertical-align: top;
display: inline-block;
}
.tovinside .credit {
display: inline-block;
vertical-align: top;
}
.tovinside .creditb {
background: #1e98ff;
color: #fff;
font-weight: normal;
border: none;
vertical-align: top;
margin-left: 10px;
cursor: pointer;
vertical-align: top;
font-size: 12px;
padding: 11px 10px;
border-radius: 0
}
.tovinside .creditb:hover {
background: green
}
.tovinside .block {
width: 240px;
height: 193px;
background: #CCC;
vertical-align: top
}
.tovinside .block:last-of-type {
margin-top: 17px;
}
.tovinside .banners {
display: inline-block;
margin-top: 20px
}
.tovinside .sub-right {
width: 100%;
}
.tovinside .prduct-menu {
background: #f2f2f2;
height: 42px
}
.tovinside .big {
font-size: 22px
}
.tovinside .howto {
border-bottom: 1px solid #f2f2f2;
padding-bottom: 10px;
margin-bottom: 20px;
clear: both
}
.tovinside .howto ul li:before {
content: "\2605";
margin-left: -23px;
padding-right: 7px;
color: #006f94;
}
.tovinside .howto ul li {
font-size: 14px;
color: #6f6f6f;
padding-left: 20px
}
.tovinside .howto ul li strong {
color: #000
}
.tovinside .vopros input {
border: 1px solid #f2f2f2;
height: 38px;
width: 230px;
padding-left: 10px;
margin-bottom: 15px;
margin-right: 20px
}
.tovinside .vopros textarea {
border: 1px solid #f2f2f2;
height: 117px;
resize: none;
padding-left: 10px;
padding-top: 10px;
font-family: "Exo 2";
font-size: 14px;
width: 100%
}
.tovinside .vopros input[type="submit"] {
background: #fe0000;
border: none;
width: 91px;
height: 23px;
color: #FFF;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
font-size: 11px;
padding: 0;
text-align: center
}
.tovinside .description {
border-bottom: 0px solid #f2f2f2;
padding-bottom: 10px;
margin-bottom: 20px;
}
.tovinside .description table {
width: 100%;
padding: 0;
margin: 0;
border-collapse: collapse;
font-size: 14px;
}
.tovinside .description table td {
text-align: center;
padding: 10px
}
.tovinside .description table th {
padding: 10px
}
.tovinside .description table tr:nth-of-type(odd) {
background: #f7f7f7
}
.tovinside .description .cpt_product_params_selectable {
text-align: center
}
.tovinside h2 {
font-size: 22px;
text-transform: uppercase;
margin-bottom: 10px
}
.tovinside .tech {
display: none;
border-bottom: 1px solid #f2f2f2;
padding-bottom: 10px;
margin-bottom: 20px;
margin-top: 10px
}
.tovinside .sert {
display: none;
border-bottom: 1px solid #f2f2f2;
padding-bottom: 10px;
margin-bottom: 20px;
margin-top: 10px;
text-align: center
}
.tovinside .obzor p img {
float: left;
clear: both;
max-width: 140px;
height: auto;
padding-right: 20px;
padding-bottom: 10px;
}
.tovinside .obzor img {
max-width: 140px;
}
.tovinside .obzor p {
margin-right: 20px
}
.tovinside .obzor h3 {
display: block;
clear: both
}
.tovinside .obzor {
display: none;
border-bottom: 1px solid #f2f2f2;
padding-bottom: 10px;
margin-bottom: 20px;
margin-top: 10px;
overflow: hidden
}
.tovinside .cpt_product_images img {
max-height: 400px
}
.tovinside .cpt_product_images {
height: 450px;
}
.tovinside .show {
display: block
}
.tovinside .recomend {
margin-bottom: 30px;
}
.tovinside .prduct-menu .btn {
display: inline-block;
padding: 9px 30px 9px 30px;
text-transform: uppercase;
color: #484848;
font-size: 12px;
margin-top: 5px;
margin-left: 5px;
cursor: pointer;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.tovinside .prduct-menu .btn:hover {
background: #fe0000;
color: #FFF
}
.tovinside .prduct-menu .sel {
background: #fff;
}
.tovinside .prduct-menu .sel:hover {
background: #fff;
color: #484848;
}
.tovinside .tech table {
width: 100%;
padding: 0;
margin: 0;
border-collapse: collapse;
}
.tovinside .tech table td {
border-bottom: 0px solid #f2f2f2;
font-size: 14px;
padding: 5px;
text-align: left
}
.tovinside .tech table th {
padding: 10px 5px 10px 5px;
text-align: left
}
.tovinside .tech table tr:nth-of-type(odd) {
background: #f7f7f7
}
.tovinside .cpt_product_related_products {
margin-bottom: 30px
}
.tovinside .all_images {
font-size: 0;
margin-top: 20px
}
.tovinside .all_images .img img {
max-height: 100%;
max-width: 100%
}
.tovinside .all_images .img {
width: 75px;
height: 75px;
padding: 20px;
border: 1px solid #f2f2f2;
display: inline-block;
vertical-align: top;
margin-left: -1px;
margin-top: -1px;
position: relative;
text-align: center
}
.tovinside .all_images .img:hover {
border: 1px solid #fe0000;
z-index: 10
}
.tovinside .selecteble table {
margin: 0;
padding: 0;
}
.tovinside .selecteble td {
font-size: 0 !important
}
.tovinside .selecteble select {
background: #90745d;
color: #FFFFFF;
height: 38px;
border: 0px solid #000;
padding-left: 5px
}
.tovinside .files {
margin-top: 50px;
}
.tovinside .files .file {
display: inline-block;
width: 15%;
text-align: left;
vertical-align: top;
}
.tovinside .files .file a {
font-size: 14px;
display: block;
background: url("/images/download.png") no-repeat left top;
padding-top: 80px;
width: 90%;
}
.tovinside table {
width: 100%;
border-collapse: collapse;
}
.tovinside table tr td, .tovinside table tr th {
padding: 10px;
}
.tovinside table tr:nth-of-type(odd) {
background: #a38f88;
}
/* Преимущества */
.preim {
border-bottom: 1px solid #deedf5;
padding-bottom: 60px;
margin-bottom: 60px;
}
/* Категории на главной */
.cpt_root_categories {
}
.cpt_root_categories ul {
list-style: none;
margin: 0;
padding: 0
}
.cpt_root_categories ul li {
display: inline-block;
width: 49%;
font-size: 0;
vertical-align: top;
}
.cpt_root_categories ul li .image {
width: 50%;
text-align: center;
display: inline-block;
height: 500px;
position: relative
}
.cpt_root_categories ul li .image img {
vertical-align: bottom;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.cpt_root_categories ul li:nth-of-type(2n) .image {
float: right
}
.cpt_root_categories ul li .text {
font-size: 32px;
font-weight: 400;
display: inline-block;
vertical-align: top;
margin-top: 150px;
width: 200px;
}
.cpt_root_categories ul li .text .desc {
color: #92776c;
font-size: 12px;
}
.cpt_root_categories ul li:nth-of-type(2n) .text {
margin-left: 20%;
text-align: right
}
/* Метки */
.onesteporder-contact-tr:nth-of-type(5),.onesteporder-contact-tr:nth-of-type(6),.onesteporder-contact-tr:nth-of-type(7),.onesteporder-contact-tr:nth-of-type(8),.onesteporder-contact-tr:nth-of-type(9) {
display: none
}
/* Плюс-минус */
.kolichestvo {
background: #f2f2f2;
display: inline-block;
height: 37px;
vertical-align: top
}
.plus, .minus {
display: inline-block;
color: #484848;
font-size: 28px;
padding: 0 10px 0 10px;
cursor: pointer;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.plus:hover, .minus:hover {
color: #fe0000
}
#add2cart {
font-family: "Simonnelli", "Exo 2"
}
/* По сериям */
.serii {
padding-top: 80px;
}
/* Иконки */
.icons {
font-size: 0
}
.icons .icon {
display: inline-block;
width: calc(20% - 20px);
margin-right: 20px;
vertical-align: top;
}
.icons .icon .image {
height: 150px;
position: relative;
margin-bottom: 25px;
}
.icons .icon .image img {
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.icons .icon .zag {
font-size: 16px;
font-weight: 600;
}
.icons .icon .zag .blue {
color: #005aff
}
.icons .icon .text {
font-size: 14px;
color: #707070;
margin-top: 10px;
}
/* Feedback */
.common_wrapper input {
border-radius: 100px;
border: 1px solid #bfbfbf;
margin: 10px 0;
padding: 5px 10px;
width: 350px;
}
.common_wrapper textarea {
border-radius: 5px;
border: 1px solid #bfbfbf;
margin: 10px 0;
padding: 5px 10px;
width: 350px;
resize: none
}
/* Корзина */
.onesteporder-width350-IFrame {
text-align: center;
padding: 10px;
font-size: 14px;
}
.onesteporder-width350-IFrame input {
font-size: 14px;
padding: 5px 10px;
background: #206fc7;
border:none;
color: #fff;
}
.onesteporder-width350-IFrame .onesteporder-informer-text {
margin-bottom: 10px;
}
.cart {
}
.cart .products {
display: inline-block;
vertical-align: top;
width: 60%;
margin-right: 7%;
padding: 40px 0;
}
.cart .products table {
width: 100%;
}
.cart .products table tr {
border-bottom: 1px solid #f5f5f5
}
.cart .products table tr td {
padding: 30px 0;
border-bottom: 1px solid #f5f5f5
}
.cart .products table tr:last-of-type td {
border-bottom: none
}
.cart .products table tr td:nth-of-type(1) {
width: 70%;
}
.cart .products input.RecalculateCartIcons {
width: 30px;
text-align: center;
height: 30px;
border-radius: 100px;;
border:none
}
.cart .products .equal {
font-size: 18px;
font-weight: 600
}
.cart .products .onesteporder-products-delete a {
background: url("/images/mob_x.svg") no-repeat center center;
background-size: contain;
display: block;
width: 20px;
height: 20px;
cursor: pointer
}
.cart .products input.onesteporder-products-count-input {
background: none;
border:none;
width: 40px;
text-align: center
}
.cart .info {
width: calc(30% - 40px);
display: inline-block;
vertical-align: top;
padding: 40px 20px;
background: #f5f5f5;
}
.cart .info .StandartOrdering {
}
.cart .info .onesteporder-contact-div table {
width: 100%;
margin-bottom: 40px;
}
.cart .info .onesteporder-contact-div table tr td {
padding: 10px 0;
font-size: 14px;
}
.cart .info .onesteporder-contact-div table tr td:nth-of-type(1) {
width: 40%
}
.cart .info .onesteporder-contact-div input {
width: calc(100% - 20px);
border-radius: 5px;
border: none;
padding: 10px 10px;
outline:none;
}
.cart .info .onesteporder-contact-div textarea {
width: calc(100% - 20px);
border-radius: 5px;
border: none;
padding: 10px 10px;
resize: none;
outline:none
}
.cart .info .onesteporder-contact-td-last {
font-size: 12px;
color: #999
}
.cart .info .onesteporder-products-total-div {
text-align: center
}
.cart .info input.onesteporder-products-total-submit {
font-size: 18px;
font-weight: 100;
background: none;
color: #000;
border: 1px solid #cfcfcf;
padding: 10px;
margin: 0;
cursor: pointer;
}
.cart .info input.onesteporder-products-total-submit:hover {
background: #000;
color: #fff
}
/* Товары */
.tovari { font-size: 0}
.tovari .tovar {display: inline-block; width: calc(25% - 22px); padding: 0 10px; border:1px solid #f2f2f2; height: 310px; position: relative; vertical-align: top; text-align: center; margin-top: -1px; margin-right: -1px;}
.tovari .tovar:hover {border:1px solid #fe0000; z-index: +1 }
.tovari .tovar .skidka {background: #ffcc00; padding: 5px; color: #fff; position: absolute; left: 10px; top:10px; font-size: 12px}
.tovari .tovar .image { padding-top: 30px; height: 140px}
.tovari .tovar .image img {max-height: 120px; width: auto; vertical-align: bottom; display: inline-block;}
.tovari .tovar .name { height: 80px}
.tovari .tovar .name a {font-size: 16px; color:#4a4a4a}
.tovari .tovar .price {display: inline-block; font-size: 18px; font-weight: bold; margin-top: 10px; color: #484848}
.tovari .tovar .list_price {display: inline-block; font-size: 14px; font-weight: normal; margin-top: 10px;color:#6f6f6f; text-decoration:line-through; margin-left: 20px}
.tovari .tovar .eco { color: #fe0000; font-size: 12px;}
.tovari .tovar .addSelect {white-space: nowrap; text-align: left}
.tovari .tovar .addSelect .selecteble {display: none; position: absolute; bottom: 5px; left: 10px; text-align: center; vertical-align: top; width:calc(100% - 20px); }
.tovari .tovar:hover .addSelect .selecteble {display: block}
.tovari .tovar .addSelect .selecteble select {background: #a28f80; font-family: "Exo 2"; color: #FFFFFF; padding: 4px; font-size: 12px; color: #fff; width: 85px; border: 0px solid #000; padding-left: 5px; margin-right: 5px; cursor: pointer; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.tovari .tovar .addSelect .selecteble .options {display: inline-block; vertical-align: top}
.tovari .tovar .addSelect .vKorzinu { display: inline-block; }
.tovari .tovar .addSelect .vKorzinu .prdbrief_add2cart input {background: #a28f80; color: #FFFFFF; padding: 5px; color: #fff; font-size: 12px; width: auto; border: 0px solid #000; font-family: "Simonnelli", "Exo 2"; cursor: pointer; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.tovari .tovar .addSelect .vKorzinu .prdbrief_add2cart input:hover, .tovari .tovar .addSelect .selecteble select:hover {background: #fe0000}
.tovari .subcat {
font-size: 16px;
}
.tovari .subcat a {
display: inline-block;
padding: 10px 20px;
background: #D0D0D0;
font-weight: 600
}
.related .tovar .image img {max-width:60px; max-height: 60px}
.related .tovar .name a {font-size: 12px; color:#4a4a4a}
.related .tovar .name { height: 45px}
.related .tovar {display: inline-block; width: calc(16.6% - 22px); padding: 0 10px; border:1px solid #f2f2f2; height:200px; position: relative; vertical-align: top; text-align: center; margin-top: -1px; margin-right: -1px;}
.related .tovar .image { padding-top: 30px; height: 80px}
.related .tovar .price {display: inline-block; font-size: 14px; font-weight: bold; margin-top: 10px; color: #484848}
/* Формы */
.forma {
padding: 50px 0;
font-size: 0;
color: #000;
background: none;
position: relative;
z-index: 2
}
.forma .text {
text-transform: uppercase;
font-size: 16px;
width: 60%;
margin-bottom: 60px;
}
.forma .pole {
width: calc(33.3% - 80px);
padding: 0 40px;
font-size: 14px;
display: inline-block;
vertical-align: top;
}
.forma .pole:nth-of-type(3n-2) {
padding-left: 0;
width: calc(33.3% -0px);
}
.forma .pole:nth-of-type(3n) {
padding-right: 0;
width:33.3% ;
}
.forma .pole .label {
margin-bottom: 10px;
}
.forma .pole .personal {
color: #000;
font-size: 12px;
margin-top: 40px;
}
.forma .pole .personal a {
text-decoration: underline
}
.forma input {
font-family: "Exo 2", sans-serif;
overflow: visible;
padding: 8px 11px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
outline: none;
background: linear-gradient(#FFF, #E6E6E6);
box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
color: #333;
text-shadow: 1px 1px #FFF;
width: calc(100% - 22px);
text-align:left;
font-weight:400;
display:block;
margin-bottom:16px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.forma input:hover {
border: 1px solid #eb2531
}
.forma input[type="submit"] {
font-family: "Exo 2", sans-serif;
overflow: visible;
padding: 8px 11px;
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
border-radius: 4px;
outline: none;
background: linear-gradient(#2183bb, #17587e);
box-shadow: inset 1px -1px #014156, inset -1px 0 #014156, 0 1px 2px rgba(0,0,0,.1);
color: #fff;
text-shadow: none;
width:100%;
text-align:left;
font-weight:bold;
display:block;
margin-bottom:16px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
cursor: pointer
}
.forma input[type="submit"]:hover {
color:#999
}
.forma.discount {
padding: 0px 0 30px 0;
color:#000;
background-image: none;
background: none
}
.forma.discount h2 {
font-weight: 600
}
.forma_success, .forma_discount_success {
display: none;
font-size: 16px;
}
/* Подвал */
.footer {
border-top: 1px solid #000;
padding: 10px;
background-size: cover;
position: relative;
}
.footer h2 {
font-size: 18px;
font-weight: 700;
margin-bottom: 30px;
}
.footer .column {
display: inline-block;
vertical-align: top;
width: 20%;
margin-right: 4%;
font-size: 12px;
margin-bottom: 40px;
}
.footer .column:last-of-type {
margin-right: 0;
}
.footer .column .links {
}
.footer .column a {
}
.footer .column .links a {
display: block;
line-height: 24px;
}
.footer .column h2 a {
color: #000
}
.footer .column ul {
margin: 0;
padding: 0;
list-style: none
}
.footer .column ul li {
line-height: 24px;
}
.footer .copyright {
font-size: 14px;
display: inline-block;
vertical-align: middle
}
.footer .merbal {
float: right;
display: inline-block;
vertical-align: middle
}
.footer .zag a {
font-size: 22px;
color: #000;
}
.footer .copyright a {
}
.footer .column .social {
margin-top: 20px;
}
.footer .column .social a {
font-size: 14px;
}
.footer .rights {
font-size: 10px;
margin-top: 20px;
width: 60%;
color: #000;
z-index: 2;
position: relative
}
@media screen and (max-width: 1410px) {
.cpt_root_categories ul li .image {
width: 40%;
text-align: center;
display: inline-block;
height: 300px;
position: relative
}
.cpt_root_categories ul li .image img {
max-width: 190px;
}
.cpt_root_categories ul li .text {
font-size: 26px;
font-weight: 400;
display: inline-block;
vertical-align: top;
margin-top: 70px;
width: 200px;
}
.cpt_root_categories ul li .text .desc {
color: #92776c;
font-size: 12px;
}
.cpt_root_categories ul li:nth-of-type(2n) .text {
margin-left: 15%;
text-align: right
}
}
@media screen and (max-width: 1240px) {
.top .slogan {
font-size: 14px;
margin-left: 10px;
}
.top .phone {
margin-left: 0px;
margin-top: 25px;
margin-right: 0
}
.top .phone a {
font-size: 16px;
}
.top .callback a, .top .mail a {
padding: 7px 10px;
font-size: 12px;
}
.top .mail {
margin-left: 10px;
}
.categories ul li {
margin-right: 10px;
padding-right: 10px;
}
.korotko .zerna {
margin-top: 30px;
}
.top .logo {
margin-left: 40px;
}
}
@media screen and (max-width: 995px) {
h2.main {
font-size: 24px;
line-height: 30px;
}
h2 .line {
position: absolute;
left: 0;
height: 45px;
margin-top: -5px;
}
h2 {
text-align: center
}
/* Верх */
.top {
padding: 10px 0;
}
.top .slogan {
font-size: 10px;
padding: 10px;
margin: 10px;
width: calc(100% - 250px)
}
.top .right {
display: none
}
/* Меню */
.menu {
display: none
}
/* Категории в меню */
.categories {
display: none
}
/* О нас на главной */
.about .left, .about .right {
display: block;
vertical-align: middle
}
.about .left {
width: 100%;
text-align: center;
margin-bottom: 25px;
}
.about .right {
width: 100%;
text-align: center;
}
/* Подбор на главной */
.podbor .forma_podbor form {
margin-left: 10px!important
}
.podbor .forma_podbor {
display: inline-block;
vertical-align: middle;
width: 100%;
}
.podbor .konvektomati {
display: none;
}
.podbor .punkt {
font-size: 22px;
margin: 20px 0;
}
.punkt img {
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
.podbor input, .podbor select {
margin-left: 40px;
}
.podbor .submit input {
display: block;
position: relative;
z-index: 2;
margin-left: 0;
font-size: 16px;
background: #000;
color: #fff;
border-radius: 100px;
border: none;
padding: 10px 80px 10px 55px;
margin-top: 40px;
cursor: pointer
}
.podbor .submit .line {
height: 38px;
background: #000;
position: absolute;
left: 0;
width: 15%;
margin-top: -38px;
z-index: 1
}
/* По сериям */
.serii {
padding-top: 20px;
}
/* Иконки */
.icons .icon {
display: block;
width: 100%;
margin-right: 0px;
vertical-align: top;
margin-bottom: 100px;
margin-top: 100px;
text-align: center
}
.icons .icon .image {
height: auto;
position: relative;
margin-bottom: 25px;
margin-top: 25px;
}
.icons .icon .image img {
position: relative;
margin: auto
}
.icons .icon .zag {
font-size: 20px;
font-weight: 400;
padding-left: 0px;
border-left: 0
}
.icons .icon .text {
margin-left: 0px;
}
/* Формы */
form#post_form {
display: flex;
flex-flow: wrap;
}
.forma .pole:nth-of-type(1) {
order: 1;
}
.forma .pole:nth-of-type(2) {
order: 2;
}
.forma .pole:nth-of-type(3) {
order: 6;
}
.forma .pole:nth-of-type(4) {
order: 3;
}
.forma .pole:nth-of-type(5) {
order: 4;
}
.forma .pole:nth-of-type(6) {
order: 5;
}
.forma .text {
font-size: 14px;
width: 100%;
text-align: center
}
.forma .pole {
width: 100%;
padding: 0px;
display: block;
}
.forma .pole:nth-of-type(3n-2) {
padding-left: 0;
width: 100%;
}
.forma .pole:nth-of-type(3n) {
padding-right: 0;
width:100% ;
}
.forma.discount {
padding: 0px 0 30px 0;
color:#000;
background-image: none
}
.forma.discount h2 {
font-weight: 600
}
/* Подвал */
.footer {
text-align: center
}
.footer .column {
display: block;
width: 100%;
margin-right: 0%;
}
.footer .rights {
width: 100%;
}
.footer .logo {
display: none
}
/* Мобильная кнопка меню */
.mob_b {
display: inline-block;
width: 35px;
height: 35px;
background: url("https://xn--80ajatbqh2a.xn--p1ai/images/mob_b.svg") no-repeat #fff;
border-radius: 100px;
background-size: cover;
vertical-align: top;
float: right;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
z-index: 5;
margin-top: 15px;
position: fixed;
top: 20px;
left: 10px;
}
.mob_b.active {
background: url("https://xn--80ajatbqh2a.xn--p1ai/images/mob_x.svg") no-repeat #fff;
background-size: cover;
transform: rotate(360deg);
z-index: 10;
}
/* Меню */
.mob_menu {
position: fixed;
display: block;
right: -100%;
top: 0;
background: rgba(255,255,255,0.6);
height: calc(100% - 20px);
width: calc(100% - 80px);
padding: 10px;
z-index: 3;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
overflow-x: scroll;
box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.mob_menu ul {
list-style: none;
background: rgba(0,0,0,0.1);
padding: 10px;
margin: -10px;
margin-bottom: 20px;
}
.mob_menu ul li {
margin-bottom: 10px;
}
.mob_menu ul li a {
font-size: 16px;
}
.mob_menu a {
color: #252525;
font-size: 16px;
display: block;
margin-bottom: 10px
}
.mob_menu .right {
display: none;
}
.mob_menu .contacts {
bottom: 0;
background: rgba(0,0,0,0.09);
left: 0;
text-align: left;
padding: 10px;
border-radius: 5px;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
}
.mob_menu.show {
right: 0
}
.mob_menu .social a {
display: inline-block;
}
/* Товар внутри */
.cpt_product_category_info h1 {text-align: center}
.tovinside .order {display: flex; width: 100%; flex-flow: wrap;}
.tovinside .main { border:1px solid #f2f2f2; width:calc(100% - 40px); margin-top:20px; padding:20px 20px 20px 20px; margin-bottom:5px;}
.tovinside h2 {font-size:14px; font-weight:bold; display:block; text-align: center}
.tovinside .main .left { float: none; width: 100%; text-align: center }
.tovinside .main .right { float:none; width:100%; order: 2; display: block}
.tovinside .main .code {color:#a0a0a0; padding-bottom:20px; border-bottom:1px solid #f2f2f2 }
.tovinside .main .price {font-size:28px; font-weight:bold; color:#000; padding-top:20px; padding-bottom:20px;text-align: center}
.tovinside .main .product_qty { text-align:center}
.tovinside .main input.product_qty {background:none; border:none; padding-bottom:10px;font-size:14px; color:#a0a0a0; width:20px; text-align: center}
.tovinside .main #add2cart {color:#FFF; border:none; height:37px; width:122px; display:inline-block; vertical-align:top; margin-left:10px; cursor:pointer}
.tovinside .main #add2cart:hover {background: #90745d}
.tovinside .main .text { padding-top:20px}
.tovinside .cpt_product_params_selectable {text-align: center}
.tovinside ul {list-style-type: none; padding:0}
.tovinside ul li {font-size:12px; color:#6f6f6f; line-height: 24px; text-align: left }
.tovinside ul li:hover {color: #fe0000}
.tovinside .block {width:240px; height:193px; background:#CCC; vertical-align:top}
.tovinside .block:last-of-type {margin-top:17px;}
.tovinside .banners {display:inline-block; margin-top:20px}
.tovinside .sub-right {width:100%; }
.tovinside .prduct-menu { background:#f2f2f2; height:42px}
.tovinside .big { font-size:22px}
.tovinside .howto { border-bottom:1px solid #f2f2f2; padding-bottom:10px; margin-bottom:20px; clear:both}
.tovinside .howto ul li {font-size:14px; color:#6f6f6f; padding-left:20px}
.tovinside .howto ul li strong { color:#000}
.tovinside .vopros input { border:1px solid #f2f2f2; height:38px; width:100%; padding-left:10px; margin-bottom:15px; margin-right:20px}
.tovinside .vopros textarea {border:1px solid #f2f2f2; height:117px; resize:none; padding-left:10px; padding-top:10px; font-family:"Exo 2"; font-size:14px; width:100%}
.tovinside .vopros input[type="submit"] { background:#fe0000; border:none; width:91px; height:23px; color:#FFF; font-weight:bold; text-transform:uppercase; cursor:pointer; font-size:11px; padding:0; text-align:center}
.tovinside .description { border-bottom:0px solid #f2f2f2; padding-bottom:10px; margin-bottom:20px; text-align: justify; font-size: 12px}
.tovinside .description table { width:100%; padding:0; margin:0;border-collapse: collapse; font-size:14px;}
.tovinside .description table td {text-align:center; padding:10px;}
.tovinside .description table th {padding:10px}
.tovinside .description table tr:nth-of-type(odd) {background:#f7f7f7}
.tovinside h2 {font-size: 22px; text-transform: uppercase; margin-bottom: 10px}
.tovinside .tech { display:none; border-bottom:1px solid #f2f2f2; padding-bottom:10px; margin-bottom:20px;margin-top:10px }
.tovinside .sert { display:none; border-bottom:1px solid #f2f2f2; padding-bottom:10px; margin-bottom:20px;margin-top:10px; text-align:center}
.tovinside .obzor p img {float:left; clear:both; max-width:140px; height:auto; padding-right:20px; padding-bottom:10px;}
.tovinside .obzor img {max-width:140px;}
.tovinside .obzor p { margin-right:20px}
.tovinside .obzor h3 {display:block; clear:both}
.tovinside .obzor { display:none; border-bottom:1px solid #f2f2f2; padding-bottom:10px; margin-bottom:20px;margin-top:10px; overflow:hidden}
.tovinside .cpt_product_images img {max-height: 200px; max-width: 100%}
.tovinside .cpt_product_images {height: 220px;}
.tovinside .show {display:block}
.tovinside .recomend {margin-bottom:30px;}
.tovinside .prduct-menu .btn {display:inline-block; padding:9px 30px 9px 30px; text-transform:uppercase; color:#484848; font-size:12px; margin-top:5px; margin-left:5px; cursor:pointer; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.tovinside .prduct-menu .btn:hover {background:#fe0000; color:#FFF}
.tovinside .prduct-menu .sel {background:#fff; }
.tovinside .prduct-menu .sel:hover {background:#fff; color:#484848;}
.tovinside .tech table {width:100%; padding:0; margin:0;border-collapse: collapse; }
.tovinside .tech table td {border-bottom:0px solid #f2f2f2; font-size:14px; padding:5px; text-align:left; font-size: 12px;width:40% }
.tovinside .tech table tr td:nth-of-type(2) { text-align: right}
.tovinside .tech table th { padding:10px 5px 10px 5px; text-align:left}
.tovinside .tech table tr:nth-of-type(odd) { background:#f7f7f7}
.tovinside .all_images {font-size: 0; margin-top: 20px; width: 100%; text-align: center; order:1; display: block }
.tovinside .all_images {font-size: 0; margin-top: 20px; text-align: center; }
.tovinside .all_images .img img {max-height: 100%; max-width: 100%;}
.tovinside .all_images .img {width:50px; height: 50px; padding: 5px; border: 1px solid #f2f2f2; display: inline-block; vertical-align: top; margin-left: -1px; margin-top: -1px; position: relative; text-align: center; background: #fff}
.tovinside .all_images .img:hover {border: 1px solid #fe0000; z-index: 10}
.tovinside .selecteble table {margin: 0; padding: 0; }
.tovinside .selecteble td {font-size: 0 !important}
.tovinside .selecteble td select {background: #90745d; color: #FFFFFF; height: 38px; border: 0px solid #000; padding-left: 5px}
.cpt_product_add2cart_button { text-align: center}
.tovinside .credit {
margin-top: 10px;
}
.tovinside .files .file {
display: inline-block;
width: 45%;
text-align: center;
vertical-align: top;
margin-bottom: 30px;
}
.tovinside .files .file a {
background: url("/images/download.png") no-repeat center top;
width: 100%;
}
/* Товары */
.tovari { font-size: 0}
.tovari .tovar {display: block; width: calc(100% - 22px); padding: 0 10px; border:1px solid #f2f2f2; height: 310px; position: relative; vertical-align: top; text-align: center; margin-top: -1px; margin-right: -1px;}
.tovari .tovar:hover {border:1px solid #fe0000; z-index: +1 }
.tovari .tovar .skidka {background: #ffcc00; padding: 5px; color: #fff; position: absolute; left: 10px; top:10px; font-size: 12px}
.tovari .tovar .image { padding-top: 30px; height: 140px}
.tovari .tovar .image img {max-height: 120px; width: auto; vertical-align: bottom; display: inline-block;}
.tovari .tovar .name { height: 80px}
.tovari .tovar .name a {font-size: 16px; color:#4a4a4a}
.tovari .tovar .price {display: inline-block; font-size: 18px; font-weight: bold; margin-top: 10px; color: #484848}
.tovari .tovar .list_price {display: inline-block; font-size: 14px; font-weight: normal; margin-top: 10px;color:#6f6f6f; text-decoration:line-through; margin-left: 20px}
.tovari .tovar .eco { color: #fe0000; font-size: 12px;}
.tovari .tovar .addSelect {white-space: nowrap; text-align: left}
.tovari .tovar .addSelect .selecteble {display: block; position: absolute; bottom: 5px; left: 10px; text-align: center; vertical-align: top; width:calc(100% - 20px); }
.tovari .tovar:hover .addSelect .selecteble {display: block}
.tovari .tovar .addSelect .selecteble select {background: #a28f80; font-family: "Exo 2"; color: #FFFFFF; padding: 4px; font-size: 12px; color: #fff; width: 85px; border: 0px solid #000; padding-left: 5px; margin-right: 5px; cursor: pointer; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.tovari .tovar .addSelect .selecteble .options {display: inline-block; vertical-align: top}
.tovari .tovar .addSelect .vKorzinu { display: inline-block; }
.tovari .tovar .addSelect .vKorzinu .prdbrief_add2cart input {background: #a28f80; color: #FFFFFF; padding: 5px; color: #fff; font-size: 12px; width: auto; border: 0px solid #000; font-family: "Simonnelli", "Exo 2"; cursor: pointer; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.tovari .tovar .addSelect .vKorzinu .prdbrief_add2cart input:hover, .tovari .tovar .addSelect .selecteble select:hover {background: #fe0000}
.tovari .subcat a {
display: block;
text-align: center
}
/* Корзина */
.cart {
}
.cart .products {
display: block;
vertical-align: top;
width: 100%;
margin-right: 0%;
padding: 20px 0;
}
.cart .products table tr td {
font-size: 12px;
}
.cart .products table tr td:nth-of-type(1) {
width: 145px;
}
.cart .products .equal {
font-size: 18px;
font-weight: 600;
text-align: center
}
.cart .products .onesteporder-remove-all-elements {
margin-left: 0px;
display: block;
text-align: center
}
.cart .products .onesteporder-remove-all-elements a {
text-decoration: none;
color: #000
}
.cart .info {
width: calc(100% - 20px);
display: block;
padding: 40px 10px;
}
.cart .info .onesteporder-contact-div table tr td {
font-size: 12px;
}
.cart .info .onesteporder-contact-div table tr td:nth-of-type(1) {
width: 40%
}
.cart .info .onesteporder-contact-div input {
}
.cart .info .onesteporder-contact-div textarea {
}
.cart .info .onesteporder-contact-td-last {
font-size: 12px;
color: #999
}
.cart .info .onesteporder-products-total-div {
text-align: center
}
.cart .info input.onesteporder-products-total-submit {
font-size: 18px;
font-weight: 100;
background: none;
color: #000;
border: 1px solid #cfcfcf;
padding: 10px;
margin: 0;
cursor: pointer;
}
.cart .info input.onesteporder-products-total-submit:hover {
background: #000;
color: #fff
}
/* Категория */
.category .filter {
display: block;
width: 100%;
margin-right: 0%;
height: auto
}
.category .products {
display: block;
width: 100%;
}
.category .products .navi {
font-size: 12px;
text-align: center;
margin-bottom: 40px;
margin-top: 30px;
}
.category .products .navi a {
display: inline-block;
padding: 2px 5px;
text-decoration: none
}
.category .products .navi a:hover {
background: #fdfdfd
}
.category .products .navi .faq {
padding: 2px 5px;
}
.category .products .items .item {
display: block;
width: calc(100% - 20px);
margin-right: 0%;
margin-bottom: 30px;
margin-top: 20px;
padding-bottom: 50px;
border-bottom: 1px solid #ccc!important;
padding-left: 10px;
padding-right: 10px;
border-right: none
}
.category .products .items .item:hover {
padding-left: 10px;
padding-right: 10px;
}
.category .products .items .item .image {
text-align:center;
position: relative;
height: auto;
}
.category .products .items .item .image img {
max-width: 60%;
position: relative;
display: inline-block;
bottom: 0;
}
.category .products .items .item .name {
margin-left: 0px;
text-align: center
}
.category .products .items .item .price {
margin-left: 0px;
text-align: center
}
.category .products .items .item .icons {
margin-left: 0px;
text-align: center;
width: 100%;
}
.category .products .items .item .description {
margin-left: 0px;
width: 100%;
height: auto;
margin-bottom: 10px;
text-align: center
}
.category .products .items .item .readmore a {
width:calc(100% - 24px);
}
/* Фильтр */
.filter_m {
font-size: 14px;
text-align: center;
background: url("/images/filtr.svg") no-repeat left 10px center #b8b8b8;
background-size: 20px;
display: block;
padding: 10px;
font-weight: 600
}
.filter_m.active {
background: #fe0000;
color: #fff;
}
#filter {
max-height: 0;
overflow: hidden;
position: relative
}
#filter .cpt_prfilter_block {
}
.showFil {
max-height: 2500px!important
}
/* Категории на главной */
.cpt_root_categories ul li {
display: block;
width: 100%;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #f7ede9
}
.cpt_root_categories ul li .image {
width: 100%;
text-align: center;
display: inline-block;
height: 250px;
position: relative
}
.cpt_root_categories ul li .image img {
width: 140px;
height: auto
}
.cpt_root_categories ul li:nth-of-type(2n) .image {
float: none
}
.cpt_root_categories ul li .text {
text-align: center;
display: block;
vertical-align: top;
font-size: 20px;
margin-top: 20px;
width: 100%;
}
.cpt_root_categories ul li:nth-of-type(2n) .text {
margin-left: 0%;
text-align: center
}
.korotko {
background: url("/images/logo_big_tensparent.png") no-repeat left bottom #45271b;
}
.korotko .zerna {
right: 0;
margin-top: 150px;
z-index: 1;
filter: opacity(25%)
}
.korotko h2 {
text-align: center
}
.korotko .left {
width: 100%;
margin-right: 0%;
display: block;
text-align: center
}
.korotko .right {
width: 100%;
display: block;
text-align: center
}
.cpt_product_search {
display: block;
margin-left: 0px;
margin-bottom: 20px;
}
.cpt_product_search #searchstring {
border: 1px solid #ccc;
width: calc(100% - 10px)
}
.carti {
position: fixed;
bottom: 10px;
right: 10px;
background-color: #7fbfe3;
border-radius: 100px;
padding: 25px;
height: 0;
width: 0;
z-index: 5
}
.top .social, .top .callback {
display: none
}
.mobile {
display: block
}
.footer .merbal {
text-align: center;
float: none;
margin-top: 10px;
}
.category .subcategoryes .subcategory {
width: calc(100% - 20px);
}
.category .subcategoryes .subcategory .name {
vertical-align: middle
}
.category .subcategoryes .subcategory .image {
vertical-align: middle;
}
h1, h2 {
text-align: center
}
.bread {
text-align: center;
display: block;
}
}