@charset "utf-8";

body, div, ul, li, p, img, a, span, input, button, b, i, em  {
	margin: 0px; padding: 0px; border-spacing: 0px;
	border-width: 0px;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;
}
input, textarea {
    outline: none;
}
ul  {
	list-style-type: none;
}
#mail_counter {
    display:none;
}
html {
	min-height: 100%;
	width: 100%;
	position: relative;
	background-color: rgb(255,255,255);
}
body {
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: 300;
	color: rgb(51,51,51);
	min-height: 100%;
	min-width: 320px;
	background-color: transparent;
	width: 100%;
	overflow: auto;
}
h1 {
	font-weight: 500;
}
h2, h3, h4, h5, h6 {
	font-weight: 400;
}
br { clear:both; float: none; }

a {color: rgb(102,102,102);}	
a:hover { color: rgb(204,0,0); }

.notify_form, .notify_form2 {
    text-align: center;
    font-size: 1.25em;
    font-weight: 400;
}
.notify_form > div {
  padding: 1em 0;
}

.unload-lay {
    display: none;
    position: fixed;
    z-index: 9999999999;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-color: white;
    opacity:.7;
}
.unload-lay.actv {
    display: block;
}
.unload-lay.actv:after {
    content:'';
    display:block;
    width:5em;
    height:5em;
    position:fixed;
    left:50%;
    top:50%;
    margin-left: -2.5em;
    margin-top: -2.5em;
    border: solid 4px rgb(204,0,0);
    border-top: solid 4px transparent ;
    border-radius:50%;
}
/* Бесконечное вращение */
    .unload-lay.actv:after {
     -webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
 
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}

/* =============Бесконечное мерцание================ */
.portfolio-box .pict:before, .cgg-card-pict .pict:before {
    -webkit-animation-name: puls;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-name: puls;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in;
    -ms-animation-name: puls;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-in;
 
    animation-name: puls;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
}

@-ms-keyframes puls {
    from { -ms-transform: scale(1,1); }
    to { -ms-transform: scale(1.2,1.2); }
}
@-moz-keyframes puls {
    from { -moz-transform: scale(1,1); }
    to { -moz-transform: scale(1.2,1.2); }
}
@-webkit-keyframes puls {
    from { -webkit-transform: scale(1,1); }
    to { -webkit-transform: scale(1.2,1.2); }
}
@keyframes puls {
    0% { transform: scale(.75,.75); opacity:0; }
    30% { transform: scale(1,1); opacity:1; }
    100% { transform: scale(1.2,1.2); opacity:0; }
}
/* =================================================== */


.mob-br-on br { display: none; }

.phone-changer {
    
}


.trans-out-y-50, .phone-changer.change {
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}




.autocomplete-suggestions {
    z-index: 99999 !important;
    overflow: auto;
    background-color: white;
    padding: 1em;
    /*border: solid 4px #ddcdab;*/
    border-top-width: 0;
    margin-left: -4px;
    font-size: .9em;
    box-shadow: 0 12px 25px #00000036;
}
.autocomplete-suggestion {
    cursor: pointer;
    padding: 4px 0;
}
.autocomplete-suggestion:hover {
    color: rgb(204,0,0);
}


.sprite-pict {
	background-image: url(../img/sprite.png);
	display: block;
}
.sprite-after:after, .sprite-before:before {
	content: '';
	background-image: url(../img/sprite.png);
	display: block;
	position: absolute;
}

.total-wraper {
	overflow: hidden;
	left: 0;
}
html.sdvig .total-wraper {
	overflow: hidden;
	position: relative;
	left: 50%;
}
.internal-page-content-box {
	overflow: hidden;
	min-height: 25em;
}
.internal-page-content-box p {
    margin: 1em 0;
    line-height: 1.5em;
}
.teaser-gal {
    position: relative;
    margin-top: 2em;
    margin-bottom: 2em;
}
.teaser-gal.actv {
    overflow: hidden;
    height: 18em;
}
.teaser-gal.actv:after {
    content:'';
    position: absolute;
    display: block;
    height: 86px;
    left:0;
    bottom:0;
    width:100%;
    background-image: url(../img/g-w-t.png);
    background-repeat: repeat-x;
    background-position: bottom;
}
.teaser-gal-btn {
    text-align: center;
}
.teaser-gal-btn span, .teaser-gal-btn.actv span+span {
    display:inline;
}
.teaser-gal-btn span+span, .teaser-gal-btn.actv span {
    display:none;
}
.teaser-gal:before, .teaser-gal:after {
    content:'';
    clear: both;
    display: block;
    display: table;
}
.teaser-gal li {
    position: relative;
    float: left;
    margin: 0;
    width:20%;
}
.teaser-gal li p {
    margin:2px;
}
.teaser-gal li img {
    position: relative;
    display: block;
    max-width: 100%;
}
.teaser-gal li i {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-style: normal;
    padding: 1em;
    font-weight: 500;
}
.teaser-gal.teaser-number {
}
.teaser-gal.teaser-number li i {
    width: 3em;
    height: 3em;
    background-color: rgb(241, 239, 233);
    text-align: center;
    line-height: 1.1em;
}
.roistat-lh-pulsator-phone {
    bottom: 10% !important;
    right: 0 !important;
}
#jvlabelWrap, #jcont {
    right: 20px !important;
}



/*#################### plugin---to--top #########################*/
#toTop {
    /*display: none;*/
	visibility: hidden;
	z-index: 10000;
    position: fixed;
	top: 60%;
	margin-top: -32px;
    /*bottom: 5px;*/
    right: 5px;
    width: 64px;
    height: 64px;
    opacity: 0;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	cursor:pointer; cursor: hand; border-radius: 4px;
	background-color: rgb(51,51,51);
	background-position: center;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear; -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#toTop:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 36px;
	height: 22px;
	margin-top: -11px;
	margin-left: -18px;
	background-image: url(../img/sprite.png);
	background-position: -432px -115px;
}
#toTop:hover.actv {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
#toTop.actv {
	visibility: visible;
	opacity: 0.5;
}
/*#################### / plugin---to--top #########################*/


/*#################### KNOPKA-VVERH #########################*/
#zztop { height:0px; margin-top:-100px; position:absolute; overflow:hidden;}
.vverh {
	position: fixed; z-index: 10000; display: block;
	right: 20px; bottom: 50%; margin-bottom: -30px;
	cursor:pointer; cursor: hand; border-radius: 4px;
	background-color: rgb(51,51,51);
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear; -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.vverh:after { 
	content: ''; display: block; 
	width: 25px; height: 12px; margin: 25px;
	background: url(../img/vverh.png) left bottom no-repeat;
}
.actv .vverh:hover { opacity:.75; }
.pass .vverh { opacity:0; visibility: hidden;}
.actv .vverh  { opacity:.25; }
/*#################### / KNOPKA-VVERH #########################*/




/*#################### F L E X #########################*/
.flex-basis-0 { flex-basis: 0; }
.flex-basis-full { flex-basis: 100%; }

.flex-grow-0, .li-linkrows li a > b + i, .li-linkrows li a > i:first-child { flex-grow: 0; }
.flex-grow-1, .li-linkrows li a > b, .li-linkrows li a > span { flex-grow: 1; }
.flex-grow-2 { flex-grow: 2; }
.flex-grow-3 { flex-grow: 3; }
.flex-shrink-0 { flex-shrink: 0; }
.flex-0-0-0 { flex-grow: 0; flex-shrink: 0; flex-basis: 0; }
.flex-1-0-0 { flex-grow: 1; flex-shrink: 0; flex-basis: 0; }
.flex-2-0-0 { flex-grow: 2; flex-shrink: 0; flex-basis: 0; }
.flex-3-0-0 { flex-grow: 3; flex-shrink: 0; flex-basis: 0; }

.flex, [class^="btn-box"],
.prodexample-tiles > div > div > div > p,
.li-linkrows li a { 
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	display: flex;
}
.flex-wrap, .tiles-menu-item .info-box dl, .form-get-consult, .box-half {
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
	-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; 
	flex-wrap: wrap;
}
.flex-nowrap {
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
	-webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; 
	flex-wrap: nowrap;
}
.flex-row {
	-webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row;
    flex-direction: row;
}
.flex-col,
.prodexample-tiles > div > div > div > p {
	-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column;
	flex-direction: column;
}
.flex-just-start {
	-webkit-box-pack: start;
	justify-content: flex-start;
}
.flex-just-end,
.prodexample-tiles > div > div > div > p {
	-webkit-box-pack: end;
	justify-content: flex-end;
}
.flex-just-between {
	-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-just-around {
	-webkit-box-pack: justify; -webkit-justify-content: space-around; -ms-flex-pack: justify;
	justify-content: space-around;
}
.flex-just-center {
	-webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;
	justify-content: center;
}
.flex-just-right {
	-webkit-box-pack: right; -webkit-justify-content: right; -ms-flex-pack: right;
	justify-content: right;
}
.flex-items-center {
	-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;
	align-items: center;
}
.flex-items-end {
	-webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end;
	align-items: flex-end;
}
.flex-items-stretch {
	-webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: center;
	align-items: stretch;
}
.flex-row-reverse {
	-webkit-box-direction: reverse;
	flex-direction: row-reverse;
}
.flex-col-reverse {
	-webkit-box-direction: reverse;
	flex-direction: column-reverse;
}
/*#################### / F L E X #########################*/



/*#################### TRANS---and---RADIUS #########################*/
.radius-50, .cat-menu-cart-box .pic b, .remake-style .facts .box3 li:after, .circle .delaem-karusel-box div a > span > i img, .portfolio-box .pict:before, .cgg-card-pict .pict:before { 
	-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; 
	border-radius: 50%; }
.radius-xs, .red-btn-md, .red-btn-sm, .portfolio-karusel-item a>span>span>em>i, .cat-price-table table td a.zapros-btn, #addToCartBox a {
	-webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;
	border-radius: 2px; }
.radius-s, .red-btn-lg, .red-btn-xl, .alfavit-links, .btn-zakaz, .is-phone.mask > span::before {
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;
	border-radius: 4px; }
.radius-m, .informatoriy.promo span.valid span, .cont-block-on-page div p a {
	-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px;
	border-radius: 6px; }
.radius-l {
	-webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px;
	border-radius: 8px; }
.radius-xl {
	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
	border-radius: 10px; }
.radius-xxl {
	-webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px;
	border-radius: 15px; }
.radius-xxxl {
	-webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
	border-radius: 20px; }
	
.move, a,
.videolink img, .videolink:after, .btn-zakaz, .close-x::before, .close-x::after, .cat-menu-tabs > li a, .poisk-box button span, 
.quadro .item a .pic img, .duo .item a .pic img, .red-btn-sm, .red-btn-md, .red-btn-lg, .red-btn-xl, .top-menu li, .top-menu li:after, 
.cat-menu-cart-box a .pic b, .partneram li a span:before, .partneram li a span:after, 
.prizrak-btn-sm, .prizrak-red-btn-md, .prizrak-red-btn-lg, .prizrak-red-btn-xl, .nsbb-news-item a, 
.portfolio-karusel-item a > span, .portfolio-karusel-item a > span > b, .top-menu > ul > li:hover > ul, .cat-menu-tabs > li:hover > ul, 
.cat-menu-delaem:hover .podmenu-delaem, .top-menu-partner ul li a, .smm-ico-box li a, .scrollover-top-menu > ul, .scrollover-top-menu > ul > li > ul, 
.main-content-tabs li a, .portfolio-box a img+img, .portfolio-box li a, .portfolio-box-info-col .used-stones > div > a > img+img, 
.portfolio-box-info-col .used-stones > div > a, .oborudovanie-item .col-picts a span, .oborudovanie-item .col-picts a span i, 
.oborudovanie-item .col-picts a span b, .items-nav-points-box i, .portfolio-box .pict i, .portfolio-box .pict b, .cgg-card a, 
.news-gallery li a img, .news-gallery li a b, .komanda-box li > a span:after, .komanda-box li > b, .delaem-karusel-box .owl-nav .owl-prev, 
.delaem-karusel-box .owl-nav .owl-next, .header-mobile, .logo-mobile a img, .total-wraper, .hmbg-btn, .mob-menu, .menu-closer, .mobmenu-mine, 
.sub-sdvig .menu-go-back, .catalog-group-filter, .catalog-group-goods-sort ul, .cat-item-photo-box .top-photo 
.pict img+img, #addToCartBox div, #addToCartBox a, .oborudovanie-box-items-cards .owl-prev, .oborudovanie-box-items-cards .owl-next, 
.komanda-box li > a span:before, .feedback-about .pict img, .informatoriy.promo span.btn, .portfolio-karusel-item a, 
.header-mobile .poisk, .header-mobile .poisk .poisk-box, .cgg-card-wrap a img+img, .cat-price-table table td button, 
.portfolio-link-teaser a .wrap > span img+img, .portfolio-upload a .pict img+img, .portfolio-upload .wrap .pict b, 
.portfolio-link-teaser .pict i, .color-lbl-link > p > a > span > span, .trio .item a .pic img, .trio .item a .txt, 
.prodexample-tiles > div > div > div, .prodexample-tiles > div > div > div > p, .prodexample-tiles > div > div > div > p > span+span+span,
.li-acrd li > div > b > i {
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear; -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.slow, 
.phone-changer, .cat-vitrina:before, .cat-vitrina:after, 
.main-sldr-changing-picts div.actv, .main-sldr-changing-picts div.actv, .main-sldr-changing-picts div.actv span, .main-sldr-changing-text div.actv, .main-sldr-header, 
.portfolio-box .pict img + img, .delaem-karusel-box, .portfolio-box .pict img, .portfolio-box .pict {
	-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear; -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.sloow, .main-sldr-changing-picts div.actv a {
	-webkit-transition: all 1s linear; -moz-transition: all 1s linear;
	-ms-transition: all 1s linear; -o-transition: all 1s linear;
    transition: all 1s linear;
}
.slooow {
	-webkit-transition: all 1.5s linear; -moz-transition: all 1.5s linear;
	-ms-transition: all 1.5s linear; -o-transition: all 1.5s linear;
    transition: all 1.5s linear;
}
*:hover.scale, .oborudovanie-item .col-picts a:hover span, .news-gallery li a:hover img, .news-gallery li a:hover b, 
.cat-item-photo-box .top-photo .pict img+img:hover, .cgg-card-wrap a:hover img+img, .portfolio-link-teaser a:hover .wrap > span img+img, 
.portfolio-upload a:hover .pict img+img, .trio .item a:hover .pic img, .offer a:hover .pic img,
.portfolio-box a:hover .pict img {
    -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
*:hover.scale2, .feedback-about .pict a:hover img, .quadro .item a:hover .pic img, .duo .item a:hover .pic img {
    -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05);
	-ms-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05);
}

.scale3, .partneram li a span {
    -webkit-transform: scale(.8,.8); -moz-transform: scale(.8,.8);
	-ms-transform: scale(.8,.8); -o-transform: scale(.8,.8);
	transform: scale(.8,.8);
}


/*#################### POSITION #########################*/
.abs { position:absolute; }
.rel { position: relative; }
.fix { position: fixed; }
.abs-full { position:absolute; left:0; top:0; width:100%; height:100%; }

.left { left: 0; }
.right { right: 0; }
.top { top: 0; }
.bottom { bottom: 0; }

.pos-all { top:0; left:0; width:100%; height:100%; }
.pos-l { top:0; left:0; right:auto; bottom:0; }
.pos-r { top:0; left:auto; right:0; bottom:0; }
.pos-t { top:0; left:0; right:0; bottom:auto; }
.pos-b { top:auto; left:0; right:0; bottom:0; }
.pos-l-t { left: 0; top: 0; }

.fix-all { position: fixed; overflow:hidden; top:0; left:0; right:0; bottom:0; }

.over-hidd { overflow: hidden; }
.over-scroll { overflow: scroll; }
.vis-hidd { visibility: hidden; }
.vis-vis { visibility: visible; }

.sbros { clear: both; float: none; height: 0px; display: block; }

.line-razdelitel {
	background-color: rgb(204,204,204);
	display: block; clear: both; width: 100%; height: 1px;
}
.pict-raspor { width: 100%; height: auto; display: block; }

.display-desk { display: block !important; }
.display-mob { display: none !important; }
.display-desk-min { display: block; }
.display-mob-min { display: none; }

.display-block { display: block !important; }
.display-none { display: none; }

.block-center { display:block; margin-left:auto; margin-right:auto; }
.inline-block { display: inline-block; }

.menu-inline { margin: 0; }
.menu-inline li { display: block; float:left; }

.text-center { text-align: center; }
.text-right { text-align: right; }


/*#################### ROW---and---COL #########################*/
.wid-0 { width: 0; }
.row-wrapper { margin:0; padding:0; position: relative; }
.wid-limit { min-width:240px; max-width:1600px; margin:0 auto; position: relative; z-index:0; width:100%; /*overflow: hidden;*/ }

.wid-limit:before, .clear:before, .menu-inline:before { content: ''; display:block;}
.wid-limit:after, .clear:after, .menu-inline:after { content:''; clear: both; display: block; }

.col-50 {
	display: block;
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}

.col-padd {padding-left: 15px; padding-right: 15px;}

.row-vert-padd { padding-top: 6%; padding-bottom: 6%; }
.wid-100-max-auto { max-width: 100%; width: auto; }
.wid-100 { width: 100%; }

.border-1-grey { border: 1px solid rgb(193, 192, 191); }
.border-yellow { border: 2px solid rgb(249,182,91); }

.marg-l { margin-left: 10px !important; }
.marg-r { margin-right: 10px !important; }
.marg-t { margin-top: 10px; }
.marg-b { margin-bottom: 10px; }

.marg-t-0 { margin-top: 0 !important; }
.marg-t-1 { margin-top: .2em !important; }
.marg-t-2 { margin-top: .4em !important; }
.marg-t-3 { margin-top: .6em !important; }
.marg-t-4 { margin-top: .8em !important; }
.marg-t-5 { margin-top: 1em !important; }
.marg-t-6 { margin-top: 1.25em !important; }
.marg-t-7 { margin-top: 1.5em !important; }
.marg-t-8 { margin-top: 1.75em !important; }
.marg-t-9 { margin-top: 2em !important; }
.marg-t-10 { margin-top: 2.5em !important; }

.marg-b-0 { margin-bottom: 0 !important; }
.marg-b-1 { margin-bottom: .2em !important; }
.marg-b-2 { margin-bottom: .4em !important; }
.marg-b-3 { margin-bottom: .6em !important; }
.marg-b-4 { margin-bottom: .8em !important; }
.marg-b-5 { margin-bottom: 1em !important; }
.marg-b-6 { margin-bottom: 1.25em !important; }
.marg-b-7 { margin-bottom: 1.5em !important; }
.marg-b-8 { margin-bottom: 1.75em !important; }
.marg-b-9 { margin-bottom: 2em !important; }
.marg-b-10 { margin-bottom: 2.5em !important; }

.marg-l- { margin-left: -10px !important; }
.marg-r- { margin-right: -10px !important; }
.marg-t- { margin-top: -10px !important; }
.marg-b- { margin-bottom: -10px !important; }

.marg-vert-0 { margin-top: 0px !important;; margin-bottom: 0px !important;; }
.marg-vert-5 { margin-top: .5em; margin-bottom: .5em; }
.marg-vert-10 { margin-top: 1em; margin-bottom: 1em; }
.marg-vert-15 { margin-top: 1.5em; margin-bottom: 1.5em; }
.marg-vert-20 { margin-top: 2em; margin-bottom: 2em; }
.marg-vert-25 { margin-top: 2.5em; margin-bottom: 2.5em; }
.marg-vert-30 { margin-top: 3em; margin-bottom: 3em; }
.marg-vert-35 { margin-top: 3.5em; margin-bottom: 3.5em; }
.marg-vert-40 { margin-top: 4em; margin-bottom: 4em; }

.align-l { text-align: left; }
.align-r { text-align: right; }
.align-c { text-align: center; }

.align-t { vertical-align: top; }
.align-m { vertical-align: middle; }
.align-b { vertical-align: bottom; }

.marg-l-1 { margin-left: .2em !important; }
.marg-l-2 { margin-left: .4em !important; }
.marg-l-3 { margin-left: .6em !important; }
.marg-l-4 { margin-left: .8em !important; }
.marg-l-5 { margin-left: 1em !important; }

.marg-r-1 { margin-right: .2em !important; }
.marg-r-2 { margin-right: .4em !important; }
.marg-r-3 { margin-right: .6em !important; }
.marg-r-4 { margin-right: .8em !important; }
.marg-r-5 { margin-right: 1em !important; }

.marg-hor-1 { margin-left: .2em !important; margin-right: .2em !important; }
.marg-hor-2 { margin-left: .4em !important; margin-right: .4em !important; }
.marg-hor-3 { margin-left: .6em !important; margin-right: .6em !important; }
.marg-hor-4 { margin-left: .8em !important; margin-right: .8em !important; }
.marg-hor-5 { margin-left: 1em !important; margin-right: 1em !important; }

.padd-t-0 { padding-top: 0em !important; }
.padd-t-1 { padding-top: .2em !important; }
.padd-t-2 { padding-top: .4em !important; }
.padd-t-3 { padding-top: .6em !important; }
.padd-t-4 { padding-top: .8em !important; }
.padd-t-5 { padding-top: 1em !important; }

.padd-b-0 { padding-bottom: 0em !important; }
.padd-b-1 { padding-bottom: .2em !important; }
.padd-b-2 { padding-bottom: .4em !important; }
.padd-b-3 { padding-bottom: .6em !important; }
.padd-b-4 { padding-bottom: .8em !important; }
.padd-b-5 { padding-bottom: 1em !important; }

.padd-hor-1 { padding-left: .2em !important; padding-right: .2em !important; }
.padd-hor-2 { padding-left: .4em !important; padding-right: .4em !important; }
.padd-hor-3 { padding-left: .6em !important; padding-right: .6em !important; }
.padd-hor-4 { padding-left: .8em !important; padding-right: .8em !important; }
.padd-hor-5 { padding-left: 1em !important; padding-right: 1em !important; }

.padd-vert-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.padd-vert-1 { padding-top: .2em !important; padding-bottom: .2em !important; }
.padd-vert-2 { padding-top: .4em !important; padding-bottom: .4em !important; }
.padd-vert-3 { padding-top: .6em !important; padding-bottom: .6em !important; }
.padd-vert-4 { padding-top: .8em !important; padding-bottom: .8em !important; }
.padd-vert-5 { padding-top: 1em !important; padding-bottom: 1em !important; }
.padd-vert-6 { padding-top: 1.5em !important; padding-bottom: 1.5em !important; }
.padd-vert-7 { padding-top: 2em !important; padding-bottom: 2em !important; }
.padd-vert-8 { padding-top: 3em !important; padding-bottom: 3em !important; }
.padd-vert-9 { padding-top: 4em !important; padding-bottom: 4em !important; }
.padd-vert-10 { padding-top: 5em !important; padding-bottom: 5em !important; }

.padd-all-1 { padding: .2em; }
.padd-all-2 { padding: .4em; }
.padd-all-3 { padding: .6em; }
.padd-all-4 { padding: .8em; }
.padd-all-5 { padding: 1em; }

.marg-all-1 { margin: .2em; }
.marg-all-2 { margin: .4em; }
.marg-all-3 { margin: .6em; }
.marg-all-4 { margin: .8em; }
.marg-all-5 { margin: 1em; }

.padd-hor-desk { padding-left:15px; padding-right:15px; }

.vert-padd-h-1 { padding-top: 20px; padding-bottom: 20px; }

.td-min-wid { width: 1%; white-space: nowrap; padding: 0 20px; }
.hei-25 { height: 25% !important; }
.hei-50 { height: 50% !important; }
.hei-75 { height: 75% !important; }
.hei-100 { height: 100% !important; }

.line { width:100%; height:1px; background-color: rgb(204,204,204); }
.line-white { width:100%; height:1px; background-color: rgb(255,255,255); }
.line-white-opac { width:100%; height:1px; background-color: rgba(255,255,255,.5); }

.overlay {
	position: fixed; visibility: hidden;
	left: 0px; top: 0px; right: 0px; bottom: 0px;
	opacity:0; z-index: 99999;
	overflow: auto;
	
}
.overlay.actv { 
	visibility: visible; opacity:1;
}
html.sdvig .overlay { 
	left: 40%;
}
.overlay .overlay-bg {
	background-color: rgb(51,51,51);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	/*margin: 5em;
	padding: 0;*/
	opacity: .9;
	
	-webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
}
.overlay.actv .overlay-bg {
	/*margin: 0;
	padding: 5em;*/
	
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
html.sdvig .overlay-bg {
	left: 40%;
}

.cat-item-about h2 { font-size: 150%; padding-top: 20px; padding-bottom: 15px; margin:0; }
.cat-item-about h3 { font-size: 125%; padding-top: 20px; padding-bottom: 15px; margin:0; }


/*#################### ZAGOLOVKI-i-TEXT #########################*/
.h-0 { font-size: 350%; padding-top: 30px; padding-bottom: 20px; margin:0; }
.h-1 { font-size: 250%; padding-top: 30px; padding-bottom: 20px; margin:0; }
.h-2 { font-size: 210%; padding-top: 20px; padding-bottom: 15px; margin:0; }
.h-3 { font-size: 175%; line-height: 1.35em !important; padding-top: 20px; padding-bottom: 15px; margin:0; }
.h-4 { font-size: 150%; padding-top: 20px; padding-bottom: 15px; margin:0; }
.h-5 { font-size: 125%; padding-top: 20px; padding-bottom: 15px; margin:0; }
.h-6 { font-size: 110%; padding-top: 20px; padding-bottom: 15px; margin:0; }

.h-1, .h-2, .h-3, .h-4, .h-5, .h-6, .cat-item-about h2, .cat-item-about h3  { line-height: 120%; letter-spacing: .025em; font-weight:400; }
.h-wmax { max-width: 960px; }

.font-size-plus-10, .font-110 { font-size: 110%; }
.font-size-plus-25, .font-125 { font-size: 125%; }
.font-size-plus-33, .font-133 { font-size: 133%; }
.font-size-plus-50, .font-150 { font-size: 150%; }
.font-size-minus-10, .font-90  { font-size: 90%; }
.font-size-minus-25, .font-75  { font-size: 75%; }
.font-size-minus-50, .font-50  { font-size: 50%; }

table tr td { vertical-align: top; border-spacing:0px; }
p, h1, h2, h3, h4, h5, h6 { cursor: default; }

.light { font-weight:100;}
.regular { font-weight:300;}
.semi-bold { font-weight:400;}
.bold { font-weight:700;}
.super-bold { font-weight:900;}

.uppercase { text-transform: uppercase; }
.p-link { cursor: pointer; font-style: normal; }
.underline { text-decoration: underline; }

.clr-white { color: rgb(255,255,255) !important; }
.bg-clr-white { background-color: rgb(255,255,255) !important; }
.clr-bezh { color: rgb(214,184,147) !important; }
.clr-bezh-dark { color: rgb(179, 160, 116) !important; }
.bg-clr-bezh { background-color: rgb(214,184,147) !important; }
.bg-clr-bezh { background-color: rgb(239, 237, 231) !important; }

.bg-clr-dark { background-color: rgb(153, 147, 135) }


/*.clr-bezh-dark { color: rgb(196,165,131) !important; }*/
.bg-clr-grey-light { background-color: rgb(245, 245, 245) !important; }
.bg-clr-grey-235 { background-color: rgb(235, 235, 235) !important; }
.bg-clr-grey-204 { background-color: rgb(204,204,204) !important; }
.clr-grey-dark { color: rgb(71,79,91) !important; }
.bg-clr-grey-dark { background-color: rgb(71,79,91) !important; }
.clr-red { color: rgb(182,22,21) !important; }
.bg-clr-red { background-color: rgb(182,22,21) !important; }

.border-bold-bezh { border: solid 4px rgb(221, 205, 171) !important; }


/**********************************************************************************/
/**********************************************************************************/
/******************************-КАМ-КОМПАНИ-***************************************/
.main {
    /*padding-top:2em;*/
    padding-top:90px;
}

.internal-page-content-box .wid-limit {
    position: inherit;
}

.overlay {
    text-align: center;
}
.overlay::before {
    content:'';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em;
    /*width: 1px;
    background: yellow;*/
}

.ppup-conts {
    position: relative;
    z-index: 9999999;
    
    opacity:0;
    visibility: hidden;
    -webkit-transform: translateY(15vh);
    -moz-transform: translateY(15vh);
    -ms-transform: translateY(15vh);
    -o-transform: translateY(15vh);
    transform: translateY(15vh);
    
    
    display: inline-block;
    width:90%;
    max-width: 800px;
    padding: 0;
    margin: 8vh 0;
    vertical-align: middle;
}
.ppup-conts-show .ppup-conts {
    opacity:1;
    visibility: visible;
    -webkit-transform: translateY(0vh);
    -moz-transform: translateY(0vh);
    -ms-transform: translateY(0vh);
    -o-transform: translateY(0vh);
    transform: translateY(0vh);
    
    border-radius: 1.25em;
    overflow: hidden;
}

.ppup-conts-txt {
    position: relative;
    padding: 4em 3em;
    /*background: #fff;*/
    background: #f4f4f4;
    /*background-image: url(/files/tmpfiles/delaem-iz-kamnya/form-bg-marble.jpg);*/
    /*background-size: cover;*/
}
.b24-form-btn {
    background: #333333 !important;
}

.b24-form-btn:hover {
    background: #f11716 !important;
}

.b24-form-control-file {
  width: 100% !important;
  padding: 0 10px 6px 10px !important;
  background-color: transparent !important;
  border: 0 !important;
}



.close-x {
    position: absolute;
    right: .3em;
    top: .3em;
    width: 2.4em;
    height: 2.4em;
    cursor: hand;
    cursor: pointer;
}
.close-x::before, .close-x::after {
    content:'';
    position: absolute;
    width: 80%;
    height: 2px;
    left: 10%;
    top: 50%;
    background: #333;
    
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.close-x::after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.close-x:hover::before, .close-x:hover::after {
    background: rgb(204,0,51);
}

.ppup_conts_form {
    
}
.ppup-conts .ask-or-order-form {
    display: none;
    padding: 2em 4em;
    margin: 0;
    margin-top:1px;
    /*background-image: none;*/
}
.ppup-conts .ask-or-order-form.actv {
    display: block;
}


/*restyle PPUP CONTS*/
.ppup-conts .b24-form-header {
    display:none;
}
body .ppup-conts .b24-form-wrapper.b24-form-shadow {
  -webkit-box-shadow: none;
  box-shadow: none;
}

body .ppup-conts .b24-form-wrapper {
  background-image: none;
  background: transparent;
}
body .ppup-conts .b24-form-content form {
  text-align: left;
}
body .ppup-conts .b24-form-padding-side {
  padding-left: 0;
  padding-right: 0;
}
body .ppup-conts .b24-form-recaptcha {
  position: fixed;
  left: 100%;
  top: 100%;
  width: 0;
  height: 0;
  overflow: hidden;
}
body .ppup-conts .cont-block-on-page div p a {
  background-color: transparent;
  padding: .75em 1.25em;
  color: black;
  box-shadow: none;
  border: solid 2px #bdb090;
  border-radius: 0px;
  font-size: .9em;
}
body .ppup-conts .cont-block-on-page div p a:hover {
  background-color: #bdb090;
  color: black;
  border: solid 2px #bdb090;
}
body .ppup-conts .b24-form {
  margin-bottom: 0;
}
/*restyle / PPUP CONTS*/







.is-phone {
    position: relative;
}
/*.is-phone.mask > span {
    position: relative;
    font-size: inherit;
}
.is-phone.mask > span::before {
    content: 'Показать';
    position: absolute;
    right:-.1em;
    top:-.1em;
    bottom: -.1em;
    font-size: .75em;
    line-height: 1.3em;
    padding: .2em .3em;
    background: #ddcdab;
    color: #333;
    border-radius: .25em;
}*/

.btn-zakaz {
    display: inline-block;
    background: #ddcdab;
    padding: .5em;
    line-height: 1em;
    font-weight: 400;
    font-size: .9em;
    text-decoration: none;
}
.btn-zakaz:hover {
    background: #c03;
    color: #fff;
}







.tg-linkbox {
    
}
.tg-linkbox .wrap {
    background: #fff;
    background: #f4f3ed;
    border-radius: 4px;
    box-shadow: 0 0 25px #00000036;
    padding: 3em;
}
.tg-linkbox .pic {
    width: 25%;
}
.tg-linkbox .pic a {
    
}
.tg-linkbox .pic img {
    display:block;
    width:100%;
    max-width:150px;
    border-radius: 50%;
}
.tg-linkbox .txt {
    width:75%;
    padding:0 5%;
}
.tg-linkbox .txt p {
    
}
.tg-linkbox .txt a {
    text-decoration: none;
}








.prodexample-tiles {
    margin: 0 -.5rem;
}
.prodexample-tiles > div {
    padding: .5rem;
}
.prodexample-tiles > div > div {
    padding-top: 100%;
    position: relative;
    overflow: hidden;
}
.prodexample-tiles > div > div > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.prodexample-tiles > div > div > div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    clip-path: circle(50% at 50% 150%);
}
.prodexample-tiles > div > div:hover > div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    clip-path: circle(200% at 50% 150%);
}
.prodexample-tiles > div > div > div::before {
    content:'';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .75;
}
.prodexample-tiles > div > div > div > p {
    margin: 0;
    padding: 1.5rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    
    -webkit-transform: translate3d(0, 15%, 0);
    transform: translate3d(0, 15%, 0);
    opacity: 0;
}
.prodexample-tiles > div > div:hover > div > p {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
/*.prodexample-tiles > div > div > div > p::before {
    content:'';
    position: absolute;
    left: 1.5rem;
    top: 0;
    width: 25%;
    height: 1px;
    background: #fff;
    opacity: .25;
}*/
.prodexample-tiles > div > div > div > p a {
    color: #fff;
}
.prodexample-tiles > div > div > div > p a:hover {
    opacity:.6;
}
.prodexample-tiles .tile-cover {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.prodexample-tiles > div > div > div > p > span {
    display: block;
    line-height: 1.25em;
    margin-top: .5em;
}

.prodexample-tiles > div > div > div > p > span:first-child + span {
    z-index: 2;
}

.prodexample-tiles .price b {
    font-weight: 300;
    font-size: .9em;
    margin-right: .5em;
}


.tiles-trio > div {
    width: 33.33%;
}
.tiles-btn-sm {
    display: inline-block;
    padding:.5em 1em;
    border: solid 1px #fff;
    background: transparent;
    text-decoration: none;
    border-radius: 50px;
    font-size: .9em;
    line-height: 1em;
}
.tiles-btn-sm:hover {
    background: #fff;
    color: #000 !important;
    opacity: 1  !important;
}










.page-404 {
	margin: 3em 0;
	text-align: center;
}
.page-404 h1 {
	font-size: 1.75em;
	font-weight: 400;
	color: rgb(102,102,102);
}
.page-404 p {
	margin: 1em 0;
}
.page-404 img {
	max-width: 100%;
}

.basic-text-padd {
    padding-left: 8%;
    /*padding-right: 12%;*/
    padding-right: 8%;
}
.basic-text-padd-center {
    padding-right: 8%;
    padding-left: 8%;
}
div[id^="zz"] {
    position:relative;
    top: -100px;
    left: 200%;
    height:0;
}

.bg-plitki {
	position: relative;
}
.bg-plitki:before, .bg-plitki:after, .oborudovanie-item .col-picts:before {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
	background-color: rgb(239, 237, 231);
	background-image: url(../img/bg-grey-waves.png);
	background-repeat: repeat;
}
.main-h1.bg-plitki:before {
	width: 50%;
	height: 8.5em;
	top: 0;
	margin-left: -20%;
	margin-top: .6em;
	right: 60%;
}
.main-h1.bg-plitki:after {
	width: 55%;
	height: 6em;
	top: 6.5em;
	right: -60%;
}
.bg-plitki:before {
	width: 50%;
	height: 15em;
	top: 0;
	margin-left: -20%;
	margin-top: .6em;
	right: 60%;
}
.bg-plitki:after {
	width: 55%;
	height: 10em;
	top: 6.5em;
	right: -60%;
}
.portfolio-box.bg-plitki:before {
	margin-top: -1em;
}

.red-btn-sm, .red-btn-md, .red-btn-lg, .red-btn-xl {
	/*background-color: rgb(204,0,0);
	background-color: rgb(204,0,51);*/
	background-color: rgb(0,0,0);
	color: rgb(255,255,255);
	padding: .5em 1em;
	text-decoration: none;
	display: inline-block;
	
	/*border-radius: 0 !important;*/
}
.main-sldr .red-btn-lg, .main-sldr .red-btn-xl {
	background-color: rgb(204,0,51);
}
.red-btn-sm {
	font-size: .75em;
	padding: .5em 1em;
}
.red-btn-md {
	font-size: 1em;
	padding: .8em 1.6em;
	font-weight: 400;
}
.red-btn-lg {
	font-size: 1.1em;
	/*padding: .8em 1.65em;*/
	padding: .9em 2em;
}
.red-btn-xl {
	font-size: 1.2em;
	padding: .9em 1.75em;
}
.red-btn-sm:hover, .red-btn-md:hover, .red-btn-lg:hover, .red-btn-xl:hover {
	background-color: rgb(242,0,0);
	color: rgb(255,255,255);
}

.prizrak-btn-xs, .prizrak-btn-sm, .prizrak-red-btn-md, .prizrak-btn-lg, .prizrak-btn-xl, .cgf-block-checkbtn label {
	background-color: transparent;
	color: rgb(51,51,51);
	text-decoration: none;
	border: solid 1px rgb(51,51,51);
	display: inline-block;
	cursor: pointer;
	margin-bottom: .25em;
}
.prizrak-btn-xs, .cgf-block-checkbtn label {
	padding: .15em .4em;
}
.prizrak-btn-sm {
	padding: .5em 1em;
	font-size: .9em;
}
.prizrak-btn-md {
	padding: .6em 1.2em;
	font-size: 1em;
}
.prizrak-btn-lg {
	padding: .75em 1.5em;
	font-size: 1.1em;
}
.prizrak-btn-xl {
	padding: 1em 2em;
	font-size: 1.25em;
}

.prizrak-btn-sm:hover, .prizrak-red-btn-md:hover, .prizrak-red-btn-lg:hover, .prizrak-red-btn-xl:hover {
	background-color: rgb(51,51,51);
	color: rgb(255,255,255);
}


.text-cond {
	font-family: 'Roboto Condensed', sans-serif;
}
.wid-padd {
	/*padding-left: 110px;
	padding-right: 110px;*/
	padding: 0 5vw;
}
.widpadd-out {
    margin-left: -110px;
    margin-right: -110px;
}

.blockquote {
	position: relative;
	margin: 3em 0 2em;
	z-index: 0;
	font-size: 1.25em;
}
.blockquote .wrap {
	padding: 1.5em;
	border: solid 1px rgb(221, 205, 171);
	width: 85%;
	padding-left: 16.75%;
	padding-bottom: 2em;
}
.blockquote .wrap:before {
    content: '';
    display: block;
    width: 92%;
    height: 100%;
    position: absolute;
    top: -20px;
    z-index: -1;
    background-color: #efede7;
    margin-left: 0;
    margin-top: 0;
    right: 0;
	background-image: url(../img/bg-grey-waves.png);
	background-repeat: repeat;
}
.hor-line, .hor-line-bold {
	background-color: rgb(221,205,171);
	height:1px;
	width: 100%;
	position: relative;
	clear: both;
}
.hor-line-bold {
	height:4px;
}
.hor-line p, .hor-line-bold p, .horline-hr p {
    display:none;
}
.horline-hr {
	background-color: rgb(0,0,0);
	height:1px;
	width: 100%;
	position: relative;
	clear: both;
	margin: 1em 0;
}




/****************************************************************************/


.mob-menu {
	position: fixed;
	left: -40%;
	width: 40%;
	top: 0;
	bottom: 0;
	background-color: rgb(28,28,28);
	z-index: 1000000;
}
html.sdvig .mob-menu {
	left: 0;
}
.menu-closer {
	position: absolute;
	right: 0;
	top: 0;
	height: 60px;
	width: 60px;
	margin-right: 0px;
	cursor: pointer;
}
html.sdvig .menu-closer {
	margin-right: -60px;
}
.menu-closer:before {
	content: '';
	display: block;
	position: absolute;
	left: 10px;
	top: 10px;
	width: 40px;
	height: 40px;
	background-image: url(../img/sprite-mob-menu.png);
	background-size: 120px 120px;
	background-position: -40px -40px;
}
.go-home {
	float: right;
}
.go-home a {
	display: block;
	padding: 10px 20px;
	color: rgb(255,255,255);
	color: rgb(221, 205, 171);
	color: rgb(153,153,153);
	line-height: 36px;
}
.mobmenu-promo {
	margin: 20px;
}
.mobmenu-promo a {
	display: inline-block;
	background-color: rgb(204,0,0);
	color: rgb(255,255,255);
	padding: 1em 2em;
	text-decoration: none;
	
	background-color: rgb(221, 205, 171);
    color: rgb(51, 51, 51);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .9em;
    font-weight: 500;
}


.mobmenu-promo a:hover {
    background-color: rgb(204, 0, 0);
    color: rgb(255, 255, 255);
}


.mob-menu .top-menu {
	display: block;
	height: auto;
}
.mob-menu .top-menu > ul {
    height: auto;
}
.mob-menu .top-menu > ul > li {
	position: inherit;
    float: none;
    height: auto;
}
.mob-menu .top-menu > ul > li:hover {
	box-shadow: none;
}
.mob-menu .top-menu > ul > li::after {
	display: none;
}
.mob-menu .top-menu > ul > li > a {
	padding: 16px 20px;
	line-height: 1.2em;
	font-size: 1.1em;
	color: rgb(153,153,153);
}
.mob-menu .top-menu > ul > li > a:hover {
	color: rgb(255,255,255);
	background-color: rgb(21,21,21);
	box-shadow: none;
}
.mob-menu .top-menu > ul > li > ul {
    position: absolute;
    z-index: 1;
    left: 100%;
    top: 0;
	bottom: 0;
	overflow: auto;
    display: block;
    visibility: hidden;
    opacity: 0;
    box-shadow: none;
    min-width: 12em;
    width: 100%;
}
.mob-menu .top-menu > ul > li:hover > ul {
	top: 0;
	visibility: hidden;
    opacity: 0;
}
.mob-menu .top-menu > ul > li.actv > ul {
    visibility: visible;
    opacity: 1;
}
.mob-menu .top-menu > ul > li > ul > li > a {
    padding: 16px 20px;
    background-color: transparent;
    line-height: 1.1em;
    font-size: .9em;
    color: rgb(183,183,183);
    border-top: solid 1px rgb(51, 51, 51);
}
.mob-menu .top-menu > ul > li > ul > li > a:hover {
    background-color: rgb(21,21,21);
    color: rgb(255,255,255);
}


.menu-go-back {
	position: absolute;
	left: 60px;
	top: 0;
	height: 60px;
	width: 60px;
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
}
.sub-sdvig .menu-go-back {
	left: 0px;
	visibility: visible;
	opacity: 1;
}
.menu-go-back:before {
	content: '';
	display: block;
	position: absolute;
	left: 10px;
	top: 10px;
	width: 40px;
	height: 40px;
	background-image: url(../img/sprite-mob-menu.png);
	background-size: 120px 120px;
	background-position: 0 -40px;
}

.mob-menu-wrap {
	position: absolute;
	overflow: auto;
	background-color: rgb(30,30,30);
	top: 60px;
	bottom: 0;
	left: 0;
	right: 0;
}
.mobmenu-mine {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}
.sub-sdvig .mobmenu-mine {
	left: -100%;
}
.mobmenu-mine .cat-menu-tabs {
	width: 100%;
	float: none;
	border-top: solid 1px rgb(51,51,51);
}
.mobmenu-mine .cat-menu-tabs > li {
    text-align: left;
    float: none;
    height: auto;
    line-height: 1.25em;
    width: 100%;
	border-bottom: solid 1px rgb(51,51,51);
}
.mobmenu-mine .cat-menu-tabs > li > a {
    height: auto;
    background-color: transparent;
    width: auto;
    display: block;
    font-size: 1.1em;
	letter-spacing: .05em;
}
.mobmenu-mine .cat-menu-tabs > li > a > span {
    display: block;
    height: auto;
	padding: 15px 20px;
	color: #fff;
}
.mobmenu-mine .cat-menu-tabs > li > a i {
    display: inline;
}
.mobmenu-mine .cat-menu-tabs > li > ul {
    visibility: hidden;
    opacity: 0;
    left: 100%;
    top: 0;
	bottom: 0;
	width: 100%;
	overflow: auto;
    font-weight: 400;
    font-size: .9em;
    background-color: transparent;
    border-bottom: solid 0px;
    padding: 20px 15px 20px;
}
.mobmenu-mine .cat-menu-tabs > li.actv > ul {
	visibility: visible;
    opacity: 1;
}
.cat-menu-stone .sdvig li > ul {
    left: 0;
}
.mobmenu-mine .cat-menu-tabs > li:hover > ul {
	visibility: visible;
	opacity: 1;
	top: 0;
}
.mobmenu-mine .cat-menu-tabs > li > ul > li {
    width: 100%;
    float: none;
}
.mobmenu-mine .cat-menu-tabs > li > ul > li a {
    padding: 24px 20px;
    opacity: .85;
}

.mobmenu-mine .cat-menu-delaem .podmenu-delaem {
    position: absolute;
    left: 100%;
    top: 0;
	bottom: 0;
    width: 100%;
	overflow: auto;
    text-align: left;
    padding-top: 1em;
    padding-bottom: 1em;
    visibility: hidden;
    opacity: 0;
    font-size: .9em;
    padding: 20px 0;
    border-bottom: solid 0px;
	background-color: transparent;
}
.mobmenu-mine .cat-menu-delaem.actv .podmenu-delaem {
	visibility: visible;
    opacity: 1;
}
.mobmenu-mine .cat-menu-delaem:hover .podmenu-delaem {
	top: 0;
}
.mobmenu-mine .pod-podmenu-delaem-box {
    float: none;
    width: 100%;
}

.header-mobile {
	position: fixed;
	z-index:1100;
	left:0;
	top:0;
	width:100%;
	min-width: 320px;
	height: 80px;
	/*background-color: rgb(239, 237, 231);*/
	background: #fff;
	display: none;
	padding: 3px 0;
}
.header-mobile .poisk {
	position: absolute;
	left: 25%;
	top: 70%;
	right: 0;
	visibility: hidden;
	opacity: 0;
}
.header-mobile.mobpoisk-actv .poisk {
	position: absolute;
	left: 0;
	top: 100%;
	right: 0;
	visibility: visible;
	opacity: 1;
}
.header-mobile .poisk .poisk-box {
    border-width: 1px;
}
.header-mobile.mobpoisk-actv .poisk .poisk-box {
    border-width: 15px;
}
.header-mobile.scroll {
	height: 46px;
}
html.sdvig .header-mobile {
	left: 40%;
}
.hmbg-btn {
	position: relative;
	display: block;
	float: right;
	height: 100%;
	width: 60px;
	cursor: pointer;
	opacity: 1;
}
html.sdvig .hmbg-btn {
	opacity: 0;
}
.header-mobile.scroll .hmbg-btn {
	width: 60px;
}
.hmbg-btn:hover {
	/*background-color: rgb(223,220,208);*/
}
.hmbg-btn span {
	position: absolute;
	left: 15px;
	top: 50%;
	margin-top: -1px;
	display: block;
	width: 30px;
	height: 2px;
	background-color: rgb(51,51,51);
}
.header-mobile.scroll .hmbg-btn span {
	left: 15px;
}
.hmbg-btn span:after, .hmbg-btn span:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: -6px;
	width: 100%;
	height: 2px;
	background-color: rgb(51,51,51);
}
.hmbg-btn span:before {
	top: 6px;
}

.logo-mobile {
	height: 100%;
	float: left;
}
.logo-mobile a {
	position: relative;
	display: block;
	height: 100%;
	width: 100px;
}
.header-mobile.scroll .logo-mobile a {
	width: 140px;
}
.logo-mobile a img {
	position: absolute;
	display: block;
	top: 0;
	left: 50%;
	margin-left: -19px;
	height: 100%;
	opacity: 1;
}
.logo-mobile a img+img {
	margin-left: 0px;
	height: 0;
	opacity: 0;
	top: 50%;
}
.header-mobile.scroll .logo-mobile a img {
	margin-left: 0;
	height: 0;
	opacity: 0;
	top: 50%;
}
.header-mobile.scroll .logo-mobile a img+img {
	margin-left: -48px;
	height: 40px;
	opacity: 1;
	top: 0;
}

.mob-menu-icon-bar {
	float: right;
	height: 100%;
}
.mob-btn-cart, .mob-btn-poisk, .mob-btn-phone {
	position: relative;
	display: block;
	height: 100%;
	width: 50px;
	float: left;
	cursor: pointer;
}
.mob-btn-cart:after, .mob-btn-poisk:after, .mob-btn-phone:after {
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
	background-image: url(../img/sprite-mob-menu.png);
	background-size: 120px 120px;
	background-position: 0 0;
}
.mob-btn-poisk:after, .mob-btn-phone:after {
	background-position: -40px 0;
}
.mob-btn-phone:after {
	background-position: -80px 0;
}
.mob-btn-phone, .mob-btn-phone:hover {
    font-size: 8px;
    color: transparent;
    overflow: hidden;
}


/****************************************************************************/


.cat-vitrina {
	width:100%;
	overflow: hidden;
}
.header {
	position: relative;
	z-index: 99990;
	padding-bottom: 10px;
	padding-top: .5em;
}
.menu-box {
	margin: 0 110px;
	height: 150px;
}
.logo {
	width:110px;
	height: 150px;
	position: absolute;
	left:0;
	top:0;
	overflow: hidden;
	z-index: 2;
}
.logo a {
	display: block;
}
.logo img {
	width: 100%;
    height: auto;
}
.logo-2024 img {
	width: auto;
    height: 2.5em;
}

.logo-2024 {
    /*max-width: 10em;*/
}
.logo-2024 a {
	display: block;
	padding: 1em 1em 1em 0;
}

.menu-box-2024 .top-menu {
    height: auto;
    display: inherit;
    margin-left: 1em;
}
.menu-box-2024 .top-menu > ul {
    height: auto;
}
.menu-box-2024 .top-menu > ul > li > a {
    line-height: 5em;
}
.menu-box-2024 .menu-cont-box {
    height: auto;
    display: inherit;
    padding-top: 1em;
}

.header-mobile-2024 {
    
}
.header-mobile-2024 .logo-mobile a {
    height: 100%;
    width: 10em;
}
.header-mobile-2024 .logo-mobile a img {
    top: 23px;
    left: 1em;
    margin-left: 0;
    height: 26px;
    width: auto;
}
.header-mobile-2024 {
    
}
.header-mobile-2024.scroll .logo-mobile a img + img {
    opacity:0;
}
.header-mobile-2024.scroll .logo-mobile a img {
  height: 16px;
  opacity: 1;
  top: 11px;
}


.top-menu-box {
	height: 65px;
	display: table;
	width: 100%;
}
.top-menu {
	height: 100%;
	display: table-cell;
}
.top-menu > ul {
	height: 65px;
}
.top-menu > ul > li {
	position: relative;
	float: left;
	height: 100%;
	background-color: rgb(255,255,255);
	background-color: rgb(239, 236, 231);
	background-color: transparent;
}
.top-menu > ul > li:hover {
	/*box-shadow: 0px 8px 8px rgba(0,0,0,.2);*/
}
/*.top-menu > ul > li:after {
	content:'';
	display: block;
	position: absolute;
	left:50%;
	top:0;
	width:0;
	height: 5px;
	background-color: rgb(204,0,0);
}
.top-menu > ul > li:hover:after {
	left:0;
	width:100%;
}*/
.top-menu > ul > li > a {
	display: block;
	padding-left:.75em;
	padding-right:.75em;
	line-height:65px;
	font-size: .9em;
	color: rgb(51,51,51);
	text-decoration: none;
	font-weight: 400;
}
.top-menu > ul > li > ul {
	position: absolute;
	z-index: 1;
	left:0;
	top: 120%;
	display: block;
	visibility: hidden;
	opacity: 0;
	box-shadow: 0px 8px 8px rgba(0,0,0,.2);
	min-width: 12em;
}
.top-menu > ul > li:hover > ul {
	visibility: visible;
	opacity: 1;
	top: 100%;
}
.top-menu > ul > li > ul > li > a {
	display: block;
	padding: .5em .75em;
	background-color: rgb(240, 238, 230);
	background-color: rgb(255,255,255);
	line-height: 1.1em;	
	font-size: .9em;	
	color: rgb(51,51,51);	
	text-decoration: none;
	border-top: solid 1px rgb(227,224,210);
}
.top-menu > ul > li > ul > li > a:hover {
	background-color: rgb(227,224,210);
}


.soc-in-top {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    text-align: center;
}
.soc-in-top a {
    display: inline-block;
    text-decoration: none;
}
.soc-in-top a span {
    margin-left:.33em;
    display: inline-block;
    vertical-align: middle;
}
.soc-in-top a svg {
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    vertical-align: middle;
}
.mob-menu .soc-in-top {
    display: block;
    height: auto;
    font-size: 1.25em;
    margin-top: 2em;
}
.mob-menu .soc-in-top a svg {
    display: block;
    margin: auto;
}



.menu-cont-box {
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}
.menu-cont-box div {
	/*display: inline-block;*/
}
.menu-cont-box div a {
    text-decoration: none;
    color: rgb(102,102,102);
    padding: .05em 0;
    display: inline-block;
}
.menu-cont-box div a:hover {
    text-decoration: underline;
    color: rgb(102,102,102);
}
.menu-cont-box div nobr {
	display: block;
	padding-left: 2em;
	text-align: right;
	vertical-align: middle;
	font-size:1.2em;
	font-weight: 400;
}
.menu-cont-box div+div nobr {
	font-size: .9em;
	font-weight: 300;
	color: rgb(153,153,153);
}
.borderline-btm {
	border-bottom: solid 1px rgb(221, 205, 171);
}
.newsline {
	padding: .5em 0 1em;
}
.newsline li {
	width:33.33%;
	float: left;
}
.newsline li a {
	display: block;
}
.newsline li a span {
	font-size:.8em;
	display: block;
	float: left;
	width: 15%;
}
.newsline li a span+span {
	width: 75%;
	font-size: 1em;
}
.newsline li a span i {
	font-style: normal;
	display: block;
	float: left;
	background-color:rgb(203, 184, 146);
	color: rgb(255,255,255);
	padding: .15em .5em;
}
.newsline2 {
	min-height: 80px;
}
.newsline2 ul {
}
.newsline2 li {
	width:33.33%;
	float: left;
}
.newsline2 li a {
	display: block;
	position: relative;
}
.newsline2 li a span {
	font-size:.8em;
	display: block;
	position: absolute;
	left:0;
	top:0;
}
.newsline2 li a span+span {
	font-size: 1em;
	margin-left: 90px;
	position: relative;
}
.cat-menu-box {
	position: relative;
	height: 85px;
}
.cat-menu-tabs {
	margin:0;
	width: 48%;
	float: left;
}
.cat-menu-tabs > li {
	text-align: center;
	display: block;
	float: left;
	height: 85px;
	line-height: 1.25em;
	letter-spacing:.025em;
	width: 50%;
}
.cat-menu-tabs > li > a {
	height: 85px;
	color: rgb(255,255,255);
	background-color: rgb(51,51,51);
	width: 100%;
	display: table;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 400;
	font-size:.9em;
	
	background: #fff;
}
.cat-menu-tabs > li > a:hover, .cat-menu-tabs > li.open > a {
	background-color: rgb(51,51,51);
}
.cat-menu-tabs > li+li > a:hover, .cat-menu-tabs > li+li.open > a {
	background-color: rgb(75,75,75);
}

.cat-menu-tabs > li > a:hover span {
	color: rgb(255,255,255);
}
.cat-menu-tabs > li+li > a {
	background-color: rgb(75,75,75);
	
	background: #fff;
	border-left: solid 1px #717171;
}
.cat-menu-tabs > li > a i {
	display: block;
	font-style: normal;
}
.cat-menu-tabs > li > a > span {
	display: table-cell;
	vertical-align: middle;
	height: 85px;
	letter-spacing: .15em;
	font-weight: 600;
    color: #3e3e3d;
}
.cat-menu-tabs > li.open > a > span {
    color: rgb(255,255,255);
}

.cat-menu-tabs > li > ul {
	position: absolute;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	left: 0;
	top: 120%;
	font-weight: 400;
	font-size: .9em;
	background-color: rgb(51,51,51);
	padding: 20px 15px 20px;
}
.cat-menu-tabs > li.open > ul {
	visibility: visible;
	opacity: 1;
	top: 100%;
}
/*.cat-menu-tabs > li:hover > ul {
	visibility: visible;
	opacity: 1;
	top: 100%;
}*/

.cat-menu-tabs > li > ul > li {
	width: 33.33%;
	float: left;
}
.cat-menu-tabs > li > ul > li a {
	display: block;
	padding: .75em 1em;
	text-align: left;
	color: rgb(204,204,204);
	text-decoration: none;
	line-height: 20px;
	padding: 30px 20px;
	font-size:1.25em;
	color: rgb(255,255,255);
	opacity: .85;
	margin: 2px;
}
.cat-menu-tabs > li > ul > li a i {
	display: inline-block;
	line-height: 0;
	margin: -.5em 0 0 .5em;
	font-size: .75em;
	font-style: normal;
	position: relative;
	top: -5px;
}
.cat-menu-tabs > li > ul > li a:hover {
	background-color: rgb(41,41,41);
	color: rgb(255,255,255);
	opacity: 1;
}
.cat-menu-tabs > li > ul > li a {
	background-image: url(../img/sprite-menu--stones.jpg);
	background-position: 0 0;
}
.cat-menu-tabs > li > ul > li+li a {
	background-position: 0 -80px;
}
.cat-menu-tabs > li > ul > li+li+li a {
	background-position: 0 -160px;
}
.cat-menu-tabs > li > ul > li+li+li+li a {
	background-position: 0 -240px;
}
.cat-menu-tabs > li > ul > li+li+li+li+li a {
	background-position: 0 -320px;
}
.cat-menu-tabs > li > ul > li+li+li+li+li+li a {
	background-position: 0 -400px;
}
.cat-menu-tabs > li > ul > li+li+li+li+li+li+li a {
	background-position: 0 -480px;
}
.cat-menu-tabs > li > ul > li+li+li+li+li+li+li+li a {
	background-position: 0 -560px;
}
.cat-menu-tabs > li > ul > li+li+li+li+li+li+li+li+li a {
	background-position: 0 -640px;
}
.cat-menu-tabs > li > ul > li+li+li+li+li+li+li+li+li+li a {
	background-position: 0 -720px;
}
.cat-menu-tabs > li > ul > li+li+li+li+li+li+li+li+li+li+li a {
	background-position: 0 -800px;
}



.cat-menu-delaem .podmenu-delaem {
	position: absolute;
	left: 0;
	top: 120%;
	width: 100%;
	background-color: rgb(75,75,75);
	text-align: left;
	padding-top: 1em;
	padding-bottom: 1em;
	visibility: hidden;
	opacity: 0;
	font-size: .9em;
	padding: 20px 0;
}
.cat-menu-delaem.open .podmenu-delaem {
	top: 100%;
	visibility: visible;
	opacity: 1;
}
/*.cat-menu-delaem:hover .podmenu-delaem {
	top: 100%;
	visibility: visible;
	opacity: 1;
}*/

.podmenu-delaem-box {
	float: left;
	width: 25%;
}
.podmenu-delaem-box > ul {
	font-weight: 400;
}
.podmenu-delaem-box > ul > li > a {
	display: block;
	padding: .5em .75em;
	text-decoration: none;
	color: rgb(204,204,204);
}
.podmenu-delaem-box ul li.actv a, .podmenu-delaem-box ul li.actv a:hover {
	font-weight: 500;
	background-color: rgb(41,41,41);
	color: rgb(255,255,255);
}
.podmenu-delaem-box ul li a:hover {
	background-color: rgb(60,60,60);
	color: rgb(255,255,255);
}

.pod-podmenu-delaem-box {
	float: left;
	width: 33.33%;
	font-weight: 400;
}
.pod-podmenu-delaem-box ul {
	display: none;
	opacity: 0;
	
	margin: 0 1em 1em 1em;
}
.pod-podmenu-delaem-box ul.actv {
	display: block;
	opacity: 1;
}
.pod-podmenu-delaem-box ul li {
	margin-left: .25em;
}
.pod-podmenu-delaem-box ul li.group-hdr a, .pod-podmenu-delaem-box ul li.group-hdr a:hover {
	font-weight: 500;
	color: rgb(255,255,255);
	color: rgb(221, 205, 171);
	font-size: 1.1em;
}
.pod-podmenu-delaem-box ul li a {
	display: block;
	padding: .5em .75em;
	text-decoration: none;
	color: rgb(204,204,204);
}
.pod-podmenu-delaem-box ul li a {
	border-bottom: solid 1px rgb(60,60,60);
}
.pod-podmenu-delaem-box ul li a:hover {
	background-color: rgb(41,41,41);
	color: rgb(255,255,255);
}
.pod-podmenu-delaem-box ul li a i {
    font-style: normal;
    font-weight: 300;
    font-size: .75em;
    margin-left: .25em;
    display: inline-block;
    line-height: .8em;
    vertical-align: top;
}

.podmenu-box-reklama {
	float: left;
	width: 25%;
}
.podmenu-box-reklama > div {
	padding-right: 1em;
}
.podmenu-box-reklama > div > div {
	width: 100%;
	margin-bottom: 1em;
}
.podmenu-box-reklama > div > div img {
	width: 100%;
}
.podmenu-box-reklama > div > div p {
	padding: .75em;
	color: rgb(204,204,204);
	font-weight: 400;
}

.scrollover-header {
	position: fixed;
	top: -96px;
	left: 0;
	width: 100%;
	/*height: 88px;*/
	height: 50px;
	/*background-color: rgb(239, 237, 231);*/
	background-color: #fff;
	box-shadow: 0 0 20px #00000021;
	z-index: 99990;
}
.scrollover-header > div {
    padding-top: 3px;
}
.scrollover-header.actv {
	top: 0;
}
.scrollover-header .logo {
    width: 110px;
    height: 44px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 2;
}
.scrollover-header .logo a {
    display: block;
    height: 26px;
    overflow: hidden;
    position: relative;
    top: 10px;
}
.scrollover-header .logo img {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    top: -108px;
}
.scrollover-header .poisk-box {
    /*border: solid 3px rgb(221, 205, 171);*/
    border-bottom: solid 1px #000;
    padding-right: 3em;
}
.scrollover-header .cat-menu-box {
    position: relative;
    height: 44px;
    margin-left: 44px;
}
.scrollover-header .cat-menu-tabs {
    margin: 0;
    width: 20%;
    float: left;
}
.scrollover-header .top-menu-partner ul li a {
    padding: 5px 5px 5px 48px;
    font-size: 0.8em;
    line-height: 1.1em;
    height: 40px;
    font-weight: 400;
}
.scrollover-header .top-menu-partner ul li a::after {
    width: 36px;
    height: 30px;
    margin-top: 5px;
    margin-left: 10px;
    background-position: -75px -100px;
}
.scrollover-header .top-menu-partner ul li+li a::after {
    background-position: -112px -100px;
}
.scrollover-header .top-menu-partner ul li+li+li a::after {
    background-position: -149px -100px;
}
.scrollover-header .top-menu-partner ul li+li+li+li a::after {
    background-position: -187px -100px;
}
.scrollover-header .cat-menu-cart-box .txt {
    font-size: .6em;
}
.scrollover-header .top-menu-partner {
    border-bottom: solid 4px rgb(221, 205, 171);
    height: 44px;
	position: relative;
	z-index: -1;
}
.scrollover-header .cat-menu-tabs > li {
    height: 44px;
    line-height: .9em;
}
.scrollover-header .cat-menu-tabs > li > a {
    height: 44px;
    font-weight: 500;
    font-size: .75em;
}
.scrollover-header .cat-menu-tabs > li > a > span {
    height: 44px;
}
.scrollover-header .cat-menu-cart-box .pic {
    width: 56px;
    height: 37px;
	margin-left: 5px;
}
.scrollover-header .cat-menu-cart-box .pic i {
    width: 37px;
    height: 26px;
    margin-top: -13px;
    background-position: -125px 0;
}
.scrollover-header .cat-menu-dop {
    width: 80%;
}

.cat-menu-dop .red-btn-md {
    background-color: rgb(221, 205, 171);
    color: rgb(51, 51, 51);
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: .9em;
    font-weight: 500;
    box-shadow: 0px 0px 1em .2em #fff;
    
    background-color: rgb(59, 59, 58);
    color: rgb(255, 255, 255);
}
.cat-menu-dop .red-btn-md:hover {
    background-color: rgb(204, 0, 0);
    color: rgb(255, 255, 255);
}

.scrollover-header .cat-menu-dop .red-btn-md {
    font-size: .85em;
    font-weight: 400;
	margin: 0 .25em;
	padding: 4px 10px;
}
.scrollover-header .menu-cont-box div nobr {
    padding-left: 0em;
    font-size: 1.1em;
    font-weight: 400;
	padding-right: 4px;
	text-align: center;
}
.scrollover-header .menu-cont-box div + div nobr {
    font-size: .7em;
	position: relative;
	top: -5px;
}
.scrollover-header .menu-cont-box div + div {
    display: none;
}
.scrollover-header .poisk-box form input[name="poisk"] {
    width: 100%;
    padding: .4em 0 .4em 1em;
    font-size: .75em;
    color: rgb(153,153,153);
}
.scrollover-menu-box {
	position: relative;
    margin: 0 110px;
    height: 44px;
}
.scrollover-top-menu {
	width: 44px;
	height: 44px;
	float: left;
	position: relative;
    z-index: 2;
}
.scrollover-top-menu .hmb-btn {
	width: 100%;
	height: 100%;
	background-color: rgb(255,255,255);
	border: solid 0px rgb(221,205,171);
	cursor: pointer;
}
.scrollover-top-menu .hmb-btn span {
	display: block;
	position: relative;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 2px;
	margin-top: -1px;
	margin-left: -12px;
	background-color: rgb(221,205,171);
}
.scrollover-top-menu .hmb-btn span:before, .scrollover-top-menu .hmb-btn span:after {
	content: '';
	display: block;
	width: 24px;
	height: 2px;
	background-color: rgb(221,205,171);
	position: absolute;
	left: 0;
	top: 0;
	margin-top: -8px;
}
.scrollover-top-menu .hmb-btn span:after {
	margin-top: 8px;
}
.scrollover-top-menu > ul {
	visibility: hidden;
	opacity: 0;
    position: absolute;
    left: 0;
    top: 120%;
	width: 25%;
	width: auto;
	background-color: rgb(255,255,255);
	border: solid 1px rgb(221,205,171);
	padding: 6px 0;
}
.scrollover-top-menu:hover > ul {
	visibility: visible;
	opacity: 1;
	top: 100%;
}
.scrollover-top-menu > ul > li {
	position: relative;
}
.scrollover-top-menu > ul > li.more > a:after {
	content: '';
	display: block;
	width: 5px;
	height: 8px;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -4px;
	background-image: url(../img/sprite.png);
	background-position: -20px -50px;
}
.scrollover-top-menu > ul > li > a {
	display: block;
	padding: 6px 40px 6px 10px;
	text-decoration: none;
}
.scrollover-top-menu > ul > li:hover > a {
	background-color: rgb(221,205,171);
	color: rgb(0,0,0);
}
.scrollover-top-menu > ul > li > ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	min-width: 300px;
	left: 110%;
	top: -7px;
	background-color: rgb(255,255,255);
	border: solid 1px rgb(221,205,171);
	padding: 6px 0;
}
.scrollover-top-menu > ul > li:hover > ul {
	visibility: visible;
	opacity: 1;
	left: 100%;
}
.scrollover-top-menu > ul > li > ul > li {
	
}
.scrollover-top-menu > ul > li > ul > li > a {
	display: block;
	padding: 6px 10px;
	text-decoration: none;
}
.scrollover-top-menu > ul > li > ul > li:hover > a {
	background-color: rgb(221,205,171);
	color: rgb(0,0,0);
}

.cat-menu-dop {
	width: 50%;
	float: right;
	height: 100%;
	/*display: table;*/
}
.cat-menu-dop > div {
	/*display: table-cell;*/
	vertical-align: middle;
	text-align: center;
}
.cat-menu-dop .red-btn-md {
	margin: 0 .5em;
}
.cat-menu-dop .zapros-btn {
    text-align: right;
}
.cat-menu-dop .zapros-btn a {
    margin: 0 0 0 2em;
    padding: 1em 1.6em;
    letter-spacing: .1em;
    font-size: .85em;
}
.poisk {
  padding-left: 1em;
}
.poisk-box {
	position: relative;
	background-color: rgb(255,255,255);
	/*border: solid 1px rgb(201,201,201);*/
	/*border: solid 2px rgb(221, 205, 171);*/
	padding-right: 3em;
	
	border-bottom: solid 1px rgb(59, 59, 58);
}
.poisk-box form {
	width:100%;
}
.poisk-box form input[name="q"] {
	width:100%;
	padding:.5em 0 .5em 1em;
	font-size:.9em;
	color: rgb(153,153,153);
}
.poisk-box button {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 3em;
	background-color: transparent;
	cursor: pointer;
}
.poisk-box button span {
	position: absolute;
	right: .5em;
	top: 50%;
	margin-top: -12px;
	display: block;
	width: 25px;
	height: 25px;
	background-image: url(../img/sprite.png);
}
.poisk-box button:hover span {
	background-position: 0 -25px;
}

.cat-menu-cart-box .pic {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 56px;
	height: 56px;
}
.cat-menu-cart-box .txt {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	line-height: 1em;
	font-size:.8em;
	padding-left: .25em;
	font-weight: 500;
}
.cat-menu-cart-box a {
	display: block;
	height: 100%;
	color: rgb(153,153,153);
	color: rgb(102,102,102);
}
.cat-menu-cart-box .pic b {
	position: absolute;
	background-color: rgb(204,0,0);
	right: 0;
	top: 0;
	font-size:.7em;
	color: rgb(255,255,255);
	height:26px;
	width:26px;
	line-height:27px;
}
.cat-menu-cart-box a:hover .pic b {
	background-color: rgb(236,0,0);
}
.cat-menu-cart-box .pic i {
	display:block;
	width:50px;
	height:35px;
	position: relative;
	top: 50%;
	margin-top: -17px;
	background-image: url(../img/sprite.png);
	background-position: -25px 0;
}

.cat-item-photo-box {
	width: 33.33%;
	float: left;
}
.cat-item-photo-box .top-photo {
	position: relative;
	padding: 5px;
	width: 100%;
}
.cat-item-photo-box .top-photo .pict {
	overflow: hidden;
	display: block;
	position: relative;
	
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	overflow: hidden;
}
.cat-item-photo-box .top-photo .pict img {
	display: block;
	width: 100%;
}
.cat-item-photo-box .top-photo .pict img+img {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
}
/*.cat-item-photo-box .top-photo:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    background-color: #efede7;
    margin-left: -20%;
    margin-top: -10%;
    right: 20%;
	background-image: url(../img/bg-grey-waves.png);
	background-repeat: repeat;
}*/
.cat-item-photo-box .top-photo .tags {
	position: absolute;
	top: 1em;
	left: 0;
	margin-left: -5px;
	max-width: 300px;
}
.cat-item-photo-box .top-photo .tags p{
    margin: 0 0 .25em 0;
}
.cat-item-photo-box .tags .discount p, .cat-item-photo-box .tags .new p, .cat-item-photo-box .tags .exclusive p {
  height: 2.4em;
  padding: 0 1.5em 0 1em;
  line-height: 2.4em;
  font-size: 1em;
  font-weight: 500;
  color: rgb(255,255,255);
  background-image: url(../img/sprite.png);
}
.cat-item-photo-box .tags .discount p {
	background-position: right -150px;
}
.cat-item-photo-box .tags .new p {
	background-position: right -200px;
}
.cat-item-photo-box .tags .exclusive p {
	background-position: right -250px;
}
.cat-item-photo-box .prev-photo {
	padding: .5em 0;
	width: 100%;

}
.cat-item-photo-box .prev-photo > div {
	width: 25%;
	/*width: 33.33%;*/
	float: left;
}
.cat-item-photo-box .prev-photo > div > a {
	display: block;
	margin: 5px;
	
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	overflow: hidden;
}
.cat-item-photo-box .prev-photo > div > a img {
	display: block;
	width: 100%;
}
.cat-item-info-box {
	width: 66.67%;
	float: right;
}
.cat-item-info-box .padd {
	padding-left: 2em;
}
.cat-item-info-box hr {
    border-width: 0;
    border-bottom-width: 1px;
}

#addToCartBox {
	position: fixed;
	left: 0;
	top: 50%;
	z-index: 1000000;
	width: 100%;
	height: 0;
	text-align: center;
}
#addToCartBox div {
	display: inline-block;
	background-color: rgb(255,255,255);
	opacity: 0;
	vertical-align: middle;
}
#addToCartBox.actv div {
	opacity: 1;
	padding: 40px;
	max-width: 480px;
}
#addToCartBox div p {
	font-size: 1.5em;
	font-weight: 400;
}
#addToCartBox div p.setcount {
	font-size: 1.25em;
	margin-bottom: .5em;
}
#addToCartBox div p#tovarname {
	font-size: 1.25em;
	font-weight: 300;
	padding: 1em 0;
}
#addToCartBox div p#tovarname span {
	display: block;
}
#addToCartBox input[name="count"] {
	font-size: 1.5em;
	display: inline-block;
	padding: .5em 1em;
	border: solid 2px rgb(221, 205, 171);
	width: 6em;
	margin-right: 1em;
	margin-left: 1.75em;
	text-align: center;
}
#addToCartBox input[type="button"] {
	font-size: 1em;
	display: inline-block;
	padding: .75em 1.5em;
	cursor: pointer;
}
#addToCartBox span.cartbtnwrap {
	display: inline-block;
	margin-top: 1em;
	position: relative;
}
#addToCartBox span.cartbtnwrap:after {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: rgb(102,102,102);
	position: absolute;
	right: .75em;
	top: 50%;
}

#addToCartBox button {
	position: relative;
	font-size: 1.1em;
	font-weight: 400;
	display: inline-block;
	padding: .75em 1.5em;
	margin-top: 1em;
	cursor: pointer;
	vertical-align: middle;
	background-color: rgb(204,0,51);
	color: rgb(255,255,255);
	text-decoration: none;
}
#addToCartBox button:hover {
	background-color: rgb(255,4,67);
}

#addToCartBox button:after {
	content: '';
	display: inline-block;
	width: 29px;
	height: 22px;
	margin-left: .75em;
	vertical-align: middle;
	background-image: url(../img/sprite-mob-menu.png);
	background-position: -211px -120px;
}

.country-box .country {
	width: 33.33%;
	float: left;
}
.country-box .country span {
	position: relative;
	display: block;
	padding-left: 62px;
	line-height: 64px;
}
.country-cat-filter > li {
	position: relative;
	display: block;
	padding-left: 66px;
	line-height: 44px;
}
.country-cat-filter > ul > li {
	padding-left: 66px;
	margin-bottom: .6em;
}
.country-box .country span:before, .country-cat-filter > li:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 57px;
	height: 32px;
	margin-top: -16px;
	background-image: url(../img/sprite-flags.jpg);
	background-size: 171px 192px;
}
.country-box .country .russia:before, .country-cat-filter .russia:before {
	background-position: 0 0;
}
.country-box .country .turkey:before, .country-cat-filter .turkey:before {
	background-position: -57px 0;
}
.country-box .country .bulgaria:before, .country-cat-filter .bulgaria:before {
	background-position: -57px -64px;
}
.country-box .country .greece:before, .country-cat-filter .greece:before {
	background-position: -114px 0;
}
.country-box .country .egypt:before, .country-cat-filter .egypt:before {
	background-position: -0px -32px;
}
.country-box .country .india:before, .country-cat-filter .india:before {
	background-position: -57px -32px;
}
.country-box .country .spain:before, .country-cat-filter .spain:before {
	background-position: -114px -32px;
}
.country-box .country .italy:before, .country-cat-filter .italy:before {
	background-position: -0 -64px;
}
.country-box .country .china:before, .country-cat-filter .china:before {
	background-position: -114px -64px;
}
.country-box .country .brazil:before, .country-cat-filter .brazil:before {
	background-position: 0px -96px;
}
.country-box .country .kazakhstan:before, .country-cat-filter .kazakhstan:before {
	background-position: -114px -96px;
}
.country-box .country .germany:before, .country-cat-filter .germany:before {
	background-position: -57px -96px;
}
.country-box .country .iran:before, .country-cat-filter .iran:before {
	background-position: 0px -128px;
}
.country-box .country .ukraine:before, .country-cat-filter .ukraine:before {
	background-position: -57px -128px;
}

.print-page-box {
	float: right;
	display: table;
	font-size: .9em;
}
.print-page-box .wrap {
	border: solid 1px rgb(221, 205, 171);
	padding: 12px 20px;
}
.print-page-box .wrap div.share, .print-page-box .wrap div.share p {
	cursor: pointer;
}
.print-page-box .print {
	display: table-cell;
	vertical-align: middle;
}
.print-page-box .share {
	display: table-cell;
	vertical-align: middle;
}
.print-page-box .wrap div p {
	position: relative;
	padding-left: 43px;
	line-height: 1.1em;
	font-size: .9em;
}
.print-page-box .share p {
	margin-left: 1em;
}
.print-page-box .wrap > div p:before {
	content: '';
	display: block;
	width: 33px;
	height: 32px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -16px;
	background-image: url(../img/sprite.png);
}
.print-page-box .wrap > div.print p:before {
	background-position: -175px 0;
}
.print-page-box .wrap > div.share p:before {
	background-position: -210px 0;
}
.cat-price-table {
	margin: 10px 0;
}
.cat-price-table table {
	text-align: left;
	width: 100%;
	margin: 10px 0;
	border-bottom: solid 1px rgb(221, 205, 171);
}
.cat-price-table table th {
	padding: 10px 2px;
	border-bottom: solid 2px rgb(221, 205, 171);
	border-top: solid 2px rgb(221, 205, 171);
}
.cat-price-table table th.small-font {
	font-size: .75em;
	line-height: 1.1em;
}
.cat-price-table table tr td {
	padding: 10px 2px;
	vertical-align: middle;
	font-weight: 300;
}
.cat-price-table table tr+tr+tr td {
	border-top: solid 1px rgb(224,224,224);
}
.cat-price-table table td.price {
	font-weight: 400;
}
.cat-price-table table td.price nobr {
	display: block;
}
.cat-price-table table td.price s {
	position: relative;
	font-weight: 100;
	font-size: .8em;
	text-decoration: none;
}
.cat-price-table table td.price s::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    opacity: .5;
    background-color: rgb(204,0,0);
    transform: rotate(-5deg);
}
.cat-price-table table .ed-izm nobr {
	padding-right: 1em;
}

.cat-price-table table td.count input {
	font-size:0.9em;
	color: rgb(102,102,102);
	padding: 4px;
	border-bottom: solid 1px rgb(221, 205, 171);
	width: 4.25em;
}
.cat-price-table table td.count span {
	font-size:.9em;
	margin-left:.5em;
}
.cat-price-table table td.count span sup {
	font-size:.75em;
}

.cat-price-table table td sup {
	font-size:.8em;
}

.cat-price-table table td button.zapros-btn {
	display: block;
	display: inline-block;
	font-size: .9em;
	padding: 3px 6px;
	border: solid 1px rgb(51,51,51);
	border: solid 2px rgb(221, 205, 171);
	text-align: center;
	line-height: 1em;
	font-weight: 400;
	text-decoration: none;
	background-color: rgb(221, 205, 171);
	cursor:pointer;
}
.cat-price-table table td button:hover.zapros-btn {
	color: rgb(255,255,255);
	background-color: rgb(221, 205, 171);
	background-color: rgb(190, 175, 144);
	border: solid 2px rgb(190, 175, 144);
}
.cat-price-table table td a.zapros-link {
	font-size: .9em;
	display: inline-block;
	text-align: center;
	background-color: #8eb328;
    padding: 4px 6px;
    color: white;
    font-weight: 400;
    text-decoration: none;
}
.cat-price-table table td a:hover.zapros-link {
}
.cat-price-table .light-str {
	font-size: .9em;
	font-weight: 300;
	font-style: italic;
	color: rgb(153,153,153);
}
.cat-price-table .alert {
	color: rgb(204,0,0);
	text-align: center;
}

.cat-item-about {
	position: relative;
	margin: 3em 0 2em;
}
.cat-item-about hr {
	border-bottom: none;
    border-top: solid 1px #ddcdab;
    margin: 1em 0;
}

.cat-item-about .wrap {
	padding: 1.5em;
	border: solid 1px rgb(221, 205, 171);
	width: 85%;
}
.cat-item-about .wrap:before {
    content: '';
    display: block;
    width: 92%;
    height: 100%;
    position: absolute;
    top: -20px;
    z-index: -1;
    background-color: #efede7;
    margin-left: 0;
    margin-top: 0;
    right: 0;
	background-image: url(../img/bg-grey-waves.png);
	background-repeat: repeat;
}
.cat-item-about .wrap p {
	margin-top: .5em;
	margin-bottom: .5em;
}
.made-with-this {
	clear: both;
	margin: 1em 0;
}
.made-with-this span.light-str {
	color: rgb(153,153,153);
	font-size: 0.6em;
	font-style: italic;
	display: block;
	color: rgb(207,185,137);
	line-height: 1.25em;
	padding-top: .5em;
	font-weight: 400;
}
.made-with-this ul {
	margin: .5em 0 1.5em 0;
}
.made-with-this ul li {
	position: relative;
	min-height: 64px;
	margin-bottom: .5em;
	padding-top: 4px;
	width: 33.33%;
}
.made-with-this ul li a {
	display: block;
	height: 100%;
	margin-left:80px;
	margin-right: 20px;
	font-size: .9em;
}
.made-with-this ul li a img {
	position: absolute;
	width: 64px;
	height: 64px;
	left: 0;
	top: 0;
	
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
}

.ask-or-order-form {
	/*background-color: rgb(239, 237, 231);
	background-color: rgb(221, 205, 171);*/
	padding: 2.5em 3em;
	margin: 3em 0;
	
	/*background-color: rgb(221, 205, 171);*/
    padding: 2.5em 12em 2.5em 6em;
    /*margin: 3em;*/
    
    background-image: url(/files/tmpfiles/delaem-iz-kamnya/form-bg-marble.jpg);
     background-size: cover;
}


.ask-or-order-form .hdr {
	font-weight: 400;
	font-size: 1.75em;
	margin-bottom: .75em;
}
.ask-or-order-form input, .textarea-padd {
	display: block;
	width: 100%;
	padding: 1em;
	/*border: solid 1px rgb(221, 205, 171);*/
	border-bottom: solid 1px rgb(0, 0, 0);
	background-color: rgb(255,255,255);
	font-size: .9em;
	margin: .5em 0;
	font-family: Roboto, sans-serif;
}
.ask-or-order-form input[type="checkbox"] {
    display: inline;
}
 .ask-or-order-form textarea {
    font-family: Roboto, sans-serif;
    width: 100%;
    border: none;
}
.ask-or-order-form input[id="form-name"] {
	margin-top: 1em;
}
.ask-or-order-form input[type="radio"] {
	width: auto;
	display: inline;
	display: none;
}
.ask-or-order-form input[type="radio"] + label {
	border: solid 1px rgb(51,51,51);
	background-color: transparent;
	padding: 6px 10px;
	cursor: pointer;
	display: inline-block;
}
.ask-or-order-form input[type="radio"]:checked + label {
	background-color: rgb(51,51,51);
	color: rgb(255,255,255);
}
.ask-or-order-form input[id="urlico"] + label {
	width: auto;
	margin-left: 8px;
}
.ask-or-order-form input[id="urlico"] + label + input + input {
	display: none;
	opacity: 0;
}
.ask-or-order-form input[id="urlico"]:checked + label + input + input {
	display: block;
	opacity: 1;
}
.ask-or-order-form input[type="submit"] {
	display: inline-block;
	padding: 1.1em 2em;
	width: auto;
	background-color: rgb(51,51,51);
	color: rgb(255,255,255);
	cursor: pointer;
	font-size: 1em;
}
.ask-or-order-form input[type="submit"]:hover {
	background-color: rgb(204,0,0);
	background-color: rgb(0,0,0);
}
.ask-or-order-form input[type="file"]{
    border:none !important;
}
.ask-or-order-form textarea {
	height: 10em;
}
.ask-or-order-form .attachment {
	margin: 1em 0;
	text-align: left;
}
.ask-or-order-form .attachment label {
    margin-right: .5em;
}
.ask-or-order-form .attachment input {
    width: auto;
    padding: 0;
    margin: 0;
    display: inline-block;
    background-color: transparent;
}
.zapros-list--send-request-area {
	margin: 2em 0;
}
.zapros-list--send-request-area .hdr {
	display: none;
}
.zapros-list--send-request-area .ask-or-order-form .row1 {
	width:48%;
	float: left;
}
.zapros-list--send-request-area .ask-or-order-form .row2 {
	width: 48%;
	float: right;
}
.zapros-list--send-request-area .ask-or-order-form .row3 {
	float: none;
	clear: both
}
.zapros-list--send-request-area .ask-or-order-form textarea {
    height: 11em;
    margin-top: 3.25em;
}
.zapros-list--send-request-area .ask-or-order-form input[type="button"] {
    font-size: 1.2em;
}
.zapros-list--send-request-area .notice {
	margin: 2em 0 0 0;
	width: 70%;
	border: none;
	padding-left: 2em;
}
.zapros-list--send-request-area .notice:after {
	display: none;
}
.zapros-list--send-request-area .ask-or-order-form {
	margin-top: 1em;
}

textarea[name=hidmessage]{
    display: none;
}
textarea.hidtext{
    color: transparent;
}

.lead-hntr-form div {
	width: 50%;
	float: left;
}
.lead-hntr-form div input {
	display: block;
	padding: .5em 1em;
	width: 96%;
	margin: 1em 2%;
	font-size: 1.1em;
}

.price-notice {
	margin: .5em 0;
}
.price-notice .wrap {
}
.price-notice .wrap p {
	margin: .5em 0;
	font-size: 12px;
}
.price-notice .wrap p a {
    color: inherit;
}
.our-servises li {
	width: 25%;
	float: left;
	text-align: center;
}
.our-servises li::before {
    display: none !important;
}

.our-servises li a, .our-servises li span {
	position: relative;
	display: block;
	padding-top: 106px;
}
.our-servises li a:before, .our-servises li span:before {
	content: '';
	position: absolute;
	display: block;
	left: 50%;
	top: 0;
	margin-left: -48px;
	width: 96px;
	height: 96px;
	background-size: 192px 192px;
	background-image: url(../img/sprite-servises.png);
	background-position: 0 0;
}
.our-servises li+li a:before, .our-servises li+li span:before {
	background-position: -96px 0;
}
.our-servises li+li+li a:before, .our-servises li+li+li span:before {
	background-position: 0 -96px;
}
.our-servises li+li+li+li a:before, .our-servises li+li+li+li span:before {
	background-position: -96px -96px;
}
.partners-item-col-1 {
	width: 30%;
	float: left;
}
.partners-item-col-2 {
	width: 66.66%;
	float: right;
}
.arch-desig-utp-box li {
	width: 33.333%;
	float: left;
	text-align: center;
	font-weight: 400;
}
.arch-desig-utp-box li span {
	display: block;
	margin: 10px;
}
.arch-desig-utp-box li span:before {
	content: '';
	display: block;
	width: 96px;
	height: 96px;
	background-image: url(../img/partners/sprite-arch-desig-utp.png);
	background-size: 192px 192px;
	position: relative;
	left: 50%;
	margin-left: -48px;
}
.arch-desig-utp-box li+li span:before {
	background-position: -96px 0;
}
.arch-desig-utp-box li+li+li span:before {
	background-position: 0 -96px;
}
.stroitelyam-utp-box li {
    width:50%;
    float: left;
	text-align: center;
	font-weight: 400;
}
.stroitelyam-utp-box li span {
	display: block;
	margin: 10px;
}
.stroitelyam-utp-box li span:before {
	content: '';
	display: block;
	width: 96px;
	height: 96px;
	background-image: url(../img/partners/sprite-stroitelyam-utp.png);
	background-size: 192px 192px;
	position: relative;
	left: 50%;
	margin-left: -48px;
}
.stroitelyam-utp-box li+li span:before {
	background-position: -96px 0;
}

.basic-page-slider {
	position: relative;
	margin: 1.5em 0;
}
.basic-page-slider img {
	display: block;
	width: 100%;
}
#topPictSldrItems img {
    display: block;
}
#topPictSldrItems img+img {
    display: none;
}
.basic-page-slider.sldr920 {
	width: 66.66%;
	float: left;
}
.sldr920-note {
	float: right;
	width: 33.34%;
}
.sldr920-note ul {
    font-family: garamount;
    background-color: rgb(221,205,171);
    padding: 1em 0 1em 2em;
    margin-left: -2em;
    position: relative;
    font-size: 1.5em;
}
.sldr920-note ul li {
	margin: .25em 0;
	padding: .25em 2em .25em 0;
}
.sldr920-note ul li+li {
	border-top: solid 1px rgb(239, 237, 231);
}
.sldr920-note ul li sup {
	font-size: .6em;
}
.cat-item-about .red-btn-lg {
}
.our-capacity {
	margin: 2em 0;
}
.our-capacity ul {
	margin: 1em -.8em;
}
.our-capacity li {
	width: 33.33%;
	float: left;
}
.our-capacity li > span {
	position: relative;
	display: block;
	color: rgb(255,255,255);
	text-align: center;
	padding: 0 .8em;
}
.our-capacity li > span img {
	display: block;
	width: 100%;
}
.our-capacity li > span i {
	display: block;
	position: absolute;
	top:50%;
	left:0;
	width: 100%;
	font-size: 4.5em;
	line-height: 4.5em;
	margin-top: -2.25em;
	font-style: normal;
}
.our-capacity li > span i:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 75%;
	width: 1em;
	height: .05em;
	margin-left: -.5em;
	background-color: rgb(221,205,171);
}
.our-capacity li > span i em {
	font-style: normal;
	font-size: .6em;
	line-height: 4.5em;
}

.our-capacity li > span i em sup {
	font-size: .7em;
}
.our-capacity li > p {
	text-align: center;
	margin: 1em 0;
	font-size: 1.25em;
	line-height: 1.2em;
	font-weight: 400;
}

.li-line {
	margin: 1em 0;
	
}
.li-line li {
	position: relative;
	margin: 1em 0;
	padding-top: 1em;
}
.li-line li+li:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -3em;
	width: 6em;
	height: 2px;
	background-color: rgb(221,205,171);
}


.tab-line-link {
    position: relative;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    border-bottom: dashed .075em rgb(221,205,171);
    margin-bottom: 1em;
    margin-top: .5em;
}
.li-point {
	margin-bottom: 1.75em;
	padding-right: 1.5em;
}
.li-point li {
	position: relative;
	margin: .75em 0;
	padding-left: 3em;
	line-height: 1.1em;
}
.li-point li:before {
	content: '';
	position: absolute;
	left: 1em;
	top: .55em;
	margin-top: -5px;
	display: block;
	width: 10px;
	height: 10px;
	background-image: url(../img/sprite.png);
	background-position: -125px -40px;
}



.li-acrd {
    padding-top: 1em;
    margin-bottom: 1em;
}
.li-acrd li {
    border-bottom: solid 1px #111;
}
.li-acrd li:first-child {
    border-top: solid 1px #111;
}
.li-acrd li > div {
    margin: 0 !important;
    padding: 0;
}
.li-acrd li > div > b {
    position: relative;
    display: block;
    font-size: 1.1em;
    padding: .75em 2.5em .75em 0;
    cursor: pointer;
}
.li-acrd li > div > div {
    display: none;
    font-size: .94em;
    padding-bottom: .75em;
    padding-right: 2.5em;
}
.li-acrd li > div > b > i {
    position: absolute;
    right: .25em;
    top: 1em;
    width: 1em;
    height: 1em;
}

.li-acrd li > div > b > i::before {
    content:'';
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background: #111;
    transform: translateX(-.5px);
}
.li-acrd li > div > b > i::after {
    content:'';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #111;
    transform: translateY(-.5px);
}
.li-acrd li > div > b.actv > i {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.box-2-col {
	margin-left: -15px;
	margin-right: -15px;
}
.box-2-col > div {
	width: 50%;
	float: left;
}
.box-2-col > div > div {
	padding: 15px;
}
.box-2-col > div > div img {
	max-width: 100%;
}
.box-2-col.items-inline > div {
	width: auto;
	float: none;
	display: inline-block;
}

.box-half > div {
    width: 50%;
}
.box-75 {
    width: 75%;
} 
.box-66 {
    width: 66%;
}


.partner-in-cat-menu {
    float: none;
    clear: both;
    position: relative;
    z-index: 1;
    text-align: left;
    padding-bottom: 1.5em;
}
.partner-in-cat-menu .top-menu-partner, .scrollover-header .partner-in-cat-menu .top-menu-partner {
    z-index: 1;
}
.cat-menu-delaem .partner-in-cat-menu .top-menu-partner, .scrollover-header .cat-menu-delaem .partner-in-cat-menu .top-menu-partner {
    margin: 0 1em;
}
.partner-in-cat-menu .top-menu-partner ul li a {
    padding: 1em 1.25em 1em 5em;
    color: #fff;
    border: 0;
}
.scrollover-header .partner-in-cat-menu .top-menu-partner ul li a {
    padding: .5em 1.25em .5em 5em;
}
.partner-in-cat-menu .top-menu-partner ul li a::after {
    margin-top: .5em;
}

.top-menu-partner {
	border-bottom: solid 1px rgb(221,221,221);
	border-top: solid 1px rgb(221,221,221);
}
.main .top-menu-partner {
    padding: 1em 0;
}
.top-menu-partner ul li {
	float: left;
	vertical-align: middle;
	width: 33.33%;
	width: 25%;
}
.top-menu-partner ul li a {
	position: relative;
	display: block;
	padding: 1em 1.25em 1em 4.5em;
	font-size: 0.8em;
	line-height: 1.1em;
	height: 4.25em;
	color: rgb(51,51,51);
	text-decoration: none;
	font-weight: 500;
	border-left: solid 1px rgb(239, 237, 231);
	border-right: solid 1px rgb(239, 237, 231);
}

.top-menu-partner ul li+li a {
	border-left: 0px;
}

.top-menu-partner ul li a:hover {
	color: rgb(204,0,0);
}
.top-menu-partner ul li a:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 40px;
	margin-top: 1em;
	margin-left: 1em;
	background-image: url(../img/sprite.png);
	background-position: -25px -50px;
}
.top-menu-partner ul li+li a:after {
	background-position: -75px -50px;
}
.top-menu-partner ul li+li+li a:after {
	background-position: -125px -50px;
}
.top-menu-partner ul li+li+li+li a:after {
	background-position: -175px -50px;
}

.breadcrumbs {
	font-size: .8em;
	padding: 1em 0;
}
.breadcrumbs a {
	position: relative;
	display: inline-block;
	line-height: 2em;
	padding-right: 22px;
	text-decoration: none;
	color: rgb(102,102,102);
}
.breadcrumbs a:after {
	content: '';
	display: block;
	position: absolute;
	width: 5px;
	height: 8px;
	right: 6px;
	top: 50%;
	margin-top: -4px;
	background-image: url(../img/sprite.png);
	background-position: -19px -50px;
}
.breadcrumbs a:hover {
	color: rgb(204,0,0);
}
.breadcrumbs span {
	line-height: 2em;
	color: rgb(102,102,102);
}
.breadcrumbs .wid-padd {
	position: relative;
}
.breadcrumbs .wid-padd:before {
	/*content: '';*/
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	margin-top: -1em;
	width: 25%;
	height: 3em;
	background-color: rgb(239, 237, 231);
	background-image: url(../img/bg-grey-waves.png);
	background-repeat: repeat;
}
.main-h1 {
	font-size: 2.25em;
	font-weight: 400;
	max-width: 960px;
	
	font-size: 2.5em;
    font-weight: 700;
    margin-top: 0;
}
.main-h1 span {
	font-size:.5em;
	color: rgb(153,153,153);
	font-weight: 400;
	margin-left: .25em;
	vertical-align: top;
	vertical-align: super;
}
.main-h1 span.label {
	font-size: 1em;
	font-weight: 400;
	color: rgb(204,0,51);
}
.padd-ramka {
	padding: 15px;
}

.main-h1 span.download-portfolio {
    font-size:.55em;
}


#preloadSldOverlay {
	overflow: hidden;
	width:1px;
	height: 1px;
	position: fixed;
	left: -9999px;
	bottom: -9999px;
}

.main-sldr {
	position: relative;
	width: 100%;
	height: auto;
	background-color: rgb(32,32,32);
}
.main-sldr-box {
	position: relative;
	width: 100%;
	height: 500px;
	max-width: 2048px;
	margin-left: auto;
	margin-right: auto;
}
.main-sldr-text {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
}
.main-sldr-text-box {
	width: 100%;
	height: 100%;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}
.main-sldr-text-box-area {
	margin-left: 110px;
	padding-top: 60px;
}
.main-sldr-header {
	width: 55%;
	font-size: 2.75em;
	font-weight: 400;
	color: rgb(255,255,255);
	line-height: 1em;
	opacity: 0;
}
.main-sldr-header.actv {
	opacity: 1;
}
.main-sldr-changing-text {
	position: relative;
	width: 45%;
	color: rgb(255,255,255);
	font-size: 1.5em;
	font-weight: 300;
	margin-top: .5em;
}
.main-sldr-changing-text div {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	opacity:0;
	visibility: hidden;
	line-height: 1em;
	left: 30%;
	z-index: 0;
}
.main-sldr-changing-text div.actv {
	opacity: 1;
	visibility: visible;
	left: 0;
	z-index: 1;
}
.main-sldr-changing-text div.disactv {
	opacity: 0;
	visibility: hidden;
	left: -30%;
}
.main-sldr-changing-text div p {
	margin-bottom: 1em;
}
.main-sldr-changing-text div a {
	position: relative;
	left: 30%;
}
.main-sldr-changing-text div.actv a {
	left: 0;
}
.main-sldr-changing-text div.disactv a {
	left: 0%;
}

.main-sldr-changing-picts {
	position: relative;
	width: 100%;
	height: 100%;
	max-width: 2048px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.main-sldr-changing-picts:before, .main-sldr-changing-picts:after {
	content: '';
	display: block;
	height: 100%;
	width: 50%;
	position: absolute;
	top: 0;
	z-index: 1;
	background-repeat: no-repeat;
	opacity: .5;
}
.main-sldr-changing-picts:before {
	left: 0;
	background-image: url(../img/mainsldrleftcover.png);
	background-position: left bottom;
	z-index: 2;
}
.main-sldr-changing-picts:after {
	right: 0;
	background-image: url(../img/mainsldrrightcover.png);
	background-position: right top;
}

.main-sldr-changing-picts div {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	z-index: 0;
}
.main-sldr-changing-picts div.actv {
	opacity: 1;
	visibility: visible;
	z-index: 1;
}
.main-sldr-changing-picts div.disactv {
	opacity: 0;
	visibility: hidden;
}
.main-sldr-changing-picts div img {
	display: block;
	position: relative;
	left: 50%;
	margin-left: -1024px;
	height: 100%;
	width: auto;
}
.main-sldr-changing-picts div span {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 78%;
	height: 100%;
	background-image: url(../img/mainbnroverlay2.png);
	background-position: right top;
	opacity: .5;
}
.main-sldr-changing-picts div span+span {
	width: 73%;
	opacity: .5;
}
.main-sldr-changing-picts div span+span+span {
	width: 68%;
	opacity: .5;
}


.main-sldr-changing-picts div.actv span {
	width: 68%;
}
.main-sldr-changing-picts div.actv span+span {
	width: 58%;
}
.main-sldr-changing-picts div.actv span+span+span {
	width: 48%;
}

.main-sldr-changing-picts div.disactv span {
	width: 40%;
}
.main-sldr-changing-picts div.disactv span+span {
	width: 20%;
}
.main-sldr-changing-picts div.disactv span+span+span {
	width: 0%;
}


.top-sldr {
	position: relative;
	max-height: 500px;
}
.top-sldr .base {
	display: block;
	width: 100%;
	height: auto;
	max-height: 500px;
}
.top-sldr-items {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.top-sldr-items .sld-item {
	position: absolute;
	left: -1px;
	top: 1px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.top-sldr-items .sld-item a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.top-sldr-items .sld-item img.sld-pic {
	display: block;
	height: 100%;
	max-height: 500px;
	width: auto;
}
.sld-limit {
	position: absolute;
	left:0; top:0; 
	width: 100%;
	height: 100%;
}
.sld-limit-box {
	max-width: 1600px;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.sld-text {
	position: absolute;
	left:0;
	top:0;
	width:55%;
	color: rgb(51,51,51);
}
.sld-text-box {
	height: 100%;
	margin-left: 110px;
	color: rgb(255,255,255);
}
p.red-btn-md {
	cursor: pointer;
	display: inline-block;
	color: rgb(255,255,255) !important;
	text-decoration: none;
	margin-top: 1em;
}
.sld-text .zag {
	font-size:2.75em;
	font-weight: 400;
	line-height: 1em;
}
.sld-text .txt {
	font-size:1.5em;
	font-weight: 300;
	line-height: 1em;
	margin-top: .5em;
	width: 75%;
}

.partneram {
	padding-bottom: 1.5em;
}
.partneram .h-2 {
	font-weight: 300;
}
.partneram ul {
	padding: 15px;
}
.partneram li {
	width: 25%;
	float: left;
}
.partneram li a {
	text-decoration: none;
	text-align: center;
}
.partneram li a span {
	position: relative;
	display: block;
	width: 164px;
	height: 105px;
	margin: 0 auto;
}
.partneram li a i {
	display: block;
	font-style: normal;
	color: rgb(51,51,51);
	padding: 15px;
	font-weight: 400;
	font-size: 1.1em;
}
.partneram li a em {
	display: inline-block;
	font-style: normal;
	color: rgb(51,51,51);
	font-weight: 400;
}
.partneram li a:hover em {
	color: rgb(255,255,255);
	background-color: rgb(51,51,51);
}
.partneram li a b {
	display: block;
	/*display: none;*/
}
.partneram li a span:before {
	content:'';
	display: block;
	position: absolute;
	left:10px; top:9px;
	width: 149px;
	height: 91px;
	background-image: url(../img/sprite-partneram.png);
	background-position: -100px -100px;
}
.partneram li a span:after {
	content:'';
	display: block;
	position: absolute;
	left:32px;
	top:5px;
	width: 100px;
	height: 100px;
	background-image: url(../img/sprite-partneram.png);
	background-position: 0 0;
}
.partneram li+li a span:after {
	background-position: 0 -100px;
}
.partneram li+li+li a span:after {
	background-position: -100px 0;
}
.partneram li+li+li+li a span:after {
	background-position: -200px 0;
}
.partneram li a:hover span:before {
	left:0; top:0;
}
.partneram li a:hover span:after {
	/*left:42px;*/
	top:0px;
}

.facts {
	background-color: rgb(228,224,205);
	background-color: rgb(232,230,219);
	background-color: rgb(233, 230, 214);
	background-color: rgb(236, 233, 221);
	background-color: rgb(240, 238, 230);
	padding-top: 2em;
	padding-bottom: 5em;
}
.main-content-box .facts {
    background-color: transparent;
    padding-bottom: 3em;
}
.main-content-box .facts .box3 .dig span {
    font-size: 3.25em;
}
.main-content-box .facts .box3 li {
    padding-top: 50px;
}
.main-content-box .facts .box3 li::before {
    z-index: -1;
}
.main-content-box .facts .box3 li p+p {
    margin-top: 0;
    margin-top: -1em;
}
.main-content-box .facts .box1 p:not(.point-stroka) {
    line-height: 1.33em;
}
.facts h2 {
	padding: 1.25em 0 1.5em;
}
.facts .box1, .facts .box2 {
	width: 50%; float: left;
}

.facts .box1 p, .facts .box1 h1 {
	margin-right: 20px;
}
.facts .box1 h1 {
	margin-top: 5px;
	margin-bottom: 10px;
}
.facts .box2 p {
	margin-left: 20px;
	margin-bottom: 15px;
	font-size: 1.2em;
}
.facts .box3 {
	width: 100%;
	clear: both;
	float: none;
	margin-top: 1.5em;
}
.facts .box3 li {
	width: 33.33%;
	float: left;
	position:relative;
	padding-top: 74px;
}
.facts .box3 li:before {
	content:'';
	display: block;
	position: absolute;
	width: 157px;
	height: 86px;
	top: 0;
	right: 20%;
	background-image: url(../img/sprite-facts.png);
	background-position: 0 0;
}
.facts .box3 li+li:before {
	width: 129px;
	right: 20%;
	background-position: -157px 0;
}
.facts .box3 li+li+li:before {
	width: 120px;
	right: 20%;
	background-position: -286px 0;
}
.facts .box3 .dig {
	font-size:2em;
}
.facts .box3 .dig span {
	font-size:4em;
}
.facts .box3 .txt {
	font-size: 1.25em;
	margin-left: 1.5em;
}

.zag {
	font-size: 1.75em;
	font-weight: 700;
}
.predzag {
	font-size: 1.35em;
	font-weight: 700;
}
.point-stroka {
	font-size: 1.25em;
}
.point-stroka span {
	position: relative;
	display: inline-block;
}
.point-stroka span+span {
	padding-left: 51px;
}
.point-stroka span+span:before {
	content:'';
	position: absolute;
	display: block;
	width:11px;
	height:10px;
	left: 20px;
	top: 50%;
	margin-top: -5px;
	background-image: url(../img/sprite.png);
	background-position: 0 -50px;
}




.cat-vitrina {
	padding-top: .5em;
	padding-bottom: .5em;
	padding-left: 15px;
	padding-right: 15px;
}
.cat-vitrina h2 {
	padding-bottom: 30px;
	font-weight: 400;
}
.vitr-1, .vitr-2, .vitr-3 {
	float: left;
}
.vitr-1 {
	width: 38%;
}
.vitr-2 {
	width: 62%;
}
.vitr-3 {
	width: 90%;
}
.vitr {
	float: left;
	background-repeat: repeat;
}

.cat-vitrina-box a {
	background-color: rgb(209,209,199);
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: rgb(0,0,0);
	color: rgb(255,255,255);
}
.cat-vitrina-box a span {
	display: block;
	font-size: 1.75em;
	padding: .8em 1em;
}
.cat-vitrina-box a i {
	display: block;
	font-style: normal;
	font-size: .7em;
}
.vitr-mramor {
	height: 300px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.vitr-granit {
	width:46%;
}
.vitr-granit .vitr-marg {
	margin-right: 20px;
	margin-bottom: 20px;
	height:320px;
}
.vitr-onyx {
	width:42%;
}
.vitr-onyx .vitr-marg {
	margin-bottom: 20px;
	height: 150px;
}
.vitr-travertin {
	width:54%;
}
.vitr-travertin .vitr-marg {
	height: 130px;
}
.vitr-izvestnyak {
	width:35%;
}
.vitr-izvestnyak .vitr-marg {
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 60px;
	height: 220px;
}
.vitr-skiros {
	width: 32%;
}
.vitr-skiros .vitr-marg {
	height: 140px;
	margin-bottom: 20px;
	margin-right: 20px;
}
.vitr-kvarcit {
	width: 27%;
}
.vitr-kvarcit .vitr-marg {
	height: 140px;
	margin-bottom: 20px;
}
.vitr-slanec {
	width: 22%;
}
.vitr-slanec .vitr-marg {
	height: 160px;
	margin-right: 20px;
}
.vitr-peschannik {
	width: 27%;
}
.vitr-peschannik .vitr-marg {
	height: 120px;
}


.vitr-mramor a {
	background-image: url(../img/vitr-mramor.jpg);
}
.vitr-granit a {
	background-image: url(../img/vitr-granit.jpg);
}
.vitr-onyx a {
	background-image: url(../img/vitr-onyx.jpg);
	margin-top: 20px;
}
.vitr-travertin a {
	background-image: url(../img/vitr-travertin.jpg);
}
.vitr-izvestnyak a {
	background-image: url(../img/vitr-izvestnyak.jpg);
}
.vitr-skiros a {
	background-image: url(../img/vitr-skiros.jpg);
}
.vitr-kvarcit a {
	background-image: url(../img/vitr-quarzite.jpg);
}
.vitr-slanec a {
	background-image: url(../img/vitr-slanec.jpg);
}
.vitr-peschannik a {
	background-image: url(../img/vitr-peschannik.jpg);
}

.main-content-box .cat-vitrina, .main-content-box .cat-vitrina .padd-ramka {
    padding: 0;
    overflow: visible;
}

.delaem-karusel {
    padding: 2em 0 2em 0;
    background-color: white;
}
.delaem-karusel .wid-padd {
	padding-right: 110px;
	padding-left: 110px;
}
.main-content-box .delaem-karusel .wid-padd {
    margin-left: -60px;
    margin-right: -40px;
}
.delaem-karusel-box, .karusel-box {
	position: relative;
	margin-left: -15px;
	margin-right: -15px;
	height:0;
	overflow:hidden;
	opacity:0;
}
.delaem-karusel-box.owl-loaded, .karusel-box.owl-loaded {
	height:auto;
	overflow:visible;
	opacity:1;
}
.delaem-karusel-box .owl-stage-outer, .karusel-box .owl-stage-outer {
	overflow: hidden;
}
.delaem-karusel-box div, .karusel-box div {
	position: relative;
	float: left;
	width: 100%;
}
.delaem-karusel-box div a, .karusel-box div a {
	display:block;
	width: 100%;
	height: auto;
	padding: 15px;
	text-align: center;
	text-decoration: none;
	color: rgb(51,51,51);
	font-size: 1.1em;
}
.delaem-karusel-box div a > span, .karusel-box div a > span {
	position: relative;
	display: block;
	padding-top: 100%;
}
.picph-vert .karusel-box div a > span:first-child {
    padding-top:140%;
}

.picph-text-left .karusel-box div a > span {
    text-align: left;
    font-size: .84em;
}
.delaem-karusel-box div a > span > img, .karusel-box div a > span > img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 400px;
	position: absolute;
    top: 0;
    left: 0;
}
.delaem-karusel-box div a > span > i, .karusel-box div a > span > i {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.delaem-karusel-box div a > span > i img, .karusel-box div a > span > i img {
	display: block;
	width: 100%;
	height: auto;
}
.delaem-karusel-box div a > span+span, .karusel-box div a > span+span {
	padding: 1em 0;
}
.delaem-karusel-box div a > span+span em, .karusel-box div a > span+span em {
	display: block;
	font-size: .8em;
	color: rgb(102,102,102);
}
.delaem-karusel-box .owl-nav, .karusel-box .owl-nav {
	position: absolute;
	top: 50%;
	margin-top: -32px;
	left: 0;
	width: 100%;
}
.delaem-karusel-box .owl-nav .owl-prev, .delaem-karusel-box .owl-nav .owl-next, .karusel-box .owl-nav .owl-prev, .karusel-box .owl-nav .owl-next {
	position: absolute;
	width: 80px;
	height: 80px;
	top:-40px;
	left: -85px;
	cursor: pointer;
	font-size: 0;
	background-color: #ffffffd1;
    border-radius: 50%;
}
.delaem-karusel-box .owl-nav .owl-next, .karusel-box .owl-nav .owl-next {
	left: auto;
	right: -85px;
}
.delaem-karusel-box .owl-nav .owl-prev:hover, .delaem-karusel-box .owl-nav .owl-next:hover, .karusel-box .owl-nav .owl-prev:hover, .karusel-box .owl-nav .owl-next:hover {
	background-color: rgb(204,204,204);
	background-color: #ddcdab;
}

.delaem-karusel-box .owl-nav .owl-prev:after, .delaem-karusel-box .owl-nav .owl-next:after, .karusel-box .owl-nav .owl-prev:after, .karusel-box .owl-nav .owl-next:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 25px;
	height: 48px;
	margin-top: -24px;
	margin-left: -12.5px;
	background-image: url(../img/sprite.png);
	background-position: -250px 0;
}
.delaem-karusel-box .owl-nav .owl-next:after, .karusel-box .owl-nav .owl-next:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 25px;
	height: 48px;
	margin-top: -24px;
	margin-left: -12.5px;
	background-image: url(../img/sprite.png);
	background-position: -275px 0;
}

.news-spec-bar {
	position: relative;
	left: 0; 
	right: 0;
	bottom: 0;
	z-index: 10;
}
.news-spec-bar.ontop {
	position: fixed;
}
.news-spec-bar.off {
	bottom: -100%;
}
.news-spec-bar .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(21,21,21);
	opacity: .92;
}
.news-spec-bar-box p  {
	color: rgb(234,234,234);
	font-size: .9em;
}
.news-spec-bar-box a  {
	color: rgb(204,204,204);
}
.nsbb-spec {
	width: 33.33%;
	float: left;
}
.nsbb-news {
	width: 66.67%;
	float: left;
}
.nsbb-first-news-pic {
	width: 25%;
	float: left;
}
.nsbb-first-news-pic img {
	width: 100%;
	display: block;
}
.nsbb-news-items-box {
	width: 75%;
	float: left;
}
.nsbb-zag {
	font-size: 1.1em;
	font-weight: 500;
	color: rgb(154,154,154) !important;
	padding-top: 1em;
	padding-bottom: .5em;
}
.nsbb-news-item {
	width: 50%;
	float: left;
}
.nsbb-news-item p {
	padding-bottom: 1em;
}

.nsbb-news-item span {
	display: block;
	padding-bottom: 1em;
	display: none;
}
.nsbb-news-item a {
	text-decoration: none;
}
.nsbb-news-item span a {
	display: inline-block;
	font-size: .8em;
	padding: .5em 0;
	color: rgb(154,154,154);
}
.nsbb-news-item a:hover, .nsbb-news-item span a:hover {
	color: rgb(244,244,244);
}
.nsbb-news-item-padd {
	padding-left: 30px;
}
.nbsp-spec-padd {
	padding-right: 30px;
}
.nsbb-news-item i {
	display: block;
	font-size: .8em;
	font-style: normal;
	padding-bottom: .25em;
}
.portfolio-karusel-header {
	padding-top: 1.5em;
	padding-bottom: 1em;
}
.portfolio-karusel-header a {
	color: rgb(51,51,51);
}
.link-to-portfolio-box {
	text-align: center;
	padding: 1em;
}
.link-to-portfolio-box p {
	padding-bottom: 1em;
}
.link-to-portfolio-box a {
	font-size: 1.25em;
}
.portfolio-karusel {
	position: relative;
}
.portfolio-karusel-hor-padd {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.portfolio-karusel-showbox {
	position: relative;
	overflow: hidden;
	padding-left: 5px;
	padding-right: 5px;
}
.portfolio-karusel-item {
	position: relative;
	overflow: hidden;
	float: left;
	background-color: rgb(255,255,255);
	min-width:100px;
	min-height:100px;
	max-width:600px;
	width: 25%;
}
.portfolio-karusel-item img {
	display: block;
	width: 100%;
	padding: 10px;
}
.portfolio-karusel-item a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	right: 0;
	bottom: 0;
	opacity: 0;
}
.portfolio-karusel-item a:hover {
	opacity: 1;
}
.portfolio-karusel-item a > span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.portfolio-karusel-item a:hover > span {
	top: 0;
}
.portfolio-karusel-item a > span > b {
	display: block;
	position: absolute;
	left: 2em;
	right: 2em;
	top: 2em;
	bottom: 2em;
	background-color: rgb(21,21,21);
	opacity: .8;
}
.portfolio-karusel-item a:hover > span > b {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.portfolio-karusel-item a > span > span {
	position: relative;
	display: block;
	padding: 30px;
	color: rgb(255,255,255);
}
.portfolio-karusel-item a > span > span > em {
	display: block;
	margin-top: 1em;
}
.portfolio-karusel-item a > span > span > em > i {
	display: block;
	padding: .25em .75em;
	border: solid 1px rgb(204,204,204);
	float: left;
}
.portfolio-karusel-item a > span > span > em > i:hover {
	background-color: rgb(255,255,255);
	color: rgb(51,51,51);
}



.catalog-group-box {
	/*margin: 1.25em 0;*/
}
/*.catalog-group-filter {
	width: 25%;
	float: right;
}*/
.catalog-group-goods {
	/*width: 75%;
	float: left;*/
	width:100%;
}
.catalog-group-filter-block .catalog-group-goods {
    width: 100%;
    float: none;
}

.catalog-group-filter-box {
	margin-left: 1.5em;
}
.catalog-group-filter-box form {
	/*border-top: solid 6px rgb(224, 221, 214);*/
	border-top: solid 2px rgb(221, 205, 171);
}



.catalog-group-filter { width: 32%; position: fixed; right: 10%; z-index: 1000000; }
.catalog-group-filter {
    width: 85%; position: fixed; right: -85%; top: 0px; bottom: 0;
    z-index: 1000000;
    background-color: #f5f5f5;
    max-width: 300px;
	overflow: scroll;
}
.catalog-group-box.filtr .catalog-group-filter { right: 0%; padding-top: 1em; }
.catalog-group-filter-box { margin-right: 1.5em; }
.catalog-group-goods-sort i { display: block; clear: both; }
.catalog-group-goods-sort ul {
    padding: 0 10px;
	width: 200px;
    float: left;
    position: absolute;
    z-index: 1000000;
    background-color: rgb(221,221,221);
	visibility: hidden;
	opacity: 0;
	top: 200%;
}



.catalog-group-goods-box {
	margin: 8px -8px;
}
.cgg-card {
	width: 25%;
	position: relative;
	display: inline-block;
	float: none;
	vertical-align: top;
	margin-right: -.25em;
	padding: .5em;
}
.catalog-group-filter-block .cgg-card {
	width: 33.33%;
	margin-right: -.375em;
	padding: .75em;
}
.cgg-card-wrap {
	position: relative;
	margin: 0px;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	overflow: hidden;
	-webkit-box-shadow: 0 0 1em 0 #0000002e;
	-moz-box-shadow: 0 0 1em 0 #0000002e;
	box-shadow: 0 0 1em 0 #0000002e;
	height: 100%;
}
.cgg-card-pict {
	position: relative;
	padding: 8px 8px 0 8px;
	
	padding: 0;
}

.cgg-card-pict > span.tags {
	position: absolute;
	left: 0px;
	top: 1.25em;
	display: block;
	height: auto;
}
.cgg-card-pict span.discount, .cgg-card-pict span.new, .cgg-card-pict span.exclusive {
	display: block;
	height: 30px;
	padding: 0 20px 0 10px;
	background-image: url(../img/sprite.png);
	line-height: 30px;
	color: rgb(255,255,255);
	font-weight: 400;
}
.cgg-card-pict span.discount {
	background-position: right -150px;
}
.cgg-card-pict span.new {
	background-position: right -200px;
}
.cgg-card-pict span.exclusive {
	background-position: right -250px;
}
.cgg-card-pict .pict {
	position: relative;
	overflow: hidden;
	background-color: rgb(239, 237, 231);
	background-color: #f8f7f4;
}
.cgg-card-pict img {
	display: block;
	width: 100%;
	background-color: #f8f7f4;
}
.cgg-card-pict img+img {
	position: absolute;
	left: 0;
	top: 0;
}
.cgg-card-text {
	background-color: rgba(244,244,244,.8);
	background-color: rgb(255, 255, 255);
	padding: 6px 0;
}
.catalog-group-filter-block .cgg-card-text {
	padding: .75em;
}
.cgg-card-text span {
	display: block;
	margin: 2px 10px;
	font-weight: 500;
	font-size: .9em;
}
.cgg-card-text span+span {
	font-weight: 300;
	font-size: .85em;
}
.cgg-card a, .cgg-card a img, .cgg-card a p, .cgg-card a span {
	display: block;
	cursor: pointer;
	text-decoration: none;
	margin-top: 0;
	margin-bottom: 0;
}
.cgg-card a {
	position: relative;
	padding-bottom: .5em;
	background-color: white;
	box-shadow: 0 0 0 rgba(51,51,51,0);
	border-radius: .25em;
	height: 100%;
}
.cgg-card a span i {
	font-style: normal;
	font-size:1.2em;
	font-weight: 500;
	color: rgb(200,173,119);
	margin-right: .5em;
}
.cgg-card a span s {
	text-decoration: none;
	position: relative;
	font-size: .95em;
}
.cgg-card a span s:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 2px;
	opacity: .5;
	background-color: rgb(204,0,0);
	transform: rotate(-5deg);
}
.cgg-card a:hover {
	color: rgb(51,51,51);
	box-shadow: 0 0 1.75em rgba(51,51,51,.35);
	z-index: 1;
}

div.cgf-block {
	border-bottom: solid 2px rgb(224, 221, 214);
	border-bottom: solid 2px rgb(221, 205, 171);
	border-bottom: solid 1px rgb(221, 220, 217);
}
.cgf-block input {
	display: none;
}
.cgf-block-checkbtn label {
	display: block;
	float: left;
	border: solid 1px rgb(206,183,134);
	margin-bottom: 6px;
	margin-right: 6px;
	font-size: .9em;
	cursor: pointer;
}
.cgf-block-checkbtn input:checked+label {
	background-color: rgb(206,183,134);
	color: rgb(255,255,255);
	border: solid 1px rgb(206,183,134);
}
.cgf-block-checkcolor label {
	position: relative;
	display: block;
	float: left;
	border: solid 1px rgb(206,183,134);
	border: solid 1px rgb(215, 215, 215);
	margin-bottom: 6px;
	margin-right: 6px;
	font-size: .9em;
	cursor: pointer;
	width: 2em;
	height: 2em;
}
.cgf-block-checkcolor label.multycolor {
	background-image: url(../img/multycolor.gif);
	background-position: center center;
}
.cgf-block-checkcolor input:checked+label {
	background-color: rgb(206,183,134);
	color: rgb(255,255,255);
	border: solid 1px rgb(206,183,134);
}
.cgf-block-checkcolor input:checked+label:after {
	content: '';
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	width: 20px;
	height: 16px;
	margin-left: -9px;
	margin-top: -7px;
	background-image: url(../img/sprite.png);
	background-position: -75px -150px;
}
.cgf-block-inputprice p {
	position: relative;
	width: 50%;
	float: left;
	padding: 0 .25em 0 0;
}
.cgf-block-inputprice p+p {
	padding: 0;
}
.cgf-block-inputprice input {
	position: relative;
	display: block;
	float: left;
	border: solid 1px rgb(206,183,134);
	margin: 0;
	font-size: .9em;
	width: 100%;
	height: 2em;
	padding-left: 2em;
}
.cgf-block-inputprice label {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	line-height: 1.95em;
    margin-left: .5em;
    font-size: .9em;
}

.cgf-block-title {
	font-weight: 500;
	font-size: .9em;
	padding: 0 .5em;
}
.cgf-block-title span {
	display: block;
	position: relative;
	width: 100%;
	padding: .75em 0;
	cursor: pointer;
}
.cgf-block-title span:before, .cgf-block-title span:after {
	content: '';
	position: absolute;
	display: block;
	width: 16px;
	height: 4px;
	right: 0;
	top: 50%;
	margin-top: -2px;
	background-color: rgb(204,0,0);
}
.cgf-block-title span:after {
	width: 4px;
	height: 16px;
	margin-top: -8px;
	margin-right: 6px;
}
.cgf-block.actv .cgf-block-title span:after {
	height: 4px;
	margin-top: -2px;
}
.cgf-block-list {
	margin: 0 0 .5em 0;
	padding: 0 .5em;
	display: none;
}
.cgf-block.actv .cgf-block-list {
	display: block;
}
.cgf-block-go-btn {
	cursor: pointer;
	margin: 0;
	padding: 0;
}
.cgf-block-go-btn button {
	background-color: rgb(51,51,51);
	color: rgb(221, 205, 171);
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 1em;
	font-size: 1em;
	cursor: pointer;
	margin-top: .6em;
}
.cgf-block-go-btn button:hover {
	background-color: rgb(41,41,41);
	color: rgb(255,255,255);
}
.cgf-block.cgf-block-go-btn {
	background-color: transparent;
}
.cgf-block-remove-filter button {
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 1em;
	font-size: .8em;
	cursor: pointer;
	margin-top: .6em;
	background-color: transparent;
	color: rgb(153,153,153);
}
.cgf-block-remove-filter button:hover {
	background-color: rgb(242,242,242);
	color: rgb(102,102,102);
}
.cgf-block-remove-filter button span:before {
	content:'';
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url(../img/sprite.png);
	background-position: 0 -75px;
	vertical-align: middle;
	margin-right: .25em;
	margin-top: -2px;
}

.catalog-group-goods-sort {
	/*border-top: solid 1px rgb(204,204,204);
	border-bottom: solid 1px rgb(204,204,204);
	border-top: solid 4px rgb(221, 205, 171);
	border-bottom: solid 1px rgb(224,221,209);*/
	position: relative;
	margin-bottom: .7em;
}
.no-sort-bar .catalog-group-goods-sort {
    display: none;
}
.no-paginator .base-paginator {
    display: none;
}
.catalog-group-goods-sort p {
    /*float: left;*/
    font-size: .9em;
    margin: 0 !important;
}
.catalog-group-goods-sort p span {
    padding: .75em;
    font-weight: 500;
	display: block;
	font-size: 1.2em;
	display: none;
}
.catalog-group-goods-sort p span + span {
	cursor: pointer;
}
.catalog-group-goods-sort p b {
	position: relative;
	display: block;
	padding: .75em;
	padding-left: 21px;
    font-weight: 500;
	cursor: pointer;
	float: left;
	margin-left: 10px;
	font-size: 1.2em;
}
.catalog-group-goods-sort p b:before { 
	content: ''; 
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0; 
	top: 50%;
	margin-top: -10px;
	background-image: url(../img/sprite-mob-menu.png);
	background-size: 120px 120px;
	background-position: -80px -40px;
}

.catalog-group-filter-block .catalog-group-goods-sort p b {
    display: none;
}

.catalog-group-goods-sort i {
	display: none;
}
.catalog-group-goods-sort ul {
	padding: 0 10px;
	/*display: none;*/
	
	width: 200px;
    float: left;
    position: absolute;
    z-index: 1000000;
    background-color: rgb(221,221,221);
	visibility: hidden;
    opacity: 0;
    top: 200%;
    padding: 10px;
}
.catalog-group-goods-sort.actv ul {
	visibility: visible;
    opacity: 1;
    top: 0;
}
.catalog-group-goods-sort li {
	/*float: left;*/
}
.catalog-group-goods-sort li span, .catalog-group-goods-sort li a {
	display: block;
	padding: .75em .75em .75em 0;
	font-size: .9em;
}
.catalog-group-goods-sort li+li span, .catalog-group-goods-sort li a {
	padding: .5em .75em;
}
.catalog-group-goods-sort li a {
}
.catalog-group-goods-sort li.actv a {
	/*background-color: rgb(221, 205, 171);*/
	background-color: rgb(102, 102, 102);
    color: white;
    border-radius: .25em;
    text-decoration: none;
}
.catalog-group-goods-sort li a.price-up, .catalog-group-goods-sort li a.price-down {
	padding-right: 20px;
	position: relative;
}
.catalog-group-goods-sort li a.price-down {
}
.catalog-group-goods-sort li a.price-up:after, .catalog-group-goods-sort li a.price-down:after {
	content: '';
	display: block;
	position: absolute;
	width: 7px;
	height: 8px;
	top: 50%;
	right: 8px;
	margin-top: -3px;
	background-image: url(../img/sprite.png);
	background-position: -100px -160px;
}
.catalog-group-goods-sort li a.price-down:after {
	background-position: -109px -160px;
}


.catalog-group-goods-sort li.actv a.price-up::after, .catalog-group-goods-sort li.actv a.price-down::after {
    color: #fff;
    background-position: -100px -150px;
}
.catalog-group-goods-sort li.actv a.price-down::after {
    color: #fff;
    background-position: -109px -150px;
}


.catalog-group-goods-sort li a em {
	display: none;
}
.catalog-group-goods-sort p span+span {
	/*display: none;*/
	padding-left: 24px;
	display: block;
	float: left;
}
.catalog-group-goods-sort p span+span:before { 
	content: ''; 
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0; 
	top: 50%;
	margin-top: -10px;
	background-image: url(../img/sprite-mob-menu.png);
	background-size: 120px 120px;
	background-position: -100px -40px;
}

.cat-btn-more {
	margin: 2em 0;
	text-align: center;
}
.cat-btn-more p {
	color: rgb(153,153,153);
	font-size:.9em;
}
.cat-btn-more a {
	display: block;
	display: inline-block;
	padding: 1em 2em;
    font-size: 1em;
    font-weight: 400;
    text-decoration: none;
    color: rgb(255,255,255);
    background-color: rgb(5, 0, 0);
}
.cat-btn-more a:hover {
	background-color: rgb(255,0,0);
}

.cat-group-pagetext {
	/*border-top: solid 4px rgb(221, 205, 171);*/
	padding: 2em 0;
	font-size: .9em;
}
.cat-group-pagetext p {
	margin: 1em 0;
}
.cat-group-pagetext h2 {
}
.cat-group-pagetext ul.li-point {
	margin-left: 1em;
	margin-bottom: 1.5em;
}
.cat-group-pagetext .li-point li {
	position: relative;
	margin: .5em 0;
	padding-left: 30px;
	line-height: 1.2em;
}
.cat-group-pagetext .li-point li:before {
	content:'';
	position: absolute;
	display: block;
	width: .65em;
	height: .6em;
	background-color: rgb(221, 205, 171);
	left: 0;
	top: 0;
	margin-top: .3em;
}

.news-box-over-sld {
	position: absolute;
	right: -26%;
	bottom: 0;
	width: 25%;
	z-index: 1000;
	margin-bottom: -15px;
	margin-right: 15px;
}
.news-box-over-sld.actv {
	right: 0;
}
.news-box-bg {
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	opacity: .85;
	background-color: rgb(204,204,204);
	background-color: rgb(236,234,225);
}
.news-box-over-sld .wrap {
	padding:15px 15px 25px;
}
.news-box-over-sld .hdr {
	font-size: 1em;
	color: rgb(51,51,51);
	font-weight: 500;
	float: right;
	margin-top: -10px;
	position: relative;
	z-index: 1;
}
.news-box-over-sld .hdr:hover {
	text-decoration: none;
}
.news-box-over-sld .hdr:after {
	content:'';
	display: inline-block;
	width: 16px;
	height: 8px;
	background-image: url(../img/sprite.png);
	background-position: 0 -64px;
	vertical-align: middle;
	margin-left: 6px;
}
.news-box-over-sld .newsletter {
	position: relative;
	min-height: 80px;
	display: block;
	text-decoration: none;
	color: rgb(51,51,51);
	margin-top: .5em;
}
.news-box-over-sld .newsletter .pict {
	display: block;
	width: 80px;
	height: 80px;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}
.news-box-over-sld .newsletter .pict img {
	display: block;
	width: 100%;
}
.news-box-over-sld .newsletter .text {
	display: block;
	margin-left: 90px;
	font-size: .9em;
	padding-top: 4px;
}
.news-box-over-sld .newsletter .text i {
	display: block;
	font-style: normal;
	font-size: .85em;
	font-weight: 500;
}
.news-box-over-sld .newsletter .text span {
	display: block;
	margin-top: 4px;
	color: rgb(51,51,51);
}
.news-box-over-sld .newsletter:hover .text span {
	text-decoration: underline;
}


.main-content-box p {
	margin: 1em 0;
}
.main-content-box p > img {
    max-width: 100%;
}
.main-content-box blockquote {
	color: rgb(197,169,112);
	font-weight: 400;
	font-size: 1.4em;
	font-style: italic;
	font-family: garamount;
	font-family: georgia;
	border-left: solid 1px rgb(221,205,171);
	padding: 0 0 0 4em;
	margin: 1em 15% 1em 8%;
}
.main-content-box blockquote p {
	margin: 0;
	padding: 1em 0;
}
.main-content-box .ask-or-order-form {
    padding: 2em 5em 2em;
    margin: 3em 0;
    border-radius: 1em;
    box-shadow: 0 .5em 2em #0000003d;
}

.main-content-tabs {
	/*border-bottom: solid 4px rgb(221,205,171);*/
	padding-bottom: .5em;
}
/*.main-content-tabs ul {
	padding: 1em 0;
}*/
.main-content-tabs ul {
  padding: 0 0 1em 0;
}
.main-content-tabs li {
}
/*.main-content-tabs li a {
	display: block;
	float: left;
	padding: .5em 1em;
	margin-right: .6em;
	margin-bottom: .5em;
	border: solid 3px rgb(221,205,171);
	border: solid 2px rgb(221,205,171);
	text-decoration: none;
	font-weight: 400;
}*/
.main-content-tabs li a {
  display: block;
  float: left;
  padding: .5em 1em;
  margin-right: .6em;
  margin-bottom: .5em;
  text-decoration: none;
  font-size: .9em;
  font-weight: 400;
  border-radius: 3px;
  box-shadow: 0 0 10px #d9d9d9;
}
.main-content-tabs li a:hover {
	background-color: rgb(221,205,171);
	color: rgb(0,0,0);
}
.main-content-tabs li.actv a {
	background-color: rgb(221,205,171);
	color: rgb(0,0,0);
}

.informatoriy {
	padding: 1em 0;
	/* border-bottom: solid 4px rgb(221,205,171); */
}
.notice {
	position: relative;
	padding: 2em 0;
	border-bottom: solid 1px rgb(221,205,171);
}
.notice h2 {
	font-size: 1.75em;
	font-weight: 400;
	margin-bottom: .5em;
	margin-left: 20px;
}
.notice p {
	margin: .5em 0;
	margin-left: 20px;
	width: 75%;
}
.notice:before, .notice:after {
	content: '';
	display: block;
	position: absolute;
	width: 65%;
	height: 100%;
	top: 0;
	z-index: -1;
	background-color: rgb(239, 237, 231);
	margin-top: -1.1em;
	right: 40%;
	background-image: url(../img/bg-grey-waves.png);
	background-repeat: repeat;
}
.notice:after {
	width: 12%;
	height: 5.5em;
	top: auto;
	bottom: 0;
	margin-top: 0;
	right: 5%;
	margin-bottom: -3em;
}
.alfavit-links {
	margin: 1em 0;
}
.alfavit-links a.actv {
	background-color: rgb(221,205,171);
}
.alfavit-links a {
	font-weight: 400;
	display: inline-block;
	margin: .25em .1em;
	padding: .5em;
	text-transform: uppercase;
}
.alfavit-links a:hover {
	background-color: rgb(234,234,234);
}
.informatoriy ul {
}
.informatoriy li {
	width: 100%;
	clear: both;
	float: none;
	border-bottom: solid 1px rgb(244,244,244);
}
.informatoriy li a {
	display: block;
	width: 100%;
	float: none;
	clear: both;
	padding: 1em;
	color: rgb(51,51,51);
}
.informatoriy li a:hover {
	background-color: rgb(245,244,241);
}
.informatoriy li span {
	display: block;
}
.informatoriy li span.prizrak-btn-sm {
	display: inline-block;
}

.informatoriy li span span {
	margin: .5em 0;
}
.informatoriy span.pict {
	position: relative;
	width: 15%;
	margin: 0 5% 0 0;
	padding-top: .1px;
	float: left;
}
.informatoriy.promo span.pict {
	position: relative;
	width: 25%;
	margin: 0 2.5%;
	float: left;
}
.informatoriy.promo span.label {
	display: inline;
	font-size: 1.25em;
	text-transform: uppercase;
	color: rgb(204,0,51);
	font-weight: 500;
}
.informatoriy.promo span.note {
	font-size: 1.1em;
}
.informatoriy.promo span.btn span {
	font-size: 1.1em;
	padding: .5em 1em;
	border: solid 2px rgb(221, 205, 171);
	background-color: transparent;
	display: inline-block;
}
.informatoriy.promo span.btn {
	clear: both;
	float: none;
}
.informatoriy.promo a:hover span.btn span {
	background-color: rgb(221, 205, 171);
}
.informatoriy.promo span.valid {
	clear: both;
	float: none;
}
.informatoriy.promo span.valid span {
	background-color: rgb(204,0,51);
	color: rgb(255,255,255);
	font-weight: 400;
	float: left;
	padding: .25em .5em;
}
.promo-content span.valid span {
	background-color: rgb(204,0,51);
	color: rgb(255,255,255);
	font-weight: 400;
	float: left;
	padding: .25em .5em;
}
.informatoriy.promo {
	padding-bottom: 3em;
}
.informatoriy span.infobox {
	width: 70%;
	float: right;
	float: left;
}
.informatoriy span.pict img {
	display: block;
	width: 100%;
	position: relative;
}

.informatoriy span.data {
	font-size: .8em;
	color: rgb(153,153,153);
}
.informatoriy span.title {
	font-weight: 500;
	font-size: 1.25em;
}
.informatoriy.promo span.title {
	font-weight: 400;
	font-size: 1.25em;
	text-transform: uppercase;
}
.informatoriy.promo span.title {
	display: inline;
}
.informatoriy a:hover span.title {
	text-decoration: underline;
}



/*++++++++++++++++++++++*/
.page-top-screen {
    margin: 1em 0 3em;
}
.page-top-screen .box {
    width: 50%;
    padding-left: 0;
}
.page-top-screen .box + .box {
    padding-left: 1em;
}
.page-top-screen .txt {
    padding:0 3em 0 0;
}
.page-top-screen .pic {
    padding:70% 0 0 0;
    overflow: hidden;
    /*border-radius: 2em;*/
    margin-top: 1em;
}
.page-top-screen .pic img {
    display:block;
    width: 100%;
    left:0;
    top:0;
}
.page-top-screen .txt > div {
    text-align: left !important;
}
.page-top-screen .txt .red-btn-lg {
  font-size: 1.1em;
  padding: .8em 1.65em;
}


/*++++++++++++++++++++++*/


.feedback-about {
	margin: 2em 0;
}
.feedback-about ul {
}
.feedback-about li {
	border-bottom: solid 1px rgb(244,244,244);
	padding: 1.25em 0 4em;
}
.feedback-about .pict {
	position: relative;
	width: 25%;
	float: left;
}
.feedback-about .pict a {
	position: relative;
	display: block;
}
.feedback-about .pict img {
	width: 100%;
	display: block;
	max-width: 250px;
	box-shadow: 0px 8px 8px rgba(0,0,0,.3);
}
.feedback-about .pict a:hover img {
	box-shadow: 0px 8px 24px rgba(0,0,0,.3);
}
.feedback-about .pict a::before {
    content: '';
    display: block;
    position: absolute;
    width: 160%;
    height: 70%;
    top: -2em;
    margin-left: 0;
    margin-top: 0;
    right: -40%;
    background-color: rgb(239, 237, 231);
    background-image: url(../img/bg-grey-waves.png);
    background-repeat: repeat;
    z-index: -1;
}
.feedback-about .infobox {
	position: relative;
	width: 70%;
	float: right;
}
.feedback-about .infobox:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: -5px;
	width: 4em;
	height: 5px;
	background-color: rgb(221, 205, 171);
}
.feedback-about .text {
}
.feedback-about .text p {
	margin-right: 6em;
}
.feedback-about .data {
	text-align: right;
	font-size: .75em;
	margin-top: 1em;
}
.feedback-about .name{
	text-align: right;
	font-weight: 400;
	margin: .5em 0;
}


.basic-page-content {
	margin: 0 10em 0 4em;
}
.basic-page-content h2 {
	font-size: 1.5em;
	font-size: 400;
}
.basic-page-content sup {
	font-size: .8em;
}
.basic-page-content .cat-vitrina {
	padding: 0 0 2em 0;
}


.pict-right-50, .pict-right-33, .pict-left-50, .pict-left-33 {
	position: relative;
	display: block;
	width: 44%;
	padding-top: 1em;
	margin-left: 4%;
	margin-bottom: 1em;
	padding-right: 2%;
	float: right;	
}
.pict-left-50, .pict-left-33 {
	float: left;
	margin-left: 0;
	padding-right: 0;
	margin-right: 4%;
	padding-left: 2%;		
}
.pict-right-33, .pict-left-33 {
	width: 27%;
}
.pict-right-50 img, .pict-left-50 img, .pict-right-33 img, .pict-left-33 img {
	width: 100%;
	position: relative;
}
.pict-right-50:before, .pict-left-50:before, .pict-right-33:before, .pict-left-33:before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	width: 90%;
	height: 90%;
	background-color: rgb(239, 237, 231);
}
.pict-right-50:before, .pict-right-33:before {
	right: 0;
}
.pict-left-50:before, .pict-left-33:before {
	left: 0;
	right: auto;
}

.news-content {
	margin-top: 2em;
}
.news-content ol {
    list-style-type: decimal;
}
.news-content ol > li {
    margin: .5em 0;
}
.news-content.promo-content {
    margin-bottom: 4em;
}
.news-content .data {
    /*border-bottom: solid 4px rgb(221, 205, 171);*/
    padding-bottom: 1em;
    margin-top: 0;
    font-size: .9em;
}
.news-content ul, .txt ul {
    margin-bottom: 1.75em;
    padding-right: 1.5em;
}
.news-content ul li, .txt ul li {
    position: relative;
    margin: 1em 0;
    padding-left: 3em;
    line-height: 1.1em;
}
.news-content ul li::before, .txt ul li::before {
    content: '';
    position: absolute;
    left: 1em;
    top: .55em;
    margin-top: -5px;
    display: block;
    width: 10px;
    height: 10px;
    background-image: url(../img/sprite.png);
    background-position: -125px -40px;
}
.persona-profile ul {
    margin-left: 1em;
}
.news-content .news-item-col-1 {
	width: 30%;
	float: left;
	margin-bottom: 3em;
}
.news-content .news-item-col-1 img {
	display: block;
	width: auto;
	max-width: 100%;
}
.news-content .news-item-col-2 {
	width: 66.66%;
	float: right;
}
.article.basic-page-content.news-content > p {
    margin-left:5rem;
}
.article.basic-page-content.news-content > ul, .article.basic-page-content.news-content > ol {
    margin-left:5rem;
}
.article.basic-page-content.news-content > p img {
    margin:1.5em 0;
    margin-left:-5rem;
    max-width:100%;
}
.article.basic-page-content.news-content > img, .article.basic-page-content.news-content > div > img {
    margin:1.5em 0;
    max-width:100%;
}
.news-gallery {
	margin: 2em 0;
}
.news-gallery ul {
    border-top: solid 1px rgb(221, 205, 171);
    padding-top: 1em;
}
.news-gallery ul li {
	width: 20%;
	float: left;
	padding-left: 0;
}
.news-gallery ul li::before {
    display: none;
}
.news-gallery ul li a {
	position: relative;
	display: block;
	margin: 10px;
	overflow: hidden;
}
.news-gallery ul li a img {
	display: block;
	width: 100%;
}
.news-content.promo-content .news-item-col-2 {
    font-size: 1.1em;
}

.portfolio-box {
	padding: 1em 0;
	/*border-bottom: solid 4px rgb(221,205,171);*/
}
.portfolio-box li {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	margin-right: -.25em;
}
.portfolio-box li a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
	cursor: default;
}
.portfolio-box li a .wrap {
	display: block;
	padding: 15px;
	cursor: pointer;
}
.portfolio-box-item li a .wrap {
	padding: 0;
	overflow: hidden;
}
.portfolio-box li a:hover {
	/*background-color: rgb(245,244,241);*/
}
.portfolio-box .pict {
	position: relative;
	display: block;
	overflow: hidden;
	background-color: rgb(239, 237, 231);
	background-color: #f8f7f4;
	padding-top: 100%;
	
	clip-path: inset(40% 0 0 0);
    transform: translateY(20%);
}
.portfolio-box li.actv .pict {
	clip-path: inset(0 0 0 0);
    transform: translateY(0);
}
.portfolio-box .pict img {
	position: absolute;
	left:0;
	top:0;
	width: 100%;
}
.portfolio-box .pict img+img {
	position: absolute;
	left: 0;
	top: 0;
}
.portfolio-box a:hover img+img {
	-webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.portfolio-box .text {
	display: block;
	margin: 10px;
}
.portfolio-box a .pict span {
    position: absolute;
    left:0;
    top:0;
    width: 5rem;
    height: 5rem;
    margin: -2.5rem 0 0 -2.5rem;
    visibility: hidden;
}
.portfolio-box a:hover .pict span {
    /*left: var(--zoom-ofs-l);
    top: var(--zoom-ofs-t);*/
    transform: translate(var(--zoom-ofs-l), var(--zoom-ofs-t));
}
.portfolio-box .pict span s::before {
    content:'';
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background: var(--deepgrey);
    border-radius: 50%;
}
.portfolio-box .pict span s::after {
    content:'';
    position: absolute;
    left:30%;
    top:30%;
    width: 40%;
    height: 40%;
    background-image: url('/themefrontend/html/img/kross-lightgrey.svg');
    background-size: contain;
    background-repeat: no-repeat;
}


/* ====== portfolio-box - pointer ======= */
.portfolio-box a:hover .pict span s {
	-webkit-animation: pict-pointer .3s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	animation: pict-pointer .3s cubic-bezier(0.6, 1, 0.6, 1) forwards;
	animation-delay: 0;
}

@keyframes pict-pointer {
  0% {
	visibility: hidden;
	transform: scale(.7);
  }
  1% {
	visibility: hidden;
	transform: scale(.7);
  }
  100% {
	visibility: visible;
	transform: scale(1);
  }
}
/* ====== / use-list  LINE ======= */







img[data-src][class='lazy']{
    opacity: 0;
}
img[class='lazy']{
    opacity: 1;
}
.portfolio-box .pict:before, .cgg-card-pict .pict:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-left: -29px;
    margin-top: -29px;
    border: solid 4px rgb(239, 237, 231);
}
.portfolio-box ul {
	margin: 0 -20px;
}
.portfolio-box.portfolio-box-item ul {
	/*width: 75%;
	float: left;*/
	margin: 0 -30px;
}

.portfolio-box.portfolio-box-item ul li {
	width: 33.33%;
	padding: 30px;
}
.portfolio-box-info-col {
	/*width: 25%;
	float: right;*/
}
.portfolio-box-info-col > .wrap {
	margin: 1em 0 1em 20px;
	padding: 3rem 0;
	/*font-size: .8em;*/
	line-height: 1.5em;
	border-top: solid 1px rgb(221, 205, 171);
}
.portfolio-box-info-col .wrap p b {
	font-size: 1.2em;
	color: rgb(184,160,122);
	font-weight: 400;
}
.portfolio-box-info-col > .wrap .works-info {
	/*margin-top: -1em;*/
	margin: 1rem 3rem 1rem 0;
}
.portfolio-about-project {
    width:66.66%;
    float: left;
}
.portfolio-about-project .wrap {
    padding: 1rem;
}
.portfolio-box-info-col > .wrap .works-info p {
	margin: 0 0 .25em 0;
}
.portfolio-box-info-col .used-stones {
	/*margin: -.5em -.25em 0;*/
	width:33.33%;
	float: right;
}
.portfolio-box-info-col .used-stones > div {
	position: relative;
	width: 25%;
	float: left;
}
.portfolio-box-info-col .used-stones > div > a {
	position: relative;
	display: block;
	margin: .25em;
	
}
.portfolio-box-info-col .used-stones > div > a > img  {
	position: relative;
	display: block;
	width: 100%;
}
.portfolio-box-info-col .used-stones > div > a > img+img  {
	position: absolute;
	left: 0;
	top: 0;
}
.portfolio-box-info-col .used-stones > div > span {
	position: absolute;
	right: 80%;
	bottom: 70%;
	background-color: rgb(221, 205, 171);
	padding: .35em .5em;
	min-width: 250%;
	display: none;
}
.portfolio-box-info-col .used-stones > div:hover > span {
	display: block;
}
.portfolio-link-teaser {
    width:25%;
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-right: -.25em;
    vertical-align: top;
}
.portfolio-link-teaser p {
    margin: 0;
    padding: 0;
}
.portfolio-link-teaser a {
    display: block;
}
.portfolio-link-teaser .wrap {
    display: block;
    padding: 10px;
}
.portfolio-link-teaser .pict {
    position: relative;
    display: block;
    overflow: hidden;
}
.portfolio-link-teaser .text {
    line-height: 1.2em;
    font-size:.9em;
    margin-top: .5em;
    margin-bottom:.5em;
}
.portfolio-link-teaser .wrap > span {
    display: block;
    overflow: hidden;
    
}
.portfolio-link-teaser .wrap > span img {
    display: block;
    width: 100%;
}
.portfolio-link-teaser .wrap > span img+img {
    position: absolute;
    left:0;
    top:0;
}
.portfolio-link-teaser a:hover .wrap > span img+img {
}
.portfolio-upload ul {
    width:100%;
}
.portfolio-upload li {
    width:25%;
    display: inline-block;
    margin-right: -.25em;
    margin-right: -4.5px;
    vertical-align: top;
}
.portfolio-upload li a {
    display: block;
}
.portfolio-upload .wrap {
    display: block;
    padding: 10px;
}
.portfolio-upload .pict {
    position: relative;
    display: block;
    overflow: hidden;
}
.portfolio-upload .pict img {
    display: block;
    width: 100%;
}
.portfolio-upload .pict img+img {
    position: absolute;
    left: 0;
    top: 0;
}
.portfolio-upload .text {
    display: block;
    margin-top: .5em;
    margin-bottom: .5em;
    line-height: 1.2em;
}
.videolink {
    position: relative;
    display: block;
    display: inline-block;
    margin-right: -3.8px;
    overflow: hidden;
    max-width: 100%;
}
.videolink img {
    display: block;
    width: 100%;
}
.videolink:hover img {
    -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.videolink::after {
    content: '';
    display: block;
    position: absolute;
    width: 130px;
    height: 130px;
    background-image: url(../img/sprite.png);
    background-position: -300px 0;
    opacity: .7;
    left: 50%;
    top: 50%;
    margin-left: -64px;
    margin-top: -64px;
    z-index: 1;
}
.videolink:hover::after {
    -webkit-transform: scale(0.9,0.9); -moz-transform: scale(0.9,0.9);
	-ms-transform: scale(0.9,0.9); -o-transform: scale(0.9,0.9);
	transform: scale(0.9,0.9);
	opacity: 1;
}

.in-portfolio .videolink::after {
    -webkit-transform: scale(0.7,0.7); -moz-transform: scale(0.7,0.7);
	-ms-transform: scale(0.7,0.7); -o-transform: scale(0.7,0.7);
	transform: scale(0.7,0.7);
}
.in-portfolio .videolink:hover::after {
    -webkit-transform: scale(0.6,0.6); -moz-transform: scale(0.6,0.6);
	-ms-transform: scale(0.6,0.6); -o-transform: scale(0.6,0.6);
	transform: scale(0.6,0.6);
}


.oborudovanie {
	border-top: solid 4px rgb(221,205,171);
	border-bottom: solid 4px rgb(221,205,171);
	padding: 1em 0;
	margin: .5em 0;
}
.oborudovanie-box {
	position: relative;
	padding-bottom: 2em;
	padding-top: 1em;
}
.oborudovanie-box-items-cards {
	position: relative;
	width: 100%;
	margin-left: 0;
}
.oborudovanie-box > img {
	width: 100%;
}
.oborudovanie-item {
	position: relative;
	margin-bottom: 2em;
}
.oborudovanie-item span.col-text {
	margin-right: 20%;
	display: block;
}
.oborudovanie-item span.col-picts {
	position: relative;
	width: 84%;
	float: right;
	margin: 0;
	margin-right: 8%;
}
.oborudovanie-item span.col-picts:before {
	width: 90%;
	height: 90%;
	left: -9.4%;
	bottom: -.5em;
}
.oborudovanie-item span.col-picts ul {
	margin-left: -10px;
	margin-right: -10px;
}

.oborudovanie-item span.col-picts > span {
	width: 33.33%;
	float: left;
}
.oborudovanie-item span.col-picts > span a {
	position: relative;
	display: block;
	margin: 10px;
	overflow: hidden;
}
.oborudovanie-item span.col-picts > span a span {
	display: block;
}
.oborudovanie-item span.col-picts img {
	width: 100%;
	display: block;
}
.oborudovanie-item span.col-picts i {
	position: absolute;
	width: 130px;
	height: 130px;
	background-image: url(../img/sprite.png);
	background-position: -300px 0;
	opacity: .7;
	left: 50%;
	top: 50%;
	margin-left: -64px;
	margin-top: -64px;
	z-index:1;
}
.oborudovanie-item span.col-picts b, .portfolio-box .wrap .pict b, .news-gallery li a b, .portfolio-upload .wrap .pict b {
	position: absolute;
	width: 100px;
	height: 100px;
	opacity: 0;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -50px;
	z-index:1;
	border: solid 3px rgb(255,255,255);
}
.oborudovanie-item span.col-picts b:before, .oborudovanie-item span.col-picts b:after, .portfolio-box .wrap .pict b:before, .portfolio-box .wrap .pict b:after, .news-gallery li a b:before, .news-gallery li a b:after, .portfolio-upload .wrap .pict b:before, .portfolio-upload .wrap .pict b:after {
	content: '';
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	background-color: rgb(255,255,255);
}
.oborudovanie-item span.col-picts b:before, .portfolio-box .wrap .pict b:before, .news-gallery li a b:before, .portfolio-upload .wrap .pict b:before {
	width: 50%;
	height: 4px;
	margin-top: -2px;
	margin-left: -25%;
}
.oborudovanie-item span.col-picts b:after, .portfolio-box .wrap .pict b:after, .news-gallery li a b:after, .portfolio-upload .wrap .pict b:after {
	width: 4px;
	height: 50%;
	margin-left: -2px;
	margin-top: -25%;
}
.oborudovanie-item span.col-picts a:hover i, .oborudovanie-item span.col-picts a:hover b, .portfolio-box .wrap .pict:hover b, .news-gallery li a:hover b, .portfolio-upload .wrap .pict:hover b {
	opacity: 1;
	-webkit-transform: scale(.8,.8); -moz-transform: scale(.8,.8);
	-ms-transform: scale(.8,.8); -o-transform: scale(.8,.8);
	transform: scale(.8,.8);
}
.main-content-box span.oborud-logo {
	position: absolute;
	right: 0;
	top: 0;
	width: 18%;
	text-align: right;
}
.main-content-box span.oborud-logo img {
	max-width: 100%;
}
.main-content-box span.oborud-naznachenie {
	font-size: 1.25em;
	font-weight: 500;
	font-style: italic;
	color: rgb(176,153,111);
	margin: 0;
	display: block;
}
.main-content-box span.oborud-naimenovanie {
	position: relative;
	margin: 10px 0;
	font-size: 1.5em;
	font-weight: 500;
	padding-left: 1em;
	display: block;
}
.main-content-box span.oborud-naimenovanie:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(../img/sprite.png);
	background-position: -160px -30px;
}
.oborud-box-nav {
	display: block;
	position: absolute;
	width: 6em;
	height: 6em;
	top: 50%;
	margin-top: -3em;
	background-color: rgb(221,205,171);
	cursor: pointer;
}
.oborud-box-nav:hover {
	width: 6.6em;
	height: 6.6em;
	margin-top: -3.3em;
}
.oborud-box-nav:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -12.5px;
	margin-top: -25px;
	display: block;
	width: 25px;
	height: 50px;
	background-image: url(../img/sprite.png);
}
.oborud-box-nav.nav-left {
	left: 0;
	margin-left: -4em;
}
.oborud-box-nav.nav-left:hover {
	margin-left: -4.3em;
}
.oborud-box-nav.nav-left:before {
	background-position: -250px 0;
}
.oborud-box-nav.nav-right {
	right: 0;
	margin-right: -4em;
}
.oborud-box-nav.nav-right:hover {
	margin-right: -4.3em;
}
.oborud-box-nav.nav-right:before {
	background-position: -275px 0;
}
p.items-nav-points-box {
	position: absolute;
	bottom: -3em;
	left: 0;
	width: 116%;
	text-align: center;
	margin-left: -8%;
}
.items-nav-points-box i {
	display: inline-block;
	width: 40px;
	height: 10px;
	background-color: rgb(221,205,171);
	margin: 0 2px;
	cursor: pointer;
}
.items-nav-points-box i:hover {
	background-color: rgb(204,0,0);
}
.items-nav-points-box i.actv {
	background-color: rgb(204,0,0);
}
.oborudovanie-box-items-cards .owl-item {
	float: left;
}
.oborudovanie-box-items-cards .owl-prev, .oborudovanie-box-items-cards .owl-next {
	display: block;
	position: absolute;
	width: 6em;
	height: 6em;
	top: 50%;
	margin-top: -3em;
	background-color: rgb(221,205,171); 
	cursor: pointer;
}
.oborudovanie-box-items-cards .owl-prev {
	left: 0;
	margin-left: -4em;
}
.oborudovanie-box-items-cards .owl-next {
	right: 0;
	margin-right: -4em;
}
.oborudovanie-box-items-cards .owl-prev:before, .oborudovanie-box-items-cards .owl-next:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -12.5px;
    margin-top: -25px;
    display: block;
    width: 25px;
    height: 50px;
    background-image: url(../img/sprite.png);
}
.oborudovanie-box-items-cards .owl-prev::before {
    background-position: -250px 0;
}
.oborudovanie-box-items-cards .owl-next::before {
    background-position: -275px 0;
}
.oborudovanie-box-items-cards .owl-prev:hover, .oborudovanie-box-items-cards .owl-next:hover {
	width: 6.6em;
	height: 6.6em;
	margin-top: -3.3em;
}
.oborudovanie-box-items-cards .owl-prev:hover {
	margin-left: -4.3em;
}
.oborudovanie-box-items-cards .owl-next:hover {
	margin-right: -4.3em;
}
.portfolio-box .pict i, .portfolio-link-teaser .pict i {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 2.5em;
	height: 2.5em;
	margin-left: -1.25em;
	margin-top: -1.25em;
	border: solid 3px rgb(255,255,255);
	opacity: 0;
	text-align: center;
	font-size: 2em;
	line-height: 2.5em;
	color: rgb(255,255,255);
	font-weight: 400;
	font-style: normal;
}
.portfolio-box .wrap:hover .pict i, .portfolio-link-teaser .wrap:hover .pict i {
	opacity: 1;
	-webkit-transform: scale(.8,.8); -moz-transform: scale(.8,.8);
	-ms-transform: scale(.8,.8); -o-transform: scale(.8,.8);
	transform: scale(.8,.8);
}
.portfolio-box .pict i:before, .portfolio-box .pict i:after, .portfolio-link-teaser .pict i:after, .portfolio-link-teaser .pict i:before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-left: solid 3px rgb(255,255,255);
	border-top: solid 3px rgb(255,255,255);
	margin-left: -8px;
	margin-top: -8px;
}
.portfolio-box .pict i:before, .portfolio-link-teaser .pict i:before {
}
.portfolio-box .pict i:after, .portfolio-link-teaser .pict i:after {
	margin-left: -13px;
	margin-top: -13px;
}
.komanda-box li {
	position: relative;
	width: 25%;
	/*display: inline-block;
	margin-right: -0.25em;
	vertical-align: top;*/
	padding: 20px 0;
}
.komanda-box li > a {
	display: block;
	margin: 0 20px;
	height: 100%;
	background-color: rgb(241, 239, 233);
	text-decoration: none;
}
.komanda-box li > a span {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
	background-image: url(../img/bg-grey-waves.png);
	background-repeat: repeat;
}
.komanda-box li > a span:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 87px;
	height: 87px;
	background-color: rgb(204,0,0);
	
	display: none;
}
.komanda-box li > a span:before {
	content: '';
	position: absolute;
	right: 0;
	bottom: -4px;
	display: block;
	width: 0;
	height: 4px;
	background-color: rgb(204,0,0);
}
.komanda-box li > a:hover span:before {
	width: 100%;
}
.komanda-box li > a span:after {
	content: '';
	position: absolute;
	right: 23px;
	bottom: 21px;
	display: block;
	width: 20px;
	height: 40px;
	background-image: url(../img/sprite.png);
	background-position: -505px -102.5px;
	display: none;
}
.komanda-box li > a:hover span:after {
	right: 14px;
}
.komanda-box li > a span+span {
	padding: 30px 15px 15px 15px;
	background-image: none;
	/*background-color: rgb(221, 205, 171);*/
	min-height: 9.5em;
}
.komanda-box li > a span+span:before, .komanda-box li > a span+span:after {
	display: none;
}
.komanda-box li > a span i {
	display: block;
	margin-right: 60px;
	position: relative;
	z-index: 1;
}
.komanda-box li > a span i img {
	display: block;
	width: 100%;
	position: relative;
	/*left: -15px;
	top: 15px;*/
	
	max-width: 240px;
}
.komanda-box li > a span+span em {
	display: block;
	padding-bottom: 10px;
	font-style: normal;
	font-weight: 400;
	color: rgb(0,0,0);
}
.komanda-box li > a span+span em+em {
	font-weight: 300;
	font-size: .9em;
}
.komanda-box li > a span+span em+em > span,
.persona-profile .position > i > span {
    display: inline-block;
    line-height: 1em;
    padding: .25em .5em;
    margin-top: .5em;
    background-image: none;
    background-color: #c00;
    color: #fff;
}
.persona-profile .position > i {
    font-style: normal;
}
.komanda-box li > a span+span em+em > span::before {
    display:none;
}
.komanda-box li > b {
	display: block;
	position: absolute;
	top: 35px;
	right: 20px;
	width: 87px;
	height: 87px;
	cursor: pointer;
	z-index: 1;
	display: none;
}
.komanda-box li > b:hover {
	background-color: rgb(219,215,202);
}
.komanda-box li > b:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -27px;
	margin-top: -22px;
	display: block;
	width: 54px;
	height: 44px;
	background-image: url(../img/sprite.png);
	background-position: -432px 0;
}
.komanda-box li > span {
	display: block;
	position: absolute;
	right: 20px;
	top: 35px;
	left: 20px;
	background-color: rgb(219,215,202);
	padding:10px;
	z-index:1;
}
.komanda-box li > span b {
	position: absolute;
	display: block;
	width: 87px;
	height: 87px;
	right: 0;
	top: 0;
}

.komanda-box li > a span + span em + em.stazh {
  font-size: .8em;
  font-weight: 400;
  margin-top: 1em;
}
.komanda-box li > a span + span em + em.stazh > b {
  font-weight: 400;
}

p.stazh {
  font-size: .9em;
  font-weight: 400;
}

.pers-call-box {
	visibility: hidden;
	position: absolute;
}
.overlay-content .pers-call-box {
	visibility: visible;
	position: relative;
	max-width: 960px;
	width: 100%;
	margin: auto;
}
.overlay-content .pers-call-box .wrap {
	margin: 3em;
	padding: 20px 0;
	background-color: rgb(221, 205, 171);
}
.overlay-content .pers-call-box .col-1 {
	position: relative;
	width: 25%;
	float: left;
}
.overlay-content .pers-call-box .col-1 img {
	display: block;
	width: 100%;
	position: relative;
}
#persCallBoxPhoto:before {
	content: '';
	display: block;
	width: 50%;
	height: 100%;
	background-color: rgb(221, 205, 171);
	background-color: rgb(204,0,0);
	background-color: rgb(51,51,51);
    background-image: url(../img/bg-grey-waves.png);
	background-repeat: repeat;
	position: absolute;
	left: 0;
	top: 0;
	margin-left: -10%;
	margin-top: -20px;
}
.overlay-content .pers-call-box .col-2 {
	width: 70%;
	float: right;
}
.overlay-content .pers-call-box .col-3 {
	width: 100%;
	float: none;
	clear: both;
}
.overlay-content .pers-call-box #persFamily {
	font-size: 1.5em;
	font-weight: 500;
	text-transform: uppercase;
	padding-top: 1em;
}
.overlay-content .pers-call-box #persName {
	font-size: 1.5em;
	font-weight: 500;
}
.overlay-content .pers-call-box #persPosition {
	font-size: 1.1em;
	font-weight: 300;
	margin-top: .5em;
}
.overlay-content .pers-call-box #persPosition:before {
	content: '';
	display: block;
	position: relative;
	width: 3em;
	height: .3em;
	background-color: rgb(204,0,0);
	left: 0;
	top: 0;
	margin-bottom: .4em;
}
.overlay-content .pers-call-box #persMail {
	position: relative;
	font-size: 1.25em;
	margin: 1em 0;
	padding-left: 42px;
}
.overlay-content .pers-call-box #persMail:before, .overlay-content .pers-call-box #persSkype:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 32px;
	height: 26px;
	margin-top: -13px;
	background-image: url(../img/sprite.png);
	background-position: -225px -116px;
}
.overlay-content .pers-call-box #persSkype:before {
	background-position: -257px -116px;
}
.overlay-content .pers-call-box #persSkype {
	position: relative;
	font-size: 1.25em;
	margin: 1em 0;
	padding-left: 42px;
}
.overlay-content .pers-call-box #persForm {
	font-size: 1.25em;
	padding: 1em 3em 1em 10%;
}
.overlay-content .pers-call-box #persForm input, .overlay-content .pers-call-box #persForm textarea {
	width: 100%;
	padding: 8px;
	margin: 10px 0;
}

.persona-profile {
	margin: 1em 0;
}
.persona-profile .photo {
	width: 30%;
	float: right;
}
.persona-profile .photo img {
	width: 100%;
}
.persona-profile .txt {
	width: 65%;
	float: left;
}
.persona-profile .txt p {
	margin: 1em 2em;
}
.persona-profile .position {
	position: relative;
	font-size: 1.1em;
	padding-top: 1em;
	margin-top: 0.5em !important;
}
.persona-profile .position:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 3em;
	height: 4px;
	background-color: rgb(204,0,51);
}
.persona-profile .txt p .stazh {
    display: block;
    margin-top: 1em;
    font-style: normal;
    font-size: .8em;
    font-weight: 400;
}
.persona-profile .mail a {
	position: relative;
	display: inline-block;
	padding: 15px 0 15px 50px;
	color: rgb(172,142,87);
	font-size: 1.1em;
}
.persona-profile .mail a:hover {
	color: rgb(186,162,116);
}
.persona-profile .mail a:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 32px;
	height: 26px;
	margin-top: -13px;
	background-image: url(../img/sprite.png);
	background-position: -225px -116px;
}
.persona-profile .education {
	margin-top: 2em !important;
}
.persona-profile .projects {
	margin: 3em 0;
	border-top: solid 1px rgb(221, 205, 171);
}
.persona-profile .projects p {
	font-size: 1.25em;
	font-weight: 400;
	margin: 1em 0;
}
.persona-profile .projects ul {
	margin: 1em 0;
	margin-left: 2em;
}
.persona-profile .projects li {
    padding-left: 0;
}
.persona-profile .projects li::before {
    display:none;
}
.persona-profile .projects li a {
	position: relative;
	display: block;
	padding: .5em 2em;
}
.persona-profile .projects li a:before {
	content: '';
	position: relative;
	display: block;
	width: 1em;
	height: 4px;
	background-color: rgb(221, 205, 171);
	display: inline-block;
	vertical-align: middle;
	margin-right: 1em;
	margin-left: -2em;
}
.zapros-list {
	border-top: solid 3px rgb(221, 205, 171);
	margin-top: 1em;
}
.zapros-list-item {
	position: relative;
	padding: 1em 0;
	border-bottom: solid 1px rgb(221, 205, 171);
}
.zapros-list-item .photo {
	width: 15%;
	float: left;
	max-width: 120px;
}
.zapros-list-item .photo img {
	display: block;
	width: 100%;
}
.zapros-list-item .name {
	width: 50%;
	float: left;
	margin: .5em 3%;
	display: inline-block;
	vertical-align: middle;
}
.zapros-list-item .name p {
	font-weight: 400;
}
.zapros-list-item .name p span {
	display: block;
	font-weight: 300;
}
.zapros-list-item .count {
	width: 21%;
	margin: .5em 3% .5em 0;
	float: left;
	display: inline-block;
	vertical-align: middle;
}
.zapros-list-item .count p {
    display: inline-block;
	font-size: 1.25em;
	font-weight: 400;
	margin-bottom: .5em;
	margin-right: .5em;
}
.zapros-list-item .count form {
    display: inline-block;
}
.zapros-list-item .count input {
	padding: .75em;
	border: solid 1px rgb(204,204,204);
	font-size: 1em;
	text-align: center;
	width: 6em;
}
.zapros-list-item .count sup {
	font-size: .9em;
}
.zapros-list-item .remove {
	position: absolute;
	width: 31px;
	height: 31px;
	top: 10px;
	right: 0;
}
.zapros-list-item .remove span {
	display: block;
	float: right;
	width: 31px;
	height: 31px;
	background-color: rgb(153,153,153);
	background-image: url(../img/sprite.png);
	background-position: 0 -150px;
	cursor: pointer;
}
.zapros-list-item .remove span:hover {
	background-color: rgb(204,0,51);
}

.contact-list-box {
    margin: 1.25em 0;
    border-radius: 1em;
    box-shadow: 0 0 1.5em #d9d9d9;
    overflow: hidden;
}

.contact-list-box .foto {
    float: left;
    width:32%;
    padding: 1em;
}
.contact-list-box .foto img {
    max-width: 100%;
    border-radius: .5em;
}
.contact-list-box .text {
    float: right;
    width:64%;
    padding: 1em 5vw 1.5em 0;
}
.contact-list-box .text h2 {
    margin-bottom: .5em;
    padding-bottom: 0;
}
.cont-block-on-page {
    text-align: center;
}
.cont-block-on-page div {
    display: inline-block;
    margin: 0 .5em;
}
.cont-block-on-page div p {
    font-size: 1.2em;
    display: inline-block;
    margin: .5em 0;
}
/*.cont-block-on-page div p a {
    font-weight: 300;
    display: inline-block;
    background-color: rgb(242, 241, 236);
    padding: .5em 1em;
    text-decoration: none;
}*/
.cont-block-on-page div p a {
  font-weight: 400;
  display: inline-block;
  background-color: rgb(180, 161, 131);
  background-color: rgb(195, 171, 141);
  background-color: rgb(193, 167, 134);
  padding: .5em 1em;
  text-decoration: none;
  color: white;
  box-shadow: 0 0 1em #fff;
}
.cont-block-on-page div p a:hover {
    background-color: rgb(204, 0, 51);
    color: #fff;
}
.serv-box-on-page div.item {
    width: 33.33%;
    float: left;
    text-align: center;
}
.serv-box-on-page div.item .hdr {
    font-size: 1.2em;
    font-weight: 400;
    margin-bottom: .5em;
    text-transform: uppercase;
    letter-spacing: .01em;
}
.serv-box-on-page p {
    margin: 0 .5em;
}
.color-lbl-link > p {
    position: relative;
    display: inline-block;
}
.color-lbl-link > p img {
    display: block;
}
.color-lbl-link > p > a {
    position: absolute;
    display: block;
    left:0;
    top:0;
    bottom:0;
    right:0;
    padding: 0;
}
.color-lbl-link > p > a > span {
    display: block;
    height: 100%;
    text-align: center;
}
.color-lbl-link > p > a > span:before {
    content:'';
    display:inline-block;
    height: 100%;
    vertical-align: middle;
}
.color-lbl-link > p > a > span > span {
    display:inline-block;
    vertical-align: middle;
    background-color: rgb(239, 237, 231);
    background-color: rgba(239, 237, 231,.75);
    background-color: rgba(51, 51, 51,.85);
    padding: .5em 1em;
    color: rgb(255,255,255);
    width: 100%;
}
.color-lbl-link > p > a > span:hover > span {
    background-color: rgba(51, 51, 51,.95);
    padding: .75em 1em;
}


/****************** FOOTER *********************************/
/****************** FOOTER *********************************/

.footer {
	padding-top: 3em;
	overflow: hidden;
}
.footer-box {
	background-color: rgb(51, 51, 51);
	color: rgb(204,204,204);
	font-size: .8em;
	padding-bottom: 3em;
}
.footer-fix {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0;
}
.footer-bg-kubiki {
	/*background-image: url(../img/bg-kubiki-niz.png);
	background-repeat: repeat-x;
	background-position: top;*/
	padding-top: 90px;
}
.footer-slogan p {
	font-weight: 500;
	color: rgb(255,255,255);
	font-size: 1.75em;
}
.footer-slogan p span {
	color: rgb(204,0,0);
}
.footer .col-1 {
	width: 33.33%;
	float: left;
}
.footerlogo a {
    display: inline-block;
    width: 25%;
    max-width: 125px;
    min-width: 86px;
}
.footerlogo a img {
    display: block;
    width: 100%;
}
.smm-ico-box li {
	float: left;
}
.smm-ico-box li a {
	display: block;
	width: 48px;
	height: 48px;
	background-image: url(../img/sprite-smm.png);
	background-color: rgb(221, 205, 171);
	background-size: 192px 96px;
}
.smm-ico-box a:hover {
	background-color: rgb(255,255,255);
}
.smm-ico-box li:first-child a {
	background-position: -48px -48px;
}
.smm-ico-box li:first-child +li a {
	background-position: -96px -48px;
}
.smm-ico-box li+li+li a {
	background-position: -96px 0;
}
.smm-ico-box li+li+li+li a {
	background-position: 0 -48px;
}
.smm-ico-box li+li+li+li+li a {
	background-position: -48px -48px;
}
.smm-ico-box li+li+li+li+li+li a {
	background-position: -96px -48px;
}

.smm-ico-box li a.telegram {
	background-position: -144px 0;
}
.smm-ico-box li a.whatsapp {
	background-position: -144px -48px;
}

.footer-contacts {
	padding: 24px 0;
}
.footer-contacts .tel {
	font-size: 1.5em;
	font-weight: 400;
	padding: 1em 0 .25em;
}
.footer-contacts .email {
	padding: .25em 0 0 0;
}
.footer-contacts .email a, .footer-contacts .tel a {
	color: rgb(221, 205, 171);
}
.footer-contacts .email a:hover, .footer-contacts .tel a:hover {
	color: rgb(255,255,255);
}
.footer .col-2, .footer .col-3, .footer .col-4 {
	width: 18%;
	margin-left: 4.22%;
	float: left;
	padding: 24px 0;
}
.footer .col-2 p, .footer .col-3 p, .footer .col-4 p {
	font-weight: 500;
	font-size: 1.1em;
	color: rgb(221, 205, 171);
}
.footer .col-2 p>a, .footer .col-3 p>a, .footer .col-4 p>a {
	color: rgb(221, 205, 171);
}
.footer .col-2 li, .footer .col-3 li, .footer .col-4 li {
	margin: .75em 0;
}
.footer .col-2 li a, .footer .col-3 li a, .footer .col-4 li a {
	color: rgb(255,255,255);
	text-decoration: none;
}
.footer .col-2 li a:hover, .footer .col-3 li a:hover, .footer .col-4 li a:hover {
	text-decoration: underline;
}
.copyright-box {
	padding: 1em 0;
	border-top: solid 1px rgb(72,72,72);
}
.copyright-box .cpr {
	width: 47%;
	float: left;
}
.copyright-box .dzenburo {
	width: 47%;
	float: right;
	text-align: right;
}
.copyright-box .dzenburo a {
	color: rgb(153,153,153);
	text-decoration: none;
}
.copyright-box .dzenburo a:hover {
	color: rgb(221, 205, 171);
}
.agreement-text-in-form {
    font-size:12px;
    opacity:.8;
}



/****************** O W L - FANCYBOX *********************************/
.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
	margin-top: 10px;
}
.owl-carousel .owl-dot {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: rgb(221,205,171);
    margin: 10px;
}
.owl-carousel .owl-dot.active {
    background-color: rgb(204, 0, 0);
}
.owl-carousel .owl-dots {
    text-align: center;
}

.fancybox-caption {
	text-align: center;
	font-weight: 500;
	font-size: 1.5em;
}
.fancybox-button, .fancybox-infobar__body {
    font-size: 1.4em;
    line-height: 2.1em;
	height: 2.1em;
}
.fancybox-button--left::after, .fancybox-button--right::after {
    top: 18px;
    width: 16px;
    height: 16px;
}



.btn-prizrak {
	border: solid 2px rgb(204,204,204);
}
.zapros-box {
	width: 100%;
	max-width: 740px;
}
.zapros-forma .need-check:after {
	content:' *';
	font-size:1.25em;
	font-weight: bold;
	color: rgb(204,0,0);
}
.form-item {
	padding-bottom: .5em;
}
.zapros-forma label {
	font-size: .75em;
	line-height: 1em;
	padding-left: 20px;
}
.input-style {
	background-color: rgb(255,255,255);
	border: solid 3px transparent;
}
.input-style:focus {
	border: solid 3px rgb(204,204,204);
}
label.need-check + input.input-style.actv, label.need-check + span + textarea.input-style.actv {
	border: solid 3px rgb(255,237,0);
}
.btn-style {
	background-color: rgb(51,51,51);
	color: rgb(255,255,255);
	cursor: default !important;
	padding: 20px 16px;
	border-color: transparent !important;
}
.btn-style.alert {
	background-color: rgb(153,0,0);
}
.btn-style.actv {
	background-color: rgb(153,204,0);
	color: rgb(255,255,255) !important;
	cursor: pointer !important;
}
.form-message {
	font-size: 16px;
	color: rgb(153,0,0);
	padding-bottom: 0em;
	visibility: hidden;
	height: 0px;
	padding-left: 20px;
	opacity: 0;
}
.form-message.actv {
	padding-bottom: .5em;
	visibility: visible;
	height: auto;
	overflow: hidden;
	opacity: 1;
}
.form-limits {
    display: block;
    float: right;
    width: 7.33%;
    font-size: 18px;
	position: absolute;
	right: 0;
	top: 0;
	margin-right: 55px;
}
#formSend {
    right: 0;
    opacity: 1;
    position: relative;
    margin: 1em auto 1.5em;
}
#formSend.butmove {
	opacity: 0;
	right:-100%;
}
#formSend.butrestart {
	opacity: 0;
	width:0;
	right:50%;
}
#results {
	opacity: 0;
	font-size:1em;
}
#results.actv {
	opacity: 1;
	font-size:1.2em;
}
.homepage-text-about {
	padding: 4em 0 1em 0;
}
.homepage-text-about .col-1, .homepage-text-about .col-2 {
	width: 50%;
	float: left;
}
.homepage-text-about .col-1 ul, .homepage-text-about .col-2 ul {
	margin: 1em 0;
}
.homepage-text-about .col-1 > div {
	margin-right: 20px;
}
.homepage-text-about .col-2 > div {
	margin-left: 20px;
}
.old-design {
	position: absolute;
	right: 0;
	width: 100%;
	height: 0;
	top:0;
	text-align: center;
	z-index: 1;
}
.old-design a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	color: rgb(255,255,255);
	background-color: rgb(176,0,0);
	font-size: 0.8em;
	padding: 2px 10px;
	border-radius: 0 0 0 8px;
	text-decoration: none;
}
.old-design a:hover {
	background-color: rgb(136,0,0);
}
.in-our-collection {
}
.in-our-collection span {
    font-size: 1.25em;
    font-weight: 400;
}

.base-paginator .pagination ul {
    text-align: center;
}
.base-paginator .pagination ul li {
    display: inline-block;
}
.base-paginator .pagination ul li a {
  display: block;
  padding: 1em 1.25em;
  background-color: rgb(255, 255, 255);
  text-decoration: none;
  box-shadow: 0 0 10px 0 #00000038;
  border-radius: 4px;
  line-height: 1em;
}
.base-paginator .fa.fa-angle-left::before {
    content:'<<';
}
.base-paginator .pagination ul li a:hover {
    background-color: rgb(221, 205, 171);
}
.base-paginator .pagination ul li.active a {
    background-color: rgb(176,0,0);
    color: rgb(255,255,255);
}

.trio {
    margin:0 -5px;
    text-align: center;
}
.trio .item {
    width:33.33%;
    display: inline-block;
    margin-right: -.2em;
    margin-bottom: .5em;
    vertical-align: top;
}
.trio .item .padd {
    padding: 5px;
}
.trio .item a, .trio .item p {
    display:block;
    text-align: center;
    text-decoration: none;
}
.trio .item p a, .duo .item p a {
    display:inline-block;
    text-decoration: none;
}
.trio .item a .pic, .trio .item p .pic {

    position: relative;
    display:block;
    overflow: hidden;
}
.trio .item a .pic img, .trio .item p .pic img {
    display:block;
    width: 100%;
}
.trio .item a .hdr, .trio .item p .hdr {
    display:block;
    margin: .7em .25em .5em;
    font-size: 1.15em;
    font-weight: 500;
}
.trio .item a .txt, .trio .item p .txt {
    display:block;
    margin: .5em .25em;
    font-size: 1em;
    font-weight: 300;
}
.trio .item a .txt.hdr-link, .trio .item p .txt.hdr-link {
    font-size: 1.05em;
    font-weight: 500;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    color: #fff;
    width: 100%;
    text-align: left;
    margin: 0;
    padding-left: 1em;
    padding-right: 1em;
    text-shadow: 0 0 1em #000000a8;
}
.duo .item a .txt.hdr-link, .duo .item p .txt.hdr-link {
    font-size: 1.25em;
    font-weight: 500;
}
.trio .item a:hover .txt {
    color: rgb(204,0,51);
}
.trio .item a:hover .txt.hdr-link {
    color: #fff;
}

.trio.plitki {
    margin:0;
    margin-left: -.5em;
    margin-right: -.5em;
}
.trio.plitki .padd {
  padding: 8px;
  height: 100%;
}
.trio.plitki .item a {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    background: white;
    box-shadow: 0 0 12px 0 #00000026;
}
.trio.plitki-textover .item a::before {
    content:"";
    position: absolute;
    z-index: 1;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#00000030;
    background: linear-gradient(10deg, rgba(0, 0, 0, 0.35) 16%, rgba(0,0,0,0.05) 50%)
}
.trio.plitki-textover .item a {
  box-shadow: none;
}
.trio.plitki-textover .item {
  width: 33.33%;
  margin-right: 0;
  margin-bottom: 0;
}


.tiles-links .trio a {
    position: relative;
    text-align: center !important;
}
.tiles-links .trio a .txt {
    text-align: center !important;
    position: relative !important;
    text-shadow: 0 0 1em #fff0 !important;
    color: #333 !important;
}




.li-linkrows {
    
}
.li-linkrows li:first-child {
    border-top: solid 1px #111;
}
.li-linkrows li {
    border-bottom: solid 1px #111;
}
.li-linkrows li a {
    padding: 1em 0;
    text-decoration: none;
}
.li-linkrows li a > i:first-child {
    font-style: normal;
    font-size: .9em;
    width: 25%;
    max-width: 5em;
    min-width: 2em;
}
.li-linkrows li a:hover > i:first-child {
    color: #000;
}
.li-linkrows li a > b, .li-linkrows li a > span {
    font-size: 1.1em;
}

.li-linkrows li a > b + i {
    position: relative;
    width: .9em;
    height: .9em;
    margin-top: .2em;
    overflow: hidden;
    border-bottom: solid 2px #111;
    border-right: solid 2px #111;
}
.li-linkrows li a > b + i::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    
    border-right: solid 2px #111;
    transform: skew(45deg, 0deg);
    transform-origin: bottom right;
    margin-left: -1px;
    margin-bottom: -1px;
}
.li-linkrows li a > b + i::after {
    
}




.quadro {
    margin:0 -5px;
    text-align: center;
}
.quadro .item, .duo .item {
    width:25%;
    display: inline-block;
    margin-right: -.2em;
    vertical-align: top;
    margin-bottom: .5em;
}
.quadro .item .padd {
    padding: 5px;
}
.quadro .item a, .quadro .item div, .duo .item a, .duo .item div {
    display:block;
    text-decoration: none;
    text-align: left;
    font-size: .96em;
}
.quadro .item .pic, .duo .item .pic {
    display:block;
    overflow: hidden;
}
.quadro .item .pic img, .duo .item .pic img {
    display:block;
    width: 100%;
}
.quadro .item a .pic img, .duo .item a .pic img {
}
.quadro .item .ico, .trio .item .ico, .duo .item .ico {
    display:block;
}
.quadro .item .ico img, .trio .item .ico img, .duo .item .ico img {
    display:block;
    width: 100%;
    max-width: 96px;
    margin-right: auto;
    -webkit-transform: scale(.75);
    transform: scale(.75);
}
.quadro .item .pic-ico, .trio .item .pic-ico, .duo .item .pic-ico {
    position: relative;
    display:block;
    width:100%;
    max-width: 240px;
    margin: auto;
}
.quadro .item .pic-ico img, .trio .item .pic-ico img, .duo .item .pic-ico img {
    display:block;
    width: 100%;
    max-width: 240px;
    margin: auto;
}
.quadro .item .sticker, .trio .item .sticker, duo .item .sticker {
    position: absolute;
    font-style:normal;
    background: #b09c78;
    background: #c4ae82;
    right: 0;
    top: 0;
    width: 40%;
    -webkit-border-top-right-radius: 25%;
    -moz-border-top-right-radius: 25%;
    border-top-right-radius: 25%;
}

.quadro .item a .txt, .duo .item a .txt {
    display:block;
    margin: .5em .25em;
    font-size: 1.1em;
    font-weight: 500;
    padding-right: 1em;
}
.quadro .item a:hover .txt, .duo .item a:hover .txt {
    color: rgb(204,0,51);
}
.quadro .item div .txt, .duo .item div .txt {
    display:block;
    margin: .5em .25em;
    font-size: .95em;
    font-weight: 300;
    padding-right: 1em;
}
.quadro .item div .txt+.prc, .duo .item div .txt+.prc {
    display:block;
    margin: -.25em .25em .5em;
    font-size: .95em;
    font-weight: 300;
}
.quadro .item div .txt span, .duo .item div .txt span {
    display:block;
    margin: 0 0 .5em 0;
    font-size: 1.1em;
    font-weight: 400;
}
.quadro .item .txt .hdr-line, .duo .item .txt .hdr-line {
    position: relative;
    margin-bottom: 1.5em;
    text-transform: uppercase;
    font-weight: 500;
}
.duo .item .txt .hdr {
    position: relative;
    margin-bottom: .75em;
    font-weight: 500;
    font-size: 1.25em;
}
.quadro .item .txt .hdr-line::after, .duo .item .txt .hdr-line::after {
    /*content:'';
    position: absolute;
    display: block;
    background-color: rgb(204,0,51);
    width:3em;
    height: 4px;
    left: 50%;
    margin-left: -1.5em;
    bottom: -.85em;*/
}


.duo {
    margin:0 -5px;
    text-align: center;
}
.duo .item {
    width:50%;
}
.duo .item .padd {
    padding: 5px;
}
.duo .item .ico img {
    max-width: 128px;
}
.duo .item a .txt {
    margin: .5em .25em;
}
.duo .item div .txt {
    margin: .5em .25em;
}
.duo .item div .txt span {
    margin: 0 0 .5em 0;
}






/****************** BNR LINK *********************************/
.bnr-link-kartiny {
    background: #000;
    float:none;
    clear: both;
}
.bnr-link-kartiny > div {
    margin:auto;
    max-width: 1380px;
}
.bnr-link-kartiny > div a {
    display: block;
}

.bnr-link-kartiny > div img {
    display:block;
    width:100%;
}

.bnr-link-top-padd {
    height:0; 
    padding-top:.75em; 
    float:none; 
    clear:both;
}
/****************** / BNR LINK *********************************/









/****************** REMAKE-STYLE *********************************/
/****************** REMAKE-STYLE *********************************/
/****************** REMAKE-STYLE *********************************/

.main-h1.bg-plitki::after, .main-h1.bg-plitki::before {
    display: none;
}
/*.menu-cont-box */
.is-phone.mask > span::before {
  /*background: #ebebeb;*/
  background: #f2f1ec;
}
.footer-box .is-phone.mask > span::before {
  background: #494848;
  color: #ddcdab;
}

.remake-style h2, .remake-style h3, .remake-style h4, .remake-style h5, .remake-style h6 {
    font-weight: 300;
}

.remake-style .cat-vitrina h2 {
    font-weight: 300;
}
.remake-style .partneram {
    padding: 2em 0 4em 0;
	background-color: rgb(255,255,255);
}
.remake-style .cat-vitrina {
	position: relative;
    background-color: rgb(255,255,255);
    background-image: none;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 15px;
    padding-right: 15px;
}
.remake-style .facts {
	position: relative;
	z-index: 1;
    padding-top: 2em;
    padding-bottom: 5em;
	background-color: rgb(255,255,255);
}
.remake-style .cat-vitrina:before {
	content: '';
	display: block;
	position: absolute;
	background-color: rgb(244,242,234);
	width: 43%;
	height: 70%;
	right: 18%;
	top: 0;
	z-index: 0;
	background-image: url(../img/bg-grey-waves.png);
	background-repeat: repeat;
}
.remake-style .cat-vitrina:after {
	content: '';
	display: block;
	position: absolute;
	background-color: rgb(233,231,220);
	width: 32%;
	height: 75%;
	left: 12%;
	bottom: 0;
	z-index: 0;
	background-image: url(../img/bg-grey-waves.png);
	background-repeat: repeat;
}
.remake-style .facts:before {
	content: '';
	display: block;
	position: absolute;
	background-color: rgb(244,242,234);
	left: 15px;
	right: 15px;
	bottom: 15px;
	top: 15px;
	z-index: 0;
	background-image: url(../img/bg-grey-waves.png);
	background-repeat: repeat;
}
.remake-style .facts:after {
	bottom: 10px;
	height: 85%;
}
.remake-style .cat-vitrina-box {
	position: relative;
	z-index: 1;
}
.remake-style .facts .wid-limit {
    z-index: 1;
}
.header {
    background-color: rgb(244,242,234);
	background-color: rgb(249, 248, 243);
	background-color: rgb(239, 237, 231);
	background-color: rgb(222, 219, 207);
	background: linear-gradient(95deg, rgb(231, 228, 216) 20%, rgb(222, 219, 207) 80%) repeat scroll 0% 0%;
	background: linear-gradient(95deg, rgb(238, 236, 228) 20%, rgb(242, 242, 242) 80%) repeat scroll 0% 0%;
	
	background: #fff;
	
	/*background-image: url(/themefrontend/html/img/bg-tophdr.jpg);
background-size: cover;*/
}
.top-menu-partner {
    /*border-bottom: solid 10px rgb(239, 237, 231);
	border-bottom: solid 10px rgb(224, 221, 214);
	border-bottom: solid 4px rgb(221, 205, 171);
	background-color: rgb(255,255,255);
	border-top: 0;*/
	background: transperent;
	border: 0;
}
.remake-style .cat-vitrina:hover:before {
	width: 45%;
	height: 68%;
	right: 14%;
	top: 0;
}
.remake-style .cat-vitrina:hover:after {
	width: 32%;
	height: 65%;
	left: 10%;
	bottom: 0;
}
.remake-style .news-spec-bar {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1em;
	margin: 1em 0;
}
.remake-style .news-spec-bar .bg {
    left: 55px;
    top: 68px;
	right: 0;
	bottom: 0;
    width: auto;
    height: auto;
    background-color: rgb(174, 174, 174);
    opacity: .92;
}
.nsbb-zag {
	font-size: 1.2em !important;
}

.fancybox-show-infobar .fancybox-infobar {
    position: relative;
}
.fancybox-button--left {
    position: fixed;
    left: 0;
    top: 50%;
    margin-top: -1.2em;
}
.fancybox-button--right {
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -1.2em;
}
.fancybox-infobar__body {
    width: 5em;
}
.fancybox-button--left:before {
    line-height: 3em;
}
.mob-btn-cart .count_cart {
    float: right;
    margin-top: .5em;
    display: block;
    padding: .25em;
}
.catalog-group-goods .cat-btn-more.loadmore {
    /*display:none;*/
}
.portfolio-box .pagination {
    display:none;
}
.print-page-box {
    display:none;
}



.btn-link-block {
    margin: 0;
    padding: .6em 0;
    font-size: .8em;
}
.btn-link-block a {
    display: inline-block;
    padding: .5em 1em;
    margin: 0 0 .25em 0;
    font-weight: 400;
    background-color: transparent;
    color: #333;
    text-decoration: none;
    border: solid 1px  #333;
    cursor: pointer;
}
.btn-link-block a:hover {
    background-color: #333;
    color: #fff;
}




/* +++ FORM of BITRIX24 +++ */
.b24-form-recaptcha { position: fixed; left: 200%; top: -100%; }

.b24-form-content > form > div:first-child {
    margin-right: -3.33%;
}
.b24-form-content > form > div:first-child::after {
    content:'';
    position: relative;
    display: block;
    float: none;
    clear: both;
}
.b24-form-content > form > div:first-child .b24-form-field {
  width: 30%;
  float: left;
  margin-right: 3.33%;
}
.b24-form-content > form > div:first-child .b24-form-field:first-child + .b24-form-field + .b24-form-field + .b24-form-field {
  width: 96.67%;
  float: left;
  margin-right: 3.33%;
}


body .b24-form {
    margin: 2.5em auto;
}
body .b24-form-wrapper {
    max-width: 100%;
    border-radius: 1.5em;
    /*background-image: url(/files/tmpfiles/delaem-iz-kamnya/form-bg-marble.jpg);*/
    background-size: cover;
    overflow: hidden;
    background: #f4f4f4;
}
body .b24-form-wrapper.b24-form-shadow {
  /*-webkit-box-shadow: 0 .35em 2em 0 #0000003d;
  box-shadow: 0 .35em 2em 0 #0000003d;*/
  
  -webkit-box-shadow: 0 0 0 0 #00000000;
  box-shadow:  0 0 0 0 #00000000;
}
body .b24-form-padding-side {
    padding-left: 5em;
    padding-right: 5em;
}
body .b24-form-recaptcha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0 5em 20px 0;
}

body .b24-form-control-select-label, 
body .b24-form-control:focus + .b24-form-control-label, 
body .b24-form-control-not-empty + .b24-form-control-label {
    font-size: .75em;
}
body .b24-form-header {
    padding-top: 3em;
    border-bottom: none;
    text-align: left;
}
body .b24-form-header-title {
    font-size: 1.6em;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
body .b24-form-btn {
    font-size: 1em;
    font-weight: 400;
    letter-spacing: .025em;
}
body .b24-form-btn:hover {
    background-color: #f20000;
    opacity: 1;
}
body .b24-form-sign {
    opacity: 0;
}
body .b24-form-control-text .b24-form-control,
body .b24-form-control-string .b24-form-control {
  background: #fff !important;
}


body .ask-or-order-form .b24-form {
    text-align: left;
    margin-bottom: 0;
}
body .ask-or-order-form .b24-form-header {
    display: none;
}
body .ask-or-order-form .b24-form-padding-side {
    padding-left: 0;
    padding-right: 0;
}
body .ask-or-order-form .b24-form-wrapper {
    background-image: none;
    background-color: transparent;
}
body .ask-or-order-form .b24-form-wrapper.b24-form-shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
}
body .ask-or-order-form .b24-form-recaptcha {
  margin: 0 0 20px 0;
}

body .b24-form-state-container .b24-form-success {
  /*background-color: transparent;*/
  background-color: #f4f4f4;
}
.b24-form-state-container .b24-form-success {
  background-color: #f4f4f4;
  /*background-image: url(/files/tmpfiles/delaem-iz-kamnya/form-bg-marble.jpg);
  background-size: cover;*/
}

body .ask-or-order-form .b24-from-state-on .b24-form-state-container .b24-form-success {
    background-image: none;
}
body .ask-or-order-form .b24-from-state-on .b24-form-content,
body .ask-or-order-form .b24-from-state-on .b24-form-recaptcha{
    opacity: 0;
    visibility: hidden;
}
body .ask-or-order-form .b24-from-state-on .b24-form-state-container {
  background-color: transparent;
}


body .box-2-col .b24-form-padding-side {
  padding-left: 2em;
  padding-right: 2em;
}
body .box-2-col .b24-form {
  margin: 0;
}

.getconsult-form .b24-form-content > form > div:first-child .b24-form-field {
  width: 48%;
  float: left;
  margin-right: 2%;
}

/* +++ FORM of BITRIX24 +++ */

.cat-price-table td a.zapros-sendform {
    padding: .25em .5em;
    display: block;
    background-color: #95c42e;
    color: white;
    border-radius: .25em;
    text-decoration: none;
    font-weight: 400;
}
.cat-price-table td a.zapros-sendform:hover {
    background-color: #a9d24e;
}




.form-get-consult {
    width:100%;
    /*background-image: url(/files/tmpfiles/delaem-iz-kamnya/form-bg-marble.jpg);*/
    /*background-size: cover;*/
    background: #f3f3f3;
    border-radius: 1.5em;
    box-shadow: 0 .35em 2em 0 #0000003d;
    overflow:hidden;
    margin: 2.5em auto;
}
.form-get-consult > div {
    width:50%;
}

.form-get-consult > div:first-child {
    background-image: url(/files/tmpfiles/delaem-iz-kamnya/hamamy/topscreen/02.jpg);
    background-size: cover;
    background-position: center;
}
.form-get-consult .b24-form {
    margin: 0;
}
.form-get-consult .b24-form-wrapper.b24-form-shadow {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-get-consult .b24-form-wrapper {
  background-image: none;
  overflow: hidden;
  background-color: transparent;
}
.form-get-consult .b24-form-header-title {
    /*display: none;*/
}
.form-get-consult .b24-form-control-text .b24-form-control, 
.form-get-consult .b24-form-control-string .b24-form-control {
  padding: 2.5em 2em 1.5em 1.5em;
  border-radius: .5em;
}
.form-get-consult .b24-form-btn {
  border-radius: .5em;
}
.form-get-consult .b24-form-header {
  padding-top: 2em;
}



.vac-top > div {
  padding-top: 1em;
  width: 33.33%;
}
.vac-top p {
  font-size: 1em;
  margin: 0;
}
.vac-top b {
  display: block;
  font-size: 1.5em;
  font-weight: 700;
  padding-top: .4em;
}




/*********************** MEDIA-SCREEN *********************************/
/**************************** MEDIA-SCREEN *********************************/
/********************************* MEDIA-SCREEN *********************************/

@media only screen and (max-width: 1680px) {
	/*.sld-text-box { margin-left: 95px; }*/
	.main-sldr-box { height: 480px; }
	.main-sldr-changing-picts div img { margin-left: -983px; }
	.komanda-box ul { margin: 0 -20px; }
}

@media only screen and (max-width: 1440px) {
	.main-sldr-box { height: 450px; }
	.main-sldr-changing-picts div img { margin-left: -922px; }
	
	.cat-item-photo-box .top-photo::before { margin-top: -12%; }
	.komanda-box li > b { width: 75px; height: 75px; }
	.komanda-box li > a span i { margin-right: 40px; }
	/*.komanda-box li > a span::before { width: 75px; height: 75px; }*/
	.komanda-box li > a span::after { right: 18px; bottom: 18px; }
	.komanda-box li > a:hover span:after { right: 9px; bottom: 14px; }
	
	.cat-menu-box, .scrollover-header .cat-menu-box { margin-left: -70px; padding-left: 70px; margin-right: -70px; padding-right: 70px; }
	.scrollover-header .cat-menu-dop { width: 75%; }
}

@media only screen and (max-width: 1279px), screen and (max-height: 800px) {
body, h1, h2, h3, h4, h5, h6 { font-size: 18px; }
.vverh { margin-right: -10px; }
}

@media only screen and (max-width: 1279px) {
.menu-cont-box { width: 25%; }
.menu-box { margin: 0 40px; }
.wid-padd { padding-right: 40px; padding-left: 40px; }
.widpadd-out { margin-right: -40px; }
.widpadd-right { margin-right: 70px; }
.widpadd-left-out { margin-left: -70px; }
.news-spec-bar-box p { font-size: .9em; }
.news-spec-bar-box .nsbb-zag {font-size: 1.1em; }
.nsbb-news-item-padd { padding-left: 20px; }
.scrollover-menu-box { margin-right: 40px; }
.sld-text .zag {font-size: 2.5em; }
.cgg-card { width: 33.33%; }
.main-sldr-box { height: 420px; }
.main-sldr-changing-picts div img { margin-left: -860px; }
.main-sldr-text { font-size: .9em; }
.main-sldr-text-box-area { padding-top: 50px; }
.cat-item-photo-box .top-photo::before { margin-top: -13%; }
.sldr920-note ul { font-size: 1.4em; }
.teaser-gal li { width: 25%; margin: 0; }
.our-capacity li > span i { font-size: 4em; }
.facts .box1 p, .facts .box1 h1 { margin-left: 20px; }
.facts .box3 .dig { margin-left: 10px; }
.delaem-karusel-box .owl-nav { left: 32px; width: auto; right: 32px; }
.delaem-karusel-box .owl-nav .owl-prev { left: -55px; }
.delaem-karusel-box .owl-nav .owl-next { right: -55px; }



	.cat-menu-box, .scrollover-header .cat-menu-box { margin-left: -80px; padding-left: 80px; margin-right: -10px; padding-right: 10px; }
	.cat-menu-box { margin-left: -10px; padding-left: 10px; margin-right: -10px; padding-right: 10px; }
	.scrollover-header .cat-menu-dop { width: 74%; }
	.portfolio-box li a .wrap { padding: 15px; }
	.portfolio-box.portfolio-box-item ul { margin: 0 -15px; }
	
}

@media only screen and (max-width: 1100px) {	
body, h1, h2, h3, h4, h5, h6 { font-size: 17px; }
.wid-padd { padding-left: 40px; }
.text-box-vert-padd { padding-top: 35px; padding-bottom: 35px; }
.vert-padd-h-1 { padding-top: 17px; padding-bottom: 17px; }
.main-sldr-box { height: 400px; }
.main-sldr-changing-picts div img { margin-left: -819px; }
.main-sldr-text { font-size: .85em; }
.news-box-over-sld { width: 35%; right: -37%; }
.cat-item-photo-box .top-photo::before { margin-top: -14%; }
.komanda-box li { width: 33.33%; }
.sldr920-note ul { font-size: 1.3em; }
.cat-item-photo-box .tags .discount p, .cat-item-photo-box .tags .new p, .cat-item-photo-box .tags .exclusive p {
	height: 42px; padding: 0 28px 0 18px; line-height: 42px; font-size: 1.2em; }
.page-top-screen .txt { padding: 0 1em 0 0; }
}

@media only screen and (max-width: 1023px) {
.scrollover-header, .header { display: none; }
.header-mobile { display: block; }
.total-wraper { padding-top: 80px; }
.top-menu-partner { display: none; }
.main-h1.bg-plitki::before { height: 7.5em; }
.cat-item-photo-box .top-photo::before { margin-top: -15%; }
.print-page-box .print { display: none; }
.print-page-box .share p { margin-left: 0; padding: 10px;}
.print-page-box .wrap div p { padding-left: 28px; margin-left: 8px; }
.print-page-box .wrap { padding: 0; }
.print-page-box .wrap > div.share p::before {
    width: 20px; height: 20px; margin-top: -10px;
    background-image: url(../img/sprite-mob-menu.png);
	background-size: 120px 120px; background-position: -80px -80px; 
}
.portfolio-box li a .wrap { padding: 5px; }
.notice h2 { margin-left: 10px; }
.notice p { margin-left: 10px; }
.portfolio-box .text { margin: 10px 5px; font-size: .9em; }
.main-content-tabs li a { padding: .35em .6em; margin-right: .5em; margin-bottom: .45em; font-size: .95em; }
.our-capacity li { width: 100%; float: none; margin: auto;  max-width: 420px; }
.our-capacity li > p { margin: .5em 0 2em; }
.oborudovanie-box-items-cards .owl-prev, .oborudovanie-box-items-cards .owl-next { width: 5em; height: 5em; margin-top: -2.5em; }
.oborudovanie-box-items-cards .owl-prev:hover, .oborudovanie-box-items-cards .owl-next:hover { width: 5.6em; height: 5.6em; margin-top: -2.8em; }
.oborudovanie-box-items-cards .owl-prev:hover { margin-left: -4.3em; }
.oborudovanie-box-items-cards .owl-next:hover { margin-right: -4.3em; }
.oborudovanie-item span.col-picts i { 
    -webkit-transform: scale(.75,.75); -moz-transform: scale(.75,.75);
    -ms-transform: scale(.75,.75); -o-transform: scale(.75,.75);
    transform: scale(.75,.75); }
.oborudovanie-item span.col-picts a:hover i {
	-webkit-transform: scale(.55,.55); -moz-transform: scale(.55,.55);
	-ms-transform: scale(.55,.55); -o-transform: scale(.55,.55);
	transform: scale(.55,.55); }
.sldr920-note ul { font-size: 1.2em; }
.cat-item-photo-box .tags .discount p, .cat-item-photo-box .tags .new p, .cat-item-photo-box .tags .exclusive p {
	height: 36px; padding: 0 24px 0 14px; line-height: 36px; font-size: 1.1em; }
.portfolio-box ul { margin: 0 -10px; }
.portfolio-box.portfolio-box-item ul { margin: 0 -5px; }

.bnr-link-kartiny {display:none;}

.form-get-consult .b24-form-padding-side { padding-left: 3em; padding-right: 3em; }


}

@media only screen and (max-width: 991px) {
body, h1, h2, h3, h4, h5, h6 { font-size: 16px; }
.main { padding-top:1em; }
.text-box-vert-padd { padding-top: 30px; padding-bottom: 30px; }
.vert-padd-h-1 { padding-top: 15px; padding-bottom: 15px; }
.display-desk { display: none !important; }
.display-mob { display: block !important; }
.padd-hor-desk { padding-left:10px; padding-right:10px; }
.sprite-pict { background-image: url(../img/sprite-sm.png); }
.sprite-after::after, .sprite-before::before, .utp-list li::before, .headerline > span::before, .ul-point li::before {
    background-image: url(../img/sprite-sm.png); }
.main-sldr-box { height: 370px; }
.main-sldr-changing-picts div img { margin-left: -758px; }
.main-sldr-text { font-size: .8em; }
.main-sldr-text-box-area { padding-top: 40px; margin-left: 40px; }
.news-box-over-sld { width: 40%; right: -42%; }
.partneram li a span { width: 109px; height: 70px; margin: 0 auto; }
.partneram li a span::after { left: 22px; top: 5px; width: 70px; height: 70px; background-size: 210px 140px; }
.partneram li a span::before { left: 10px; top: 9px; width: 106px; height: 70px;
    background-position: -70px -70px; background-size: 210px 140px; }
.partneram li + li a span::after { background-position: 0 -70px; }
.partneram li + li + li a span::after { background-position: -70px 0; }
.partneram li + li + li + li a span::after { background-position: -140px 0; }
.partneram li a:hover span:before { left:0; top:0; }
.partneram li a:hover span:after { left:30px; }
.vitr-1 { width: 40%; }
.vitr-2 { width: 60%; }
.vitr-3 { width: 90%; }
.vitr-mramor { height: 280px; }
.vitr-granit .vitr-marg { height: 300px; }
.vitr-onyx .vitr-marg { height: 140px; }
.vitr-travertin .vitr-marg { height: 120px; }
.vitr-izvestnyak { width: 37%; }
.vitr-izvestnyak .vitr-marg { height: 210px; margin-left: 50px; }
.vitr-skiros .vitr-marg { height: 130px; }
.vitr-kvarcit { width: 29%; }
.vitr-kvarcit .vitr-marg { height: 130px; }
.vitr-slanec { width: 26%; }
.vitr-peschannik .vitr-marg { height: 110px; }
.vitr-slanec .vitr-marg { height: 150px; }
.delaem-karusel .wid-padd { padding-right: 100px; padding-left: 100px; }
.wid-padd { padding-left: 60px; }
.widpadd-out { margin-left: -60px; }
.widpadd-right { margin-right: 20px; }
.widpadd-left-out { margin-left: -20px; }
.footer .col-2, .footer .col-3, .footer .col-4 { display: none; }
.footer .col-1 { width: 100%; }
.footer-contacts { width: 50%; float: left; }
.smm-ico-box { padding: 24px 0 24px 48px; }
.smm-ico-box ul { float: right; }
.remake-style .facts::before { left: 0; right: 0; }
.facts .box3 .dig span { font-size: 3.5em; }
.portfolio-karusel-showbox { padding-left: 15px; padding-right: 15px; }
.portfolio-karusel-item a span { display: none; }
.portfolio-karusel-item img { padding: 5px; }
.internal-page-content-box .wid-limit { position: inherit; }
.catalog-group-goods { width: 100%; }
.cgg-card { width: 33.33%; }
.catalog-group-filter { width: 32%; position: fixed; right: 10%; z-index: 1000000; }
.catalog-group-filter {
    width: 85%; position: fixed; right: -85%; top: 0px; bottom: 0;
    z-index: 1000000;
    background-color: #f5f5f5;
    max-width: 300px;
	overflow: scroll;
}
.catalog-group-box.filtr .catalog-group-filter { right: 0%; }
.catalog-group-filter-box { margin-right: 1.5em; }
.catalog-group-goods-sort i { display: block; clear: both; }
.catalog-group-goods-sort ul {
    padding: 0 10px;
	width: 200px;
    float: left;
    position: absolute;
    z-index: 1000000;
    background-color: rgb(221,221,221);
	visibility: hidden;
	opacity: 0;
	top: 200%;
}
.catalog-group-goods-sort.actv ul { visibility: visible; opacity: 1; top: 0%; padding: 10px; }
.catalog-group-goods-sort li { float: none; }
.catalog-group-goods-sort li a em { font-style: normal; display: inline; }
.catalog-group-goods-sort p span { display: none; }
.catalog-group-goods-sort p span+span { display: block; float: left; position: relative; }
.catalog-group-goods-sort p b { display: block; }
.breadcrumbs .wid-padd::before { display: none; }
.basic-page-content { margin-left:2em; margin-right:1em; }
.basic-text-padd { padding-left: 0; padding-right: 0; }
.basic-text-padd-center { padding-right: 0; padding-left: 0; }

#addToCartBox a:after { width: 26px; height: 20px; background-size: 120px 120px; background-position: -80px -60px; }
.cat-item-photo-box .top-photo::before { margin-top: -16%; }
.notice p { font-size: .95em; }
.main-content-tabs li a { font-size: .9em; }
.portfolio-box.portfolio-box-item ul li { width: 50%; }
.portfolio-box.portfolio-box-item ul { /*width: 66.66%;*/ }
.portfolio-box-info-col { /*width: 30%;*/ }
.blockquote { margin-right: 0px; }
.oborudovanie-item span.col-text { font-size: .95em; }
.basic-page-slider.sldr920 { width: 90%; float: none; padding-bottom: 1em; }
.sldr920-note { width: 100%; float: none; }
.sldr920-note ul { margin-left: 0; margin-top: -6em; width: 50%; float: right; }
.zapros-list--send-request-area .ask-or-order-form .row1, .zapros-list--send-request-area .ask-or-order-form .row2 { width:100%; float: none; }
.zapros-list--send-request-area .ask-or-order-form textarea { height: 10em; margin-top: .5em; }

.quadro .item { width: 50%; }
.quadro .item .padd { /*padding: 5px 10%;*/ }

.catalog-group-filter-block .cgg-card {
  width: 50%;
}
.tiles-trio > div {
  width: 50%;
}
.box-half > div, .box-2-col .box-75, .box-2-col .box-66 {
    width: 100%;
}

.informatoriy span.pict {
  width: 25%;
}



}




@media only screen and (max-width: 840px) {
.facts .box3 .dig span { font-size: 3.2em; }
.wid-padd { padding-left: 40px; }
.widpadd-out { margin-left: -40px; }
.widpadd-right { margin-right: 0; }
.widpadd-left-out { margin-left: 0; }
.cat-item-photo-box .top-photo::before { margin-top: -20%; }
.main-h1 { font-size: 2.1em; }
.cat-item-photo-box { width: 100%; float: none; }
.cat-item-photo-box .photobox-wraper { width: 100%;/* float: left;*/ }
.cat-item-photo-box .top-photo { width: 50%; }
.cat-item-photo-box .prev-photo { padding: 0; width: 50%; }
/*.made-with-this { clear: none; margin: 0; float: right; width: 46%; }*/
.cat-item-info-box { width: 100%; float: none; clear: both; }
.cat-item-info-box .padd { padding-left: 0; }
.made-with-this .h-5 { font-size: 115%; padding-top: 10px; padding-bottom: 5px; }
.made-with-this ul li a { margin-left: 75px; margin-right: 15px; font-size: .8em; }
.country-box .country span { line-height: 48px; }
.cat-item-info-box { padding-top: 1em; margin-top: .5em; }
.notice p { width: 100%; }
.portfolio-box li { width: 33.33%; }
.portfolio-box-info-col { /*width: 33.33%;*/ }
.komanda-box li { width: 50%; max-width: 320px; padding: 0 0 20px 0; }
.komanda-box-group-wrap { overflow: scroll; margin-bottom: 1em; }
.komanda-box ul { display: table; }
.komanda-box li { width: auto; display: table-cell; }
.komanda-box li > a { width: 260px; margin-top: 10px; }
.komanda-box li > b { top: 25px; }
.komanda-box-group-wrap { margin-right: -40px; }
.lead-hntr-form div { width: 80%; float: none; margin: auto; }
.lead-hntr-form { margin-bottom: 3em; }
.oborud-box-nav.nav-left { margin-left: -3em; }
.oborud-box-nav.nav-right { margin-right: -3em; }
.oborud-box-nav.nav-left:hover { margin-left: -3.3em; }
.oborud-box-nav.nav-right:hover { margin-right: -3.3em; }
.oborudovanie-box-items-cards .owl-prev{ margin-left: -3em; }
.oborudovanie-box-items-cards .owl-next { margin-right: -3em; }
.oborudovanie-box-items-cards .owl-prev:hover { margin-left: -3.3em; }
.oborudovanie-box-items-cards .owl-next:hover { margin-right: -3.3em; }
.oborudovanie-item span.col-picts b, .portfolio-box .wrap .pict b, .news-gallery li a b { width: 80px; height: 80px; margin-left: -40px; margin-top: -40px; }
.sldr920-note ul { padding-left: 1.5em; }
.feedback-about .text p { margin-right: 0; }
.teaser-gal li { width: 33.33%; }
.basic-page-content { margin-left:1.5em; margin-right:0; }
.cont-block-on-page div { display: block; width: 100%; margin-right: 0; }
.basic-page-slider { margin: 1.5em -40px; }

.page-top-screen { -webkit-box-direction: reverse; flex-direction: column-reverse; }
.page-top-screen .box { width: 100%; padding-left: 0; }
.page-top-screen { margin: 1em 0 2em; }
.page-top-screen .txt ul { margin-top: 1.75em; }


.form-get-consult .b24-form-padding-side { padding-left: 2em; padding-right: 2em; }
.page-top-screen .box + .box { padding-left: 0; }

}

@media only screen and (max-height: 700px) {
}

@media only screen and (max-width: 767px) {
.display-desk-min { display: none; }
.display-mob-min { display: block; }
.mob-text-center { text-align: center; }
.main-sldr-box { height: 320px; }
.main-sldr-changing-picts div img { margin-left: -655px; }
.main-sldr-text { font-size: .75em; }
.main-sldr-text-box-area { padding-top: 30px; }
.main-sldr-changing-picts::after { right: -10%; }
.main-sldr-changing-picts:before { left: -10%; }
.partneram li { width: 50%; display: inline-block; margin-right: -.25em; float: none; vertical-align: top; }
.partneram li+li+li { margin-top: 40px; }
.mobmenu-mine .cat-menu-tabs > li > ul > li a { padding: 22px 20px; }
html.sdvig .overlay { left: 60%; }
html.sdvig .overlay-bg { left: 60%; }
.mob-menu {	left: -60%; width: 60%; }
html.sdvig .header-mobile { left: 60%; }
.vitr-1 { width: 100%; }
.vitr-2 { width: 100%; }
.vitr-3 { width: 100%; }
.red-btn-xl { padding: .7em 1.1em; }
.vitr-mramor { height: 180px; margin-right: 0; margin-bottom: 15px; margin-top: 0; }
.vitr-granit .vitr-marg { margin-right: 15px; margin-bottom: 15px; height: 260px; }
.vitr-granit { width: 50%; }
.vitr-onyx { width: 50%; }
.vitr-travertin { width: 50%; }
.vitr-onyx a { margin-top: 0; }
.vitr-onyx .vitr-marg { margin-bottom: 15px; height: 130px; }
.vitr-travertin .vitr-marg { height: 115px; }
.vitr-izvestnyak { width: 39%; }
.vitr-izvestnyak .vitr-marg { margin-right: 15px; margin-bottom: 15px; margin-left: 0; height: 130px; }
.vitr-skiros { width: 30%; }
.vitr-skiros .vitr-marg { margin-bottom: 15px; margin-right: 15px; }
.vitr-kvarcit { width: 31%; }
.vitr-slanec { width: 38%; margin-left: 12%; }
.vitr-kvarcit .vitr-marg { margin-bottom: 15px; }
.vitr-slanec .vitr-marg { height: 110px; margin-right: 15px; }
.vitr-peschannik { width: 35%; }
.main-h1 { font-size: 2em; }
.delaem-karusel .wid-padd { padding-right: 90px; padding-left: 90px; }
.facts .box1, .facts .box2 { width: 100%; float: none; }
.point-stroka { margin-bottom: 20px; }
.facts .box3 li { width: 100%; float: none; padding-top: 0; padding-bottom: 20px; clear: both; position: relative; z-index: 1; }
.facts .box3 .txt { margin-left: 1em; float: left; font-weight: 400; margin-top: 1em; }
.facts .box3 .txt { margin-left: 2em; float: none; margin-top: -.5em;}
.facts .box3 .txt br { display: none; }
.facts .box3 .dig { float: none; margin-left: 15%; }
.facts .box3 li::before { width: 157px; height: 86px; top: 0; z-index: -1; }
.homepage-text-about .col-1, .homepage-text-about .col-2 { width: 100%; float: none; }
.homepage-text-about .col-1 > div, .homepage-text-about .col-2 > div { margin-right: 0; margin-left: 0; }
.footer-contacts { width: 100%; float: none; }
.smm-ico-box { padding: 24px 0 24px 0; width: 100%; float: none; }
.cgg-card { width: 50%; }
.cat-item-photo-box .top-photo::before { margin-top: -22%; }
.main-content-tabs li a { font-size: .85em; border-width: 2px; }
.notice { padding: 1.5em 0; }
.portfolio-box.portfolio-box-item ul { width: auto; float: none; clear: both; }
.portfolio-box-info-col .wrap { margin-left: 15px; }
.portfolio-box-info-col { width: 100%; float: none; clear: both; margin: 0; }
.partners-item-col-1 { width: 50%; margin-left: 2em; }
.partners-item-col-2 { width: 75%; margin-top: -1.5em; }
.oborudovanie-item span.col-text { font-size: .9em; }
.oborud-box-nav { width: 3.6em; height: 4.4em; margin-top: -2.2em; }
.oborudovanie-box-items-cards .owl-prev, .oborudovanie-box-items-cards .owl-next { width: 3.6em; height: 4.4em; margin-top: -2.2em; }
.oborudovanie-box-items-cards .owl-prev:hover, .oborudovanie-box-items-cards .owl-next:hover { width: 3.8em; height: 4.8em; margin-top: -2.4em; }
.oborudovanie-box-items-cards .owl-prev:hover { margin-left: -3.1em; }
.oborudovanie-box-items-cards .owl-next:hover { margin-right: -3.1em; }
.oborudovanie-item span.col-picts { width: 89%; margin-right: 2%; }
.oborudovanie-item span.col-picts i { 
    -webkit-transform: scale(.6,.6); -moz-transform: scale(.6,.6);
    -ms-transform: scale(.6,.6); -o-transform: scale(.6,.6);
    transform: scale(.6,.6);}
.oborudovanie-item span.col-picts a:hover i {
	-webkit-transform: scale(.45,.45); -moz-transform: scale(.45,.45);
	-ms-transform: scale(.45,.45); -o-transform: scale(.45,.45);
	transform: scale(.45,.45);}
.col-50 { float: none; width: 100%; }
.sldr920-note ul { margin-right: -2.1em; }
.basic-page-slider.sldr920 { width: 100%; }
.persona-profile .photo { width: 100%; float: none; max-width: 350px; }
.persona-profile .photo img { display: block; margin-left: 2em; }
.persona-profile .txt { width: 100%; float: none; margin-top: 2em; }
.zapros-list-item .name { width: 70%; }
.zapros-list-item .count { width: 70%; margin-right: 9%; float: right; }
.zapros-list-item .count p { float: right; }
.zapros-list-item .count form { float: left; }
.zapros-list-item .photo { width: 18%; }
.zapros-list--send-request-area .notice { width: 90%; }
.box-2-col > div { width: 100%; float: none; }
.catalog-group-goods .cat-btn-more.loadmore { display:block; }
/*.base-paginator { display:none; }*/
.basic-page-content { margin-left:1em; }
.serv-box-on-page div.item { width: 100%; float: none; padding-bottom: 20px; padding-top: 10px; }
.trio { text-align: center; }
.trio .item { width:50%; float:none; margin-bottom:1em; display:inline-block; vertical-align:top; }
.article.basic-page-content.news-content > p { margin-left: auto; }
.article.basic-page-content.news-content > ul, .article.basic-page-content.news-content > ol { margin-left: auto; }
.article.basic-page-content.news-content > p img { margin-left: auto; }
.made-with-this ul li { width: 50%; }

.quadro .item .padd { /*padding: 5px 5%;*/ }
.quadro .item .ico img { max-width: 96px; }
#toTop { right: auto; left: 5px }

.portfolio-about-project { width: 100%; float: none; }
.portfolio-box-info-col .used-stones { width: 100%; float: none; }
.portfolio-box-info-col .used-stones > div { width: 16.66%; }
.portfolio-box-info-col > .wrap .works-info { margin: 1rem 1rem 1rem 0; }
.portfolio-box-info-col .used-stones > div > span { right: 10%; bottom: 80%; min-width: 125%; }

.main-content-box .delaem-karusel .wid-padd { margin-left: -40px; margin-right: -40px; }

.quadro .item .ico img, .trio .item .ico img, .duo .item .ico img { max-width: 64px; }
.tg-linkbox .wrap { box-shadow: 0 0 20px #00000036; padding: 1.5em; }

.form-get-consult > div { width:100%; }
.portfolio-upload li { width: 33%; }

.box-2-col > div > div { padding-bottom: 0; }
.box-2-col > div+div > div { padding-bottom: 15px; padding-top: 0; }
.box-2-col > div+div > div li:first-child { margin-top: -.5em; }
.form-get-consult > div:first-child { height: 50vw; }
.vac-top > div { padding-top: 1.25em; width: 100%; }



.b24-form-content > form > div:first-child { margin-right: 0; }
.b24-form-content > form > div:first-child .b24-form-field { width: 100%; float: none; margin-right: 0; }
.b24-form-content > form > div:first-child .b24-form-field:first-child + .b24-form-field + .b24-form-field + .b24-form-field { width: 100%; float: none; margin-right: 0; }

}



@media only screen and (max-width: 640px) {
#toTop { top: 80%; margin-top: -40px; width: 40px; height: 40px; background-image: url(../img/vverh-sm.png); }
#toTop:after { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; background-image: url(../img/sprite-mob-menu.png);
	background-size: 120px 120px; background-position: -100px -80px;        }
.padd-hor-desk { padding-left:8px; padding-right:8px; }
.header-mobile-2024 .logo-mobile a img { top: 26px; height: 22px; }
.main-sldr-box { height: 260px; }
.main-sldr-changing-picts div img { margin-left: -532px; }
.main-sldr-text { font-size: .70em; }
.main-sldr-text-box-area { padding-top: 25px; margin-left: 30px; }
.main-sldr-header { width: 60%; font-size: 2.5em; }
.news-box-over-sld { position: relative; right: -100%; bottom: 0; width: 100%; margin-bottom: 0; margin-right: 0; }
.main-sldr-header { width: 75%; font-size: 2.45em; }
.main-sldr-changing-text { width: 65%; }
.main-sldr-changing-picts div span { width: 96%; }
.main-sldr-changing-picts div.actv span { width: 88%; }
.main-sldr-changing-picts div.actv span+span { width: 68%; }
.main-sldr-changing-picts div.actv span+span+span {	width: 48%; }
.main-sldr-changing-picts::after { right: -15%; }
.main-sldr-changing-picts:before { left: -15%; }
.news-box-over-sld .wrap { padding: 15px 15px 20px; }
.partneram li a i { font-size: 1em; }
.mobmenu-mine .cat-menu-tabs > li > ul > li a { padding: 20px 20px; }
html.sdvig .overlay { left: 70%; }
html.sdvig .overlay-bg { left: 70%; }
.mob-menu {	left: -70%; width: 70%; }
html.sdvig .header-mobile { left: 70%; }
.vitr-izvestnyak { width: 50%; }
.vitr-izvestnyak .vitr-marg { margin-right: 15px; margin-bottom: 15px; margin-left: 0; height: 110px; }
.vitr-skiros { width: 50%; }
.vitr-skiros .vitr-marg { margin-bottom: 15px; margin-right: 0; height: 110px; }
.vitr-kvarcit { width: 50%; }
.vitr-slanec { width: 50%; margin-left: 0; }
.vitr-kvarcit .vitr-marg { margin-bottom: 15px; margin-right: 15px; height: 110px; }
.vitr-slanec .vitr-marg { height: 110px; margin-right: 0; margin-bottom: 15px;  }
.vitr-peschannik { width: 50%; }
.vitr-peschannik .vitr-marg { margin-right: 15px;  }
.vitr-granit .vitr-marg { height: 235px; }
.vitr-onyx .vitr-marg { height: 110px; }
.vitr-travertin .vitr-marg { height: 110px; }
.main-h1 { font-size: 1.9em; }
.delaem-karusel .wid-padd { padding-right: 85px; padding-left: 85px; }
.facts .box3 .txt { margin-left: 2em; float: none; margin-top: -.5em;}
.facts .box3 .dig { float: none; margin-left: 14%; }
.facts .box3 li { padding-bottom: 30px; }
.facts .box3 li::before { right: 15%; }
.facts .box3 li + li::before { right: 15%; }
.facts .box3 li + li + li::before { right: 15%; }
.portfolio-karusel-item { width: 50%; }
.cat-item-photo-box .top-photo::before { margin-top: -13%; }
.made-with-this .h-5 { font-size: 105%; padding-top: 0; }
.made-with-this ul li { padding-top: 0; }
.our-servises li { width: 50%; margin-bottom: 1.25em; }
/*.made-with-this { width: 48%; }*/
.portfolio-box li { width: 50%; }
.notice h2 { margin-left: 0; font-size: 1.5em; }
.notice p { margin-left: 0; }
.portfolio-box ul { margin-left: -10px; margin-right: -10px; }
.main-content-box .ask-or-order-form { padding: 1em 3em 2em; }
.ask-or-order-form input[type="radio"] + label { padding: 5px 9px; font-size: .9em; }
.partners-item-col-1 { width: 60%; }
.partners-item-col-2 { width: auto; }
.oborudovanie-item span.col-picts b, .portfolio-box .wrap .pict b, .news-gallery li a b { width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; border-width: 2px; }
.oborudovanie-item span.col-picts i { 
    -webkit-transform: scale(.5,.5); -moz-transform: scale(.5,.5);
    -ms-transform: scale(.5,.5); -o-transform: scale(.5,.5);
    transform: scale(.5,.5);}
.oborudovanie-item span.col-picts a:hover i {
	-webkit-transform: scale(.4,.4); -moz-transform: scale(.4,.4);
	-ms-transform: scale(.4,.4); -o-transform: scale(.4,.4);
	transform: scale(.4,.4);}
.sldr920-note { padding-bottom: 1em; }
.sldr920-note ul { width: 100%; float: none; margin-left: 2.1em; margin-top: -4.5em; }
.komanda-box li > a span i img { max-width: 220px; }
.feedback-about .pict a::before { top: -1.75em; width: 200%; right: -130%; }
.feedback-about .pict { width: 33%; }
.feedback-about li { padding: 1em 0 4em; }
.feedback-about .infobox { width: 90%; margin-top: 2em; }
.cat-item-photo-box .tags .discount p, .cat-item-photo-box .tags .new p, .cat-item-photo-box .tags .exclusive p {
	height: 30px; padding: 0 20px 0 10px; line-height: 30px; font-size: 1.05em; }
.teaser-gal li { width: 50%; }
.videolink:after {
    -webkit-transform: scale(0.8,0.8); -moz-transform: scale(0.8,0.8);
	-ms-transform: scale(0.8,0.8); -o-transform: scale(0.8,0.8);
	transform: scale(0.8,0.8);}
.videolink:hover:after {
    -webkit-transform: scale(0.7,0.7); -moz-transform: scale(0.7,0.7);
	-ms-transform: scale(0.7,0.7); -o-transform: scale(0.7,0.7);
	transform: scale(0.7,0.7);}
.basic-page-content { margin-left:0em; }

.quadro .item { width: 100%; }
.quadro.slim .item { width: 50%; }
.quadro .item .padd { /*padding: 5px 10%;*/ }
.quadro .item .ico img { max-width: 72px; }

.duo .item { width: 80%; }
.duo .item .padd { padding: 0; }
.duo .item .ico img { max-width: 72px; }

/*.ppup-conts > div { padding: 3em 2em; }*/

.tg-linkbox .pic { width:100%; }
.tg-linkbox .txt { width:100%; margin-top: 1em; text-align:center; }
.tg-linkbox .pic img { max-width: 130px; }

.catalog-group-goods-box { margin: 8px -30px; }

body .b24-form-padding-side {
    padding-left: 3em;
    padding-right: 3em;
}
body .b24-form-recaptcha { margin: 0 3em 20px 0; }
body .ask-or-order-form .b24-form-recaptcha { margin: 0 0 20px 0; }
.ppup-conts-txt { padding: 4em 2em 3em; }
.ppup-conts .ask-or-order-form { padding: 2em; }
.tiles-trio > div {
  width: 100%;
}
    
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
}

@media only screen and (max-width: 600px) {
.ask-or-order-form { padding: 2.5em 2em 2em 2em; }
.trio .item a .txt { font-size:1.1em; }

.page-top-screen { margin: 1em 0 1em; }
.portfolio-upload li { width: 50%; }
.li-linkrows li a > i:first-child { max-width: 4em; }

}

@media only screen and (max-width: 480px) {
body, h1, h2, h3, h4, h5, h6 { font-size: 15px; }
.h-0 { font-size: 225%; padding-top: 20px; padding-bottom: 10px; }
.h-1 { font-size: 175%; padding-top: 20px; padding-bottom: 10px; }
.h-2 { font-size: 160%; padding-top: 12px; padding-bottom: 8px; }
.h-3 { font-size: 145%; padding-top: 12px; padding-bottom: 8px; }
.h-4 { font-size: 130%; padding-top: 12px; padding-bottom: 8px; }
.h-5 { font-size: 120%; padding-top: 10px; padding-bottom: 7px; }
.h-6 { font-size: 110%; padding-top: 10px; padding-bottom: 6px; }
.cat-item-about h2 { font-size: 130%; padding-top: 12px; padding-bottom: 8px; }
.cat-item-about h3 { font-size: 120%; padding-top: 10px; padding-bottom: 7px; }
.main-sldr-box { height: 250px; }
.main-sldr-changing-picts div img { margin-left: -512px; }
.main-sldr-text { font-size: .70em; }
.main-sldr-text-box-area { padding-top: 20px; margin-left: 20px; }
.main-sldr-changing-picts::after { right: -20%; }
.main-sldr-changing-picts div span { width: 100%; }
.main-sldr-changing-picts div.actv span { width: 92%; }
.main-sldr-changing-picts div.actv span+span { width: 62%; }
.main-sldr-changing-picts div.actv span+span+span {	width: 32%; }
.main-sldr-changing-picts:before { left: -20%; }
html.sdvig .overlay { left: 85%; }
html.sdvig .overlay-bg { left: 85%; }
.mob-menu {	left: -85%; width: 85%; }
html.sdvig .header-mobile { left: 85%; }
.widpadd-out { margin-left: -30px; margin-right: -20px; }
.vitr-granit, .vitr-onyx, .vitr-travertin, .vitr-izvestnyak, .vitr-skiros, .vitr-kvarcit.vitr-kvarcit, .vitr-slanec, .vitr-peschannik { width: 100%; }
.vitr-mramor { height: 80px; margin-bottom: 6px; }
.vitr-kvarcit .vitr-marg, .vitr-slanec .vitr-marg, .vitr-peschannik .vitr-marg, .vitr-granit .vitr-marg, .vitr-onyx .vitr-marg, .vitr-izvestnyak .vitr-marg, .vitr-travertin .vitr-marg, .vitr-skiros .vitr-marg { height: 80px; margin-bottom: 6px; margin-right: 0; }
.cat-vitrina-box a span { font-size: 1.7em; padding: .5em 1em; }
.main-h1 { font-size: 1.75em; }
.delaem-karusel .wid-padd { padding-right: 80px; padding-left: 80px; }
.facts .box3 .txt { margin-left: 1em; }
.facts .box3 .dig { margin-left: 0; }
.facts .box3 li::before { right: 0; }
.facts .box3 li + li::before { right: 0; }
.facts .box3 li + li + li::before { right: 0; }
.facts .box3 .dig span { font-size: 2.75em; }
.point-stroka span::before {
    content: '';
    position: absolute;
    display: block;
    width: 11px;
    height: 10px;
    left: 20px;
    top: 50%;
    margin-top: -5px;
    background-image: url(../img/sprite.png);
    background-position: 0 -50px;}
.facts .box1, .facts .box2 { clear: both; }
.point-stroka span { padding-left: 51px; }
.wid-padd { padding-left: 15px; padding-right: 15px; }
.footer-contacts { padding: 24px 0 0 0; }
.delaem-karusel-box .owl-nav { /*top: 100%; margin-top: -32px; left: 45%; width: 10%;*/ }
.delaem-karusel-box .owl-nav .owl-prev::after, .delaem-karusel-box .owl-nav .owl-next::after { width: 16px; margin-left: -9px; }
.delaem-karusel-box .owl-nav .owl-next::after { background-position: -284px 0; }
.delaem-karusel-box .owl-nav .owl-next::after { margin-left: -8px; }
.delaem-karusel .wid-padd { padding-right: 25px; padding-left: 25px; }
.delaem-karusel-box div a { padding: 5px; }
.remake-style .cat-vitrina h2 { font-weight: 400; }
#addToCartBox.actv div { padding: 40px 20px;}
#addToCartBox div p#tovarname { font-size: 1.1em; }
.made-with-this .h-5 { font-size: 100%; }
.catalog-group-box { margin: .5em 0; }
.main-content-box .ask-or-order-form { padding: 1em 2em 2em; }
.komanda-box li > a { width: 240px; }
.komanda-box-group-wrap { margin-right: -20px; }
.partners-item-col-1 { width: 75%; margin-left: 12.5%; }
.blockquote .wrap { width: 94%; padding-left: 40px; padding-right: 10px; }
.blockquote .wrap::before { width: 94%; }
.oborudovanie-box-items-cards .owl-prev, .oborudovanie-box-items-cards .owl-next { width: 3em; height: 3em; top: 100%; margin-top: -3em; }
.oborudovanie-box-items-cards .owl-next { margin-right: 0; }
.oborudovanie-box-items-cards .owl-prev { margin-left: 0; }
.oborudovanie-box-items-cards .owl-prev:hover, .oborudovanie-box-items-cards .owl-next:hover { width: 3.2em; height: 3.2em; margin-top: -3.1em; }
.oborudovanie-box-items-cards .owl-prev:hover { margin-left: -.1em; }
.oborudovanie-box-items-cards .owl-next:hover { margin-right: -.1em; }
.oborudovanie-item span.col-picts { width: 97%; margin-right: 0; }
.oborudovanie-item span.col-picts::before { left: -3%; }
.oborudovanie-box-items-cards .owl-prev::before, .oborudovanie-box-items-cards .owl-next::before { 
	margin-left: -9px; margin-top: -24px; display: block; width: 14px; height: 40px; }
.oborudovanie-box-items-cards .owl-next::before { margin-left: -6px; }
.oborudovanie-box-items-cards .owl-next::before { background-position: -286px 0; }
.oborudovanie-item span.col-text { margin-right: 0; }
.main-content-box span.oborud-naznachenie { margin-right: 130px; min-height: 30px; }
.main-content-box span.oborud-logo { width: 110px; }
.oborudovanie-item span.col-picts i { 
    -webkit-transform: scale(.4,.4); -moz-transform: scale(.4,.4);
    -ms-transform: scale(.4,.4); -o-transform: scale(.4,.4);
    transform: scale(.4,.4);}
.oborudovanie-item span.col-picts a:hover i {
	-webkit-transform: scale(.3,.3); -moz-transform: scale(.3,.3);
	-ms-transform: scale(.3,.3); -o-transform: scale(.3,.3);
	transform: scale(.3,.3);}
.komanda-box li > a span i img { max-width: 210px; }
.zapros-list--send-request-area .notice { width: 100%; }
.zapros-list-item .count input { padding: .5em; width: 5em; }
.zapros-list-item .count p { font-size: 1.2em; }
.informatoriy.promo span.pict { width: auto; margin: 0 1em .5em; }
.informatoriy.promo span.pict img { width: 100%; max-width: 320px; }
.informatoriy span.infobox { width: 100%; float: left; padding: 0; }
.cat-item-photo-box .tags .discount p, .cat-item-photo-box .tags .new p, .cat-item-photo-box .tags .exclusive p {
	height: 28px; padding: 0 16px 0 10px; line-height: 28px; }
.videolink:after {
    -webkit-transform: scale(0.7,0.7); -moz-transform: scale(0.7,0.7);
	-ms-transform: scale(0.7,0.7); -o-transform: scale(0.7,0.7);
	transform: scale(0.7,0.7);}
.videolink:hover:after {
    -webkit-transform: scale(0.6,0.6); -moz-transform: scale(0.6,0.6);
	-ms-transform: scale(0.6,0.6); -o-transform: scale(0.6,0.6);
	transform: scale(0.6,0.6);}
.contact-list-box .foto, .contact-list-box .text { float: none; width:100%; padding: 0 1em 1em; }
.contact-list-box .foto { padding: 0; }
.contact-list-box { margin: 1.5em 0; }
.news-content .news-item-col-1 { width: 100%; float: none; margin-bottom: 1em; }
.news-content .news-item-col-2 { width: 100%; float: none; margin-bottom: 0; }
.trio { max-width:360px; margin:auto; } 
.trio .item { width:auto; display:block; }

.mob-br-on br { display: inline; }
.mob-duo { max-width: 480px; }
.mob-duo.plitki, .mob-duo.mob-out { margin:0 -15px; }
.mob-duo.plitki .item a .txt.hdr-link { font-size: 1em; }
.mob-duo .item, .mob-duo.plitki-textover .item { width:50%; }

.quadro .item .padd { padding: 5px 0; }
.quadro.slim .item { width: 100%; }

.basic-page-slider { margin: 1.5em -20px 1.5em -30px; }
.main-content-box blockquote { font-size: 1.3em; padding: 0 0 0 2em; margin: 1em 15% 1em 5%; }

.catalog-group-goods-box { margin: 8px -20px; }
.catalog-group-filter-block .cgg-card { margin-right: -.7em; }
.made-with-this ul li a img { width: 50px; height: 50px; }
.made-with-this ul li a { margin-left: 60px; margin-right: 10px; font-size: .75em; }

.cat-item-photo-box .top-photo { width: 100%; }
.cat-item-photo-box .prev-photo { padding: 0; width: 100%; }

.ppup-conts { margin: 1.5em 0; }

body .b24-form-padding-side {
    padding-left: 2em;
    padding-right: 2em;
}
body .b24-form-recaptcha { margin: 0 2.1em 20px 0; }
body .b24-form-recaptcha > div {
    -webkit-transform: scale(0.8);
    -webkit-transform-origin: top right;
    -moz-transform: scale(0.8);
    -moz-transform-origin: top right;
    -o-transform: scale(0.8);
    -o-transform-origin: top right;
    transform: scale(0.8);
    transform-origin: top right;
}
body .b24-form { margin: 1em auto; }


}



@media only screen and (max-width: 420px) {
.main-sldr-header { width: 80%; font-size: 2.35em; }
.partneram ul { padding: 10px 0px; }
.partneram li a span { width: 76px; height: 50px; margin: 0 auto; }
.partneram li a span::after { left: 16px; top: 4px; width: 50px; height: 50px; background-size: 150px 100px; }
.partneram li a span::before { left: 8px; top: 7px; width: 76px; height: 50px;
    background-position: -50px -50px; background-size: 150px 100px; }
.partneram li + li a span::after { background-position: 0 -50px; }
.partneram li + li + li a span::after { background-position: -50px 0; }
.partneram li + li + li + li a span::after { background-position: -100px 0; }
.partneram li a:hover span:before { left:0; top:0; }
.partneram li a:hover span:after { left:25px; }
.partneram li a i { font-size: .95em; }
.mobmenu-mine .cat-menu-tabs > li > ul > li a { padding: 18px 20px; }
.footer-slogan p { font-size: 1.35em; }
.footer-slogan p span { font-size: 1.35em; font-weight: 500; }
.wid-padd { padding-left: 20px; padding-right: 20px; }
.widpadd-out { margin-left: -20px; }
.main-h1 { font-size: 1.65em; }
.cat-item-photo-box .prev-photo { padding: 0; }
.cat-item-photo-box .prev-photo > div { width: 44%; }
.cat-item-photo-box .photobox-wraper { margin-left: -5px; }
/*.made-with-this { width: 50%; }*/
.made-with-this ul li a { margin-left: 59px; font-size: .85em; }
.portfolio-box li { width: 100%; margin: auto; display: block; max-width: 300px; }
.main-content-box .ask-or-order-form { padding: 1em 1.5em 2em; }
.portfolio-box.portfolio-box-item ul li { width: 100%; }
.main-content-box span.oborud-naznachenie { margin-right: 110px; }
.main-content-box span.oborud-logo { width: 95px; }
.oborudovanie-item span.col-text { font-size: .85em; }
.main-content-box span.oborud-naimenovanie { margin: 6px 0; font-size: 1.4em; }
.oborudovanie-item span.col-picts b, .portfolio-box .wrap .pict b, .news-gallery li a b { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; }
.sldr920-note ul { margin-left: 1.2em; margin-top: -3em; }
.feedback-about .infobox { width: 90%; }
.cat-item-photo-box .tags .discount p, .cat-item-photo-box .tags .new p, .cat-item-photo-box .tags .exclusive p {
	height: 26px; padding: 0 18px 0 10px; line-height: 26px; font-size: 1em; }
.in-our-collection span { display:block; margin-top:.25em; }

.basic-page-slider { margin: 1.5em -20px; }

body .b24-form-padding-side { padding-left: 1.5em; padding-right: 1.5em; }
body .b24-form-recaptcha { margin: 0 1.65em 20px 0; }

.ppup-conts-txt { padding: 4em 1.5em 3em; }
.ppup-conts .ask-or-order-form { padding: 2em 1.5em; }

.form-get-consult .b24-form-padding-side { padding-left: 1.5em; padding-right: 1.5em; }

}

@media only screen and (max-width: 360px) {
	.partneram li a i { font-size: .9em; }
	.main-h1 { font-size: 1.6em; }
	#addToCartBox div p#tovarname { font-size: 1em; }
}
@media only screen and (max-height: 360px) {
	.partneram li a i { font-size: .9em; }
	.main-h1 { font-size: 1.6em; }
	#addToCartBox div p#tovarname { font-size: .9em; padding: .25em 0 .75em; }
	#addToCartBox input[type="number"] { font-size: 1.35em; padding: .25em 1em; }
}

@media only screen and (max-height: 420px) {
body, h1, h2, h3, h4, h5, h6 { font-size: 15px; }
.h-0 { font-size: 225%; padding-top: 20px; padding-bottom: 10px; }
.h-1 { font-size: 175%; padding-top: 20px; padding-bottom: 10px; }
.h-2 { font-size: 160%; padding-top: 12px; padding-bottom: 8px; }
.h-3 { font-size: 145%; padding-top: 12px; padding-bottom: 8px; }
.h-4 { font-size: 130%; padding-top: 12px; padding-bottom: 8px; }
.h-5 { font-size: 120%; padding-top: 10px; padding-bottom: 7px; }
.h-6 { font-size: 110%; padding-top: 10px; padding-bottom: 6px; }
.cat-item-about h2 { font-size: 130%; padding-top: 12px; padding-bottom: 8px; }
.cat-item-about h3 { font-size: 120%; padding-top: 10px; padding-bottom: 7px; }
.mobmenu-mine .cat-menu-tabs > li > ul > li a { padding: 18px 20px; }
}