@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
@font-face {
    font-family: 'Boulevard';
    src: url('../fonts/boulevard_bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


/* CSS Document */
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}
* {position: relative;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: none;}
body,html {max-width:100%;min-width:320px;overflow-x:hidden;text-align:center;font-family:'Montserrat',sans-serif;font-size:9px;line-height:13px;margin:0;padding:0;background: #E8B300;color:#575757;font-weight:400;min-height:100vh;letter-spacing: .12px;font-style:normal;}
.page {max-width:100%;margin:auto;z-index:2;padding:0;box-sizing: border-box;}
a {text-decoration:none;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;cursor:pointer;color:#5A3218;text-decoration: none;}
a:hover {text-decoration:underline;color:#5A3218}
.clear, hr {clear:both;float:none;display:block;border:0;margin:0;padding:0;}
h1,h2,h3,h4,p,ul,li, img {margin: 0;padding: 0;display:block;list-style:none;}
h1, h2, h3, h4 {font-weight:700;font-family: 'Boulevard',sans-serif;text-transform: uppercase;color:#5A3218}
h1, h2 {font-size: 24px;line-height:30px;letter-spacing:.32px}
h2 {margin-bottom:-5px}
h3, .price {font-size:17px;line-height:24px;letter-spacing:.23px;margin-bottom:0}
ul:after, .bg:after, .inner:after {display:block;content:'';clear:both;float:none;}
strong, b {font-weight:700;}
.bg {padding: 10px;width:420px;margin:auto;box-sizing: border-box;max-width:100%;}
.inner {padding: 10px;clear:both;float:none;box-sizing: border-box;}

.btn {font-size: 13px;line-height:20px;padding: 13px;padding-left:26px;padding-right:36px;background:#E8B300;border-radius: 10px;font-weight:700;display: block;border:0;box-sizing: border-box;color:#fff;cursor: pointer;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;text-transform:uppercase;text-decoration:none;text-align:left;margin-top:10px}
.btn:hover {background:#5A3218;color:#fff;text-decoration: none}
.btn:after {display: block;position:absolute;top:50%;right:20px;margin-top:-6px;width:15px;height:12px;content:'';background: url(../img/icon_sipka-1.svg) no-repeat center center;background-size: contain}

/* Header */
.fix {position:fixed;min-width:320px;width:100%;z-index: 99;top:0;left:0;right:0;background:transparent;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.fix .bg {background: #fff;border-radius: 0 0 5px 5px;height:50px;box-shadow: 0 2px 19px rgba(130,125,125,0.5)}
.fix .logo {display: block;float:left;width: 149px;height:76px;overflow:hidden;text-align:left;text-indent:-9999px;background: url(../img/bb_logo.svg) no-repeat center center;background-size: cover;margin-top:-20px;}
.fix .menu {display:block;float: right;font-size: 13px;line-height:20px;margin-top:-5px;margin-bottom:-5px;text-transform:uppercase}


/* Content */
.content {padding-top:70px;}

.item {display: block;padding:15px;padding-top:10px;border-radius: 15px;background:#fff}
.itemcontent {padding-top:15px;}
.item p {width: 100%;max-width:100%;margin:auto;margin-bottom:10px;font-size: 12px;line-height:18px;}
.itemcontent p {width:100%;font-size: 12px;line-height:18px;margin-bottom:15px;color:#5A3218}
.itemcontent p:last-child {margin-bottom:0}
.itemcontent p a:not(.btn) {color:#E8B300;text-decoration:underline}
.itemcontent p a:not(.btn):hover {text-decoration: none}
.itemcontent h3 {font-size: 18px;line-height:22px;color:#E8B300;margin-bottom:10px}
.itemcontent img {width:100%;max-width:100%;height:auto;margin:0;margin-bottom:15px;border-radius: 5px}
.date, .sale {font-size: 11px;line-height:14px;font-weight:700;text-transform: uppercase;color:#5A3218;letter-spacing:.17px;margin-bottom:10px}
.sale {letter-spacing: 1.53px;margin-bottom:0;font-size:9px}
.img {display: block;padding-bottom:57%;height:0;background-repeat: no-repeat;background-size: cover;background-position:center center;border-radius:5px;margin-bottom:10px;}
.price {font-weight:700;font-family: 'Boulevard',sans-serif;color:#E8B300}
.price s, .price strong {color:#5A3218}

.count ul {margin-left:-2px;margin-right:-2px;}
.count ul li {width: 12px;display: inline-block;vertical-align:middle;line-height:30px;font-size: 30px;font-weight:700;color:#5A3218;font-family: 'Boulevard',sans-serif;padding-top:10px;padding-bottom:7px;margin:0;letter-spacing:0}
.count ul li:not(.space) {background:#fff;width: 40px;border-radius:10px;padding-top:12px;padding-bottom:5px;margin-left:2px;margin-right:2px}

#wpadminbar {text-align:left;display: none!important}
#wpadminbar ul {display: inline-block}