@import url("shopcart.css");

@font-face {
  font-family:"Droid";
  src:url('/fonts/DroidSerif-Regular.ttf');
}

* {margin:0; padding:0;}
body, html {height:100%; min-width:320px; font-family:Arial, sans-serif; font-size:18px; color:#4d4d4d; text-align:center;}
body {background:url('/images/icon-loading.svg') no-repeat -5000px -5000px, url('/images/icon-arrowleft.png') no-repeat -5000px -5000px;}

td, input, textarea, input, button {font-family:Arial, sans-serif; font-size:16px; color:#4d4d4d;}
:focus {outline:none; text-decoration:none;}

a {color:#fc2516; text-decoration:none;}
a:hover, a:focus {text-decoration:underline;}

p {margin:7px 0 0 0;}
img {width:auto; height:auto; max-width:100%; border:none;}
iframe {max-width:100%;}
ul {margin:10px 10px 10px 40px;}

.clr {clear:both;}

#cartBtn, #mainMenuWrapp ul, .prodsWrapp, #artWrapp, #footer1, #catWrapp, #prodWrapp, #addonPhotos {font-size:0;}

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

  #footer-push, .hide, .iPre {display:none;}
  .innerWidth {width:100%; max-width:100%;}
  .padd {padding:0 10px;}
  .hname {font-size:23px;}
  .f1cl {font-size:14px; padding:0 10px;}
  .fcname {font-size:17px;}
  .copy, .counters {margin:5px 0;}
  .navline {font-size:14px;}
  .navline a {font-size:14px; margin:0; padding:5px 22px 5px 0; }

  #lang {margin:5px 0;}
  #lang a {display:inline-block; padding:4px 6px; color:#fff;}

  #logo {width:90%; height:0; padding-bottom:36.33333%; margin:15px auto;}
  #headtxt {font-size:14px; margin:0 0 10px 10px;}
/* top menu */
  #head {margin-top:56px;}
  #mainMenuWrapp {text-align:center; height:60px; background:#230e0f;}
  #mainMenu {position:absolute; top:-56px; left:0; width:100%;}
  #mainMenu span {cursor:pointer; display:block; font-size:22px; color:#000; background:url('/images/icon-menu.png') no-repeat 22px 50%; padding:0 0 0 60px; text-align:left; font-weight:bold; line-height:56px; height:56px;}
  #mainMenuWrapp ul {position:absolute; left:-40px; top:46px; z-index:100; background:#fff; -webkit-box-shadow:7px 7px 10px 0 rgba(0,0,0,0.3); box-shadow:7px 7px 10px 0 rgba(0,0,0,0.3); display:none;}
  #mainMenuWrapp li {list-style:none; text-align:left;}
  #mainMenuWrapp li a {font-family:Droid, sans-serif; text-decoration:none; color:#230e0f; font-size:15px; text-transform:uppercase; line-height:50px; height:50px; padding:0 20px; display:block; white-space:nowrap;}
  #mainMenuWrapp li a:hover, #mainMenuWrapp li a:focus {background:#ec694f; color:#fff;}
  .opened {background-image:url('/images/icon-arrowleft.png') !important;}
  #search {font-size:16px; white-space:nowrap;}
  #search input, #search button {border:none; display:inline-block; vertical-align:middle;}
  #search input {line-height:40px; height:40px; background:#b69569; padding:0 10px; width:220px; color:#fff;}
  #search button {line-height:60px; height:60px; width:60px; background:url('/images/icon-zoom.png') no-repeat center; cursor:pointer;}

  .prodsWrapp, #artWrapp, .prodItem2 {text-align:center;}

  #prodLeft, #prodRight {font-size:14px; text-align:left;}
  #prodLeft .prName {display:block;}
  #prodRight .prName {display:none;}

  }

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

  #mainWrapp {min-height:100%; height:auto !important; height:100%;}
  #footerWrapp {margin-top:-250px; height:250px;}
  #footer-push {height:250px; display:block;}
  .hide, .iPre {display:block;}
  .innerWidth {width:768px; margin:0 auto;}
  .f1cl {display:inline-block; width:33.33%; font-size:18px; vertical-align:top; padding:0;}
  .fcname {font-size:17px;}
  .copy, .counters {display:inline-block; vertical-align:top;}
  .copy {width:70%; margin:15px 2% 0 0; text-align:left;}
  .counters {width:28%; padding:14px 0 0 0; text-align:right;}

  #logo {width:340px; height:124px; margin:15px 0; padding:0;}
  #cartBtn {position:absolute; top:-15px; right:0;}
  
  #lang {position:absolute; top:-10px; left:350px;}

  #headtxt {position:absolute; top:50px; left:400px; margin:0;}

/* top menu */
  #search input {width:80%;}

  .prodsWrapp, #artWrapp, .prodItem2 {text-align:left;}

/* catalog */
  #catLeft, #catRight {display:inline-block; vertical-align:top;}
  #catLeft {width:30%; margin-right:1%;}
  #catRight {width:69%;}

  .navline {font-size:18px;}
  .navline a {padding:15px 22px 15px 0;}

  .prodItem2 .limg {float:left; margin:0 7px 0 0;}

  #prodLeft, #prodRight {font-size:16px; display:inline-block; vertical-align:top;}
  #prodLeft {width:420px; margin-right:10px;}
  #prodRight {width:318px;}
  #prodLeft .prName {display:none;}
  #prodRight .prName {display:block;}

}

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

  .innerWidth {width:1200px;}
  #logo {width:480px; height:174px;}
  #headtxt {top:50px; right:0; left:auto; font-size:16px;}
  .hname {font-size:30px;}
  .fcname {font-size:19px;}
  .padd {padding:0;}
  .copy {margin:25px 2% 0 0;}
  
  #lang {left:490px;}

/* top menu */
  #head {margin-top:0;}
  #mainMenuWrapp {overflow:hidden; text-align:left;}
  #mainMenuWrapp ul {position:static; margin:0; padding:0; -webkit-box-shadow:none; box-shadow:none; background:none; display:block !important;}
  #mainMenuWrapp li {display:inline-block;}
  #mainMenuWrapp li a {line-height:60px; height:60px; color:#fff;}
  #mainMenuWrapp li a:hover, #mainMenuWrapp li a:focus, .mmactive {background:#562d18;}
  #mainMenu {position:static;}
  #mainMenu span {display:none;}
  #search {float:right;}
  #search input {width:200px;}

/* catalog */
  #catLeft {width:20%;}
  #catRight {width:79%;}

  #prodRight {width:770px;}

}

body {position:relative;}
#head {background:#230e0f; border-bottom:3px solid #b69569; overflow:hidden;}
#head .innerWidth {position:relative; text-align:center;}
#logo {display:block; background:url('/images/logo.svg') no-repeat center; background-size:100% 100%;}

#cartBtn {background:#562d18; cursor:pointer;}
#cartTotal, #cartCost {line-height:50px; height:50px; display:inline-block; overflow:hidden;}
#cartTotal {border-right:1px solid #260f04; margin-right:-1px; font-size:11px; color:#260f04;}
#cartCost {font-size:14px; color:#fff;}
.cartPadding {margin:0 20px; display:block;}
#cartTotal .cartPadding {background:url('/images/icon-cart.png') no-repeat 100% 50%; width:40px; height:100%; position:relative;}
#tCount {position:absolute; top:10px; right:0px; height:auto; line-height:normal; width:20px; text-align:center;}
#tCost {font-weight:bold; color:#b69569; font-size:25px;}

#headtxt {text-align:left; font-weight:bold;}
#headtxt a {color:#fff;}
#headtxt * {vertical-align:middle;}
#address, #phone {min-height:30px; color:#fff; padding-left:25px; margin:7px 0;}
#address {background:url('/images/icon-address.png') no-repeat 0 50%;}
#phone {background:url('/images/icon-phone.png') no-repeat 0 50%;}

#socialWrapp {position:absolute; bottom:-12px; right:0;}
#socialWrapp a {width:35px; height:35px; display:inline-block; margin:0 0 0 5px;}
#socialWrapp a:hover, #socialWrapp a:focus {opacity:0.7;}
#sfb {background:url('/images/icon-social-fb.png') no-repeat;}
#sin {background:url('/images/icon-social-in.png') no-repeat;}

.hname {color:#c26552; font-family:Droid, sans-serif; text-align:left;}
.txt {text-align:justify; padding:10px 0; font-size:16px; color:#666;}

.prodsWrapp {margin:20px 0;}
.prodItem {font-size:19px; width:220px; margin:10px 20px 10px 0; display:inline-block; vertical-align:top; overflow:hidden; text-align:center;}
.prodItem a, .prodItem2 a {color:#000; display:block;}
.limg {display:inline-block; position:relative;}
.limg:before {content:""; display:none; width:100%; height: calc(100% - 5px); position:absolute; top:0; left:0; z-index:100; background:rgba(0,0,0,0.15);}
.prodItem a:hover .limg:before, .prodItem2 a:hover .limg:before {display:inline-block;}
.lname {display:block; margin:5px 0;}
.buy {display:inline-block; background:#ec694f; color:#fff; border:none; cursor:pointer; margin:10px 0; padding:0 20px; line-height:30px; height:30px;}
.buy:hover, .buy:focus {background:#562d18;}
.sold {display:inline-block; background:#b6b6b6; font-size:16px; color:#fff; margin:10px 0; padding:0 20px; line-height:30px; height:30px;}
.lprice {color:#868686; font-size:16px;}
.lprice span {color:#ec694f;}
.lprice strong {font-size:25px;}

#artWrapp {margin:20px 0;}
.artBlock {border:1px solid #e0e0e0; font-size:16px; display:inline-block; width:270px; vertical-align:top; margin:10px 20px 10px 0; background:#fff; color:#666; font-size:15px; text-align:left;}
.artBlock img {display:block; margin:0 0 10px 0;}
.artBlock p {margin:10px 20px;}
.aName {text-align:left;}
.aName a {font-size:19px; font-weight:bold; color:#000;}
.aDet {margin:15px;}
.aDet a {display:inline-block; line-height:33px; font-weight:bold; height:33px; background:#260f04; color:#fff; text-decoration:none; padding:0 15px; margin-bottom:15px;}
.aDet a:hover, .aDet a:focus {background:#562d18;}

#footerWrapp {background:#c0c0c0; color:#000; overflow:hidden;}
#footerWrapp a {color:#fff;}
#footer1 {background:#230e0f; color:#fff; overflow:hidden; text-align:left; padding:10px;}
.fcname {color:#b69569; font-weight:bold; text-transform:uppercase; margin:0 0 15px 0;}
.f1cl ul {margin:10px 0; padding:0;}
.f1cl li {margin:0; padding:0; list-style:none;}
.f1cl li a {color:#fff; text-decoration:underline; display:inline-block; padding:4px 0;}
.f1cl li a:hover, .f1cl li a:focus {text-decoration:none;}
.copy, .counters {font-size:14px;}

.navline {text-align:left;}
.navline a {background:url('/images/icon-arrow-r.png') no-repeat 100% 50%; display:inline-block; color:#562d18; text-decoration:none; text-transform:uppercase; font-weight:bold;}
.navline h1 {display:inline-block; font-size:14px;}
.navline h1, .pname {color:#562d18; text-transform:uppercase; padding:0; margin:0;}
.last {background:none !important;}

.pname {margin:20px 0; font-size:18px;}
#catWrapp {margin:0 0 20px 0;}
#catLeft, #catRight {font-size:14px; text-align:left; overflow:hidden;}
.mname {background:#562d18; height:45px; margin:0 0 7px 0; line-height:45px; color:#fff; font-size:18px; padding:0 17px;}
#catLeft .hname {/*text-align:center;*/}
#catLeft .prodsWrapp {margin-top:0;}

#catMenu {margin:7px 0; padding:0;}
#catMenu li {list-style:none; margin:7px 0; padding:0;}
#catMenu li a {background:url('/images/icon-arrow-down.png') 96% 50% no-repeat #b69569; display:block; color:#fff; font-size:16px; font-weight:bold; padding:10px 15px 10px 15px; text-decoration:none;}
#catMenu li ul {margin:0 0 7px 0; padding:5px 0; border:2px solid #b69569; border-top:none; display:none;}
#catMenu li ul li {margin:0;}
#catMenu li ul li a {background:url('/images/icon-menu-market.png') no-repeat 10px 46%; color:#000; padding:5px 10px 5px 20px; font-weight:normal;}
#catMenu li ul li a:hover, #catMenu li ul li a:focus, .cmactive {color:#b69569 !important;}

#filtersWrapp {line-height:45px; min-height:45px; background:#562d18; color:#fff; padding:0 20px; user-select:none; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;}
#filtersWrapp label {color:#b69569; margin-left:5px;}
#filtersWrapp select {background:#fff; border:none; padding:4px;}
.filterGroup {white-space:nowrap; display:inline-block; margin-right:5px;}

.prodItem2 {border:2px solid #b69569; padding:10px; margin:7px 0; font-size:19px;}
.iPre {font-size:14px; color:#666;}
.empty {color:#666; font-style:italic; margin:20px 0;}

#prodWrapp {margin:15px 0 20px 0;}
#addonPhotos {margin:10px 0;}
#addonPhotos a {font-size:14px; display:inline-block; vertical-align:top; margin:0 10px 10px 0;}
.prName {color:#c26552; font-size:30px; font-family:Droid, sans-serif; margin:0 0 10px 0; font-weight:normal;}
.prAv {color:#000; font-size:19px;}
.othProdsName {background:#562d18; color:#fff; line-height:45px; height:45px; padding:0 20px; text-align:left; font-size:18px;}

.pager {margin:20px 0;}
.pager a {line-height:33px; height:33px; background:#562d18; color:#fff; text-decoration:none; display:inline-block; padding:0 12px;}
.page-active {background:#b69569 !important;}

#loading {background:rgba(255,255,255,0.5); position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; text-align:center;}
#loading span {display:block; background:url('/images/icon-loading.svg') no-repeat center; width:48px; height:48px; position:fixed; top:40%; left:50%; margin-left:-24px;}

/* search */
.searchPanel {min-height:45px; background:#562d18; color:#fff;}
.searchPanel div {padding:14px 15px 5px 15px; color:#b69569;}
.searchPanel span {color:#fff; font-size:16px;}