@font-face {
  font-family:Museo;
  src:url('../fonts/MuseoSansCyrl-500.otf');
}
@font-face {
  font-family:MuseoL;
  src:url('../fonts/MuseoSansCyrl.otf');
}

html, body {height:100%; min-width:320px; margin:0; padding:0;}
body {font-family: 'Exo 2', sans-serif; font-size:14px; text-align:center; overflow-x:hidden;}

:focus {outline:none;}
.clr {clear:both; height:0; font-size:1px;}

a {color:#b9221e; text-decoration:underline;}
a:hover {color:#b00805; text-decoration:none;}
img {border:none; max-width:100%; width:auto; height:auto;}

p {margin:10px 0 0 0;}

.submenu span {-webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;}

@media screen and (min-width:320px), screen and (max-width:320px) {

  .megamenu {display:none !important;}
  #slider_wrapp {display:none;}
  #head-wrapp1, #head-wrapp2 {width:100%;}
  #head-wrapp2 {background-position:-320px 50%; position:relative;}
  #head-wrapp2 .w1000 {}
  #hd1 {margin-left:70px;}
  #hd2, .hdMail {display:none;}
  #callback {position:absolute; left:115px; bottom:15px; z-index:102; display:none;}
  #callbackdown {position:absolute; left:115px; bottom:15px; z-index:102; width:200px; display:block;}
  .w1000, .w1100 {width:100%;}
  .actBlock {display:inline-block; width:230px; vertical-align:top; margin:10px;}
  #rightc {font-size:0;}

  .fcounters {display:none; text-align:right;}
  .fmenu {color:#989898;}
  #footer-push, #leftc2, .line {display:none;}
  #footer-wrapp .w1000 div {margin:15px 10px;}

  /* mobileMenu */
  .floatMenu {position:fixed !important; top:0 !important; left:0 !important;} .floatMenu #menuOpen {left:0 !important;} .floatMenu #mobMenuMUL {top:28px !important;}
  #mobileMenu {position:absolute; top:130px; left:0; z-index:101; width:100%; text-align:left;}
  #menuOpen {width:26px; height:26px; display:block; cursor:pointer; position:absolute; left:70px; top:0; background: #138580; background:url('/images/icon-menu.svg') no-repeat center, -moz-linear-gradient(top, #138580 0%, #0a6e6a 100%); background:url('/images/icon-menu.svg') no-repeat center, -webkit-linear-gradient(top, #138580 0%,#0a6e6a 100%); background:url('/images/icon-menu.svg') no-repeat center, linear-gradient(to bottom, #138580 0%,#0a6e6a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#138580', endColorstr='#0a6e6a',GradientType=0 ); border:1px solid #045650;}
  #mobMenuMUL {position:absolute; top:44px; left:0; background:#ebebeb; margin:0; padding:0; -webkit-box-shadow: 4px 4px 5px 0 rgba(0,0,0,0.2); box-shadow: 4px 4px 5px 0 rgba(0,0,0,0.2); width:100%; display:none;}
  #mobMenuMUL ul {margin:0; padding:0; display:none;}
  #mobMenuMUL li {list-style:none; margin:0; padding:0;}
  #mobMenuMUL li a {display:block; padding:7px 6% 7px 15px; color:#138580; text-transform:uppercase; text-decoration:none; font-weight:bold;}
  #mobMenuMUL li a span {display:none;}
  #mobMenuMUL li ul li a {text-transform:none; color:#000; padding-left:30px; font-weight:normal;}
  #mobMenuMUL li ul li ul li a {padding-left:50px;}
  .submenu {position:relative;}
  .submenu span {background:url('/images/icon-arrowdown.svg') no-repeat center; width:14px; height:14px; display:block !important; position:absolute; top:8px; right:0;}
  .mOpened span {-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}

  .content {padding:10px;}

  .cell-holder {text-align:center;}

  #childCats li {margin:0; padding:0;}

}

@media screen and (min-width:535px) {

  #hd2 {display:block; position:absolute; left:310px; top:0;}
  #mobMenuMUL {width:auto;}

}

@media screen and (min-width:768px) {

  #main-wrapp {min-height:100%; height:auto !important; height:100%;}
  .w1000 {width:768px;}
  .w1100 {width:868px;}
  #footer-push, .line {display:block;}
  #footer-wrapp .w1000 div {float:left; width:50%; margin:40px 0 0 0;}
  #footer-wrapp {height:134px; margin-top:-134px;}
  .cell-holder {text-align:left;}

  #childCats li {display:inline-block; width:48%; margin-right:2%; vertical-align:top;}

}

@media screen and (min-width:1015px) {

  .megamenu {display:block !important;}
  #slider_wrapp {display:block;}
  #head-wrapp2 {background-position:center;}
  #head-wrapp2 .w1000, #head-wrapp2 .w1100 {position:relative;}
  #hd1 {margin-left:0;}
  #hd2 {position:static;}
  .hdMail {display:block; padding:15px 0 0 0;}
  #callback, #callbackdown {position:static; width:266px; display:block;}
  .w1000 {width:1000px;}
  .w1100 {width:1100px;}
  #mobileMenu {display:none;}

  #leftc, #rightc, #leftc2, #rightc2 {float:left;}
  #leftc {width:760px; margin-right:17px;}
  #rightc {width:223px;}
  #leftc2 {width:250px; display:block;}
  #rightc2 {width:750px;}
  .actBlock {display:block; width:auto; margin:18px 0 0 0;}

  .content {padding:20px 0 0 10px;}

  .fcounters {display:block;}
  #footer-wrapp .w1000 div {width:33%;}

  .ccoll {float:left; width:50%;}

  #childCats {display:none;}

}

#head-wrapp1 {height:174px; background:url('../images/head-bg1.png');}
#head-wrapp2 {margin:0 auto; height:174px; background-image:url('../images/head-bg2-new.png'); background-repeat:no-repeat;}
#head-wrapp2 p {margin:0;}
#head-wrapp2 .w1000, #head-wrapp2 .w1100 {height:174px;}
#hd1, #hd2 {float:left; height:145px; overflow:hidden;}
#hd1 {display:block; width:240px;}
#hd2 {width:200px; height:145px; margin-left:60px !important;}
#hd2 strong {display:block; width:151px; height:23px; background:url('../images/dekotehnika.png') no-repeat; margin:50px 0 0 0;}
#hd2 span {display:block; font-weight:200; font-size:16px;}
#hd3 {float:right; height:145px; overflow:hidden; text-align:justify;}
#callback {background:url('../images/callback-bg.png'); color:white; height:28px; line-height:28px; text-decoration:none; margin:7px 0 0 0; text-align:center; font-size:12px;}
#callbackdown {background:url('../images/callback-bg.png'); color:white; height:28px; line-height:28px; text-decoration:none; margin:1px 0 0 0; text-align:center; font-size:12px;}

.main-content {margin:0 auto 20px auto !important; text-align:left;}
.main-content table {border-collapse:collapse; margin-top:10px; margin-bottom:10px;}
.main-content table td {border:1px solid #b8b8b8; font-family: 'Exo 2', sans-serif; font-size:14px; padding:3px;}

#rightc {text-align:center;}
#leftc2, #rightc2 {margin:10px 0 0 0;}
.content {text-align:justify}
.content h1 {color:#bd0c09; margin:10px 0; padding:0; font-size:20px; font-weight:normal; text-align:left;}

#leftc2 ul {margin:0; padding:0;}
#leftc2 ul li {list-style:none; margin:0; padding:0;}
#leftc2 ul li a:hover {color:#b20906 !important; text-decoration:underline;}
#leftc2 ul li span {display:block; margin:3px 0;  background:#e5e5e5; background:-moz-linear-gradient(top, #e5e5e5 0%, #cdcdcc 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#cdcdcc)); background:-webkit-linear-gradient(top, #e5e5e5 0%,#cdcdcc 100%); background:-o-linear-gradient(top, #e5e5e5 0%,#cdcdcc 100%); background:-ms-linear-gradient(top, #e5e5e5 0%,#cdcdcc 100%); background:linear-gradient(to bottom, #e5e5e5 0%,#cdcdcc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#cdcdcc',GradientType=0 );}
#leftc2 ul li span span {display:block; padding:1px; border:1px solid #219a97; background-image:url('../images/lmbg.png');}
#leftc2 ul li span span a {display:block; padding:7px 7px 7px 23px; border:1px solid #0b6e69; color:#044743; text-decoration:none; text-transform:uppercase; background:url('../images/marker4.png') no-repeat 6px 9px;}
.active1 span {background:#e1e1e1 !important; background: -moz-linear-gradient(top, #e1e1e1 0%, #fffffe 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(100%,#fffffe)) !important; background: -webkit-linear-gradient(top, #e1e1e1 0%,#fffffe 100%) !important; background: -o-linear-gradient(top, #e1e1e1 0%,#fffffe 100%) !important; background: -ms-linear-gradient(top, #e1e1e1 0%,#fffffe 100%) !important; background: linear-gradient(to bottom, #e1e1e1 0%,#fffffe 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#fffffe',GradientType=0 ) !important;}
.active1 span span {background-image:none !important; padding:0 !important;}
.active1 span span a {border:none !important; background:url('../images/marker1.png') no-repeat 6px 11px !important;}
#leftc2 ul li ul {border:1px solid #219a97; border-top:none; margin:-3px 0 3px 0; padding:0;}
#leftc2 ul li ul li a {padding:5px 5px 5px 33px; display:block; color:#044743; background:url('../images/marker3.png') no-repeat 18px 8px; text-decoration:none; text-transform:uppercase;}
.active2 a {color:black !important; background:url('../images/marker2.png') no-repeat 18px 10px !important;}
#leftc2 ul li ul li ul {border:none;}
a.lprod {font-size:12px; text-transform:none; background:none !important; padding:2px 2px 2px 33px;}

.w1000, .w1100 {margin:0 auto; text-align:left;}

#footer-push {height:134px;}
#footer-wrapp {background:url('../images/shadow.png') no-repeat center top #ccc; overflow:hidden;}
#footer-wrapp p {margin:4px 0 0 0;}
#flogo {display:inline-block; width:107px; height:26px; background:url('../images/footer-logo.png');}
#footer-wrapp .w1000 div {}

#action-block {background:#eeefef; border:3px solid #d5d5d5; border-top:none; padding:30px 10px 10px 10px;}
#action-block h3 {font-size:24px; text-align:center; font-weight:normal; margin:0 0 10px 0; font-weight:600; padding:0;}
#action-block h3 span {color:#cf130f;}
.pr-yellow {font-size:12px !important;}
.pr-yellow strong {display:block;}
.pr-yellow .pr1 {font-size:12px !important; margin:15px 0 0 0 !important;}
.pr-yellow .pr2 {text-decoration:line-through;}

/*icons-gallery*/
.cell-holder {margin:20px 0; width:99.9%; font-size:0;}
.img_cell {display:inline-block; width:246px; vertical-align:top; margin:0 0 10px 0; text-align:center;}
.cellshadow {background:url('../images/product-shadow.png') no-repeat center 100px; margin:10px 0;}
.item-l, .item-r {float:left; color:#626262;}
.item-r h5 {font-size:15px !important;}
.item-r {font-size:12px;}
.item-l {position:relative; width:58%;}
.item-l img {margin-top:15px;}
.item-l a {text-decoration:none; color:white;}

/* price star */
.pr-blue, .pr-green, .pr-yellow {display:block; width:64px; height:64px; background:url('../images/action.png'); overflow:hidden; position:absolute; top:-10px; left:-10px; line-height:13px; color:white;}
.pr-green {background:url('../images/price-green.png') !important;}
.pr-yellow {background:url('../images/price-yellow.png') !important;}
.pr-green strong.pr1, .pr-blue strong.pr1, .pr-yellow strong.pr1 {display:block; color:white; margin:22px 0 0 0; font-size:15px; font-weight:bold;}
.mwrapp {display:block; /*height:180px;*/ }

.item-r {text-align:left; width:42%;}
.item-r h5 {margin:0 0 10px 0; padding:0; font-weight:normal; font-size:20px;}
.item-r a {color:#626262; text-decoration:none;}
.item-r a:hover {color:#007069;}
.tpwrapp {margin:0 25px;}
.tpwrapp p {text-align:left; font-size:14px;}
.tpwrapp h5 {font-size:20px; font-weight:normal; margin:0 0 7px 0; padding:0;}
.tpwrapp a {color:#007069; position:relative; display:block;}
.tpwrapp a:hover {text-decoration:underline; color:#00b5d1;}

.det {font-size:14px; display:block; color:#1c5d89 !important; margin:10px 0 0 0; text-shadow: 1px 1px 0 #FFFFFF; text-align:left; text-decoration:none;}
.det:hover {text-decoration:none !important;}
.det span {padding:0 0 0 0; text-align:center; display:inline-block; width:130px; height:41px; line-height:38px; background:url('../images/det.png') no-repeat center;}

.line {border-bottom:1px solid #bfbfbf;}

.pager {margin:20px 0; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:0;}
.pager a {color:#007069; text-decoration:none; padding:5px; display:inline-block; font-size:16px;}
.page-active {color:#bd0c09 !important; text-decoration:underline; padding:5px; display:inline-block; font-size:16px;}
.pnav, .pgrRight, .pgrLeft {color:black !important;}

.navl {font-size:13px; margin:0 0 10px 0;}
.navl span {background:url('../images/arrow-r.png') no-repeat right center; padding-right:15px; color:#007069;}
.navl a {color:#007069;}
.last {background:none !important; color:#696969 !important;}
.last a {color:#696969 !important; text-decoration:none;}

.galrand {margin:20px 0 10px 0; text-align:center; font-size:18px;}
.galrand span {color:#2c2c2c; display:block;}
.galrand p {margin:0;}
.galrand img {border:3px solid #d5d5d5;}
.galrand a {color:#007069;}
.galrand a:hover {text-decoration:underline; color:#00b5d1;}

.rbw {margin:20px 0;}
.bblock {background:#eeefef; border:3px solid #d5d5d5; padding:10px; margin:10px 0; text-align:center;}

.galmenu {font-size:15px;}
.galmenu a {color:black;}
.galmenu a:hover {color:#007069;}
.actgal {color:#00b5d1 !important;}

.galwrapp {}
.galwrapp a {color:#007069;}
.galwrapp span {display:block; font-size:17px;}
.galwrapp a:hover {color:#00b5d1;}
.frame {width:220px; height:165px; display:block; margin:0 auto; border:2px solid #bfbfbf; background-repeat:no-repeat; background-position:center;}

.empty {color:#bfbfbf; font-style:italic;}

#mp {margin:10px 0; display:block; text-align:center;}
.price span {color:#bd0c09; font-size:18px;}

.art-wrap {margin:10px 0;}
.art-wrap p {margin:0;}
.art-wrap a {font-size:19px; color:#007069; text-align:left; display:block;}
.art-wrap a:hover {color:#00b5d1;}

.cf-form {margin:20px 0; text-align:center;}
.cf-form table {width:60%; margin:0 auto;}
.cf-form td {color:#007069; text-align:left; border:none !important;}
.cf-form textarea, .cf-form input {display:block; border:1px solid #cecece; -webkit-box-shadow: 0 0 4px 0 #e6e6e6; box-shadow: 0 0 4px 0 #e6e6e6; padding:4px; font-size:14px;}
.btn {background:url('../images/send_btn.png'); width:130px; height:41px; cursor:pointer; color:#1c5d89; text-shadow: 1px 1px 0 #fff;}

.cf-form2 {margin:20px auto; width:calc(90% - 40px); max-width:450px; display:block; color:white; background:#1a9a96; background: -moz-linear-gradient(left, #1a9a96 0%, #0e7672 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1a9a96), color-stop(100%,#0e7672)); background: -webkit-linear-gradient(left, #1a9a96 0%,#0e7672 100%); background: -o-linear-gradient(left, #1a9a96 0%,#0e7672 100%); background: -ms-linear-gradient(left, #1a9a96 0%,#0e7672 100%); background: linear-gradient(to right, #1a9a96 0%,#0e7672 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a9a96', endColorstr='#0e7672',GradientType=1 ); padding:20px;}
.cf-form2 textarea, .cf-form2 input {font-size:14px; display:block; width:97%; padding:5px; margin:7px 0; background:#e8e8e8; background: -moz-linear-gradient(top, #e8e8e8 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #e8e8e8 0%,#ffffff 100%); background: -o-linear-gradient(top, #e8e8e8 0%,#ffffff 100%); background: -ms-linear-gradient(top, #e8e8e8 0%,#ffffff 100%); background: linear-gradient(to bottom, #e8e8e8 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); border:none;}
.btn2 {border:2px solid #096761 !important; cursor:pointer; width:auto !important; background:#1a9a96 !important; background: -moz-linear-gradient(top, #1a9a96 0%, #0e7672 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a9a96), color-stop(100%,#0e7672)) !important; background: -webkit-linear-gradient(top, #1a9a96 0%,#0e7672 100%) !important; background: -o-linear-gradient(top, #1a9a96 0%,#0e7672 100%) !important; background: -ms-linear-gradient(top, #1a9a96 0%,#0e7672 100%) !important; background: linear-gradient(to bottom, #1a9a96 0%,#0e7672 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a9a96', endColorstr='#0e7672',GradientType=0 ) !important; color:white;}

/* action */
.actBlock {color:#626262; border:3px solid #d5d5d5; padding:5px; background:#eeefef; text-align:center;}
.actBlock h5 {background:url('/images/icon-action.png') no-repeat 0 0; min-height:64px; padding:0 0 0 70px; margin:0 0 10px 0; font-size:15px; font-weight:normal; text-align:left;}
.actBlock h5 a {color:#626262;}

.actStar {display:inline-block; position:relative;}
.actStar:before {content:""; display:block; background:url('/images/icon-action.png') no-repeat 0 0; width:64px; height:64px; position:absolute; left:-10px; top:-10px;}

.actPre {margin:10px; text-align:left;}
.actBlock img {display:inline-block;}
.actBlock .det {text-align:center;}
.actPrice {margin:15px 0 10px 0; color:#a2a2a2; font-size:17px;}
.actPrice strong {color:#c11b11; font-size:22px; font-family:Arial, Helvetica, sans-serif;}
.actPrice span {display:block; text-decoration:line-through; font-weight:bold;}

.topCatsWrapp {font-size:14px; display:inline-block; vertical-align:top; width:245px; margin:25px 0.5% 0 0.5%; position:relative;}
.topCatsWrapp:before {content:""; display:block; position:absolute; right:-4px; width:1px; height:44px; background:#fff; z-index:2;}
.topCatsWrapp:after {content:""; display:block; position:absolute; top:0; right:-4px; width:1px; height:100%; background:#ebebeb; z-index:1;}
.tlast:before, .tlast:after {display:none !important;}
.topCatsWrapp h3 {font-size:18px; text-transform:uppercase; text-align:center; margin:0; padding:0; line-height:40px; height:40px; background:#007069; background: -moz-linear-gradient(top, #007069 0%, #158b87 100%); background: -webkit-linear-gradient(top, #007069 0%,#158b87 100%); background: linear-gradient(to bottom, #007069 0%,#158b87 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007069', endColorstr='#158b87',GradientType=0 ); color:#fff;}
.topCatsBlock {border-bottom:1px solid #ebebeb; text-align:center; position:relative;}
.topCatsBlock:after {content:""; display:block; position:absolute; right:-14px; bottom:-11px; z-index:3; width:22px; height:22px; background:#fff;}
.topCatsBlock h6 {margin:10px 0; font-weight:normal; font-size:21px;}
.topCatsBlock h6 a {color:#007069; text-decoration:none;}
.topCatsBlock img {display:inline-block; margin:0 auto 10px auto; max-width:200px; max-height:200px;}
#mrows {display:none;}
.topCatsBlock:hover {padding-bottom:10px;}
.topCatsBlock:hover .topCatsInner {border:1px solid #a0a0a0; position:absolute; top:-1px; left:-6px; z-index:50; width:100%; height:100%; padding:0 5px; background:#fff;}
.topCatsBlock:hover .topCatsInner:before {content:""; display:block; position:absolute; bottom:-1px; right:-1px; width:12px; height:12px; background:url('/images/icon-corn.png') no-repeat center;}

#childCats {margin:0; padding:10px; background:#e6e6e6; font-size:0;}
#childCats li {list-style:none; text-align:left;}
#childCats li a {display:block; padding:5px 10px 5px 12px; color:#000; font-size:16px; background:url('/images/icon-marker.svg') no-repeat 0 13px;}

#openRevForm {margin:20px 0 0 0;}
#openRevForm button {background:#158d89; background:-moz-linear-gradient(top, #158d89 0%, #096b66 100%); background: -webkit-linear-gradient(top, #158d89 0%,#096b66 100%); background: linear-gradient(to bottom, #158d89 0%,#096b66 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#158d89', endColorstr='#096b66',GradientType=0 ); border:none; cursor:pointer; line-height:28px; height:28px; color:#fff; padding:0 20px;}
#openRevForm button:hover {background:#158d89;}
#qForm {display:none; padding:20px 0;}
#qForm input {height:38px; line-height:38px; display:block; padding:0 10px;}
#qForm span {display:block; margin:5px 0;}
#qForm div[contenteditable="true"] {height:100px; overflow-y:auto; padding:10px;}
#qForm div[contenteditable="true"], #qForm input {border:1px solid #bcbcbc;}
#qForm button, .revMore a {background:#808080; display:inline-block; border:none; cursor:pointer; line-height:28px; height:28px; color:#fff; padding:0 20px; margin:10px 0 0 0; text-decoration:none;} #qForm button:hover, .revMore a:hover {background:#999;}
.fieldError {border-color:red !important;}

.revWrapp {margin:20px 0;}
.revName {color:#107e79; font-size:20px; margin:0 0 5px 0;}
.revDate {font-size:14px; color:#a3a3a3;}
.revText {font-size:16px;}
#lastrevWrapp {border:1px solid #ebebeb; padding:20px; margin:30px 0 0 0;}
.blockName {color:#000; font-size:30px; text-align:center; margin:0 0 20px 0;}
.revMore {text-align:center;}