@charset "utf-8";

/* Most common ---------------------------------------*/

* {margin:0; padding:0}
img, object, embed, video {max-width: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) {display: none; }
[hidden] {display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea {font-family: 'OpenSansRegular'; color: #5B5B5B; }
body {font-size: 1em; line-height: 1.4; min-width:460px }
input {vertical-align: middle;}
ul, li {list-style:none}
#st-content ul {margin:0 0 1em 1em}
#st-content ul li {list-style:inside}
.payment {padding:2em 0 1em 1em}
.payment li {font-size:1.2em; line-height:2em}
section {margin-top:2em}

a { color: #5b5b5b; text-decoration:none }

a:hover { color: #b3b3b3; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
a img {border: none}


img {border: none;}
.ie6 img {width:100%;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } /* Remove the gap between images and borders on image containers */
svg:not(:root) {overflow: hidden;} /* Correct overflow not hidden in IE9 */

h1 {font-family: 'roboto_condensedlight'; font-size:5em; color:#9F693D; margin-bottom:.5em; margin-left:0; text-align:left; line-height:1em; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
h2 {font-family: 'OpenSansSemiBold'; font-size:3em; color:#9F693D; margin:1.5em 0 .5em 0}
h4 {font-family: 'OpenSansSemiBold'; font-size:3em; color:#9F693D; margin:-.7em 0 .5em 0}
h5 {font-family: 'roboto_condensedlight'; font-size:2em; color:#9F693D; margin-bottom:.5em; line-height:1em}
/* Global layout */
html, body {height:100%; min-height:100%;}
#st-wrapper {width: 100%; min-width:100%; position:relative; height: auto !important; min-height:100%; box-shadow:#a2a2a2 0 0 50px}
.clear {clear:both}
.edit-icon{display:none}
/* Header ---------------------------------------*/
#st-header {height: 230px}

/* Footer---------------------------------------*/
#st-fake-footer {height: 856px;}
footer {position: relative; margin-top: -856px; height: 856px; background: #5B5B5B;}
.st-footer-wrapper {width: 100%; height: 856px;  color:#fff; font-size:.8em}
.st-footer-block {box-sizing:content-box;}
.st-footer-block-cont { margin:0 10% 0; width:80%; padding-top:30px}
footer a {color:#fff}
footer a:hover {color:#c2c2c2}
#footer-col-1 {width:100%}
#footer-col-2 {width:100%}
#footer-col-3 {width:100%}
/* Global layout */

/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/

/* Mobile Layout: 480px (615) and below. */
.st-logo-svg { margin-left:20px; margin-top:19px}
p {margin-bottom:1em; font-size:2em; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
#st-header {background: url(../images/header-bkg-1.jpg) repeat;  position:relative}
#st-header {height: 230px}
#st-middle-top {margin:0 auto; height: 188px; position: relative;}
#st-middle-top:after {content: '.'; display: block; clear: both; visibility: hidden; height: 0;}
#st-top-slider {display:none}

#st-container-top {width: 100%; overflow: hidden;}
#st-content-top {}
#st-sideLeft-top {float: left; width: 30%; position: relative; height: 188px;}
#st-sideRight-top {float: right; width: 65%; position: relative; height: 188px;display:block}
#st-contact-bar {display:none}
#st-sideLeft {display:none}
#st-menu-top {height: 42px; position: relative; background: #000; opacity:.4; display:block}
#st-banner-right {display:none}
#st-banner-left {display:none}

/* Top - Right block */	
.st-cont-cont {float:right}
#st-tr-box-1 {margin:30px 10px 0 0; height:48px; position:relative; float:right}
#st-tr-box-2 {margin:0 10px 0 0; height:48px; position:relative; float:right}
#st-tr-box-3 {margin:0 10px 0 0; height:48px; position:relative; float:right}
.st-tr-item-ico {position:absolute; top:0;  right:210px; width:40px; height:47px; padding:12px 0 0 8px ; box-sizing:border-box}
.st-tr-item-txt {position:absolute; top:0; right:10px; height:47px; line-height:47px;}
#st-tr-tel {font-family: 'OpenSansExtraboldRegular'; font-size:1.6em; overflow:hidden}
#st-tr-add {font-family: 'OpenSansCondensedBold'; font-size:1.2em; overflow:hidden}
#st-tr-rasp {font-family: 'OpenSansExtraboldRegular'; font-size:1em; overflow:hidden; text-align: justify}

#st-content {margin:20px 2.5% 0;}
#st-content img {float:left; margin-right:0; margin-bottom:18px; width:100%; box-sizing:border-box}
.img-left, .img-right {float:left;}
#st-menu-top {display:block}
#st-menu-txt {display:none}
#st-menu-ico {float:left; display:block; margin:0 2.5%; cursor:pointer}

/* Price block */	

.st-price-table {display:table; border-spacing:0; width:100%; font-size:1em; margin-bottom:2em}
.st-price-row {display:table-row}
.st-price-cell {display:table-cell; border-bottom:solid 1px #9F693D; width:25%; vertical-align:middle; text-align:center; padding:10px}
.st-price-frst {text-align:left; padding-left:20px; display:none}
.st-price-title {font-family: 'OpenSansSemiBold'; border-bottom-width:2px; padding-left:5px}
.st-price-cell p {margin-bottom:0; font-size:1.5em}

/* Mob menu */

#st-mob-menu{z-index:10; position:absolute; top:230px; left:0; width:100%; min-width:100%; min-height:100px; background:#c2c2c2; display:none; padding-bottom:30px}

#st-mob-menu .moduletable ul li {padding:20px 10px; margin:0 30px 0; display:block; border-bottom:3px solid #fff}
#st-mob-menu .moduletable ul li a {color:#FFFFFF; text-decoration:none; font-family: 'OpenSansSemiBold'; line-height:2em; text-transform: uppercase; font-size:2em}
#st-mob-menu .moduletable ul li a:hover {color:#9F693D; text-decoration:none;}

#st-mob-menu .moduletable ul li ul li {padding:10px; margin:0 0 0 30px; border-top:2px dotted #5b5b5b; border-bottom:none }
#st-mob-menu .moduletable ul li ul li a {text-decoration:none; color:#5b5b5b; font-size:1.5em; font-family: 'roboto_cnbold';}
#st-mob-menu .moduletable ul li ul li a:hover {color:#9F693D; text-decoration:none;}
li.item-126 {margin-bottom:30px}

.st-contacts {padding:0 0 1em 1em}
.st-contacts h4 {margin:1em 0}
#map {width: 100%;height: 555px;}


.fil1 {fill:#B3B3B3}
.fil2 {fill:white}
.fil0 {fill:#5B5B5B;}

/* Tablet Layout: 481px (617px) to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 617px) {
	.st-logo-svg { margin-left:56px; margin-top:19px}
p {margin-bottom:1em; font-size:1em}
h1 {font-size:4em; text-align:left}
h1 {-webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none;}

h2 {font-family: 'OpenSansSemiBold'; font-size:1.5em; color:#9F693D; margin:1.5em 0 .5em 0}
#st-menu-ico {display:none}
#st-menu-txt {display:block}
/* Header */
#st-header {background: url(../images/header-bkg-1.jpg) repeat;  position:relative}
#st-middle-top {margin:0 308px; height: 188px; position: relative;}
#st-middle-top:after {content: '.'; display: block; clear: both; visibility: hidden; height: 0;}
#st-container-top {width: 100%; float: left; overflow: hidden; margin-right: -100%;}
#st-content-top {}
#st-sideLeft-top {float: left; width: 308px; position: relative;  left: -308px; height: 188px;}

/* Middle ---------------------------------------*/
#st-middle {border-left: 260px solid #FFF; border-right: none; height: 1%; position: relative;}
#st-middle:after {content: '.'; display: block; clear: both; visibility: hidden; height: 0;}
#st-container {width: 100%; float: left; overflow: hidden; margin-right: -100%;}

/* Sidebar Left ---------------------------------------*/
#st-sideLeft {float: left; width: 260px; position: relative; left: -260px; display:block}
/* Sidebar Right -------------------------------*/	
#st-sideRight {display:none}	

#st-middle-top {margin:0 308px; margin-right:0; height: 188px; position: relative;}
#st-sideRight-top {display:none}

.st-tr-item-txt {position:absolute; top:0; left:41px; height:43px; line-height:43px; color:#5b5b5b; text-transform:none}
#st-tr-tel {font-family: 'OpenSansExtraboldRegular'; font-size:1em; overflow:hidden}
#st-tr-add {font-family: 'OpenSansExtraboldRegular'; font-size:1em; overflow:hidden}
#st-tr-rasp {font-family:'OpenSansExtraboldRegular'; font-size:1em; overflow:hidden; text-align: justify}	
h1 {font-size:3em}
.st-bn3x4-cont {margin:38px 0 38px 28px; width:242px;}
#st-banner-right {display:none}
#st-banner-left {display:block}

/* Top menu */	

#st-menu-top-cont {margin-left:38px;}
  
#st-menu-txt .moduletable ul li {padding:0; margin:0 30px 0 0; display:inline-block; border:none}
#st-menu-txt .moduletable ul li a {color:#FFFFFF; text-decoration:none;  color:#FFFFFF; font-family: 'OpenSansExtraboldRegular'; line-height:42px; text-transform: uppercase; font-size:.9em}
#st-menu-txt .moduletable ul li a:hover{color:#E99550; text-decoration:none; opacity:1}  

/* Contact Bar */

#st-header {height: 274px}
#st-contact-bar {height: 42px; position: relative; border-top:solid 1px #585858; display:block}
#st-tr-box-1 {margin:0; height:43px; position:relative; float:left; width:33.33%}
#st-tr-box-2 {margin:0; height:43px; position:relative; float:left; width:33.33%}
#st-tr-box-3 {margin:0 ; height:43px; position:relative; float:left; width:33.33%}
.st-tr-item-ico {position:absolute; top:0; left:0; width:25px; height:43px; padding:10px 0 0 0 ; box-sizing:border-box}

/* Left menu */	
 
#st-sideLeft .moduletable ul {margin: 18px 38px 38px 38px}
#st-sideLeft .moduletable ul li {padding:10px; margin:0; border-bottom:2px dotted #B3B3B3}
#st-sideLeft .moduletable ul li a {text-decoration:none; color:#5B5B5B; font-size:1em; font-family: 'roboto_cnregular';}
#st-sideLeft .moduletable ul li a:hover {color:#9F693D; text-decoration:none; text-shadow:#AAA 1px 1px 1px}  
#st-sideLeft .moduletable ul li.active a {color: #9F693D;}
  
/* Left other */

#st-button-xls-cont {margin:38px}
.st-btn-cont {width:182px; height:46px;  border-radius:10px; border:1px solid #B3B3B3; position:relative; margin:38px 0; cursor:pointer; color:#5B5B5B}
.st-btn-ico {width:50px; height:36px; position:absolute; top:5px; left:0; border-right: 1px solid #9F693D; text-align:center; background:url(/images/xlsl-ico.png) no-repeat center; background-size:contain}
.st-btn-txt {width:131px; height:46px; position:absolute; top:0; left:52px; text-align:center; text-transform:uppercase; line-height:48px; font-family: 'roboto_cnbold';}
.st-btn-cont:hover {background:#9F693D; border:1px solid #9F693D; fill:#fff; color:#FFF}
.st-btn-cont:hover .st-btn-ico {border-right: 1px solid #FFF;background:url(/images/xlsl-ico-h.png) no-repeat center; background-size:contain}

/* Right 3x4 banners */	

.st-bn3x4-cont {width:184px; height:138px;  border-radius:20px; border:1px solid #B3B3B3; position:relative; margin:38px;}
.st-bn3x4-grad {position:absolute; bottom:0; width:100%; height:67px; background:url(/images/grad-transp.png) repeat-x; border-radius:20px;}
.st-bn3x4-txt {position:absolute; bottom:0; width:146px;  height:98px; color:#FFF; font-weight:bold; padding:19px; font-size:.8em; text-shadow:#000 2px 2px 2px; text-transform:uppercase}
.st-bn3x4-txt p {position:absolute; bottom:19px; margin:0; padding:0}
.st-bn3x4-txt p {-webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none;}

  
#st-bn3x4-1 {background: url(/images/dereviannyi-zabor-grey.jpg) no-repeat;  background-size:cover;}
#st-bn3x4-2 {background: url(/images/doska-pola-shtabel-gray.jpg) no-repeat;  background-size:cover;}
#st-bn3x4-3 {background: url(/images/palubnaya-doska-grey.jpg) no-repeat;  background-size:cover;}
#st-bn3x4-4 {background: url(/images/toplivnye-brikety-grey.jpg) no-repeat;  background-size:cover;}
#st-bn3x4-5 {background: url(/images/brus-suhoy-strugannyi-grey.jpg) no-repeat;  background-size:cover;}
#st-bn3x4-6 {background: url(/images/doska-suhaya-banner-grey.jpg) no-repeat;  background-size:cover;}
#st-bn3x4-7 {background: url(/images/doska-zabora-grey.jpg) no-repeat;  background-size:cover;}
#st-bn3x4-8 {background: url(/images/schyty-stroinelnye-grey.jpg) no-repeat;  background-size:cover;}
#st-bn3x4-9 {background: url(/images/reika-montagnaya-grey.jpg) no-repeat;  background-size:cover;}
#st-bn3x4-10 {background: url(/images/imitaciya-brusa-bania-grey.jpg) no-repeat;  background-size:cover;}
#st-bn3x4-11 {background: url(/images/block-house-grey.jpg) no-repeat;  background-size:cover;}
#st-bn3x4-12 {background: url(/images/shtaketnik-banner-grey.jpg) no-repeat;  background-size:cover;}
#st-bn3x4-13 {background: url(/images/vagonka-na-balkone-grey.jpg) no-repeat;  background-size:cover;}

#st-bn3x4-1:hover {background-image:url(/images/dereviannyi-zabor.jpg); cursor:pointer}
#st-bn3x4-2:hover {background-image:url(/images/doska-pola-shtabel.jpg); cursor:pointer}
#st-bn3x4-3:hover {background-image:url(/images/palubnaya-doska.jpg); cursor:pointer}
#st-bn3x4-4:hover {background-image: url(/images/toplivnye-brikety.jpg); cursor:pointer}
#st-bn3x4-5:hover {background-image: url(/images/brus-suhoy-strugannyi.jpg); cursor:pointer}
#st-bn3x4-6:hover {background-image: url(/images/doska-suhaya-banner.jpg); cursor:pointer}
#st-bn3x4-7:hover {background-image: url(/images/doska-zabora.jpg); cursor:pointer}
#st-bn3x4-8:hover {background-image: url(/images/schyty-stroinelnye.jpg); cursor:pointer}
#st-bn3x4-9:hover {background-image: url(/images/reika-montagnaya-banner.jpg); cursor:pointer}
#st-bn3x4-10:hover {background-image: url(/images/imitaciya-brusa-bania.jpg); cursor:pointer}
#st-bn3x4-11:hover {background-image: url(/images/block-house.jpg); cursor:pointer}
#st-bn3x4-12:hover {background-image: url(/images/shtaketnik-banner.jpg); cursor:pointer}
#st-bn3x4-13:hover {background-image:url(/images/vagonka-na-balkone.jpg); cursor:pointer}  
  

/* Main block */
#st-content {margin:10px 38px 2em 0; padding-top:6px}
#st-content img {width:50%; box-sizing:border-box; padding:0}
#st-content img {float:left; margin:5px 5% 2% 0;}
#st-content img.img-right {float:right; margin:5px 0 2% 5%;}
#st-content img.img-lef {float:right; margin:5px 0 2% 5%;}

.st-price-table {display:table; border-spacing:0; width:100%; font-size:1em; margin-bottom:2em}
.st-price-row {display:table-row}
.st-price-cell {display:table-cell; border-bottom:solid 1px #9F693D; width:25%; vertical-align:middle; text-align:center; padding:10px}
.st-price-frst {text-align:left; padding-left:20px;}
.st-price-title {font-family: 'OpenSansSemiBold'; border-bottom-width:2px; padding-left:5px}
.st-price-cell p {margin-bottom:0; font-size:.8em}

 /* Slides */	
#st-top-slider {width:100%; height:188px; position:absolute; top:0; left:0; display:block; cursor:pointer}
.st-slide {width:100%; height:188px; display:none }
.st-slide-image-cont {position:absolute; top:0; left:0; height:188px; width:238px}
.st-slide-txt-cont {position:absolute; top:0; left:139px; height:188px; overflow:hidden; padding:16px; box-sizing:border-box}
.st-slide-show{}
#st-slide-1, #st-slide-2, #st-slide-3, #st-slide-4, #st-slide-5, #st-slide-6, 
#st-slide-7, #st-slide-8, #st-slide-9, #st-slide-10, #st-slide-11, #st-slide-12, 
#st-slide-13 {position:relative}

h4 {font-family: 'roboto_condensedlight'; font-size:2em; color:#9F693D; margin-bottom:.5em}
.st-slide p  {font-family: 'roboto_cnbold'; font-size:1.2em; margin-left:20px}
.st-big-txt {display:none}
  
/* Footer---------------------------------------*/
#st-fake-footer {height: 155px;}
footer {position: relative; margin-top: -155px; height: 155px; background: #5B5B5B;}
.st-footer-wrapper {width: 100%; height: 155px;  color:#fff; font-size:.8em}
.st-footer-block {box-sizing:content-box; min-height:142px; float:left;}
.st-footer-block-cont { margin:16px 10% 0; width:80%; min-height:126px;  padding-top:0}
footer a {color:#fff}
footer a:hover {color:#c2c2c2}
#footer-col-1 {width:20%}
#footer-col-2 {width:35%}
#footer-col-3 {width:45%}
#cr {position:absolute; left:0; bottom:3px}

}

/* Desktop Layout: 769px (924px) to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 924px) {
body {max-width: 1400px; margin:0 auto}
h1 {font-size:4em}
#st-middle {border-left: 308px solid #FFF; border-right: 308px solid #FFF; height: 1%; position: relative;}
#st-sideRight {float: right; margin-right: -308px; width: 308px; position: relative; display:block}
#st-middle-top {margin:0 308px; height: 188px; position: relative;}
#st-sideRight-top {float: right; margin-right: -308px; width: 308px; position: relative; height: 188px;display:block}

#st-contact-bar {display:none}
#st-header {height: 230px}
#st-menu-top-cont {margin-left:308px;}
  
/* Main block */
#st-content img.img-left {float:left; margin:5px 5% 2% 0;}
#st-content img.img-right {float:right; margin:5px 0 2% 5%;}

/* Top - Right block */	

#st-tr-box-1 {margin:30px 0 0 0; height:48px; position:relative; width:100%; }
#st-tr-box-2 {margin:0 38px 0 0; height:48px; position:relative; width:100%}
#st-tr-box-3 {margin:0 38px 0 0; height:48px; position:relative; width:100%}
#st-tr-box-1 svg{margin-right:38px}
#st-tr-box-2 svg{margin-right:38px}
#st-tr-box-3 svg{margin-right:38px}
.st-tr-item-ico {position:absolute; top:0; left:0; width:40px; height:47px; padding:12px 0 0 8px ; box-sizing:border-box}
.st-tr-item-txt {position:absolute; top:0; left:41px; height:47px; line-height:47px; width:189px}
#st-tr-tel {font-family: 'OpenSansExtraboldRegular'; font-size:1.6em; overflow:hidden}
#st-tr-add {font-family: 'OpenSansCondensedBold'; font-size:1.2em; overflow:hidden}
#st-tr-rasp {font-family: 'OpenSansExtraboldRegular'; font-size:1em; overflow:hidden; text-align: justify}

#st-tr-box-1 a:hover .fil0 {fill:#b3b3b3;}
#st-tr-box-2 a:hover .fil0 {fill:#b3b3b3;}
#st-tr-box-3 a:hover .fil0 {fill:#b3b3b3;}
/* Sidebar Left*/

#st-sideLeft {float: left; width: 308px; position: relative; left: -308px; display:block}

/* Left menu */	
 
#st-sideLeft .moduletable ul {margin: 18px 38px 38px 38px}
#st-sideLeft .moduletable ul li {font-size:1.2em; font-family: 'OpenSansRegular'; padding-right:0;}
#st-sideLeft .moduletable ul li a {text-decoration:none; color:#5b5b5b; font-size:.9em; font-family: 'OpenSansSemiBold';}
#st-sideLeft .moduletable ul li a:hover {color:#9F693D; text-decoration:none; text-shadow:#AAA 1px 1px 1px}  

/*3x4 banners */	

.st-bn3x4-cont {width:232px; height:174px;  border-radius:20px; border:1px solid #B3B3B3; position:relative; margin:38px}
.st-bn3x4-txt {width:194px;}

/* Left other */

.st-btn-cont {width:230px; height:46px;  border-radius:10px; border:1px solid #B3B3B3; position:relative; margin:38px 0; cursor:pointer; fill:#5B5B5B; color:#5B5B5B}
.st-btn-txt {width:176px; font-family: 'OpenSansExtraboldRegular'; }

/* Banners */
#st-banner-right {display:block}
#st-banner-left {display:none}
.st-bn3x4-cont {margin:38px}

/* Price */
.st-price-cell {display:table-cell; border-bottom:solid 1px #9F693D; width:20%; vertical-align:middle; text-align:center; padding:10px}
.st-price-frst {text-align:left; padding-left:20px; display:none}
  
.dict {column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
column-gap: 3em;
column-rule: solid 1px #9F693D;
-moz-column-gap: 3em;
-moz-column-rule: solid 1px #9F693D;
-webkit-column-gap: 3em;
-webkit-column-rule: solid 1px #9F693D;}
}