html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
h1{
font: italic 30px Georgia, "Times New Roman", serif;
color: #303031;
padding: 7px 14px 12px 6px;
position: relative;
text-decoration:none;
border-bottom: #bebebe;
margin-bottom: 15px;
}
h1::after {
background: url(/assets/flinstone/i/icons.png) no-repeat 0 -51px;
display: block;
width: 23px;
height: 12px;
position: absolute;
left: 24px;
bottom: -12px;
content: " ";
}
h1 .h1-pseudo-link {
font: normal 12px/20px Arial, sans-serif;
vertical-align: middle;
color: #3390d1;
border-bottom:1px solid #3390d1;
}
h1 a:hover .h1-pseudo-link{
border-bottom:none;
}
h2{
font: bold 28px/30px Roboto,Arial,sans-serif;
color: #474747;
margin-bottom: 25px;
}
h3{
font: bold 22px/26px Georgia, "Times New Roman", serif;
color: #474747;
margin-bottom: 20px;
}
h4{
font: bold 18px/22px Arial,sans-serif;
color: #474747;
margin-bottom: 18px;
}
.likeh4{
font: 18px/20px Arial,sans-serif;
color: #474747;
margin-bottom: 15px;
}
article, aside, figure, footer, header, hgroup, nav, section {
display: block;
}
p{
font: 16px/20px Arial,sans-serif;
margin-bottom: 14px;
}
object,
embed {
max-width: 100%;
}
/*html {overflow-y: scroll;}*/
ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
color: #3390d1;
text-decoration: underline;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted #000;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th {
font-weight: bold;
vertical-align: bottom;
}
td {
font-weight: normal;
vertical-align: top;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
pre {
white-space: pre;
/* CSS2 */
white-space: pre-wrap;
/* CSS 2.1 */
white-space: pre-line;
/* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word;
/* IE */
}
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
padding: 0;
border: none;
}
input[type="radio"] {
vertical-align: text-bottom;
}
input[type="checkbox"] {
vertical-align: bottom;
*vertical-align: baseline;
}
table {
font-size: inherit;
font: 100%;
}
strong, th {
font-weight: bold;
}
td, td img {
vertical-align: top;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
pre, code, kbd, samp {
font-family: monospace, sans-serif;
}
.clickable,
label,
input[type=button],
input[type=submit],
button {
cursor: pointer;
}
button, input, select, textarea {
margin: 0;
}
button {
width: auto;
overflow: visible;
}
img[align=left] {
float: left;
margin-right:10px;
}
img[align=right] {
float: right;
margin-left:10px;
}
html, body {
height: 100%;
}
body {
background: white url(/assets/flinstone/i/bg.jpg) repeat 0 0;
}
.clr:before, .clr:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.clr:after {
clear: both;
}
.b-phone {
text-decoration: none;
}
.b-phone:hover {
color: #FFF;
}
.b-phone i {
font-style: normal;
font-size: 12px;
color: #bb1d1d;
vertical-align: middle;
display: inline-block;
line-height: 32px;
height: 36px;
margin: 0 -1px;
padding-right:5px;
text-decoration: none;
}
.b-phone span {
/* font-size: 14px;*/
font-weight: normal;
/* display: block;*/
margin-bottom: -4px;
letter-spacing: 0;
}
.b-breadcrumbs {
font-size: 0;
margin: 5px 0 18px 14px;
}
.b-breadcrumbs li {
display: inline-block;
vertical-align: top;
font-size: 11px;
color: #474747;
}
.b-breadcrumbs li a {
color: #4e9ed7;
}
.b-breadcrumbs li span {
padding: 0 6px;
}
#wrapper {
/* min-width: 980px; */
min-width: 100%;
min-height: auto;
}
#main {
padding-bottom: 245px;
margin: 0 auto;
}
#content {
/* width: 980px; */
width: 100%;
margin: 0 auto;
}
#content>article,#content>div>article{
/* float: left;
padding-right: 20px;
width: 732px;*/
width: 100%;
}
#content > aside {
/* float: right;
width: 228px; */
width: 100%;
}
.content {
/* width: 980px; */
width: 100%;
margin: 0 auto;
}
.content>article,.content>div>article{
float: left;
padding-right: 20px;
/* width: 732px; */
width: 100%;
}
.content > aside {
float: right;
/* width: 228px; */
width: 100%;
}
.our-works {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.ourwork-item {
width: 33.333%;
padding: 0 10px;
}
.ourwork-item-wrap {
height: 180px;
overflow: hidden;
margin: 0 0 20px 0;
}
.ourwork-item-wrap a {
display: flex;
}
.ourwork-item-wrap a img {
height: auto;
width: 100%;
}
/*---Header---*/
header .header-inner {
/* width: 980px; */
width: 100%;
margin: 0 auto;
position: relative;
}
header .header-inner a {
color: #afafaf;
font-size: 13px;
}
header .header-inner .logo-tip-head,
header .header-inner .logo-tip {
position: absolute;
top: 5px;
left: 17px;
}
.logo-tip img {
width: 100%;
}
header .header-inner .header-block {
/* float: right; */
}
header .header-inner .header-block .b-contact {
background: url(/assets/flinstone/i/map.png) no-repeat 0 0;
/* float: right; */
padding-left: 65px;
/* margin: 15px 10px 0 75px; */
}
.red {
color:#bb1d1d !important;
}
.credit-footer{
font-size: 14px;
line-height: 10px;
}
header .header-inner .header-block .b-contact dl {
padding-top: 2px;
}
header .header-inner .header-block .b-contact dl * {
display: inline-block;
}
header .header-inner .header-block .b-contact dl dt {
color: #bb1d1d;
width: 50px;
}
header .header-inner .header-block .b-contact dl dd {
font-size: 15px;
color: #fff;
font-weight: bold;
}
header .header-inner .header-block .b-contact a + dl {
padding-top: 2px;
margin: 0 0 8px 0;
}
header .header-inner .header-block .b-calls {
float: right;
margin-top: 39px;
}
header .header-inner .header-block .b-calls li {
background: url(/assets/flinstone/i/icons.png) no-repeat 0 0;
padding-left: 23px;
}
header .header-inner .header-block .b-calls li:first-child {
background-position: 0 5px;
}
header .header-inner .header-block .b-calls li:first-child + li {
background-position: 0 -18px;
}
header .header-inner .header-block .b-calls li a {
line-height: 23px;
}
header .header-inner .header-block .b-phone {
/*float: right;
margin: 33px 30px 0 0; */
}
.header-block .row {
align-items: center;
}
/*---end Header---*/
/*---Footer---*/
footer .footer-inner {
/* width: 980px; */
margin: 0 auto;
font-size: 13px;
position: relative;
}
footer .footer-inner a {
color: #afafaf;
}
footer .footer-inner .footer-left {
float: left;
margin-left: 15px;
margin-top: 17px;
line-height: 18px;
}
footer .footer-inner .footer-left ul li {
display: inline-block;
padding:1px;
}
footer .footer-inner .footer-left ul li span {
margin: 0 7px;
color: #5d5d5d;
}
footer .footer-inner .b-phone {
float: left;
/* margin: 0 0 0 110px; */
}
footer .footer-inner .footer-right {
float: right;
margin: 23px 15px 0 0;
}
/*footer .footer-inner .footer-right > * {*/
/*float: right;*/
/*}*/
footer .footer-inner .footer-right .b-counters {
margin: -15px 0 0 30px;
}
footer .footer-inner .footer-right .contacts {
margin-right: 50px;
}
footer .footer-inner .dino {
position: absolute;
right: -103px;
top: -70px;
}
/*---end Footer---*/
/*---Home---*/
.home-top-menu {
/* width: 980px; */
width: 100%;
margin: 0 auto;
padding-bottom: 8px;
}
.home-top-menu li {
display: inline-block;
vertical-align: top;
/* width: 196px; */
width: 20%;
height: 362px;
overflow: hidden;
position: relative;
}
.home-top-menu li .img {
height: 181px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.home-top-menu li .img img {
width: 100%;
}
.home-top-menu li .img a img {
-moz-transition-property: opacity;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.home-top-menu li .img a:hover img {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
}
.home-top-menu li .content {
/*height: 141px;
width: 162px; */
width: 100%;
max-height: 181px;
padding: 20px 17px;
position: absolute;
top: 181px;
left: 0;
}
.home-top-menu li .content p {
color: #fff;
height: 105px;
overflow: hidden;
}
.home-top-menu li .content .corner {
width: 0;
height: 0;
font-size: 0;
position: absolute;
left: 19px;
top: -11px;
border-style: solid;
border-width: 0 11px 11px 10px;
border-color: transparent;
}
.home-top-menu li.odd .img {
top: 181px;
}
.home-top-menu li.odd .content {
top: 0;
}
.home-top-menu li.odd .content .corner {
border-width: 11px 11px 0 10px;
top: auto;
bottom: -11px;
}
.home-top-menu li.red .content {
background: #c12523;
}
.home-top-menu li.red .corner {
border-bottom-color: #c12523;
}
.home-top-menu li.red.odd .corner {
border-top-color: #c12523;
}
.home-top-menu li.orange .content {
background: #f08d00;
}
.home-top-menu li.orange .corner {
border-bottom-color: #f08d00;
}
.home-top-menu li.orange.odd .corner {
border-top-color: #f08d00;
}
.home-top-menu li.green .content {
background: #0f8e0f;
}
.home-top-menu li.green .corner {
border-bottom-color: #0f8e0f;
}
.home-top-menu li.green.odd .corner {
border-top-color: #0f8e0f;
}
.home-top-menu li.brown .content {
background: #7a6c5a;
}
.home-top-menu li.brown .corner {
border-bottom-color: #7a6c5a;
}
.home-top-menu li.brown.odd .corner {
border-top-color: #7a6c5a;
}
.home-top-menu li.blue .content {
background: #2c87b2;
}
.home-top-menu li.blue .corner {
border-bottom-color: #2c87b2;
}
.home-top-menu li.blue.odd .corner {
border-top-color: #2c87b2;
}
.b-right-buttons li {
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFB1B1B1', endColorstr='#FF848484');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b1b1b1), color-stop(100%, #848484));
background: -webkit-linear-gradient(top, #b1b1b1, #848484);
background: -moz-linear-gradient(top, #b1b1b1, #848484);
background: -o-linear-gradient(top, #b1b1b1, #848484);
background: -ms-linear-gradient(top, #b1b1b1, #848484);
-pie-background: linear-gradient(top, #b1b1b1, #848484);
background: linear-gradient(top, #b1b1b1, #848484);
/* width: 223px; */
width: 100%;
margin-bottom: 11px;
border-style: solid;
border-width: 1px;
border-color: #bcbcbc #979696 #666;
-moz-transition-property: opacity;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
#fixed-buttons.b-right-buttons li {
width: 233px;
}
.b-right-buttons li:hover {
opacity: .6;
}
.b-right-buttons li a, #fixed-buttons li:first-child + li a {
background: url(/assets/flinstone/i/icons.png) no-repeat 9px -76px;
display: block;
/* width: 156px; **/
/* height: 56px; */
width: 100%;
height: 70px;
border-top: 1px solid #c7c7c7;
padding: 10px 8px 0 59px;
text-decoration: none;
}
.b-right-buttons li a .name {
display: block;
font-size: 16px;
font-weight: bold;
color: #fff;
text-shadow: #4b5872 0 1px 0;
padding-bottom: 2px;
}
.b-right-buttons li a .desc {
display: block;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: -moz-pre-wrap;
white-space: -hp-pre-wrap;
word-wrap: break-word;
font-size: 11px;
line-height: 11px;
color: #d3e9f9;
}
.b-right-buttons li:first-child + li a, #fixed-buttons li a {
background-position: 9px -164px;
}
.b-right-buttons li:first-child + li + li a {
background-position: 12px -251px;
}
.b-right-buttons li:first-child + li + li + li, #fixed-buttons li {
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cc422b), color-stop(100%, #b72a15));
background: -webkit-linear-gradient(top, #cc422b, #b72a15);
background: -moz-linear-gradient(top, #cc422b, #b72a15);
background: -o-linear-gradient(top, #cc422b, #b72a15);
background: -ms-linear-gradient(top, #cc422b, #b72a15);
-pie-background: linear-gradient(top, #cc422b, #b72a15);
background: linear-gradient(top, #cc422b, #b72a15);
}
.b-right-buttons li:first-child + li + li + li a, #fixed-buttons li + li a{
background-position: 8px -345px;
}
.b-akcii, .b-otzivi {
background: #f4edb8;
/* width: 225px; */
width: 100%;
padding-bottom: 22px;
margin: 30px 0 25px;
}
.b-otzivi img {
width: 100%;
}
.b-akcii ul, .b-otzivi ul {
padding-left: 15px;
margin: 20px 0 6px;
}
.b-akcii ul li, .b-otzivi ul li {
margin-bottom: 10px;
}
.b-akcii ul li a, .b-otzivi ul li a {
display: block;
text-decoration: none;
}
.b-akcii ul li a .content, .b-otzivi ul li a .content {
display: block;
float: left;
width: 110px;
}
.b-akcii ul li a .content .name, .b-otzivi ul li a .content .name {
display: block;
font: bold italic 16px Georgia, "Times New Roman", serif;
color: #505050;
padding: 3px 0 8px;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: -moz-pre-wrap;
white-space: -hp-pre-wrap;
word-wrap: break-word;
}
.b-akcii ul li a .content .text, .b-otzivi ul li a .content .text {
display: block;
line-height: 14px;
color: #474747;
padding-right: 15px;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: -moz-pre-wrap;
white-space: -hp-pre-wrap;
word-wrap: break-word;
}
.b-akcii ul li a .img, .b-otzivi ul li a .img {
display: block;
float: left;
width: 90px;
}
.b-akcii .all, .b-otzivi .all {
margin-left: 15px;
}
.b-otzivi {
background: none;
}
.b-otzivi blockquote {
background: url(/assets/flinstone/i/bg-otzivi.jpg) no-repeat 0 100%;
padding: 20px 15px 30px 15px;
font: italic 12px/18px Georgia, "Times New Roman", serif;
color: #474747;
}
.b-otzivi .person {
padding: 4px 0 0 4px;
line-height: 18px;
}
.b-otzivi .person .name {
color: #474747;
font-weight: bold;
}
.b-otzivi .all {
margin: 10px 0 0 4px;
}
.b-otzivi .all a {
line-height: 18px;
}
.b-products {
/*padding-left: 14px;*/
overflow: hidden;
/* margin-right: -40px; */
}
/* .b-products li {
display: inline-block;
vertical-align: top;
width: 340px;
margin: 0 38px 30px 0;
}
.other-products .b-products li{
width: 220px;
margin: 0 35px 30px 0;
} */
.b-products .item {
margin-bottom: 15px;
text-align: center;
}
.catalogListItem {
width: 100%;
background: #FFF;
padding: 10px 10px 55px 10px;
height: 100%;
position: relative;
}
.order_btn_bl {
position: absolute;
bottom: 0px;
left: 0px;
padding: 0 10px;
width: 100%;
}
.b-products .item .img {
/* width: 230px; */
width: 100%;
overflow: hidden;
/* float: left; */
padding-top: 3px;
}
.b-products .item .content {
/*margin-left: 130px;*/
/* width: 100px;
margin-left: 10px;
float: left; */
width: 100%;
}
.b-products .item .img a img {
-moz-transition-property: opacity;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.b-products .item .img a:hover img {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
}
.b-products .item .content .price {
font-size: 18px;
font-weight: bold;
color: #474747;
margin: 5px 0 6px;
}
.b-products .item .content .price span {
font-size: 12px;
}
.b-products .item .content dl {
line-height: 18px;
margin-bottom: 5px!important;
}
.b-products .item .content dl * {
display: inline;
color: #474747;
}
.b-products .item .content dl dt {
font-weight: bold;
}
.b-products .item .content p {
line-height: 14px;
margin-top: 8px;
}
.home-line {
background: url(/assets/flinstone/i/shadows.jpg) no-repeat 50% 0;
padding-top: 14px;
}
.home-line .home-line-inner {
background: url(/assets/flinstone/i/shadows.jpg) no-repeat 50% 100%;
padding-bottom: 14px;
}
.home-bottom {
/* width: 980px; */
width: 100%;
margin: 15px auto;
}
.home-bottom article {
width: 656px;
float: left;
}
.home-bottom article ul.b-brends,
.b-text ul.b-brends {
overflow: hidden;
margin: 20px -42px 0 0;
}
.home-bottom article ul.b-brends li,
.b-text ul.b-brends li {
display: inline-block;
vertical-align: top;
margin-right: 40px;
margin-bottom: 10px;
}
.b-text ul.b-brends li:before {
content:"";
}
.home-bottom aside {
width: 297px;
float: right;
}
.home-bottom aside .b-otzivi {
width: 287px;
margin-top: 0;
}
.home-bottom aside .b-otzivi blockquote {
font: italic 14px/19px Georgia, "Times New Roman", serif;
padding: 25px 20px 33px 15px;
}
.home-bottom aside .b-otzivi .all a:first-child {
float: left;
}
.home-bottom aside .b-otzivi .all a:first-child + a {
float: right;
}
.home-bottom-new {
/* width: 980px; */
width: 100%;
margin: 15px auto;
}
.home-bottom-new article {
width: 656px;
float: left;
}
.home-bottom-new article ul.b-brends,
.b-text ul.b-brends {
overflow: hidden;
margin: 20px -42px 0 0;
}
.home-bottom-new article ul.b-brends li,
.b-text ul.b-brends li {
display: inline-block;
vertical-align: top;
margin-right: 40px;
margin-bottom: 10px;
}
.home-bottom-new aside {
width: 297px;
float: right;
}
.home-bottom-new aside .b-otzivi {
width: 287px;
margin-top: 0;
}
.home-bottom-new aside .b-otzivi blockquote {
font: italic 14px/19px Georgia, "Times New Roman", serif;
padding: 25px 20px 33px 15px;
}
.home-bottom-new aside .b-otzivi .all a:first-child {
float: left;
}
.home-bottom-new aside .b-otzivi .all a:first-child + a {
float: right;
}
/*---end Home---*/
/*---Cat---*/
.pager {
text-align: center;
}
.pager ul {
font-size: 0;
}
.pager ul li {
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDFDFDF', endColorstr='#FFF5F5F5');
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dfdfdf), color-stop(100%, #f5f5f5));
background-image: -webkit-linear-gradient(top, #dfdfdf, #f5f5f5);
background-image: -moz-linear-gradient(top, #dfdfdf, #f5f5f5);
background-image: -o-linear-gradient(top, #dfdfdf, #f5f5f5);
background-image: -ms-linear-gradient(top, #dfdfdf, #f5f5f5);
background-image: linear-gradient(top, #dfdfdf, #f5f5f5);
display: inline-block;
border-style: solid;
border-width: 1px;
border-color: #f8f8f8 #d7d7d7 #bebdbd #e4e4e4;
margin-left: 5px;
height: 28px;
vertical-align: top;
}
.pager ul li.active span, .pager ul li:hover a {
color: #a0a0a0;
}
.pager ul li a, .pager ul li span {
display: block;
color: #474747;
font-size: 18px;
font-weight: bold;
text-decoration: none;
border-style: solid;
border-width: 1px 1px 1px 0;
border-color: #f8f8f8 #e5e5e5 #d6d5d5;
height: 26px;
line-height: 27px;
padding: 0 9px;
}
.pager ul .prev a,
.pager ul .next a {
background: url(/assets/flinstone/i/icons.png) no-repeat -278px 0;
display: block;
padding: 0 5px 0 4px;
width: 18px;
}
.pager ul .prev {
display: none;
}
.pager ul .prev a {
background-position: -278px -26px;
}
.pager {
/* margin: 30px 0 60px; */
margin: 30px 0 30px;
}
.b-info {
background-color:#FFF;
overflow:hidden;
clear: both;
}
.b-info-inner{
/* width:980px; */
width: 100%;
margin:0 auto;
padding:25px 20px 15px;
}
.b-info p {
color: #474747;
font-size: 14px;
line-height: 17px;
padding-bottom: 20px;
}
/*---end Cat---*/
/*---Tovar---*/
.b-tovar {
padding: 0 0 0 14px;
font-size: 16px!important;
}
.b-tovar .right-b {
/* float: right;
font-size: 0;
padding: 0 27px 0 26px; */
/* width: 107px; */
}
.b-tovar .right-b li {
display: inline-block;
margin-bottom: 17px;
}
.b-tovar .right-b li a {
width: 107px;
height: 80px;
overflow: hidden;
display: block;
}
.b-tovar .right-b li a img {
-moz-transition-property: opacity;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
width: 107px;
height: 80px;
}
.b-tovar .right-b li a.active img,
.b-tovar .right-b li a:hover img {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
}
.b-tovar .left-b {
color: #393939;
margin-right: 160px;
}
.b-tovar .left-b .b-tovar-img {
font-size: 0;
padding-bottom: 30px;
}
.b-tovar .left-b dl {
border-bottom: 1px dotted #393939;
min-height: 14px;
width: 270px;
margin-bottom: 10px;
}
.b-tovar .left-b dl * {
background: url(/assets/flinstone/i/bg.jpg) repeat 0 0;
margin-bottom: -4px;
margin-top: 2px;
line-height: 16px;
display: inline-block;
}
.b-tovar .left-b dl dt {
float: left;
padding-right: 3px;
}
.b-tovar .left-b dl dd {
float: right;
padding-left: 3px;
}
.b-tovar .left-b p {
line-height: 18px;
margin: 20px 0 25px;
}
.top-menu {
/* width: 980px; */
width: 100%;
margin: 0 auto 20px;
}
.top-menu li {
display: inline-block;
vertical-align: top;
width: 196px;
}
.top-menu li a {
display: block;
text-align: center;
font: normal 16px "Trebuchet MS", sans-serif;
text-decoration: none;
height: 39px;
line-height: 39px;
border-style: solid;
border-width: 1px 0;
color: rgba(23, 21, 21, 0.75);
text-shadow: rgba(255, 255, 255, 0.33) 0 1px 0;
-moz-transition-property: color;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-moz-transition-duration: 0.1s;
-webkit-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
transition-duration: 0.1s;
}
.top-menu li.active,
.top-menu li:hover {
position: relative;
behavior: url("/assets/flinstone/js/PIE.htc");
position: relative;
-moz-box-shadow: 0 0 5px #171515;
-webkit-box-shadow: 0 0 5px #171515;
-o-box-shadow: 0 0 5px #171515;
box-shadow: 0 0 5px #171515;
}
.top-menu li.active a, .top-menu li:hover a {
color: #fff;
font-weight: bold;
}
.top-menu li.active a, .top-menu li a:hover {
color: #fff;
font-weight: bold;
text-shadow: rgba(23, 21, 21, 0.5) 0 1px 0;
}
.top-menu li.red a {
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFCC422B', endColorstr='#FFB72A15');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cc422b), color-stop(100%, #b72a15));
background: -webkit-linear-gradient(top, #cc422b, #b72a15);
background: -moz-linear-gradient(top, #cc422b, #b72a15);
background: -o-linear-gradient(top, #cc422b, #b72a15);
background: -ms-linear-gradient(top, #cc422b, #b72a15);
-pie-background: linear-gradient(top, #cc422b, #b72a15);
background: linear-gradient(top, #cc422b, #b72a15);
border-color: #e08e80 transparent #871f0f;
}
.top-menu li.orange a {
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFAA012', endColorstr='#FFE48A00');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #faa012), color-stop(100%, #e48a00));
background: -webkit-linear-gradient(top, #faa012, #e48a00);
background: -moz-linear-gradient(top, #faa012, #e48a00);
background: -o-linear-gradient(top, #faa012, #e48a00);
background: -ms-linear-gradient(top, #faa012, #e48a00);
-pie-background: linear-gradient(top, #faa012, #e48a00);
background: linear-gradient(top, #faa012, #e48a00);
border-color: #fbc671 transparent #ac6900;
}
.top-menu li.green a {
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF60B026', endColorstr='#FF429808');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #60b026), color-stop(100%, #429808));
background: -webkit-linear-gradient(top, #60b026, #429808);
background: -moz-linear-gradient(top, #60b026, #429808);
background: -o-linear-gradient(top, #60b026, #429808);
background: -ms-linear-gradient(top, #60b026, #429808);
-pie-background: linear-gradient(top, #60b026, #429808);
background: linear-gradient(top, #60b026, #429808);
border-color: #9fd07c transparent #2d6d00;
}
.top-menu li.brown a {
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF96796D', endColorstr='#FF806155');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #96796d), color-stop(100%, #806155));
background: -webkit-linear-gradient(top, #96796d, #806155);
background: -moz-linear-gradient(top, #96796d, #806155);
background: -o-linear-gradient(top, #96796d, #806155);
background: -ms-linear-gradient(top, #96796d, #806155);
-pie-background: linear-gradient(top, #96796d, #806155);
background: linear-gradient(top, #96796d, #806155);
border-color: #c0aea7 transparent #624b42;
}
.top-menu li.blue a {
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF5591C0', endColorstr='#FF3B79AC');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5591c0), color-stop(100%, #3b79ac));
background: -webkit-linear-gradient(top, #5591c0, #3b79ac);
background: -moz-linear-gradient(top, #5591c0, #3b79ac);
background: -o-linear-gradient(top, #5591c0, #3b79ac);
background: -ms-linear-gradient(top, #5591c0, #3b79ac);
-pie-background: linear-gradient(top, #5591c0, #3b79ac);
background: linear-gradient(top, #5591c0, #3b79ac);
border-color: #99bbd9 transparent #2f5e85;
}
/*---end Tovar---*/
.b-text{
padding-bottom:15px;
}
#review-block .owl-item {
background: transparent;
}
#review-block .owl-stage-outer {
overflow: hidden!important;
position: relative;
transform: translate3d(0px,0px,0px);
}
#review-block .owl-stage {
display: flex;
}
.rewies-block__block {
position: relative;
}
.rewies-block__block .swiper-buttons {
position: absolute;
top: 0;
right: 0px;
}
.rewies-block__block .swiper-button-prev,
.rewies-block__block .swiper-button-next,
.rewies-block__block .swiper-button-prev.swiper-button-disabled,
.rewies-block__block .swiper-button-next.swiper-button-disabled
{
font-size: 22px;
background: #FFF;
padding: 3px !important;
border: 1px solid;
margin: 0;
opacity: 1;
border-radius: 3px;
height: auto;
width: auto;
min-height: 28px;
border-color: #000;
color: #000;
}
.rewies-block__block .swiper-button-prev {
right: 20px;
left: auto;
}
.rewies-block__block .swiper-button-next {
right: 0;
left: auto;
}
.rewies-block__block .swiper-button-next:after,
.rewies-block__block .swiper-button-prev:after {
font-size: 12px;
}
.review-item-head {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
margin: 0 0 20px 0;
}
.review-item-head .review-item-name {
font-weight: 700;
font-size: 18px;
}
.review-item-description {
font-size: 15px;
}
#home-line-ca, .home-line-ca{
background: #fff;
}
.ca-container{
position:relative;
margin:0 auto;
/* width:980px; */
width: 100%;
height:370px;
overflow:hidden;
text-align: center;
}
.ca-wrapper{
/* width:980px; */
width: 100%;
height:100%;
position:relative;
}
.ca-item{
position:relative;
float:left;
height:100%;
text-align: left;
padding: 23px 0 45px;
width:330px;
vertical-align: top;
}
.ca-item .img a img {
-moz-transition-property: opacity;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.ca-item .img a img:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
}
.ca-item p {
margin: 18px 0;
}
.ca-close{
position:absolute;
top:10px;
right:10px;
width:27px;
height:27px;
outline:none;
text-decoration:none;
font-size:30px;
}
.ca-close:hover{
color:red;
}
.ca-item-main{
position:absolute;
text-align: left;
vertical-align: top;
overflow:hidden;
width:298px;
background:#FFF;
}
.ca-content-wrapper{
background:#FFF;
position:absolute;
top:0;
width:0px;
height:370px;
text-align:left;
z-index:10000;
overflow:hidden;
}
.ca-content{
width:650px;
overflow:hidden;
background:#FFF;
}
.ca-content-text{
padding:40px 20px 0;
}
/* lists */
.gallery-line__wrap {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.gallery-line__wrap a img {
max-width: 100%;
}
.gallery-line__button {
margin: 30px 0 0 0;
}
.gallery-line__button a {
display: flex;
justify-content: center;
}
.gallery-line__button a:hover {
color: #fff;
text-decoration: none;
}
.b-text ul,
.mdash-list{
margin-bottom:20px;
}
.b-text ul ul,
.mdash-list ul{
margin:5px 0 5px 15px;
}
.b-text li,
.mdash-list li{
*zoom: expression(runtimeStyle.zoom = 0, insertBefore(createElement("m"), firstChild));
text-decoration:none;
}
.mdash-list li:before,
.b-text ul li:before{content: "\2015";}
.mdash-list li li:before,
.b-text li li:before{content: "\2666";}
.mdash-list li m,
.b-text ul li m{zoom: expression(runtimeStyle.zoom = 0, innerText = "\2015");}
.b-text li li m,
.mdash-list li li m{zoom: expression(runtimeStyle.zoom = 0, innerText = "\2666");font-size:8px;}
.mdash-list li:before,
.mdash-list li m,
.b-text ul li:before,
.b-text ul li m{padding-right:5px;font-size:12px;vertical-align:1px;}
.mdash-list li li:before,
.mdash-list li li m,
.b-text li li:before,
.b-text li li m{font-size:8px;vertical-align:2px;}
/* table */
.b-table{
width:100%;
color:#727272;
background-color:#FFF;
margin: 25px 0;
border-collapse:collapcse;
border-bottom:1px solid #B9B9B9;
}
.b-table th,
.b-table td{
vertical-align:middle;
border:1px solid #AEAEAE;
border-top:none;
font-size:13px;
}
.b-table th,
.b-table thead td{
background-color:#AB0914;
padding:10px 0;
font-weight:normal;
text-align:center;
color:#FFF;
}
/*.b-table thead th,
.b-table thead td{
border-bottom:none;
}*/
.b-table tbody td{
text-align:center;
padding:12px 20px 11px;
font-size:13px;
color:#393939
}
.b-table th.last,
.b-table td.last{
border-right:none
}
.b-table tbody td[align="left"]{
text-align:left;
}
.b-table tr.even td{
background-color:#F1F1F1;
}
@-moz-document url-prefix() { }
.advantages {
margin: 50px auto 15px;
overflow: hidden;
/* width: 980px; */
width: 100%;
}
.advantage {
float: left;
margin: 10px 55px;
text-align: center;
width: 135px;
}
.actions-banners{
margin: 17px auto 10px;
overflow: hidden;
/* width: 980px; */
width; 100%;
}
.actions-banner{
float: left;
width: 320px;
margin-left: 10px;
}
.actions-banner:first-child{
margin-left: 0;
}
.side-actions {
/* width: 225px; */
width: 100%;
margin: 30px 0 25px;
/* background: #FFF; */
text-align: center;
}
.side-action {
height: 88px;
margin: 8px 0 0;
background: #FFF;
}
.side-action img {
/* width: 100%; */
height: 82px;
}
.width100{
width: 100% !important;
}
.pull-left{
float: left;
}
.ml20{
margin-left: 20px;
}h1
.mr20{
margin-right: 20px;
}
.text-center{
text-align: center;
}
#mainBottom{
font-size: 14px;
}
.row{
/* width: 980px;
margin: 0 auto;
padding: 10px 0 20px; */
}
.overflow-hidden{
overflow: hidden;
}
.h-line{
color: #404041;
border-bottom: 2px #6d6d6d solid;
margin-bottom: 35px;
font-size: 33px;
font-style: normal;
text-align: center;
font-weight: normal;
text-transform: uppercase;
}
.h-line span{
position: relative;
padding: 10px;
top: 14px;
}
.white-bg{
background: #fff;
}
/***************************************/
.b-button{
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: -moz-linear-gradient(center top , #ebebeb, #bcbcbc);
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
border-bottom-color: -moz-use-text-color;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-style: none;
border-bottom-width: medium;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: -moz-use-text-color;
border-left-style: none;
border-left-width: medium;
border-right-color: -moz-use-text-color;
border-right-style: none;
border-right-width: medium;
border-top-color: -moz-use-text-color;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-top-style: none;
border-top-width: medium;
box-shadow: 0 0 2px #231f20;
color: #4b4b4b;
cursor: pointer;
display: inline-block;
font-size: 1.2em;
line-height: 2.8em;
padding-bottom: 0;
padding-left: 30px;
padding-right: 30px;
padding-top: 0;
position: relative;
text-shadow: 0 1px 0 #e8e8e8;
}
/***************mobile***********************/
header .header-inner .header-block .b-phone {
/* font: 30px "Trebuchet MS",sans-serif; */
font: 26px "Trebuchet MS",sans-serif;
line-height: 27px;
color: #fff;
text-decoration: none;
}
.b-contact-link-mobile{
display: none;
}
/***************************************/
.bg-main{
background: url("/assets/flinstone/i/bg.jpg");
}
h1{
border-bottom: 1px solid #bebebe;
margin-bottom: 15px;
}
.h-line-2-string{
text-align: center;
margin-top: -15px;
font-size: 25px;
}
.ca-container-main{
height: 540px;
}
.likeh1{
border-bottom: 1px solid #bebebe;
margin-bottom: 24px;
color: #303031;
font: italic 26px Georgia, "Times New Roman", serif;
padding: 0 14px 7px 14px;
position: relative;
}
.likeh1 i{
background: url("/assets/flinstone/i/icons.png") no-repeat 0 -51px;
display: block;
width: 23px;
height: 12px;
position: absolute;
left: 24px;
bottom: -12px;
}
#days7container{
/* width: 980px; */
width: 100%;
margin: 0 auto 10px;
padding: 35px 20px 20px 20px;
}
.days7container-wrapper{
overflow: hidden;
/* margin-right: -43px; */
}
#days7container h2 {
text-align: center;
margin-bottom: 20px;
}
.days7-item {
/* float: left;
width: 298px; */
width: 100%;
/* margin-right: 43px; */
margin-bottom: 15px;
font-size: 14px;
color: #727272;
text-align: center;
}
.days7-item .img {
margin-bottom: 20px;
}
.days7-item .img img {
width: 100%;
}
.days7-item h3 {
font: 16px/18px Arial,sans-serif;
margin-bottom: 15px;
}
.days7-item p{
margin-bottom: 18px;
margin-left: 0;
margin-right: 0;
margin-top: 18px;
}
.mainpagenew{
/* margin-bottom: 15px; */
margin-bottom: 30px;
font-size: 14px;
line-height: 20px;
color: #474747;
}
.mainpagenew p{
/*line-height: 20px;*/
}
.mainpagenew .clients{
border: none;
}
.mainpagenew.b-brends li{
margin-right: 40px;
}
.mainpagenew.b-brends img{
width: 127px;
height: 65px;
}
#brand-block {
background: #FFF;
}
#days7wrapper{
/*margin-top: 15px;*/
background: #FFF;
}
.content-main .b-otzivi{
margin-top: 0;
}
.tabletop-pluses{
margin: 0;
padding-bottom: 15px;
font-size: 14px;
}
.tabletop-pluses ul{
/*list-style: inherit;*/
}
.tabletop-pluses ul li{
margin-bottom: 10px;
}
.tabletop-pluses div.pull-left:first-child{
width: 220px;
margin-right: 20px;
}
.tabletop-pluses div.pull-left:nth-child(2){
width: 740px;
}
.bordertopblock{
border-top: 2px solid #6d6d6d;
padding-top: 25px;
}
.noh2 .clients{
height: 160px;
}
.noh2 .clients .slides li .c-logo img{
height: 131px;
}
.noh2 .clients .slides li .c-logo{
height: 131px;
}
.noh2 .clients .slides li{
height: 170px !important;
}
.noh2 .clients-nav span{
top: 35%;
}
.home-line.mainpagenew .home-line-ca{
padding: 15px 0;
}
.mb0{
margin-bottom: 0;
}
.mb30{
margin-bottom: 30px;
}
.mb40{
margin-bottom: 40px;
}
.other-products{
margin-top: 45px;
}
.other-products .product-list-item-title{
font: 14px/18px "Arial","Myriad Pro","Myriad Web","Tahoma","Helvetica",sans-serif;
margin-bottom: 0px;
min-height: 68px;
}
.home-top-menu li .list-title{
margin: 0 0 10px;
/*font-size: 24px;*/
/*font-family: Trebuchet,sans-serif;*/
font: 24px "Trebuchet MS",sans-serif;
line-height: 32px;
}
.home-top-menu li .list-title a{
color: #171515;
}
.b-products .product-title{
font: 14px Arial, Helvetica, sans-serif;
line-height: 18px;
margin: 0 0 15px;
min-height: 36px;
}
.original-materials span{
top: 48px;
}
.original-materials span.string2{
font: italic 25px Georgia,"Times New Roman",serif;
text-transform: none;
}
.footer-menu{
overflow: hidden;
font-size: 15px;
padding-top: 15px;
/* margin-left: -235px; */
}
.footer-menu-column{
/* float: left;
margin: 20px 0px 20px 246px; */
}
.footer-menu-title{
margin-bottom: 19px;
}
.footer-menu-column li{
list-style: none;
}
.original-materials{
margin-top: -35px;
}
.side-actions .side-action-title{
background: none repeat scroll 0 0 #f08d00;
color: #74360d;
font-size: 18px;
font-weight: normal;
height: 39px;
line-height: 39px;
padding-left: 15px;
position: relative;
text-decoration: underline;
text-shadow: none;
}
.side-actions .side-action-title a{
color: #74360d;
}
.b-otzivi .b-otzivi-title{
padding-left: 15px;
font-size: 18px;
font-weight: normal;
text-decoration: underline;
line-height: 39px;
height: 39px;
position: relative;
background: #85d73d;
color: #3a5011;
text-shadow: none;
}
.b-otzivi .b-otzivi-title a{
color: #3a5011;
}
#catalog .other-products{
margin: 10px 0 60px;
}
#catalog .other-products .b-products li{
margin-bottom: 30px;
}
.sisea-page {
margin-right: 7px;
}
#main{
padding-bottom: 20px !important;
}
#footer-top {
background: url("/assets/flinstone/i/footer-bg2.png") #262626;
color: #fff;
}
#footer-top-wrapper{
/* width: 980px; */
margin: 0 auto;
}
#footer-top .footer-menu-title{
font: bold 18px Arial,sans-serif;
}
#footer-top ul li a{
text-decoration: underline;
font: 14px Arial, sans-serif;
color: #fff;
}
#footer-top .footer-menu{
/* margin-left: -105px; */
padding-top: 30px;
padding-bottom: 40px;
}
#footer-top .footer-menu-column{
/* margin: 0 0 0 120px; */
}
#footer-top #search{
float: right;
width: 220px;
}
#footer-top #search form{
position: relative;
}
#footer-top #search form a{
position: absolute;
display: block;
width: 55px;
height: 31px;
top: 0;
left: 145px;
}
#footer-top #search input{
background: url("/assets/flinstone/i/search-bg.png") no-repeat;
color: #fff;
padding: 0 60px 0 30px;
height: 30px;
width: 110px;
border: none;
}
header .search{
position: absolute;
right: -20px;
top: 83px;
width: 220px;
}
header .search form button{
position: absolute;
display: block;
width: 55px;
height: 31px;
top: 0;
right: 0px;
background: none;
border: none;
}
header .search input{
background: url("/assets/flinstone/i/search-bg.png") no-repeat;
color: #fff;
padding: 0 60px 0 30px;
height: 30px;
width: 110px;
border: none;
}
footer .footer-inner .b-phone{
margin-top: 17px !important;
/* margin-left: 97px !important; */
line-height: 10px;
}
#vklink, #fblink, #gplink{
width: 31px;
height: 31px;
background: url("/assets/flinstone/i/vklogo.png");
display: inline-block;
margin-right: 10px;
}
#fblink{
background: url("/assets/flinstone/i/facebooklogo.png");
}
#gplink{
background: url("/assets/flinstone/i/googlelogo.png");
}
#footer-pre{
background: #bb1d1d;
box-shadow: inset 0 0 15px rgba(0,0,0, 0.9);
}
#footer-pre-wrapper{
/* width: 950px; */
margin: 0 auto;
padding-top: 30px;
padding-bottom: 30px;
}
#footer-pre-questions{
font: bold 18px Arial,sans-serif;
color: #fff;
display: inline-block;
/* width: 250px; */
width: 100%;
vertical-align: top;
margin-top: 15px;
}
#footer-pre-answers{
font: 14px Arial,sans-serif;
color: #fff;
display: inline-block;
/* width: 690px; */
width: 100%;
}
#footer-pre-answers a{
color: #fff;
text-decoration: underline;
}
#footer-articles{
background: url(/assets/flinstone/i/shadows.jpg) no-repeat 50% 0;
padding-top: 14px;
}
#footer-articles-inner{
background: #fff;
}
#footer-articles-wrapper{
/* width: 980px; */
margin: 0 auto;
padding: 25px 0 30px;
}
#footer-articles-wrapper h3{
font: bold 26px Roboto,Arial,sans-serif;
margin-bottom:30px;
}
#footer-articles-list{
list-style: none;
overflow: hidden;
}
.footer-article{
/* width: 227px;
float: left;
margin-left: 24px; */
width: 100%;
margin-top: 15px;
}
.footer-article:first-child {
margin-left: 0;
}
.footer-article .footer-article-title{
color: #3390d1;
font: 14px Arial,sans-serif;
/* margin: 15px 0 0 5px;*/
margin: 15px 0 0 0px;
display: block;
}
#footer-design{
display: inline-block;
vertical-align: top;
margin-top: 9px;
margin-left: 25px;
}
.mainnavigation {
height: 44px;
background: url("/assets/flinstone/i/navbg.png") repeat-x;
}
#>.container>.row>.hd-menu>ul{
/* width: 980px; */
width: 100%;
margin: 0 auto;
position: relative;
list-style: none;
height: 100%;
/* background: url("/assets/flinstone/i/navline.png") no-repeat right; */
}
#>.container>.row>.hd-menu>ul>li{
/* display: inline-block;
height: 100%; */
background: url("/assets/flinstone/i/navline.png") no-repeat;
/* padding: 14px 5px ; */
padding: 14px 10px ;
/* margin-left: -3px; */
}
#>.container>.row>.hd-menu>ul>li>a{
/* display: block; */
height: 100%;
font: bold 14px Arial, sans-serif;
/* line-height: 45px; */
text-decoration: none;
color: #fff;
text-shadow: 0 1px 1px #1d3e84;
/* padding: 0 10px 0 10px; */
/* margin-left: 2px; */
}
#>.container>.row>.hd-menu>ul>li.active>a{
background: url("/assets/flinstone/i/navactivebg.png") repeat-x;
}
.mainnavigation>.container>.row>.hd-menu>ul>li:last-child>a{
padding-left: 20px;
}
header .header-inner .header-block .b-calls li:last-child {
background-image: url("/assets/flinstone/i/order-calc-icon.png");
background-position-y: 5px;
}
header .header-inner .header-block .b-calls{
margin-top:10px !important;
}
@media all and (-ms-high-contrast:none)
{
*::-ms-backdrop, .mainnavigation>ul>li:last-child>a {padding-left: 20px;} /* IE11 */
}
header .header-inner .header-block .b-contact dl dt{
font-size: 12px;
}
.mainnavigation {
height: 44px;
background: url("/assets/flinstone/i/navbg.png") repeat-x;
}
.mainnavigation>.container>.row>.hd-menu>ul{
/* width: 980px; */
margin: 0 auto;
position: relative;
list-style: none;
height: 100%;
/* background: url("/assets/flinstone/i/navline.png") no-repeat top right; */
display: flex;
flex-wrap: wrap;
}
.mainnavigation>.container>.row>.hd-menu>ul>li{
/* display: inline-block; */
height: 100%;
background: url("/assets/flinstone/i/navline.png") no-repeat;
/* margin-left: -3px; */
padding: 14px 5px;
}
.mainnavigation>.container>.row>.hd-menu>ul>li>a{
display: block;
height: 100%;
font: bold 14px Arial, sans-serif;
/* line-height: 45px; */
text-decoration: none;
color: #fff;
text-shadow: 0 1px 1px #1d3e84;
/* padding: 0 10px 0 10px;
margin-left: 2px; */
}
.mainnavigation>.container>.row>.hd-menu>ul>li.active>a{
/*background: url("/assets/flinstone/i/navactivebg.png") repeat-x;*/
}
.mainnavigation>.container>.row>.hd-menu>ul>li:last-child>a{
padding-left: 20px;
}
.mainnavigation .search {
position: relative;
padding-top: 7px;
}
.mainnavigation .search input {
width: 100%;
background: url(/assets/flinstone/i/search-bg.png) no-repeat;
color: #fff;
padding: 0 60px 0 30px;
height: 25px;
border: 0;
background-size: contain;
font-size: 11px;
}
.mainnavigation .search form button {
position: absolute;
display: block;
width: 55px;
height: 31px;
top: 0;
left: 145px;
background: none;
border: 0;
}
@document url("http://flinstone.ru") {
.mainnavigation>ul>li:last-child>a {
padding-left: 28px;
}
}
.mainnavigation>.container>.row>.hd-menu>ul>li.active:last-child>a{
padding: 0 18px;
}
header .header-inner .header-block .b-calls li:last-child {
background-image: url("/assets/flinstone/i/order-calc-icon.png");
background-position-y: 5px;
}
header .header-inner .header-block .b-calls{
margin-top: 10px !important;
}
@media all and (-ms-high-contrast:none)
{
*::-ms-backdrop, .mainnavigation>ul>li:last-child>a {padding-left: 20px;} /* IE11 */
}
.mainpage-wrapper h1{
margin-bottom: 25px;
}
#site-news-top{
background: #2c87b2;
padding: 10px 0 10px 15px;
}
#site-news-top a{
color: #fff;
font: 18px Arial,sans-serif;
text-decoration: underline;
}
#site-news-list{
padding: 15px 15px 5px 15px;
list-style: none;
background: #fff;
margin-bottom: 15px;
}
#site-news-list>li{
margin-bottom: 20px;
}
.site-new-date, .price-description{
font: italic 11px Arial,sans-serif;
}
.site-new-title{
margin: 12px 0;
}
.site-new-title a{
color: #3390d1;
font: 14px Arial,sans-serif;
}
.site-new-intro{
color: #474747;
font: 14px Arial,sans-serif;
line-height: 16px;
}
.all-news{
margin-left: 8px;
}
.side-actions .all-news{
margin-top: 15px;
}
.show-on-mobile{
display: none;
}
#policy{
font-size: 14px;
}
#policy a{
color: #fff;
}
.personal_policy{
width: 100% !important;
}
.personal_policy input{
margin-bottom: 5px;
}
.b-form .checkboxgroup .formHint{
margin-left: 0 !important;
margin-top: 10px !important;
}
.mainnavigation > ul > li {}
.mainnavigation > .container > .row > .hd-menu > ul > li > .second {
display: none;
position: absolute;
left: 0;
width: auto;
z-index: 99999;
background: url(/assets/flinstone/i/navbg.png) repeat-x;
}
.mainnavigation li:hover .second{
display: block;
width: auto;
}
.mainnavigation .second li{
background: url(/assets/flinstone/i/navbg.png) repeat-x;
position: relative;
}
.mainnavigation li .second a {
height: 100%;
font: bold 16px Arial,sans-serif;
line-height: 45px;
text-decoration: none;
color: #fff;
text-shadow: 0 1px 1px #1d3e84;
padding: 0 12px 0 12px;
}
.third {
display: none;
position: absolute;
left: 100%;
top: 0;
width: 100%;
margin-left: 1px;
}
.third li {
width: 500px;
}
.third li span {
float: right;
margin-right: 8px;
}
.third li a {
font-style: italic!important;
font-family: Arial,sans-serif!important;
font-weight: 700!important;
text-shadow: 0 1px 1px #1d3e84!important;
font-size: 14px!important;
padding: 10px 10px 10px 20px!important;
line-height: 37px!important;
}
.mainnavigation .second > li:hover > .second-lv-ul {
display: block;
position: absolute;
left: 100%;
top: 0;
width: 100%;
margin-left: 1px;
}
.mainnavigation .second > li:hover > .third {
display: block;
}
.mainnavigation .second > li:hover > .third {
display: block;
}
.second-lv-ul > li:hover .third {
display: block;
}
/*Block Two Category*/
.btn-primary.btn-outline {
color: #008f30;
margin-bottom: 5px;
background-color: transparent;
transition: all .5s;
text-decoration: none;
border: 1px solid #008f30;
border-radius: 3px;
padding: 1px 12px;
font-size: 15px;
line-height: 1.5;
font-family: Roboto,Arial,sans-serif !important;
display: inline-block;
}
.btn-primary.btn-outline:hover {
color: #fff;
background-color: #00802b;
border-color: #00802b;
}
.blockTwo {margin: 20px 0;}
.text-muted {
color: #888;
margin-right: 10px;
font-family: Roboto,Arial,sans-serif !important;
}
.text-uppercase {
text-transform: uppercase;
}
.small, small {
font-size: 100%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
.brand__item img {
display: block;
max-width: 100%;
}
.brand__item.btn-primary.btn-outline:hover{
-webkit-box-shadow: 0 3px 7px 0 #a8a8a8;
box-shadow: 0 3px 7px 0 #a8a8a8;
}
.brand__item.btn-primary.btn-outline {
padding: 1px 0;
background-color: #fff;
text-align: center;
max-width: 115px;
transition: all .7s ease;
}
.brand__item.btn-primary.btn-outline:hover {
color: #008f30;
}
.cards_block {
position: relative;
/* float: left; */
width: 250px;
padding: 5px 0;
}
.cards_block img {
max-width: 200px;
}
#fixed-buttons {
position: fixed;
left: 10px;
bottom: 10px;
z-index: 1000;
}
.hidden {
display: none;
}
.calculator-additional-settings{
font-size: 16px;
}
.calculator-additional-settings input{
margin-bottom: 4px;
}
@media all and (max-width: 960px){
#fixed-buttons .name, #fixed-buttons .desc{
display: none;
}
#fixed-buttons li{
width: 60px;
}
#fixed-buttons li a,#fixed-buttons li:first-child + li a{
width: 0;
/*height: 40px;*/
border-top: none;
padding-right: 0px;
}
#fixed-buttons li:first-child + li a{
height: 65px;
}
}
.blockTwo a:first-letter {
text-transform: capitalize;
}
.tag_link:first-letter {
text-transform: capitalize;
}
#content article div.content_mains ul li{
list-style-type: none !important;
}
#content article div.content_mains ul li {
font: 12px Arial;
margin-bottom: 7px;
color: #313131;
}
#content article div.content_mains ul li:before {
content: "\2015";
padding-right: 5px;
font-size: 12px;
vertical-align: 1px;
}
.order_btn {
background-color: #5a5a5a;
padding: 10px 15px;
display: inline-block;
color: #fff;
text-decoration: none;
margin-top: 1px;
}
.catalogListItem .order_btn {
width: 100%;
}
.filter-color__button {
background-color: #5a5a5a;
padding: 10px 15px;
display: inline-block;
color: #fff;
text-decoration: none;
box-shadow: 2px 2px 5px #5a5a5a;
margin-top: 1px;
}
.filter-color {}
.filter-color__change {
width: 100%;
padding: 30px;
border: 1px solid #000;
margin: 10px 0;
border-radius: 5px;
background: #fff;
position: relative;
display: none;
}
.filter-color__change.open {
display: block;
}
.filter-color__close {
position: absolute;
top: 20px;
right: 20px;
color: #828282;
font-size: 20px;
border: 1px solid #828282;
border-radius: 100%;
cursor: pointer;
display: flex;
width: 26px;
height: 26px;
justify-content: center;
/* align-items: center; */
line-height: 1;
}
.filter-color__options-wrap {}
.filter-color__button-wrap {
margin: 0 0 20px 0;
}
.filter-color__options-wrap fieldset {
display: grid;
grid-template-columns: repeat(5, 1fr);
}
.filter-color__options-wrap fieldset>div {
padding: 5px 0;
}
.filter-color__options-wrap fieldset input {
margin: 0 5px 0 0;
display: none;
}
.filter-color__options-wrap fieldset label {
font-weight: 600;
display: inline-flex;
align-items: center;
line-height: 1.4;
position: relative;
padding: 0 0 0 28px;
}
.filter-color__options-wrap fieldset label::before {
content: '';
position: absolute;
top: 1px;
left: 4px;
align-self: flex-start;
/*flex: 0 0 26px;*/
width: 16px;
height: 16px;
border-radius: 3px;
border: 2px solid #5a5a5a;
margin: 0 10px 0 0;
}
.filter-color__options-wrap fieldset label::after {
content: '';
position: absolute;
top: 5px;
left: 8px;
width: 8px;
height: 8px;
background: #5a5a5a;
transform: scale(0);
transition: transform .3s ease;
}
.filter-color__options-wrap fieldset input:checked + label::after {
transform: scale(1);
}
.ajax-form {}
.ajax-start {
display: none;
}
.pager ul li::before {display:none;}
.schema_no {display: none;}
.advantage__wrapper {
margin: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px;
}
.advantage__wrapper-item img {
display: block;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}
.advantage__wrapper-item {text-align: center;font-weight: bold;}
.feedbackForm-wrapper {width: 730px;}
.serts h2 {
margin-top: 32px;
text-align: center;
position: relative;
float: left;
width: 100%;
}
.serts .b-tovar-img {
position: relative;
float: left;
}
.serts a {
border: 1px solid #bebebe;
position: relative;
float: left;
background: white;
padding: 3px;
margin: 2px;
border-radius: 2px;
}
.showP .showPtit {
font: bold 26px Roboto,Arial,sans-serif;
margin: 30px 0 6px 0;
color: #b72115;
text-align: center;
}
/* .showP {margin-bottom: 25px;} */
.showP {margin-bottom: 10px;}
.b-form .b-button.calcCredit{
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cc422b), color-stop(100%, #b72a15));
background: -webkit-linear-gradient(top, #cc422b, #b72a15);
background: -moz-linear-gradient(top, #cc422b, #b72a15);
background: -o-linear-gradient(top, #cc422b, #b72a15);
background: -ms-linear-gradient(top, #cc422b, #b72a15);
-pie-background: linear-gradient(top, #cc422b, #b72a15);
background: linear-gradient(top, #cc422b, #b72a15);
width: 155px;
color: white;
text-decoration: none;
}
.b-form .b-button.calcCredit:hover{
color: white;
}
.drop-canal {
font-size: 21px;
font-weight: bold;
color: #bd311b;
}
/****************Multifile**********************/
.box__dragndrop {
display: none;
}
.box__input {
outline: 2px dashed #92b0b3;
padding: 10px;
}
.box__input .file-names{
position: absolute;
}
.box.is-dragover .box__input
{
outline-color: #c8dadf;
background-color: #fff;
}
.box.has-advanced-upload .box__dragndrop {
display: inline;
}
.box.has-advanced-upload .box__icon
{
width: 100%;
height: 80px;
fill: #92b0b3;
display: block;
margin-bottom: 40px;
}
.box__file
{
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.box .box__input .box__file + label
{
text-overflow: ellipsis;
text-align: center;
white-space: nowrap;
cursor: pointer;
display: inline-block;
overflow: hidden;
float: none;
width: 100%;
}
.box__file + label:hover strong,
.box__file:focus + label strong,
.box__file.has-focus + label strong
{
color: #39bfd3;
}
.box__file:focus + label,
.box__file.has-focus + label
{
outline: 1px dotted #000;
outline: -webkit-focus-ring-color auto 5px;
}
.box__input.is-dragover {
background-color: grey;
}
.box__input .multi-file-name span.remove-file{
cursor: pointer;
}
.third{
width: auto;
white-space: nowrap;
}
/****************Multifile**********************/
.thumbs .thumb .r{
position: relative;
width: 100%!important;
float: initial!important;
}
.stone-price-hover{
display: none;
}
.thumbs .thumb .r:hover .stone-price-hover {
display: block;
position: absolute;
opacity: 0.5;
background: #272727;
/* width: 110%;
height: 80%; */
width: 100%;
height: 100%;
color: yellow;
padding-top: 40%;
cursor: pointer;
text-align: center;
font-weight: bold;
}
.stones-link{
font-size: 16px;
font-weight: bold;
}
.productTypeWrapper .stones-series label{
margin: 0 30px;
}
.stone-type-header{
font-size: 35px;
text-align: center;
}
.header-block_mobile {
display: none;
}
.b-products-list {
display: flex;
flex-wrap: wrap;
}
#slides_new {
display: flex;
flex-wrap: wrap;
}
#slides_new .item .img img {
/* width: 100%; */
width: auto;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.slides_new {
display: flex;
flex-wrap: wrap;
}
.slides_new .item .img img {
/* width: 100%; */
width: auto;
max-width: 100%;
height: auto;
}
.b-products-list2 .item {
display: block;
/* width: 33%; */
width: 100%;
box-sizing: border-box;
padding: 10px;
}
.prod_item {
display: block;
width: 33%;
box-sizing: border-box;
padding: 10px;
}
.order_btn_new {
/* background-color: #fff; */
/* padding: 10px 15px; */
padding: 10px 10px;
font-size: 14px;
display: block;
/* color: #5a5a5a; */
text-decoration: none;
margin: 10px auto;
box-shadow: 2px 2px 5px #5a5a5a;
width: 90%;
box-sizing: border-box;
text-align: center;
}
.filter-color__button:hover,
.order_btn_new:hover {
/* background-color: #5a5a5a;
color: #fff; */
background-color: #fff;
color: #5a5a5a;
}
.product-title a span {
color: #5a5a5a;
}
.prod_item_bl .img {
text-align: center;
height: 180px;
border-bottom: 1px solid #CCC;
margin-bottom: 10px;
}
.prod_item_bl .img img {
}
.prod_item_bl {
/* height: 100%;
position: relative;
box-sizing: border-box;
padding-bottom: 70px; */
height: 100%;
position: relative;
box-sizing: border-box;
background: #FFF;
/* padding: 10px 10px 70px; */
padding: 10px 10px 70px;
text-align: center;
}
li.prod_item .img img {
width: 100%;
}
.btn_block {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
}
span.type_menu {
padding: 10px 10px 10px 20px;
display: block;
color: #FFF;
font-size: 14px;
font-style: italic;
font-family: Arial,sans-serif;
font-weight: 700;
text-shadow: 0 1px 1px #1d3e84;
}
.mainnavigation .second a:hover {color: red;}
.mainnavigation .second span:hover {color: red;}
.hide-on-desktop {
display: none;
}
.MobileBlockTop {
display: none;
}
ul.slides {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.products-nav {
display: none;
}
.product-title {
margin-bottom: 10px;
}
.b-form#callmeForm {
display: none;
padding: 10px;
}
.b-form#zamerForm {
display: none;
padding: 10px;
}
.content_item {
margin: 10px 0;
}
.carousel-new {
position: relative;
box-shadow: 0px 0px 10px rgba(167, 167, 167, 0.71);
margin-top: 26px;
border-radius: 8px;
display: none;
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%;
border-radius: 8px;
}
.carousel-open:checked + .carousel-item {
position: static;
opacity: 100;
}
.carousel-item {
position: absolute;
opacity: 0;
-webkit-transition: opacity 0.6s ease-out;
transition: opacity 0.6s ease-out;
}
.carousel-item img {
display: block;
height: auto;
max-width: 100%;
}
.carousel-item img {
/* height: 323px; */
width: 100%;
}
.carousel-control {
background: rgba(0, 0, 0, 0.28);
border-radius: 50%;
color: #393939;
cursor: pointer;
display: none;
font-size: 40px;
height: 40px;
line-height: 35px;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
cursor: pointer;
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
text-align: center;
width: 40px;
z-index: 10;
}
.carousel-control.prev {
left: 2%;
}
.carousel-control.next {
right: 2%;
}
.carousel-control:hover {
background: rgba(0, 0, 0, 0.8);
color: #f3be81;
}
#carousel-1:checked ~ .control-1,
#carousel-2:checked ~ .control-2,
#carousel-3:checked ~ .control-3 {
display: block;
}
.carousel-indicators {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
bottom: 2%;
left: 0;
right: 0;
text-align: center;
z-index: 10;
}
.carousel-indicators li {
display: inline-block;
margin: 0 5px;
}
.carousel-bullet {
color: #393939;
cursor: pointer;
display: block;
font-size: 35px;
}
.carousel-bullet:hover {
color: #fff;
}
.carousel-3, .carousel-5 {
display: none;
}
#carousel-1:checked
~ .control-1
~ .carousel-indicators
li:nth-child(1)
.carousel-bullet,
#carousel-2:checked
~ .control-2
~ .carousel-indicators
li:nth-child(2)
.carousel-bullet,
#carousel-3:checked
~ .control-3
~ .carousel-indicators
li:nth-child(3)
.carousel-bullet {
color: #f3be81;
}
/* Собственно сам слайдер */
#slider-new{
max-width: 100%;
position: relative;
margin: auto;
/* height: 300px; */
margin-bottom: 15px;
display: none;
}
/* Картинка мастабируется по отношению к родительскому элементу */
.slider-new .item img {
object-fit: cover;
width: 100%;
/* height: 300px; */
border: none !important;
box-shadow: none !important;
}
/* Кнопки вперед и назад */
.slider-new .prev, .slider-new .next {
cursor: pointer;
position: absolute;
top: 0;
top: 50%;
width: auto;
margin-top: -22px;
padding: 16px;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
}
.slider-new .next {
right: 0;
border-radius: 3px 0 0 3px;
}
/* При наведении на кнопки добавляем фон кнопок */
.slider-new .prev:hover,
.slider-new .next:hover {
background-color: rgba(0, 0, 0, 0.8);
}
/* Заголовок слайда */
.slideText {
position: absolute;
color: #fff;
font-size: 35px;
/* Выравнивание текста по горизонтали и по вертикали*/
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
/* Тень*/
text-shadow: 1px 1px 1px #000, 0 0 1em #000;
}
/* Кружочки */
.slider-dots {
text-align: center;
}
.slider-dots_item{
cursor: pointer;
height: 12px;
width: 12px;
margin: 0 2px;
background-color: #ddd;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active,
.slider-dots_item:hover {
background-color: #aaa;
}
/* Анимация слайдов */
.slider-new .item {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {
opacity: .4
}
to {
opacity: 1
}
}
@keyframes fade {
from {
opacity: .4
}
to {
opacity: 1
}
}
.new-blist {
display: flex;
flex-wrap: nowrap;
}
.new-bl {
box-sizing: border-box;
padding: 10px;
/* width: 25%; */
width: 100%;
text-align: center;
}
.new-bl img {
width: 50%;
background: #FFF;
border-radius: 100%;
padding: 10px;
border: 1px solid #CCC;
}
.new-bl span {
display: block;
font-weight: bold;
}
a.footer-calmy {
display: none;
}
.second-lv-ul>li:hover .third {
display: block;
}
.banner-field {
display: none;
}
.advs, .consult {
}
.advs {
margin-bottom: 23px;
}
.advs-title {
font-size: 30px;
margin: 36px 0;
}
.advs-wrapper {
display: flex;
justify-content: space-between;
}
.advs-block {
width: 25%;
}
.advs-block__icon {
text-align: center;
}
.advs-block__icon img {
width: 50%;
}
.advs-block__text {
text-align: center;
}
.b-form#ItemForm .inlineLabels label {
float: none;
display: block;
width: 100%;
text-align: left;
font-weight: bold;
}
.b-form#ItemForm .medium {
width: 100%!important;
box-sizing: border-box;
padding: 10px;
}
.b-form#ItemForm .ctrlHolder {
padding: 5px;
overflow: hidden;
box-sizing: border-box;
}
.b-form#ItemForm .b-button {
background: red;
color: #FFF;
}
.b-form#ItemForm .inlineLabels textarea {
width: 100%;
box-sizing: border-box;
}
/* вызов замерщика */
.b-form#rackmanFormNew {
overflow: scroll;
height: 500px;
}
.b-form#rackmanFormNew .inlineLabels label {
float: none;
display: block;
width: 100%;
text-align: left;
font-weight: bold;
}
.b-form#rackmanFormNew .medium {
width: 100%!important;
box-sizing: border-box;
padding: 10px;
}
.b-form#rackmanFormNew .ctrlHolder {
padding: 5px;
overflow: hidden;
box-sizing: border-box;
}
.b-form#rackmanFormNew .b-button {
background: red;
color: #FFF;
}
.b-form#rackmanFormNew .inlineLabels textarea {
width: 100%;
box-sizing: border-box;
}
#callmeForm {
overflow: initial!important;
}
.b-form#callmeForm .inlineLabels label {
float: none;
display: block;
width: 100%;
text-align: left;
font-weight: bold;
}
.b-form#callmeForm .medium {
width: 100%!important;
box-sizing: border-box;
padding: 10px;
}
.b-form#callmeForm .ctrlHolder {
padding: 5px;
overflow: hidden;
box-sizing: border-box;
}
.b-form#callmeForm .b-button {
background: red;
color: #FFF;
}
.b-form#callmeForm .inlineLabels textarea {
width: 100%;
box-sizing: border-box;
}
.b-form#zamerForm .inlineLabels label {
float: none;
display: block;
width: 100%;
text-align: left;
font-weight: bold;
}
.b-form#zamerForm .medium {
width: 100%!important;
box-sizing: border-box;
padding: 10px;
}
.b-form#zamerForm .ctrlHolder {
padding: 5px;
overflow: hidden;
box-sizing: border-box;
}
.b-form#zamerForm .b-button {
background: red;
color: #FFF;
}
.b-form#zamerForm .inlineLabels textarea {
width: 100%;
box-sizing: border-box;
}
.b-form#ItemForm,
.b-form#rackmanFormNew {
display: none;
}
.plus-list {
display: flex;
}
.plus-bl {
box-sizing: border-box;
padding-right: 20px;
}
.slider-dots {
display: none;
}
.showPlogos.brandLogo {
text-align: center;
}
.brandLogo img {
width: 100px;
}
.projects-title.h2-title {
display: none;
}
div#edges_1 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
div#edges_2 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.tabs {
font-size: 0;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.tabs>input[type="radio"] {
display: none;
}
.tabs>div {
/* скрыть контент по умолчанию */
display: none;
border: 1px solid #e0e0e0;
padding: 10px 15px;
font-size: 16px;
}
/* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
#tab-btn-1:checked~#content-1,
#tab-btn-2:checked~#content-2,
#tab-btn-3:checked~#content-3,
#tab-btn-4:checked~#content-4,
#tab-btn-5:checked~#content-5,
#tab-btn-6:checked~#content-6,
#tab-btn-7:checked~#content-7,
#tab-btn-8:checked~#content-8{
display: block;
}
.tabs>label {
display: inline-block;
text-align: center;
vertical-align: middle;
user-select: none;
background-color: #8e8e8e;
padding: 2px 8px;
font-size: 16px;
line-height: 1.5;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
cursor: pointer;
position: relative;
top: 1px;
color: #FFF;
font-weight: bold;
border: 1px solid #101010;
/* border-left: 1px solid #101010!important;
border-top: none;
border-bottom: none; */
margin: 5px;
}
.tabs>label:not(:first-of-type) {
border-left: none;
}
.tabs>input[type="radio"]:checked+label {
background-color: #272727;
border-bottom: 1px solid #fff;
}
span.name-bl {
font-size: 22px;
font-weight: bold;
margin-bottom: 20px;
display: block;
}
.banner-field {
margin-bottom: 10px;
}
.banner-ico {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.banner-ico a {
color: #FFF;
}
.banner-ico_work {
background: url(/assets/img/new/raboti2.png) 5px center no-repeat #959595;
display: flex;
padding: 10px 10px 10px 40px;
background-size: 30px;
color: #FFF;
/* width: 30%; */
font-weight: bold;
margin: 5px;
align-items: center;
display: flex;
border-radius: 5px;
border: 2px solid #FFF;
text-align: center;
}
.banner-ico_zamer {
background: url(/assets/img/new/zamer2.png) 5px center no-repeat #959595;
/* display: block; */
display: flex;
padding: 5px 10px 5px 40px;
background-size: 30px;
color: #FFF;
/* width: 30%; */
font-weight: bold;
margin: 5px;
border-radius: 5px;
border: 2px solid #FFF;
text-align: center;
align-items: center;
}
.banner-ico_calk {
background: url(/assets/img/new/kalk2.png) 5px center no-repeat #959595;
/* display: block; */
display: flex;
padding: 10px 10px 10px 40px;
background-size: 30px;
color: #FFF;
/* width: 30%; */
font-weight: bold;
margin: 5px;
border-radius: 5px;
border: 2px solid #FFF;
text-align: center;
align-items: center;
}
.tab_ya li {
display: inline-block;
padding: 0 10px 0 0px;
border-right: 1px solid #FFF;
}
.tab_ya li a {
color: #FFF;
font-size: 14px;
font-weight: bold;
}
.tab_ya li::before {
content: ""!important;
}
ul.tab_ya {
/* background: #a7a7a7;**/
background: url(/assets/flinstone/i/navbg.png);
padding: 10px 5px;
color: #FFF;
border-radius: 10px;
background-size: contain;
}
.price-tbl tr:nth-child(even) {
background: #ECECEC;
}
.price-tbl th {
background-color: #ab0914;
padding: 10px 3px;
font-weight: bold;
text-align: center;
color: #fff;
}
.price-tbl td {
padding: 0px 5px!important;
line-height: 16px!important;
border: none!important;
}
.brand-td img {
max-width: 125px;
}
td.brand-td {
width: 135px;
}
.brand-td {
background-color: #FFF;
}
.red-tr {
background: #ab0914!important;
}
.price-tbl .red-tr td {
padding: 5px 5px!important;
}
.banner-price {
display: block!important;
padding: 10px;
}
.banner-field h1 {
border-bottom: none!important;
}
.banner-field h1:after {
display: none!important;
}
.consult{
background-repeat: no-repeat;
background-size: cover;
padding: 10px;
box-sizing: border-box;
margin-bottom: 15px;
margin-top: 15px;
}
.consult-form{
background-color: rgba(196, 196, 196, .75);
padding: 20px;
width: 80%;
display: block;
margin: 0 auto;
font-family: Arial, sans-serif;
box-sizing: border-box;
}
.consult-title{
color: #fff;
font-weight: bold;
text-align: center;
margin: 10px 0;
font-size: 24px;
line-height: 30px;
}
.consult-form__field{
width: 90%;
display: block;
margin: 10px auto 15px;
padding: 10px;
font-size:18px;
border: none;
outline: none;
box-sizing: border-box;
}
.consult-form label{
position: relative;
display: block;
padding-left: 5px;
box-sizing: border-box;
}
.consult-form label input, .consult-form label p{
display: inline;
}
.consult-form label p{
margin-left: 4px;
position: relative;
top: 4px;
font-size: 12px;
font-weight: bold;
}
.consult-form label p a{
text-decoration: none;
color: #E50A0A;
}
.btn-consult{
display: block;
background-color: #fff;
color: #E50A0A;
font-size: 18px;
text-align: center;
width: 96%;
padding: 15px 0;
transition: .5s;
/* margin: 20px auto 40px; */
margin: 10px auto 10px;
border: none;
box-sizing: border-box;
}
.btn-consult:hover{
color: #fff;
background-color: #E50A0A;
}
.consult .personal_policy input {
margin-bottom: 0px;
}
.consult .qaptcha .Icons {
margin-left: 6px;
}
.consult .checkboxgroup {
padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
.b-products-list2 .btn_block {
position: relative;
bottom: 0px;
left: 0px;
width: 100%;
}
.b-products-list2 .slides_new .item {
/* height: 340px!important; */
}
.filter-color__options-wrap fieldset {
grid-template-columns: repeat(3, 1fr);
}
}
.banner-price{background-size:100%;}
.button-rasschet-wr{
text-align:center;
}
.button-rasschet{
text-decoration:none;
box-shadow: 0 0px 2px #231F20;
background: #b72115;padding: 10px 20px;text-align:center;
border-radius: 2px;
color: #fff;
font-size: 1.2em;
text-shadow: #e8e8e8 0 1px 0;
}
.button-rasschet:hover{
color: #fff;
box-shadow: 0 0px 4px #231F20;
}
.second-lv-ul {
display: none;
}
.second-lv-ul.open-menu {
display: block;
}
header .header-inner a.kontakty-a{
font-weight:bold;color:#fff;
}
.descr-center-text{margin-bottom:30px;}
#content article .descr-center-text p{
}
#content article .text-wrapper__block.descr-center-text ul{margin-top:20px;margin-bottom:20px;}
#content article .text-wrapper__block.descr-center-text ul li{
font-size:14px;
}
.top-descr{
margin-bottom:30px;
}
.price-red-table th{
background:#b72115;color:#fff;text-align:center;font-weight:bold;
}
.price-red-table tr:nth-child(odd) {
background:#fcc;color:#000;
}
.price-red-table{width:100%;font-size:17px;margin-bottom:30px;}
.price-red-table tr td,.price-red-table tr th{
vertical-align: middle;
padding:3px;border:1px solid #d9d9d9;text-align:center;
}
.price-red-table tr:nth-child(even) {
background:#fff;color:#000;
}
.more-a{
text-align:center;
}
.more-a a{
padding:6px;font-size:17px;color:#fff;background:#ab0914; text-decoration:none;border-radius:4px;
}
a.more span {
padding: 5px 12px 5px 10px!important;
}
a.more {
margin-top: 15px;
}
.with_material h2{text-align:center;margin-top:20px;}
.materials-plitka .row{
display: flex;
width:auto;
flex-wrap: wrap;
padding-bottom: 0;
justify-content:space-between;
margin: 10px 0;
}
.materials-plitka .col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding-left:1%;
padding-right:1%;
box-sizing: border-box;
}
.material_list_block-name {
width: 100%;display:flex;justify-content:space-between;
}
body .material_list_block-mat {
margin-bottom: 20px;
width: 100%;
display: flex;
justify-content: space-between;
align-items:center;
}
.name-materials-plitka{font-weight:bold;text-align:center;color:#000;}
.material_list_block-name a{color:#b72115;}
.materials-plitka IMG {
width: 55px;
height: 55px;
border-radius: 5px;
margin-right: 5px;
}
.material_list_block-mat a{display:inline-block;vertical-align: middle;}
.materials-plitka .logo-proizvoditel{
width: 85px;
height:auto;
}
.showP-wrapper ul li::before {
content: "―";
padding-right: 5px;
font-size: 12px;
vertical-align: 1px;
}
.showP-wrapper ul li {
font-size: 14px;
}
.showP-wrapper ul {
margin-top: 20px;
margin-bottom: 20px;
}
.advantage__wrapper_test {
width: 100%!important;
margin-top: 20px;
}
.product-list-item-bl {
background: #fff;
padding: 10px;
}
.product-list-item-image {
display: block;
width: 100%;
text-align: center;
}
.product-list-item-title {
display: block;
width: 100%;
text-align: center;
margin-top: 10px;
}
.b-tovar .left-b {
margin-right: 0px!important;
}
.items-bl dl {
margin-bottom: 10px;
}
ul.right-b {
display: flex;
flex-wrap: wrap;
justify-content: start;
}
ul.right-b li {
padding: 5px;
}
.b-tovar .left-b .b-tovar-img {
margin-bottom: 15px!important;
padding-bottom: 0px!important;
}
.b-tovar .right-b li a img {
border: 2px solid #000;
}
.b-tovar .right-b li a.active img {
border: 2px solid #bb1d1d;
}
/* .items-bl dl * {
background: url(/assets/flinstone/i/bg.jpg) repeat 0 0;
margin-bottom: -4px;
margin-top: 2px;
line-height: 16px;
display: inline-block;
} */
.mainnavigation>.container>.row>.hd-menu>ul>li:hover>.second {
display: block;
top: 43px;
}
.form-faq {
background-image: url(/assets/img/vopros.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.form-faq form {
background-color: rgba(255,255,255,0.7);
padding: 20px;
}
/*
fieldset.inlineLabels {
width: 100%;
max-width: 800px;
margin: 0 auto;
padding: 20px;
border: 1px solid #000;
background-color: rgba(20,19,19,0.5);
}
*/
.form-faq fieldset.inlineLabels {
width: 100%;
max-width: 800px;
margin: 0 auto;
padding: 20px;
border: 1px solid #000;
background-color: rgba(20,19,19,0.5);
}
.form-faq .b-form .inlineLabels label {
width: 100%!important;
color: #FFF;
font-weight: bold;
}
.form-faq .b-form .inlineLabels .textInput, .form-faq .b-form textarea {
width: 100%!important;
}
.ScrollBurger {
background: url(/assets/img/burger.png) no-repeat center;
height: 46px;
box-sizing: border-box;
width: 70px;
padding: 10px;
background-size: contain;
cursor: pointer;
}
.scroll-header .logo_scroll img {
width: auto!important;
height: 40px;
}
.scroll-header .row {
align-items: center;
}
.scroll-header {
display: none;
background: url(/assets/flinstone/i/bg-header.jpg) repeat 0 0;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 1000;
padding: 5px 0px 0px;
}
.scroll-header.fixed {
display: block;
}
.scroll-header .b-calls {
margin-bottom: 0px;
}
.scroll-header .b-calls li {
background: url(/assets/flinstone/i/icons.png) no-repeat 0 5px;
padding-left: 23px;
}
.scroll-header .b-calls li:first-child+li {
background-position: 0 -18px;
}
.scroll-header .b-calls li a {
line-height: 23px;
color: #afafaf;
font-size: 13px;
}
.thumbs .thumb {
text-decoration: none!important;
display: -moz-inline-box!important;
display: inline-block!important;
vertical-align: top!important;
text-align: center!important;
margin: 10px 0 10px 0px!important;
width: 100%;
}
.thumbs {
margin: 10px 0 10px 0px!important;
}
.master-ico {
text-align: center;
}
.thumbs .thumb .r img {
width: 100%;
height: auto;
}
#stones .price, .stones .price, .stones-series .price {
top: 110px!important;
left: 0px!important;
width: 100%!important;
display: block!important;
text-align: center!important;
}
#sendmail, #savepdf {
text-decoration: none;
margin: 2px;
width: 100%!important;
}
.overflow-hidden .b-form .b-button.calcCredit {
width: 100%;
}
.kitchen-type input[type=number] {
height: 24px;
position: absolute;
width: 51px;
text-align: center;
font-size: 12px;
maxlength: 4;
}
.product-three__block {
padding: 30px 0;
margin: 80px 0 0 0;
}
.product-three__block .product-three__wrap {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin: 0 auto;
width: 680px;
}
.product-three__wrap .product-title {
min-height: 40px;
}
.product-three__wrap .product-title a span {
display: inline-block;
text-align: center;
}
.product-three__wrap .price {
font-size: 18px;
font-weight: 700;
}
.product-three__wrap .price span:first-child {
font-size: 12px;
}
.product-three__wrap .catalogListItem .img a img {
max-width: 100%;
}
.product-three__button {
width: 80%;
margin: 0 auto;
}
.ourwork-item-wrap {
margin: 0;
}
.ourwork-item-wrap a {
height: 100%;
}
.ourwork-item {
margin: 0 0 30px 0;
}
.ourwork-item .gallery-line__button {
margin: 20px 0 0 0;
}
.our-services-block__title {}
.our-services-block__wrap {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.our-services-block__item {
text-align: center;
}
.our-services-block__icon {
width: 90px;
height: 90px;
margin: 0 auto;
}
.our-services-block__icon img {
max-width: 100%;
}
.our-services-block__text {
font-weight: 700;
margin: 20px 0 0 0;
}
.our-services-block__subtitle {
min-height: 40px;
}
.treatment-table__table {
border-collapse: collapse;
width: 100%;
}
.treatment-table__table thead tr th {
border: 1px solid #6a368b;
background: #b72115;
vertical-align: middle;
color: #fff;
text-align: center;
font-weight: 700;
padding: 5px;
}
.treatment-table__table tbody tr:nth-child(even) {
background: #fcc;
}
.treatment-table__table tbody tr td {
border: 1px solid #d9d9d9;
text-align: center;
vertical-align: middle;
}
.adaptive-table td {
/*font-size: 13px;*/
font-size: 14px;
text-align: left;
padding: 12px 10px;
border-bottom: 1px dotted #ccc;
border-right: 1px solid transparent;
}
.adaptive-table tr:first-child td {
background: #AB0914;
}
@media(max-width: 1200px) {
.product-three__block {
margin: 0;
}
}
@media(max-width: 992px) {
.product-three__block .product-three__wrap {
width: 100%;
}
.product-three__button {
width: 100%;
margin: 0 auto;
}
.adaptive-table tr:first-child {
display: none;
}
.adaptive-table td {
display: block;
text-align: right;
/*font-size: 13px;*/
font-size: 14px;
padding: 12px 10px;
border-bottom: 1px dotted #ccc;
border-right: 1px solid transparent;
}
.adaptive-table td:first-child {
text-align: center;
color: #fff;
background: #AB0914;
}
.adaptive-table td:last-child {
border-bottom: 0;
}
.adaptive-table td:before {
content: attr(data-label);
float: left;
/*text-transform: uppercase;*/
/*font-weight: bold;*/
}
}
@media(max-width: 768px) {
.adaptive-table td {
padding-top: 20px;
text-align: left;
padding: 48px 15px 12px 15px;
position: relative;
}
.adaptive-table td:first-child {
padding: 12px 0 12px 0;
}
.adaptive-table td:before {
content: attr(data-label);
/* float: left; */
/* text-transform: uppercase; */
/* font-weight: bold; */
width: 100%;
display: block;
margin: 0;
position: absolute;
top: 0;
left: 0;
padding: 8px 15px;
background: #ffc6ca;
}
.adaptive-table td:first-child::before {
display: none;
}
.our-services-block__wrap {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
}
.gallery-line__wrap {
grid-template-columns: repeat(2, 1fr);
gap: 16px;
margin: 0 0 20px 0;
}
.gallery-line__button {
margin: 20px 0 0 0;
}
.gallery-line__wrap .gallery-line__element:nth-child(1),
.gallery-line__wrap .gallery-line__element:nth-child(2) {
margin: 0 0 20px 0;
}
.product-three__block {
background: #fff;
padding: 0 0 10px 0;
margin: 30px 0;
}
.product-three__block .catalogListItem {
padding: 10px 10px 24px 10px;
}
.product-three__block .product-three__wrap {
grid-template-columns: repeat(2, 1fr);
}
.product-three__block .product-three__wrap .catalogListItem:last-child {
display: none!important;
}
}
@media(max-width: 550px) {
.list-item-cust {
padding: 0 !important;
}
.filter-color__options-wrap fieldset {
grid-template-columns: repeat(2, 1fr);
}
}
.main-7days-list {
margin-left: 20px;
font-size: 16px;
}
.main-7days-list ul {
margin-left: 20px;
list-style: circle;
}
#content article div.content_mains .main-7days-list ul li {
list-style-type: circle !important;
}
#content article div.content_mains .main-7days-list ul li::before {
display: none;
}
.main-7days-list ul li {
font-size: 16px;
}
.delivery-info {
margin-top: 20px;
}
.delivery-info ul {
margin: 0 0 14px 20px;
list-style: disc;
}
.delivery-info ul li {
font-size: 16px;
}
@media(max-width: 360px) {
.adaptive-table td {
padding-top: 20px;
text-align: center;
padding: 12px 0;
}
.adaptive-table td:before {
content: attr(data-label);
/* float: left; */
/* text-transform: uppercase; */
/* font-weight: bold; */
width: 100%;
display: block;
margin: -20px 0 0 0;
padding: 8px 0;
background: #ffc6ca;
}
.adaptive-table td:first-child::before {
display: none;
}
}
ul.simple-ul {
list-style-type: disc;
margin-left: 20px;
}
ul.simple-ul>li {
font-size: 16px;
}
ol.simple-ol {
list-style-type: decimal;
margin-left: 20px;
}
ol.simple-ol>li {
font-size: 16px;
}
.sections-main {
margin-block-end: 20px;
}
.sections-main__title {
text-align: center;
margin-block-end: 20px;
}
.sections-main__wrap {
display: grid;
grid-template-columns: repeat(4, 280px);
justify-content: space-between;
row-gap: 20px;
}
.sections-main__item {
background: hsl(0 100% 100%);
border-radius: 10px;
width: 280px;
}
.sections-main__item-img {
display: block;
width: 100%;
height: 160px;
border-radius: 10px;
overflow: hidden;
}
.sections-main__item-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.sections-main__item-content {
padding: 10px 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
.sections-main__item-title, .sections-main__item-price {
line-height: 16px;
}
.sections-main__item-title {
display: block;
font-weight: bold;
color: hsl(0 0% 0%);
}
.sections-main__item-order-btn {
display: block;
width: fit-content;
padding-inline: 25px;
padding-block-end: 2px;
border-radius: 5px;
color: hsl(0 100% 100%);
background-color: hsl(356 90% 35%);
transition: background-color .25s ease;
}
@media (max-width: 1199px) {
.sections-main__wrap {
grid-template-columns: repeat(3, 280px);
}
}
@media (max-width: 991px) {
.sections-main__wrap {
grid-template-columns: 280px 280px;
column-gap: 20px;
justify-content: center;
}
}
@media (max-width: 767px) {
.sections-main__wrap {
grid-template-columns: 280px;
}
.sections-main__item-title, .sections-main__item-price {
text-align: center;
}
.sections-main__item-order-btn {
margin-inline: auto;
}
}
@media (hover: hover) {
.sections-main__item-title:hover {
color: hsl(0 0% 0%);
}
.sections-main__item-order-btn:hover {
color: hsl(0 100% 100%);
background-color: hsl(0 92% 47%);
}
}
.promotions-main {
background-color: hsl(0 100% 100%);
padding-block-start: 15px;
}
.promotions-main__title {
text-align: center;
margin-block-end: 20px;
}
.promotions-main__wrap {
display: flex;
justify-content: space-between;
column-gap: 10px;
}
.promotions-main__item {
width: clamp(300px, 352px, 352px);
display: flex;
flex-direction: column;
row-gap: 15px;
}
.promotions-main__item-img {
width: 100%;
}
.promotions-main__item-img img {
width: 100%;
aspect-ratio: 352 / 300;
object-fit: cover;
object-position: center;
}
.promotions-main__item-content {
display: flex;
flex-direction: column;
flex-grow: 2;
min-height: 185px;
max-height: 232px;
}
.promotions-main__item-title {
font-weight: bold;
font-size: 18px;
}
.promotions-main__item-descr {
margin-block-start: 20px;
font-size: 14px;
}
.promotions-main__item-more-btn {
display: block;
margin-block-start: auto;
margin-inline-start: 10px;
padding: 10px 25px;
text-transform: uppercase;
color: hsl(0 100% 100%);
background-color: hsl(356 90% 35%);
width: fit-content;
font-weight: bold;
border-radius: 5px;
font-size: 12px;
letter-spacing: .5px;
transition: background-color .25s ease;
}
@media (max-width: 767px) {
.promotions-main {
padding-block-end: 50px;
}
.promotions-main__wrap {
flex-direction: column;
align-items: center;
row-gap: 30px;
}
.promotions-main__item-content {
min-height: auto;
}
.promotions-main__item-title {
text-align: center;
}
.promotions-main__item-descr {
margin-block-start: 10px;
width: fit-content;
margin-inline: auto;
text-align: justify;
}
.promotions-main__item-more-btn {
margin-block-start: 10px;
margin-inline: auto;
}
}
@media (hover: hover) {
.promotions-main__item-more-btn:hover {
color: hsl(0 100% 100%);
background-color: hsl(0 92% 47%);
}
}
.payment-methods {
margin-block: 50px 20px;
}
.payment-methods__title, .payment-methods__descr {
text-align: center;
}
.payment-methods__descr {
margin-block-start: 30px;
}
.payment-methods__wrap {
margin-block-start: 20px;
display: flex;
justify-content: center;
column-gap: 25px;
}
.payment-methods__item {
padding-block: 30px 20px;
border: 2px solid hsl(356 90% 35%);
border-radius: 10px;
width: clamp(137px, 300px, 300px);
}
.payment-methods__item-img {
width: 82px;
height: 82px;
margin-inline: auto;
}
.payment-methods__item-img svg {
width: 100%;
height: 100%;
}
.payment-methods__item-title {
font-weight: bold;
text-align: center;
margin-block-start: 10px;
}
@media (max-width: 639px) {
.payment-methods__wrap {
flex-direction: column;
row-gap: 20px;
align-items: center;
}
}
.advantages-new {
margin-block-end: 50px;
}
.advantages-new__wrap {
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 20px;
}
.advantages-new__item-img {
width: 82px;
height: 82px;
margin-inline: auto;
}
.advantages-new__item-img svg {
width: 100%;
height: 100%;
}
.advantages-new__item-descr {
text-align: center;
margin-block-start: 10px;
}
@media (max-width: 767px) {
.advantages-new__wrap {
grid-template-columns: 1fr 1fr;
row-gap: 20px;
}
}
.shapes {
margin-block: 50px 20px;
}
.shapes__wrap {
display: grid;
grid-template-columns: repeat(2, minmax(128px, 1fr));
gap: 20px 60px;
justify-content: center;
}
.shapes__item-title {
text-align: center;
}
.shapes__item-img {
width: 100%;
}
.shapes__item-img img {
width: 100%;
height: 100%;
}