html {
line-height: 1.48;
font-size: 14px;
font-family: Verdana, Arial, sans-serif;
color: #3E3E3E;
background: #333;
}
body {
margin: 0;
}
a {
color: #3E3E3E;
text-decoration: none;
}
a:active,
a:hover {
text-decoration: underline;
outline: 0;
color: #e4003a;
}
h1 {
font-size: 32px;
font-weight: bold;
}
h2 {
text-align: center;
font-size: 24px;
font-weight: bold;
}
h3 {
margin: 33px 0px 13px;
font-size: 16px;
font-weight: bold;
}
h3 a {
text-decoration: underline;
}
p:first-child {
margin-top: 0;
}
ul {
margin: 0;
padding-left: 17px;
}
li {
margin-bottom: 6px;
}
ul ul {
margin: 6px 0;
}
img {
vertical-align: middle;
border: none;
max-width: 100%;
}
input {
font-family: Verdana;
font-size: 14px;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
/* Modal
==============================================================================*/
.modal-overlay {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(/local/templates/metstroy/images/modal-overlay.png) repeat left top;
opacity: 1;
z-index: 200;
}
.modal-shim {
overflow: auto;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 210;
}
.modal-wrap {
position: absolute;
padding: 30px;
}
.modal-window {
position: relative;
padding: 20px 20px 40px;
width: 478px;
background: white;
}
.modal-close {
display: block;
position: absolute;
top: 0;
right: -50px;
width: 35px;
height: 35px;
background: url(/local/templates/metstroy/images/modal-close.png);
z-index: 1;
}
.modal-content h2 {
text-align: center;
margin: 0 0 35px;
}
/* Colorbox
==============================================================================*/
/* Colorbox Core Style */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/* User Style */
#cboxOverlay {
background: url(/local/templates/metstroy/images/modal-overlay.png) repeat left top;
}
#colorbox {
outline: 0;
}
#cboxClose {
overflow: hidden;
display: block;
position: absolute;
top: 0;
right: -50px;
padding: 0;
width: 35px;
height: 35px;
text-indent: -9999px;
border: none;
background: url(/local/templates/metstroy/images/modal-close.png);
}
#cboxContent {
margin: 30px 50px 80px;
padding: 20px;
background: white;
}
#cboxCurrent {
display: none !important;
}
#cboxTitle {
position: absolute;
left: 0;
right: 0;
padding: 20px;
background: white;
}
#cboxTitle a {
text-decoration: underline;
}
#cboxTitle:empty {
display: none !important;
}
#cboxPrevious {
position: absolute;
top: 50%;
left: 30px;
margin-top: -20px;
padding: 0;
width: 55px;
height: 55px;
text-indent: -9999px;
background: url(/local/templates/metstroy/images/icon-prev-55.png) no-repeat 50% 0;
border: none;
}
#cboxPrevious:hover {
background-position: 50% -55px;
}
#cboxNext {
position: absolute;
top: 50%;
right: 30px;
margin-top: -20px;
padding: 0;
width: 55px;
height: 55px;
text-indent: -9999px;
background: url(/local/templates/metstroy/images/icon-next-55.png) no-repeat 50% 0;
border: none;
}
#cboxNext:hover {
background-position: 50% -55px;
}
/* Global
==============================================================================*/
.m-gray {
color: #6a6a6a;
}
.b-icon {
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
background: transparent no-repeat center center;
}
.b-icon_35 {
width: 37px;
height: 35px;
}
.b-icon_linkedin {
background-image: url(/local/templates/metstroy/images/icon-linkedin.png);
}
.b-icon_search {
background-image: url(/local/templates/metstroy/images/icon-search.png);
}
.b-icon_35.b-icon_attach {
background-image: url(/local/templates/metstroy/images/icon-attach-35.png);
}
.b-icon_prev,
.b-icon_next {
width: 30px;
height: 30px;
background: transparent no-repeat 50% 0;
}
.b-icon_prev:hover,
.b-icon_next:hover {
background-position: 50% -30px;
}
.b-icon_prev {
background-image: url(/local/templates/metstroy/images/icon-prev.png);
}
.b-icon_next {
background-image: url(/local/templates/metstroy/images/icon-next.png);
}
.b-icon_35.b-icon_call {
background: url(/local/templates/metstroy/images/icon-call-35.png) no-repeat 50% 0;
}
.b-icon_35.b-icon_request {
background: url(/local/templates/metstroy/images/icon-request-35.png) no-repeat 50% 0;
}
.b-button_icon .b-icon_35 {
margin: -10px 0;
margin-right: 10px;
}
.b-button_icon:hover .b-icon_35 {
background-position: 50% -35px;
}
.b-button {
display: inline-block;
padding: 12px 40px;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
color: white;
background: #3e3e3e;
border: 2px solid #acacac;
}
.b-button:hover {
text-decoration: none;
color: #414141;
background: white;
border-color: #3e3e3e;
}
.b-button_big {
padding: 8px 40px;
font-size: 20px;
}
.b-button_icon {
padding: 12px;
padding-left: 8px;
}
.b-buttonRow {
margin-bottom: 50px;
}
.b-buttonRow .b-button {
margin-right: 15px;
}
.b-button_toform {
border-radius: 14px;
text-transform: none;
font-size: 16px;
}
.b-select {
display: inline-block;
position: relative;
}
.b-select select {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.b-select-text {
margin-right: 29px;
}
.b-select-arrow {
position: absolute;
top: 0;
right: 0;
width: 29px;
height: 100%;
background: url(/local/templates/metstroy/images/select-arrow.png) no-repeat center center;
}
.b-form {}
.b-form_modal {
/*text-align: center;*/
font-size: 14px;
}
.b-form label {
display: block;
margin-bottom: 12px;
font-weight: bold;
}
.b-form .b-select,
.b-form input[type=text],
.b-form textarea {
padding: 4px 8px;
width: 340px;
background: white;
border: 2px solid #acacac;
}
.b-form .b-select,
.b-form input[type=text] {
height: 18px;
}
.b-form input.error {
border-color: red;
}
.b-form input.error:focus + label.error {
display: none !important;
}
.b-form input[type=text]:active,
.b-form input[type=text]:focus,
.b-form textarea:active,
.b-form textarea:focus {
border: 2px solid #333;
}
.b-form textarea {
/*height: 140px;*/
/*resize: none;*/
font-family: Verdana;
font-size: 13px;
}
.b-form .b-select-text {
text-align: left;
}
.b-form-row {
margin-bottom: 6px;
}
.b-form-row_actions {
margin-bottom: 0;
text-align:center;
}
.b-form-row_actions p {
text-align: center;
}
.b-form-wrap {
display: flex;
justify-content: center;
}
#page-request .b-form-wrap > .b-form {
display: flex;
flex-direction: column;
align-items: center;
/*flex: 0 1 340px;*/
}
#page-request .b-form-wrap > .b-form .b-form-row {
/*flex: 0 1 340px;*/
max-width: 340px;
}
.b-form .b-button {
border-radius: 14px;
text-transform: none;
max-width: 360px;
box-sizing: border-box;
white-space: normal;
font-size: 16px;
cursor: pointer;
-webkit-appearance: none; /* fuck safari */
}
.b-form .b-form-text {
color: #6a6a6a;
text-align: center;
display: block;
margin-top: 10px;
}
.b-form .b-button:disabled {
color: white !important;
background: #3e3e3e !important;
border: 2px solid #acacac !important;
}
.b-form label.error,
.b-form .form-phone_error {
color: red;
}
/* Layout
==============================================================================*/
.l-head,
.l-menu,
.l-main,
.l-foot {
min-width: 1000px
}
.l-head-inner,
.l-menu-inner,
.l-main-inner,
.l-foot-inner {
margin: 0 auto;
padding: 0 12px;
width: 976px;
box-sizing: border-box;
}
.l-head {
color: #acacac;
background: #333;
border-bottom: 5px solid white;
}
.l-head a {
color: #acacac;
}
.l-head-inner {}
.l-head-logo {
width: 312px;
}
.l-head-contacts {}
.l-head-request {}
.l-menu {
background: white;
border-top: 5px solid #333;
}
.l-menu-inner {}
.l-menu-large {
display: flex;
/*align-items: center;*/
}
.l-menu-large .b-headMenu {
flex: 0 1 auto;
}
.l-menu-large .l-menu-search {
flex: 1 1 auto;
margin-top: -5px;
}
.l-main {
padding: 40px 0 65px;
background: white;
}
.l-main-inner {}
.l-foot {
clear: both;
color: #acacac;
background: #333;
}
.l-foot a {
color: #acacac;
}
.l-foot h4 {
margin: 0 0 1em;
}
.l-foot-inner {}
.l-foot-section {
padding: 20px 0;
border-top: 1px solid #555;
}
.l-foot-section:first-child {
border-top-color: transparent;
}
.l-head,
.l-foot {
font-size: 14px;
}
.l-row {
overflow: hidden;
margin: 0 -10px;
}
.l-col {
float: left;
margin: 0 10px;
}
.l-col_1 { width: 63px; }
.l-col_2 { width: 146px; }
.l-col_3 { width: 229px; }
.l-col_4 { width: 312px; }
.l-col_5 { width: 395px; }
.l-col_6 { width: 478px; }
.l-col_7 { width: 561px; }
.l-col_8 { width: 644px; }
.l-col_9 { width: 727px; }
.l-col_contacts {
padding-top: 15px;
text-align: right;
}
.l-col_request {
padding-top: 20px;
text-align: center;
}
/* Header
==============================================================================*/
.b-headLogo {
display: block;
/*width: 312px;*/
/*height: 134px;*/
/*background: url(/local/templates/metstroy/images/headLogo.png) no-repeat left center;*/
margin-top: 10px;
margin-bottom: 10px;
}
.b-headMenu {
list-style: none;
margin: 0;
padding-left: 0px;
}
.b-headMenu > li {
position: relative;
display: inline-block;
vertical-align: top;
margin: 0 25px;
}
.b-headMenu > li > a {
position: relative;
display: block;
padding: 16px 0;
line-height: 22px;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
border-bottom: transparent solid 5px;
}
.b-headMenu > li > a.b-icon_search {
margin: 0 -16px;
padding: 16px;
display: inline-block;
}
.b-headMenu > li > a.m-active,
.b-headMenu > li:hover > a {
text-decoration: none;
border-bottom-color: #333;
}
.b-headMenu > li:hover > a.b-icon_search {
border-color: transparent;
}
/*.b-headMenu > li:hover > a.b-icon_search,*/
.b-headMenu > li > a.b-icon_search.m-active {
background: #333 url(/local/templates/metstroy/images/icon-search-active.png) no-repeat center center;
}
.b-headMenu > li:hover > a.m-hasSubMenu::after {
content: '';
position: absolute;
display: block;
bottom: -21px;
width: 100%;
height: 16px;
background: url(/local/templates/metstroy/images/headMenu-hasSubMenu.png) no-repeat center top;
}
.b-headSubMenu {
display: none;
position: absolute;
z-index: 100;
left: 0;
margin-top: 16px;
width: 672px;
font-size: 14px;
background: white;
border: 2px solid #333;
}
.b-headSubMenu::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 195px;
height: 100%;
background: #333;
}
.b-headMenu-responsive .b-headSubMenu::before {
display: none;
}
.b-headMenu > li:hover > .b-headSubMenu {
display: block;
}
.b-headSubMenu-section {
overflow: hidden;
margin: 15px 0 20px;
}
.b-headSubMenu-sectionTitle {
position: relative;
float: left;
margin-left: 15px;
width: 172px;
text-align: right;
}
.b-headSubMenu-sectionTitle a {
font-weight: bold;
color: #acacac;
}
.b-headSubMenu-sectionTitle span {
font-size: 11px;
color: #888;
}
.b-headSubMenu-sectionList {
margin: 0 15px 0 205px;
padding: 0;
}
.b-headSubMenu-sectionList li {
display: inline;
}
.b-headSubMenu-sectionList li::after {
content: ',';
}
.b-headSubMenu-sectionList li:last-child::after {
content: '';
}
.b-headSubMenu-sectionList-more {
margin-left: 205px;
color: #888;
font-size: 11px;
}
.b-headSubMenu-sectionList-more a {
color: #888;
}
.b-headSubMenu-sectionList-more span {
font-size: 11px;
}
.b-headSubMenu-sectionList-more span:after {
content: " ›";
font-size: 16px;
line-height: 20px;
vertical-align: bottom;
}
.b-headMenuSearch {
display: inline-block;;
/*position: absolute;*/
/*right: -16px;*/
/*margin-top: -5px;*/
/*padding: 12px 8px;*/
/*background: #333;*/
white-space: nowrap;
vertical-align: middle;
}
.b-headMenu > li > a.b-icon_search.m-active + .b-headMenuSearch {
display: block;
}
.b-headMenuSearch input[type=text] {
vertical-align: top;
margin-right: 4px;
padding: 0 10px;
width: 180px;
height: 30px;
font-size: 12px;
color: #333;
background: white;
border: 2px solid #ababab;
}
.b-headMenuSearch input[type=text]:active,
.b-headMenuSearch input[type=text]:focus {
border: 2px solid #333;
}
.b-headMenuSearch input[type=submit] {
vertical-align: top;
box-sizing: border-box;
padding: 0 4px;
height: 34px;
font-size: 11px;
font-weight: bold;
color: #ababab;
background: #333;
border: 2px solid #ababab;
}
.b-headMenuSearch input[type=submit]:hover {
color: #333;
background: #ababab;
}
.b-headPhones {
list-style: none;
margin: 0;
padding: 0;
font-size: 16px;
}
.b-headPhones > li {
margin-bottom: 0;
}
.b-headPhones-city {
margin-right: 15px;
/*font-size: 12px;*/
}
.b-headPhones-phone {
font-weight: bold;
}
.b-headPhones-phone a {text-decoration: none !important;}
.b-headPhones-phone .m-prefix {
font-weight: normal;
color: #7e7e7e;
}
.b-headPhones-hours {
font-size: 12px;
}
.b-headCall {
margin-top: 8px;
}
a.b-headCall-anchor {
padding-bottom: 3px;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
color: white;
border-bottom: 1px dashed white;
}
a.b-headRequest {
position: relative;
display: inline-block;
padding: 35px 0;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
color: white;
outline: none;
}
.b-headRequest:hover {
text-decoration: none;
}
.b-headRequest::before,
.b-headRequest::after {
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
width: 94px;
height: 94px;
border: 2px solid rgba(255,255,255,.12);
border-radius: 50%;
content: '';
opacity: 1;
-webkit-transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
transition: transform 0.3s, opacity 0.3s;
transform: translateX(-50%) translateY(-50%) scale(1);
}
.b-headRequest::after {
width: 84px;
height: 84px;
border: 6px solid rgba(255,255,255,.07);
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
}
.b-headRequest:hover::before,
.b-headRequest:focus::before {
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
transform: translateX(-50%) translateY(-50%) scale(0.2);
}
.b-headRequest:hover::after,
.b-headRequest:focus::after {
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
transform: translateX(-50%) translateY(-50%) scale(0.8);
}
/* Footer
==============================================================================*/
.b-footMenu {
list-style: none;
margin: 0;
padding: 0;
}
.b-footMenu > li {
margin-bottom: 4px;
}
.b-footSocials {
list-style: none;
margin: 20px 0 0;
padding: 0;
}
.b-footSocials > li {
display: inline-block;
}
.b-footContacts {
list-style: none;
margin: 0;
padding: 0;
}
.b-footContacts > li {
margin-bottom: 8px;
padding-left: 25px;
}
.b-footContacts-address {
background: url(/local/templates/metstroy/images/icon-address.png) no-repeat left top;
}
.b-footContacts-tel {
background: url(/local/templates/metstroy/images/icon-tel.png) no-repeat left top;
}
.b-footSub input[type=text] {
vertical-align: top;
padding: 0 5px;
width: 177px;
height: 20px;
color: #333;
background: #ababab;
border: none;
}
.b-footSub input[type=submit] {
vertical-align: top;
box-sizing: border-box;
padding: 0 4px;
height: 20px;
font-weight: bold;
color: #ababab;
background: #333;
border: 2px solid #ababab;
}
.b-footSub input[type=submit]:hover {
color: #333;
background: #ababab;
}
@media (min-width: 960px) {
.b-footSub input[type=submit] {
line-height: 6px;
font-size: 9px;
}
}
/* Main
==============================================================================*/
.b-breadcrumbs {
margin: 0;
padding: 0;
font-size: 13px;
color: #c8c8c8;
}
.b-breadcrumbs a {
color: #c8c8c8;
text-decoration: underline;
}
.b-breadcrumbs li {
display: inline;
}
.b-breadcrumbs li::before {
content: '\2022 ';
}
.b-breadcrumbs li:first-child::before {
content: '';
}
.b-tabs {
display: flex;
flex-wrap: wrap;
}
.b-tabs-wrap {
display: flex;
align-content: center;
}
.b-tabs-panes-off {
max-width: 100%;
}
.b-tabs > div {
max-width: 100%;
}
.b-tabs-list {
list-style: none;
margin: 0 0 30px;
padding: 0;
}
.b-tabs-list_page {
display: -webkit-flex;
display: flex;
/* border-bottom: 2px solid #e0e0e0; */
}
.b-tabs-list_page li {
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
/*margin-right: 20px;*/
margin-bottom: 0;
/*width: 229px;*/
font-size: 16px;
font-weight: bold;
}
.b-tabs-list_page li:last-child {
margin-right: 0;
}
.b-tabs-list_page a {
display: block;
padding: 0;
text-align: center;
margin-right:22px;
text-decoration: none;
border-width: 2px;
border-style: solid;
border-color: transparent;
border-bottom: 1px dashed #000000;
}
.b-tabs-list_page a.m-active {
padding: 0px;
margin-bottom: -2px;
background: white;
/*border:none;*/
border-color: transparent;
/*height:46px;*/
}
.b-tabs-list_page li:first-child a {
border-left-color: transparent;
padding-left: 0;
}
.b-tabs-list_page li:last-child a {
/*border-right-color: transparent;*/
}
.b-tabs-list_page a.orderscroll {
border: 2px solid #e0e0e0 !important;
}
.b-tabs-list_text {
font-size: 18px;
font-weight: bold;
}
.b-tabs-list_text li {
display: inline;
margin-right: 25px;
}
.b-tabs-list_text a {
padding-bottom: 5px;
text-decoration: none;
color: #6a6a6a;
border-bottom: 2px dashed #6a6a6a;
}
.b-tabs-list_text a:hover {
border-bottom-style: solid;
}
.b-tabs-list_text a.m-active {
color: #3e3e3e;
border-bottom-color: transparent;
}
.b-tabs-panes {
flex: 1 0 100%;
}
.b-tabs-pane {
max-width: calc(100vw - 40px);
}
.b-tabs-pane-off {
border-bottom: 2px solid #e0e0e0;
margin-bottom: 30px;
padding-bottom: 30px;
}
.b-tabs-pane-off:last-of-type {
border: none;
margin:0;
padding: 0;
}
.b-tabs-pane-header {
text-align: center;
font-size: 24px;
font-weight: bold;
margin-bottom: 14px;
}
.b-tabs-scroll-link a {
font-size: 16px;
font-weight: bold;
padding: 2px 0 0px;
display: block;
border-bottom: 1px dashed #000000;
}
/* подчеркивание ссылок на страницах разделов - в табах */
.b-tabs-pane a {
text-decoration: underline;
}
/* Псевдоссылки вместо табов */
.b-anchor-nav-list {
list-style-type: none;
margin-bottom: 30px;
padding-left: 0;
}
.b-anchor-nav li {
margin-bottom: 0;
font-size: 16px;
font-weight: bold;
display: inline-block;
}
.b-anchor-nav a {
display: inline-block;
padding: 15px 20px;
text-align: center;
text-decoration: none;
border-width: 2px;
border-style: solid;
border-color: transparent;
}
.b-anchor-nav-list .b-tabs-scroll-link a {
padding: 0px;
}
.product-price {
margin-bottom: 0px;
}
.product-in-stock i {
color: #52bf00;
}
.product-in-stock {
position: relative;
margin-left: 25px;
}
.icon-check:before {
background: url(../images/check-im.png) no-repeat 0px 0px;
content: '';
width: 100%;
position: absolute;
height: 25px;
left: -26px;
top: -1px;
}
.b-anchor-nav a span {
border-bottom: 1px dashed #6a6a6a;
}
/* убрал подчеркивание ссылок на подразделы под картинкой анонса */
.clearfix::after {
content: "";
clear: both;
display: table;
}
.section-item {
width: 33%;
float: left;
min-height: 280px;
}
@media (max-width: 786px) {
.section-item {
width: 50%;
}
}
@media (max-width: 550px) {
.section-item {
width: 100%;
}
}
.section-item a {
text-decoration: none;
}
.section-item .section-item-image {
position: relative;
display: block;
margin: 10px 0;
}
.section-item .section-item-price {
background: #FCD707;
padding: 5px 10px;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.section-item-image img {
height: 150px;
}
.section-sub-name {
display: block;
text-align: right;
background: antiquewhite;
padding: 5px;
padding-right: 15px;
}
.catalog-item-price-contain {
display: flex;
line-height: initial;
gap: 10px;
}
.section-item-content {
margin: 12px;
border: 1px solid #eee;
padding: 10px;
font-size: 13px;
}
.section-item-content {
min-height: 350px;
}
.catalog-item-price-contain .catalog-item-price-contain-name {
margin: auto 0;
font-weight: 700;
}
@font-face {
font-family: 'ALSRubl-Verdana';
src: url('alsrubl-verdana-regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
.section-item-price-currency {
/*font-family: 'ALSRubl-Verdana';*/
}
.b-tabs-pane.qpage {
margin-top:60px;
}
.b-poster {}
.b-poster-wrap {
overflow: hidden;
position: relative;
height: 340px;
}
.b-poster-list {
width: 9000px;
}
.b-poster-item {
position: relative;
float: left;
width: 976px;
height: 340px;
}
.b-poster-side {
position: absolute;
top: 0;
left: 0;
bottom: 0;
padding: 5px 5px;
width: 330px;
/*background: rgba(255,255,255,.9);*/
z-index: 1;
}
.b-poster-item img {
width: 100%;
}
.b-poster-video {
position: absolute;
top: 0;
right: 0;
/*width: 580px;*/
width: 664px;
height: 340px;
}
.b-poster-videoPlay {
position: absolute;
top: 118px;
right: 275px;
width: 104px;
height: 104px;
background: url(/local/templates/metstroy/images/poster-videoPlay.png) no-repeat center center;
}
.b-poster-sideTitle {
font-size: 30px;
font-weight: bold;
position: absolute;
z-index: 2;
color: white;
top: 20px;
left: 20px;
background: #3e3e3e;
height: 111px;
width: 380px;
margin-bottom: 0;
margin-top: -3px;
}
.b-poster-sideBody {
line-height: 1.44;
font-size: 12px;
padding-top: 130px;
}
.b-poster-indicators {
margin-top: 16px;
text-align: center;
font-size: 14px;
}
.b-poster-indicators a {
display: inline-block;
vertical-align: top;
margin: 0 5px;
width: 50px;
height: 5px;
background: #cecece;
}
.b-poster-indicators a.m-active {
background: #000;
}
.b-poster-indicators a:hover {
background: #939393;
}
.b-homeServices {
margin-bottom: 60px;
}
.b-homeServices-list {
margin: 0 -10px;
font-size: 0;
}
.b-homeServices-item {
display: inline-block;
vertical-align: top;
margin: 0 10px 40px;
width: 312px;
text-align: center;
font-size: 12px;
}
.b-homeServices-link {
}
.b-homeServices-picture {
display: block;
margin: 0 auto 12px;
width: 147px;
height: 147px;
text-align: center;
font-size: 0;
background: url(/local/templates/metstroy/images/homeServices-outline.png) no-repeat center center;
}
.b-homeServices-picture::after {
content: '';
display: inline-block;
vertical-align: middle;
height: 147px;
}
.b-homeServices-link:hover .b-homeServices-picture {
background-image: url(/local/templates/metstroy/images/homeServices-outline-active.png);
}
.b-homeServices-text {
font-size: 16px;
font-weight: bold;
}
.b-homeServices-desc {
margin-top: 12px;
}
.b-homeServices-foot {
text-align: center;
}
.b-homeProducts {
margin-bottom: 55px;
}
.b-homeProducts-sectionList {
margin: 0 -10px;
font-size: 0;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.b-homeProducts-sectionList-main {
margin: unset;
font-size: unset;
display: block;
-ms-flex-wrap: unset;
flex-wrap: unset;
column-count: 3;
-moz-column-count: 3;
column-gap: 5px;
-webkit-animation-duration: 0.5s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.b-homeProducts-section {
/* Старый стильdisplay: inline-block; comment*/
vertical-align: top;
margin: 0 10px 40px;
width: 312px;
font-size: 13px;
}
.b-homeProducts-sectionList-main .b-homeProducts-section{
vertical-align: unset;
margin: unset;
width: unset;
font-size: unset;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
position: relative;
padding-bottom: 30px;
}
.b-homeProducts-sectionTitle {
margin-bottom: 18px;
padding-bottom: 18px;
height: 38px;
font-size: 16px;
font-weight: bold;
background: url(/local/templates/metstroy/images/homeProducts-sectionTitle-hr.png) repeat-x left bottom;
}
.b-homeProducts-sectionList-main .b-homeProducts-sectionTitle {
font-size: 15px;
min-height: 35px;
}
.b-homeProducts-sectionTitle::after {
content: '';
display: inline-block;
height: 38px;
}
.b-homeProducts-sectionTitle img {
vertical-align: bottom;
margin-right: 15px;
max-height: 28px;
height: 28px;
}
.b-homeProducts-sectionTitle a {
vertical-align: bottom;
}
.b-homeProducts-list {
margin: 0;
padding-left: 0px;
font-size: 14px;
list-style-type: none;
}
.b-homeProducts-listMore {
list-style: none;
}
.b-homeProducts-listMore a {
text-decoration: underline;
}
.b-homeProducts-listMore a:hover {
text-decoration: none;
}
.b-homeProducts-foot {
text-align: center;
}
.b-homeProducts-sectionCount {
color: #888;
font-size: 12px;
}
.b-homeProducts-listMore .b-homeProducts-sectionCount {
font-size: 10px;
}
.b-homeProducts-section .b-homeProducts-list > li .b-homeProducts-sectionCount { /* count of subsections */
font-size: 11px;
}
.b-homeProducts-list > ul {
padding-left: 15px;
}
.b-homeProducts-list > ul > li {
position: relative;
}
.b-homeProducts-list > ul > li::before {
/* content: "\2022"; */
content: ".";
color: #bebcbc;
font-size: 25px;
line-height: 7px;
/* padding-right: 4px; */
display: inline;
position: absolute;
left: -16px;
}
.b-homeAdvantages {
margin-top: 40px;
/*margin-bottom: 70px;*/
}
.b-homeAdvantages-item {
text-align: center;
}
.b-homeAdvantages-picture {
display: block;
margin: 0 auto 12px;
width: 104px;
height: 104px;
text-align: center;
font-size: 0;
background: url(/local/templates/metstroy/images/homeAdvantages-outline.png) no-repeat center center;
}
.b-homeAdvantages-picture::after {
content: '';
display: inline-block;
vertical-align: middle;
height: 104px;
}
.b-homeAdvantages-text {
font-size: 14px;
}
.b-homeAdvantages-previewtext {
color: #6a6a6a;
}
#scroll-properties {
margin-top: 40px;
}
.b-request {
margin-top: 50px;
/*text-align: center;*/
}
.b-request h2 {
margin-top: 0;
text-align: center;
}
.b-request::before,
.b-request::after {
content: '';
display: block;
margin: 25px -12px;
height: 10px;
background: url(/local/templates/metstroy/images/request-hr.png) repeat left top;
width: 100%;
}
#scroll-request .b-request::before {
margin-top: 0;
}
.b-productDetail-wrap {
display: flex;
justify-content: space-between;
}
.b-productDetail {
overflow: hidden;
/*margin-bottom: 60px;*/
}
.b-productDetail-pictures {
/*float: left;*/
/*margin-right: 20px;*/
width: 312px;
flex: 0 0 30%;
order: 2;
}
.b-productDetail-pictureWrap {
overflow: hidden;
/*height: 150px;*/
}
.b-productDetail-pictureMiddle {}
.b-productDetail-pictureThumbs {
list-style: none;
margin: 0;
/*margin-right: -20px;*/
padding: 0;
font-size: 0;
}
.b-productDetail-pictureThumbs li {
display: inline-block;
margin-top: 20px;
margin-right: 10px;
}
.b-productDetail-pictureThumbs li {
display: none; /* hide all thumbs and show fisrt ones with js */
}
.b-productDetail-pictureThumbs a {
display: block;
padding: 3px;
border: 2px solid #e0e0e0;
width: 58px;
}
.b-productDetail-pictureThumbs a.m-active,
.b-productDetail-pictureThumbs a:hover {
border-color: #3e3e3e;
}
.b-productDetail-pictureThumbs a::after {
content: '';
display: inline-block;
vertical-align: middle;
height: 60px;
}
#thumb-loadMore {
cursor: pointer;
border-bottom: 1px dashed;
display: inline-block;
}
#thumb-loadMore span {
font-size: 11px;
}
.b-productDetail-body {
overflow: hidden;
font-size: 14px;
flex-grow: 1 1 70%;
margin-right: 20px;
}
.b-productDetail-body .overflow-container .cl img{
width: 100%;
height: 110px;
}
.b-productDetail-body .overflow-container .cl{
display: flex;
width: 100%;
flex-flow: column;
text-align: center;
justify-content: center;
}
.b-productDetail-body .overflow-container td {
height: auto !important;
width: 19%;
}
.b-productDetail-price {
font-size: 18px;
font-weight: bold;
}
.b-productDetail-colors .color_link {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-ms-align-items: center;
align-items: center;
}
.b-productDetail-colors .color_link a {
text-decoration: none;
border-bottom: 1px dashed;
}
.b-productDetail-whyus {
column-count: 2;
list-style-type: none;
padding: 0;
-moz-column-count: 2;
}
.b-productDetail-whyus > li {
padding-left: 40px;
position: relative;
}
.b-productDetail-whyus > li > img {
position: absolute;
left: 0;
top: 0;
}
.b-productDetail-propertes-list {
margin-bottom: 0;
margin-top: 5px;
display: flex;
overflow: hidden;
}
.b-productDetail-propertes-list > dt {
font-weight: normal;
position: relative;
overflow: visible;
color: #a5a4a4;
white-space: normal;
width: 160px;
max-width: 160px;
flex: 0 0 160px;
align-self: flex-start;
}
.b-productDetail-propertes-list > dd {
color: #6c6b6c;
margin-left: 20px;
align-self: flex-end;
}
.b-productDetail-propertes-list > dt::after {
content: "";
border-bottom: 1px dotted #c3c0c0;
bottom: 6px;
left: 0px;
right: 0;
margin-right: -10px;
position: absolute;
/* z-index: -1; */
}
.b-productDetail-propertes-list > dt > span {
background: #fff;
display: inline;
padding-right: 10px;
position: relative;
z-index: 1;
}
#scroll-question {
margin-top: 30px;
}
.b-productSlider {
position: relative;
}
.b-productSlider-prev {
position: absolute;
top: 50px;
left: -36px;
}
.b-productSlider-next {
position: absolute;
top: 50px;
right: -36px;
}
.b-productSlider-wrap {
overflow: hidden;
}
.b-productSlider-list {
position: relative;
width: 9000px;
}
.b-productSlider-item {
float: left;
margin-right: 20px;
width: 312px;
text-align: center;
}
.b-productSlider-itemPicture {}
.b-productSlider-itemTitle {
font-size: 14px;
}
.b-productSlider-itemTitle a {
text-decoration: underline;
}
.b-productSlider-itemText {
font-size: 14px;
}
.b-productSlider-itemPrice {
font-size: 18px;
font-weight: bold;
}
.b-productDetail-price-list {
margin-top: 30px;
}
.b-productDetail-price-list div {
/*padding: 20px;*/
background: #f5f5f5;
}
.b-productDetail-price-list a {
display: flex;
padding: 20px 5px;
align-items: center;
}
.b-productDetail-price-list a {
text-decoration: underline;
}
.b-topChoice{
display: block;
margin: 0;
padding: 0;
font-size: 0;
list-style-type: none;
}
.b-topChoice > li{
display: inline-block;
margin: 0;
font-size: 12px;
padding: 5px 0;
line-height: 26px;
margin-right: 20px;
vertical-align: top;
background: url(/local/templates/metstroy/images/cityChoice-bg.png) repeat center top;
}
.b-topChoice > li:hover{
background-color: #434343;
background-image: none;
}
.b-topChoice > li.active{
background-color: #434343;
background-image: none;
}
.b-topChoice > li > a{
display: inline-block;
padding: 0 10px;
vertical-align: top;
text-transform: uppercase;
background-color: #ffffff;
font-weight: bold;
}
.b-topChoice > li > a:hover{
text-decoration: none;
}
span.section-element-count { /* element counter */
color: #888;
}
.b-vacancyWrap {
padding-top: 3px;
}
.b-vacancy {
margin-top: 40px;
font-size: 14px;
}
.b-vacancy-title {
display: inline-block;
vertical-align: top;
font-size: 16px;
font-weight: bold;
text-decoration: underline;
}
.b-vacancy-title:hover{
text-decoration: none;
}
.b-vacancy-salary {
margin-top: 12px;
}
.b-vacancy-text {
margin-top: 12px;
}
.b-pagination{
margin: 70px 0 108px 0;
padding: 0;
font-size: 0;
list-style-type: none;
}
.b-pagination > li{
margin: 0 25px 0 0;
padding: 0;
display: inline-block;
vertical-align: top;
font-size: 14px;
font-weight: bold;
line-height: 20px;
}
.b-pagination > li > a{
display: inline-block;
vertical-align: top;
color: #a0a0a0;
}
.b-pagination > li > a.active,
.b-pagination > li > a:active{
color: #3e3e3e;
}
.b-pagination > li > a.active:hover{
text-decoration: none;
}
.b-mainText{
margin-top: 45px;
}
.b-mainText .b-imageFloatLeft{
float: left;
margin-right: 20px;
}
.b-goBack {
display: inline-block;
margin-top: 68px;
font-size: 14px;
}
.b-goBack-anchor {
text-decoration: underline;
}
.b-goBack-anchor:hover {
text-decoration: none;
}
.b-goBack-anchor::before {
content: "\00ab";
display: inline-block;
margin-right: 1ex;
text-decoration: none;
}
.b-faq {
font-size: 14px;
}
.b-faq dt {
margin-bottom: 1em;
padding-left: 48px;
font-weight: bold;
background: url(/local/templates/metstroy/images/icon-question-30.png) no-repeat 0 6px;
min-height:37px;
}
.b-faq dd {
margin-left: 0;
margin-bottom: 2em;
padding-left: 48px;
}
.b-gallery {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
font-size: 0;
list-style-type: none;
padding: 0;
}
.b-gallery_lightbox {}
.b-gallery_sections {}
.b-gallery-build.b-gallery_sections {
display: flex;
flex-wrap: wrap;
}
.b-gallery_video {}
.b-gallery-item {
flex: 0 1 25%;
margin: 0;
padding: 10px;
box-sizing: border-box;
font-size: 14px;
}
.b-gallery .b-gallery-item {
}
.b-gallery-picture {
position: relative;
display: inline-block;
}
.b-gallery-picture .photos-count {
position: absolute;
top: 5px;
right: 5px;
color: #fff;
}
.b-gallery-picture_play::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(/local/templates/metstroy/images/gallery-play.png) no-repeat center;
}
.b-gallery-title {
margin-top: 12px;
}
.b-gallery-title a {
text-decoration: underline;
}
.b-objectWrap {
padding-top: 3px;
padding-bottom: 50px;
}
.b-object {
margin-top: 40px;
font-size: 14px;
}
.b-object-title {
display: inline-block;
vertical-align: top;
font-size: 16px;
font-weight: bold;
text-decoration: underline;
}
.b-object-text {
margin-top: 12px;
}
.b-object-text a{
text-decoration: underline;
}
.b-object-more {
display: inline-block;
margin-top: 10px;
margin-bottom: 20px;
font-size: 14px;
}
.b-object-moreAnchor {
text-decoration: underline;
}
.b-object-moreAnchor::after {
content: "»";
display: inline-block;
margin-left: 0.5ex;
text-decoration: none;
}
.b-object-more-count {
}
.b-photoMore {
/*text-align: center;*/
padding-bottom: 20px;
margin-top: 20px;
}
.b-objectProducts {
text-align: left;
}
.b-objectsNav {
display: flex;
width: 100%;
}
.b-objectsNav > * {
flex: 1 1 50%;
}
.b-objectsNav-prev {
position: relative;
text-decoration: none;
color: #a0a0a0;
padding-right: 10px;
}
.b-objectsNav-next {
padding-left: 10px;
position: relative;
text-decoration: none;
color: #a0a0a0;
text-align: right;
}
.b-objectsNav-menu {
margin-bottom: 20px;
}
.b-objectSocial {
margin-top: 20px;
}
/*.b-objectsNav-next:hover{
text-decoration: none;
}
.b-objectsNav-prev:hover{
text-decoration: none;
}*/
.b-objectsNav-prev::before {
content: "\00ab";
display: inline-block;
margin-right: 1ex;
text-decoration: none;
color: #a0a0a0;
}
.b-objectsNav-next::after {
content: "\00bb";
display: inline-block;
margin-left: 1ex;
text-decoration: none;
color: #a0a0a0;
}
.b-object .b-gallery .b-gallery-item.thumb-image a {
display: block;
position: relative;
width: 100%;
padding-bottom: 100%;
overflow: hidden;
}
.b-object .b-gallery .b-gallery-item.thumb-image a img {
position: absolute;
min-width: 100%;
min-height: 100%;
object-fit: cover;
}
.lors {
margin: 30px -20px 0 0;
/*line-height: 0;*/
}
.b-ralColor {
display: block;
height: 64px;
}
.b-ralColor:hover,
.b-ralColor:active {
text-decoration: none;
}
.b-ralColor-bg {
height: 100%;
border-radius: 5px;
}
/*.b-ralColor-name {
display: block;
overflow: hidden;
margin-top: 7px;
width: 100%;
padding: 0 0 7px 0;
font-size: 10px;
text-align: center;
line-height: 12px;
}*/
.b-tableColors-item_prev {
float: left;
}
.b-tableColors-item_prev > .b-ralColor > .b-ralColor-bg {
background-position: 22px center;
background-repeat: no-repeat;
background-image: url(/local/templates/metstroy/images/whiteArrowL.png);
}
.b-tableColors-item_next {
float: right;
}
.b-tableColors-item_next > .b-ralColor > .b-ralColor-bg {
background-position: 25px center;
background-repeat: no-repeat;
background-image: url(/local/templates/metstroy/images/whiteArrowR.png);
}
.b-colorsList-sectionSubheader {
color: #999;
}
.b-colorsList-sectionHeader > span {
text-transform: uppercase;
}
.b-colorsList-section-anchors { /* Список якорей к разделам цветов */
list-style-type: none;
padding: 0;
columns: 3;
column-width: 300px;
column-fill: balance;
margin-bottom: 40px;
}
.b-colorsList-section-anchors > li {
break-inside: avoid;
page-break-inside: avoid;
margin-bottom: 15px;
}
.b-colorsList-section-anchors a {
border-bottom: 1px dashed;
}
.b-colorsList-section-anchors a:hover,
.b-colorsList-section-anchors a:focus {
text-decoration: none;
}
.hidden {
display: none;;
}
.b-paramsList dl {
display: flex;
justify-content: space-between;
}
.b-paramsList dl dt {
flex: 0 0 230px;
color: #888;
}
.b-paramsList dl dd {
flex: 1 1 auto;
margin-left: 20px;
}
@media (max-width: 767px) {
.b-paramsList dl {
flex-direction: column;
}
.b-paramsList dl dt {
flex: 1 1 auto;
margin: 0;
}
}
.photos-count,
.b-color-objects .b-color-names {
color: #888;
font-size: 11px;
}
.b-ralColor-name .b-ralColor-photos-count {
font-size: 11px;
}
.b-color-objects .b-color-names span:after {
content: ', ';
}
.b-color-objects .b-color-names span:last-of-type:after {
content: '';
}
.text-h1 {
font-size: 32px;
font-weight: bold;
}
.text-h2 {
text-align: center;
font-size: 24px;
font-weight: bold;
}
.text-h2-left {
text-align: left;
font-size: 24px;
font-weight: bold;
margin-bottom:15px;
margin-top:15px;
}
.text-h3 {
margin: 33px 0px 13px;
font-size: 16px;
font-weight: bold;
}
.text-h3 a {
text-decoration: underline;
}
.text-h4 {
margin: 0 0 1em;
font-size: 13px;
font-weight: bold;
}
.text-h4 a {
text-decoration: underline;
}
.tel a {text-decoration: none!important;}
/* ПОИСК Сброс */
.close-icon {
background: none;
border: medium none;
bottom: 0;
color: #c3c0c0;
cursor: pointer;
display: inline-block;
line-height: 6px;
position: absolute;
right: 66px;
text-align: center;
top: 0;
width: 30px;
opacity: 1;
transition: all 0.3s ease;
}
.close-icon::after {
content: "+";
cursor: pointer;
display: inline-block;
/*font-family: Fontawesome;*/
z-index: 1;
font-size: 20px;
transform: rotate(45deg);
}
.clearable-field:not(:valid) ~ .close-icon {
opacity: 0;
display: none;
}
/* форма поиска в каталоге */
.i-catalog-searchForm {
position: relative;
width: 300px;
margin-bottom: 20px;
/*border:2px solid #ababab;*/
/*padding-top: 15px;*/
}
.i-catalog-searchForm:hover {
/*border:2px solid #666;*/
}
.i-catalog-searchForm input {
padding:15px 2px 2px 4px;
/*border: none;*/
border: 2px solid #ababab;
border-radius: 0 !important; /*fucking safari*/
-webkit-border-radius: 0;
-webkit-appearance: none;
}
.i-catalog-searchForm input:hover {
border: 2px solid #333;
}
.i-catalog-searchForm input:focus {
border: 2px solid #18e;
}
.i-catalog-searchForm .close-icon {
right: 0;
}
input[type="search"]::-webkit-search-cancel-button {
display: none;
}
/*.ui-input_field {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
border-color: #cfa787 !important;
border-radius: 0 !important;
border-style: none none solid !important;
border-width: 0 0 2px !important;
font-size: 18px !important;
padding: 3px 0 !important;
}*/
.ui-input_label {
color: #9299a2;
font-weight: 400;
left: 4px;
pointer-events: none;
position: absolute;
text-align: left;
top: 8px;
transform: translateZ(0px);
transition-duration: 0.1s;
transition-property: top, font-size;
transition-timing-function: ease-in-out;
white-space: nowrap;
will-change: top, font-size;
}
.ui-input_focused .ui-input_label, .ui-input_field:required:not(:invalid) ~ .ui-input_label, .ui-input_field:focus ~ .ui-input_label, .ui-input_field.ui-input_field_not-empty ~ .ui-input_label, .ui-input_addon ~ .ui-input_label {
font-size: 10px;
top: 1px;
}
/* BACK TO TOP BUTTON */
.backToTop {
position: fixed;
width: 45px;
height: 45px;
right: 20px;
top: -55px;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
border-radius: 50%;
padding: 5px;
cursor: pointer;
opacity: 0.4;
}
.backToTop img {
width:100%;
}
.backToTop:hover {
opacity:1 !important;
}
.icon__svg {
stroke: rgba(0, 0, 0, 0.3);
stroke-linejoin: round;
stroke-linecap: round;
stroke-miterlimit: 10;
stroke-width: 3.333;
fill: none;
fill: rgba(255,255,255,0);
}
/* Текст под заголовком на детальной странице*/
.b-product-text-under-h1 {
color: #808080;
margin-bottom: 30px;
}
.b-bottom-form-block {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.b-bottom-form-block > div {
flex: 1 1 50%;
}
@media (max-width: 767px) {
.b-bottom-form-block > div {
flex: 1 1 100%;
}
}
.b-bottom-description-block {
text-align: center;
width: 100%;
}
.b-bottom-description-block .phone-bottom {
margin-bottom: 0;
}
.b-bottom-description-block .schedule-bottom {
margin-top: 0;
}
#footer_related_container #product_related_block::before {
content: '';
display: block;
margin: 30px -12px;
height: 10px;
background: url(/local/templates/metstroy/images/request-hr.png) repeat left top;
width: 100%;
}
#footer_related_container #product_related_block .b-homeProducts {
margin-bottom: 0;
}
/* SLIDESHOW */
.modalslider {
width: calc(100% - 40px);
}
.modalslider-order.b-form .b-button {
max-width: none;
text-align: center;
}
.slideshow-item-wrap {
height: 100%;
}
.slideshow-item-wrap .slideshow-image {
height: calc(100% - 50px);
}
.slideshow-item-wrap .slideshow-image > div {
height: 100%;
text-align: center;
}
.slideshow-item-wrap .slideshow-image > div > img {
max-height: 100%;
}
.slideshow-image > div::before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.slideshow-image-desc a {
text-decoration: underline;
}
.slideshow-item-wrap .slideshow-image-desc {
margin-top: 10px;
user-select: text;
}
.lSSlideOuter .lSPager.lSGallery li {
border: none;
border-radius: 0;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
border-radius: 0;
}
.lSSlideOuter .lSPager.lSGallery li a {
border: 2px solid #fff;
display: inline-block;
}
.lSSlideOuter .lSPager.lSGallery li.active a, .lSSlideOuter .lSPager.lSGallery li:hover a {
border-radius: 0;
border: 2px solid #aaa;
}
@media (min-width: 960px) {
.lSSlideOuter.vertical .lightSlider > li {
overflow: hidden;
}
.lSSlideOuter .lightSlider > li {
height: 100%; /* causes bug on horizontal slider*/
}
}
.lSAction > .lSPrev:hover, .lSAction > .lSNext:hover {
text-decoration: none;
}
.lSAction > a {
top: 0 !important;
bottom: 50px !important;
margin-left: 0 !important;
font-size: 70px;
background: none !important;
width: 49% !important;
height: auto !important;
}
.lSAction > .lSPrev {
left: 0 !important;
}
.lSAction > .lSNext {
right: 0 !important;
left: auto !important;
}
.lSAction > .lSPrev::before, .lSAction > .lSNext::before {
position: absolute;
top: calc(50% - 35px);
}
@media (max-width: 767px) {
.lSAction > .lSPrev::before, .lSAction > .lSNext::before {
top: calc(50% - 70px);
}
.lSAction > a {
width: auto !important;
height: 100px !important;
top: calc(50% - 70px) !important;
}
}
.lSAction > .lSPrev::before {
content: "‹";
left:0;
}
.lSAction > .lSNext::before {
content: "›";
right:0;
}
.modalslider-order {
margin-top: 20px;
max-width: 460px;
}
/* COLORS */
.b-tableColors {
margin: 30px -10px;
/*line-height: 0;*/
display: flex;
flex-wrap: wrap;
}
.b-tableColors-item {
vertical-align: top;
/*width: 198px;*/
margin: 0 10px 20px 10px;
text-decoration: none;
flex: 0 0 30%;
position: relative;
/*min-height: 130px;*/
}
@media (max-width: 767px) {
.b-tableColors-item {
width: calc(100% / 2 - 20px);
/*margin-right: 0;*/
flex: 0 0 calc(100% / 2 - 20px);
}
}
@media (max-width: 459px) {
.b-tableColors {
margin: 30px 0;
}
.b-tableColors-item {
width: 100$;
/*margin-right: 0;*/
flex: 0 0 100%;
margin: 0 0 20px 0;
}
}
.b-ralColor { /* link */
display: block;
/*height: 64px;*/
position: absolute;
left: 0;
top:0;
height: 100%;
width: 100%;
z-index: 2
}
.b-ralColor:hover,
.b-ralColor:active {
text-decoration: none;
}
.b-ralColor-bg {
height: 62px;
width: 100%;
/*position: absolute;*/
left: 0;
right: 0;
z-index: 0;
}
.b-tableColors-item_current .b-ralColor-bg {
height: 180px;
}
.b-ralColor-name {
display: block;
overflow: hidden;
width: 100%;
padding: 10px;
font-size: 10px;
/*text-align: center;*/
/*cursor: pointer;*/
line-height: 16px;
position: relative;
z-index: 1;
box-sizing: border-box;
}
.b-tableColors .b-tableColors-item { /* Тизер цвета */
min-height: 130px;
}
.b-tableColors .b-tableColors-item .b-ralColor-bg { /* Тизер цвета */
position: absolute;
height: 100%;
}
.b-tableColors .b-tableColors-item .b-ralColor-name {
display: flex;
flex-wrap: wrap;
color: #fff;
}
.b-tableColors .b-tableColors-item.text_dark .b-ralColor-name {
color: #3E3E3E;
}
.b-ralColor-name .b-ralColor-title {
font-size: 12px;
margin-bottom: 10px;
display: block;
flex: 1;
}
.b-ralColor-name .b-ralColor-name-misc {
flex: 1 0 100%;
}
.b-changeColor {
margin: 0 0 45px 0;
overflow: hidden;
text-align: center;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
-ms-align-items: center;
align-items: center;
}
.b-tableColors-item_prev .b-ralColor-bg::before,
.b-tableColors-item_next .b-ralColor-bg::before {
font-family: arial;
font-size: 65px;
line-height: 50px;
color: #fff;
}
.b-tableColors-item_prev .b-ralColor-bg::before {
content: '‹';
/* float: left; */
}
.b-tableColors-item_next .b-ralColor-bg::before {
content: '›';
}
.b-tableColors-item:hover .b-ralColor-bg::before {
color: #e4003a;
}
.b-tableColors-item_prev:hover .b-ralColor-name,
.b-tableColors-item_next:hover .b-ralColor-name {
color: #e4003a;
}
.b-tableColors-item_prev .b-ralColor-title,
.b-tableColors-item_next .b-ralColor-title {
margin-bottom: 0;
}
/*.b-tableColors-item_prev > .b-ralColor > .b-ralColor-bg {
background-position: 22px center;
background-repeat: no-repeat;
background-image: url(/local/templates/metstroy/images/whiteArrowL.png);
}*/
/*.b-tableColors-item_next > .b-ralColor > .b-ralColor-bg {
background-position: 25px center;
background-repeat: no-repeat;
background-image: url(/local/templates/metstroy/images/whiteArrowR.png);
}*/
.b-tableColors-item_current .b-ralColor{
height: 70px;
}
.b-tableColors-item_current .b-ralColor img{
/*width: 100%;*/
height: 100%;
}
.b-tableColors-item.b-tableColors-item_current{
/*width: 176px;*/
flex: 1 1 auto;
}
.b-tableColors-item_prev > .b-ralColor-name,
.b-tableColors-item_next > .b-ralColor-name {
/*position: absolute;*/
bottom: 0;
left: 0;
}
/*
width: 176px;
height: 70px;*/
@media (max-width: 767px) {
.b-changeColor .b-tableColors-item.b-tableColors-item_current {
order: -1;
width: 100%;
}
.b-changeColor {
align-items: flex-start;
}
}
.content-readmore-link {
cursor: pointer;
text-decoration: underline;
}
.b-columns {
display: flex;
/*flex-wrap: wrap;*/
}
.b-columns .b-column {
flex: 1 1 auto;
}
.b-columns .b-column.b-column_right {
flex: 0 0 30%;
padding-left: 30px;
}
@media (max-width: 959px) {
.b-columns .b-column.b-column_right {
display: none;
}
}
/* Плавающая форма.*/
.b-colors-form {
padding: 20px;
border: 2px solid ;
}
.b-colors-form .b-form .b-select,
.b-colors-form .b-form input[type="text"],
.b-colors-form .b-form textarea {
width: 100%;
box-sizing: border-box;
}
.b-colors-form .b-form .b-select,
.b-colors-form .b-form input[type="text"] {
height: 24px;
}
.b-colors-form .b-form-wrap {
display: block;
}
.b-colors-form .text-h3 {
margin-top: 0px;
}
.b-colors-form .b-form .b-button {
font-size: 14px;
padding: 8px 15px;
}
.bx-core-waitwindow {
display: none !important;
}
.b-colors-form .b-form > .b-form-row:nth-of-type(2) {
margin-bottom: 0;
}
/*sitemap */
.map-level-0 {
list-style-type: none;
padding: 0;
}
.map-level-1 {
list-style-type: none;
}
.map-level-2 {
list-style-type: none;
}
.map-level-2 li {
position: relative;
}
.map-level-2 li::before {
/* content: "\2022"; */
content: ".";
color: #bebcbc;
font-size: 25px;
line-height: 7px;
/* padding-right: 4px; */
display: inline;
position: absolute;
left: -16px;
}
.map-level-3 {
list-style-type: none;
}
.uk-list.map-level-3 > li {
}
/* inputfile */
.js .inputfile {
/*width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;*/
}
.inputfile + label {
max-width: 80%;
/* 20px */
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
display: inline-block;
overflow: hidden;
/* 10px 20px */
font-weight: normal;
}
.inputfilelabel:hover span {
color: #3E3E3E;
}
.inputfilelabel:hover span {
color: #e4003a;
text-decoration: underline;
}
.no-js .inputfile + label {
display: none;
}
.inputfile:focus + label,
.inputfile.has-focus + label {
outline: 1px dotted #000;
outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label * {
/* pointer-events: none; */
/* in case of FastClick lib use */
font-size:13px;
}
.b-subsectionsList-section {
display: flex;
}
.l-main-inner > .color_link {
padding-bottom: 30px;
}
.phone-bottom a:hover {
text-decoration:none;
}
.name-hidden { /* скрытое название элемента \ раздела */
display: none;
}
.underline {
text-decoration: underline;
}
/*.modalslider {
height: 100%;
}*/
/*
.lSSlideOuter.vertical .lSGallery,
.lSSlideWrapper {
max-height: 100%;
height: 100% !important;
}
.lSSlideOuter.vertical .lSGallery {
height: auto !important;
}
.lSSlideOuter .lSPager.lSGallery li {
height: auto !important;
}
.lSSlideWrapper {
max-height: 100%;
height: 100% !important;
}
.lSSlideWrapper .lSSlide {
max-height: 100%;
height: 100% !important;
}*/