header{
    padding:0;
    position:relative;
    background:#fff url('../pics/logo-bottom.png') no-repeat bottom center;
    border-bottom:3px solid #000;
    min-height:60px;
}

div.header-container{
    padding-bottom:4px;
    background-color: #fff;
    border-bottom:2px solid #000;
}

header div.full-head{
    display: grid;
    grid-template-columns: 1fr 240px 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-top:20px;
}

body.top-fix header div.full-head{
    grid-template-columns: 1fr 120px 1fr;
}

body.top-fix header{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    background-color:#fff;
    z-index:100;
    -webkit-box-shadow: 0px 1px 24px 1px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 1px 24px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 24px 1px rgb(0 0 0 / 75%);
}

body.top-fix header div.full-head{
    padding-top:4px;
}

body.top-fix main{
    padding-top: 269px;
}

body.top-fix a.main-logo, body.top-fix div.logo-bg{
    position:fixed;
}

body.top-fix div.full-head div.not-in-fixed{
    display:none;
}

body.top-fix div.full-head nav#top-menu{
    padding:0px;
}

body.top-fix a.main-logo, body.top-fix div.logo-bg{
    top:-5px;
    width:100px;
    height: 100px;
    left: calc(50% - 50px);
    padding:3px;
}

header div.full-head div.top-left, header div.full-head div.top-right, header div.full-head div.logo-placeholder{
    border-top:1px solid #000;
    border-bottom:2px solid #000;
    padding:10px 0px;
    line-height:15px;
    position:relative;
}

header div.full-head div.second-line{
    border-top:0px;
    border-bottom:1px solid #000;
}

header div.full-head div.top-left{
    text-align: left;
    padding-left:10px;
}

header div.full-head div.top-right{
    text-align: left;
    padding-right:10px;
}

div.payment_desc{
    background-color:#fff;
    color:#000;
    padding:10px 0px;
}

div.logged{
    display:inline-block;
    line-height:14px;
    font-size:10px;
    text-align:right;
    position:absolute;
    top:4px;
    right:0px;
}

div#user-links{
    top:65px;
    right:10px;
    display:none;
}

div#user-links.show{
    display:block;
}

div#user-links a{
    display:block;
    padding:10px 15px;
    color:#fff;
    text-decoration: none;
}

div#user-links a:hover{
    background-color:#ccc;
    color:#000;
}

div.shop-product div.link-container{
    display: grid;
    grid-template-columns: 1fr 30px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

div.top-links div.shop-icons a, a#user-link-btn, div.shop-product div.link-container a.fav{
    color:#b3b3b3;
    display:inline-block;
    padding:4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

a#user-link-btn{
    color:#000;
    font-family:robotobold;
    font-size:12px;
}

a#user-link-btn span.e-mail{
    font-family:robotoregular;
    font-size:10px;
}

div.shop-product{
    color:#000;
    position:relative;
}

div.discount-badge{
    border:3px solid #917C51;
    color:#917C51;
    background: #000;
    -webkit-border-radius:20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width:37px;
    height:37px;
    line-height:36px;
    text-align: center;
    font-family:Arial;
    font-size:21px;
    position:absolute;
    top:4px;
    right:4px;
    text-align:center;

}

div.discount-perc-cont{
    position:absolute;
    left:10px;
    bottom:50px;
    height:40px;
    width:70px;
}

div.discount-perc{
    position:relative;
    overflow: hidden;
    height:30px;
}

div.discount-perc > div{
    position:absolute;
    border: 1px solid #917C51;
    color:#917C51;
    line-height:40px;
    text-align:right;
    font-size:16px;
    font-family:robotolight;
    -webkit-border-radius:35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    width:70px;
    height:70px;
    top:0px;
    left:-20px;
}

div.discount-perc > div > span{
    margin-right:10px;
}


div.shop-product div.img{
    line-height:200px;
    min-height:200px;
    text-align:center;
}

div.shop-product div.img img{
    vertical-align: middle;
    display: inline-block;
}

div.top-links div.shop-icons a span.icon, div.shop-product div.link-container a.fav span{
    display:inline-block;
    vertical-align: middle;
    margin-right:10px;
    height:20px;
    width:22px;
}

div.shop-product div.link-container a.fav span{
    margin-right:0px;
}

div.top-links div.shop-icons a.fav-lnk span.icon, div.shop-product div.link-container a.fav span{
    background: url(../pics/heart-icon_full.png) no-repeat;
}

div.top-links div.shop-icons a.fav-lnk:hover span.icon, div.shop-product div.link-container a.fav:hover span, div.shop-product div.link-container a.fav.is-fav span{
    background-position-x: -22px;
}

div.shop-product div.link-container a.fav:hover, div.shop-product div.link-container a.fav.is-fav{
    background-color:#5c5c5c;
}

div.price-container{
    padding:8px 0px;
    text-align:right;
    font-size:20px;
    font-family:robotobold;
    color:#000;
    line-height:100%;
}

div.price-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

div.price-container-in{
    line-height:1em;
    display:inline-block;
    vertical-align: bottom;
}

div.discounted-menu-block{
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    padding:10px 0px;
}

div.discounted-menu-block a{
    color:#000;
    font-size:18px;
}

div.price-container span.old-price, .product-info-main .product-info-price .price-wrapper .price span.old-price{
    font-size:14px;
    font-family:robotolight;
    position:relative;
}

div.price-container span.old-price:before,.product-info-main .product-info-price .price-wrapper .price span.old-price:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid red;
    
    -webkit-transform:rotate(-5deg);
    -moz-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    -o-transform:rotate(-5deg);
    transform:rotate(-5deg);
  }

  .main-product-price{
    position:relative;
  }

  .main-product-price div.discount-perc-cont{
    position:relative;
    left:auto;
    bottom:auto;
    margin-top:10px;
  }

.product-info-main .product-info-price .price-wrapper .price{
    font-family:robotobold;
    color:#000;
}

.product-info-main .product-info-stock-sku, .product-info-main .page-title-wrapper h1{
    color:#000;
}

div.top-links div.shop-icons a.cart-lnk span.icon{
    width:25px;
    background: url(../pics/cart-icon_full.png) no-repeat;
}

div.top-links div.shop-icons a.cart-lnk:hover span.icon{
    background-position-x: -25px;
}

div.top-links div.shop-icons a:hover, a#user-link-btn:hover{
    background-color:#5c5c5c;
    color:#fff;
    text-decoration:none;
}

h1.shop-title, div.shop-sidebar .sidebar-title{
    background-color:#000;
    color:#fff;
    padding:10px;
    margin-bottom:0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size:20px;
}

h3.search-title{
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    padding:5px 0px;
}

div.shop-sidebar .sidebar-title{
    margin-top:15px;
}

a.fav-link{
    font-size:11px;
    color:#ccc;
}

a.fav-link:hover{
    color:#08c;
}

div.top-links div.shop-icons a img{
    vertical-align: middle;
    margin-right:10px;
}

div.top-links div.shop-icons table.cart a img{
    margin-right:0px;
}

div#cart_counter{
    position:absolute;
    top:-3px;
    left:20px;
    display:inline-block;
    background-color:#000;
    color:#fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height:10px;
    padding:0px 2px;
    height:12px;
    min-width:8px;
    font-size:10px;
    font-family: robotobold;
    text-align: center;
}

div.cart-cont{
    display:inline-block;
    position:relative;
}

div#shop_content{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap:10px;
}

div.shop-product{
    position:relative;
    border:1px solid #000;
    border-bottom:4px solid #000;
    padding:10px;
    display:grid;
}

@keyframes sp-move {
    from {
        -webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 75%);
        -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 75%);
    }
    to {
        -webkit-box-shadow: 0px 1px 24px 1px rgb(0 0 0 / 75%);
        -moz-box-shadow: 0px 1px 24px 1px rgba(0,0,0,0.75);
        box-shadow: 0px 1px 24px 1px rgb(0 0 0 / 75%);
    }
  }

div.shop-product:hover{
    animation: sp-move 1s ease-out 0s alternate infinite running;
}

div.shop-product div.link-container{
    padding:10px 0px;
}

div.shop-product div.link-container a{
    color:#000;
    font-family:robotobold;
}

div.shop-product div.inputs input.put_input{
    width:auto;
}

div.shop-product div.inputs{
    display:grid;
    grid-template-columns: 50px 1fr;
    grid-column-gap: 4px;
    grid-row-gap:0px;
    height: 38px;
}

header div.full-head div.top-right.second-line, header div.full-head div.top-left.second-line{
    padding-right:0px;
    padding-left:0px;
}

header div.full-head div.top-right.second-line{
    text-align:right;
}

.wrapper-container{
    background-color:#fff;
}

.wrapper{
    margin:0px auto;
    width:1200px;
    text-align: left;
}

div.head-inner{
    padding:10px;
    background-color: #B3B3B3;
    min-height:30px;
    line-height:30px;
    color:#000;
    position: relative;
    z-index: 102;
}

a.main-logo, div.logo-bg{
    position:absolute;
    left:calc(50% - 123px);
    top: 0px;
    padding: 6px;
    -webkit-border-radius: 116px;
    -moz-border-radius: 116px;
    border-radius: 116px;
    width:232px;
    height:232px;
    font-size:0;
    line-height:0;
    z-index:103;
}

div.logo-bg{
    background-color: #fff;
    -webkit-border-radius: 116px;
    -moz-border-radius: 116px;
    border-radius: 116px;
    z-index:101;
}

div.top-right.top-links{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

div.shop-icons{
    display:inline-block;
}

div.top-links a{
    font-family: robotobold;
    color:#000;
}

div.top-links a:hover{
    text-decoration: underline;
}

a.main-logo img{
    position:relative;
}

body{
    background-color: #000;
}

main{
    background-color: #fff;
    padding:20px 0px;
}

main.main_page{
    padding:0px;
}

nav#top-menu{
    padding:15px 0px;
    grid-column: 1 / 4;
}

nav#top-menu ul{
    padding:0px;
    margin:0px;
    display:grid;
    grid-template-columns: auto auto 300px auto auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

nav#top-menu ul li{
    display:inline-block;
    position:relative;
    margin:0px;
    padding:0px;
    text-align: center;
}

nav#top-menu ul li.top-placeholder{

}

nav#top-menu ul li a{
    display:inline-block;
    text-align: center;
    padding:5px 20px 3px 20px;
    margin:0px;
    text-align: center;
    text-transform: uppercase;
    border-bottom:3px solid #fff;
    font-family: serifablack;
    font-size:22px;
    color:#000;
}

body.top-fix nav#top-menu ul li a{
    padding:2px 20px 0px 20px;
    font-size:18px;
}

nav#top-menu ul li a:hover{
    background-color: #fff;
    color: #917C51;
}

nav#top-menu ul li a.act, nav#top-menu ul li:hover ul li a.act{
    border-bottom-color: #000;
}

nav#top-menu ul li ul{
    display:none;
    position:absolute;
    background-color: #ccc;
    color:#000;
}

nav#top-menu ul li ul li{
    display:block;
    width:200px;
    background-color:#eee;
}

nav#top-menu ul li ul li a{
    display:block;
    padding:10px 10px;
    text-align:left;
    color:#000;
    width: 100%;
}

nav#top-menu ul li:hover ul li a{
    color:#000;
}

nav#top-menu ul li ul li a:hover{
    color:#fff;
}

nav#top-menu ul li:hover{
    
}

nav#top-menu ul li:hover a{
    
}

nav#top-menu ul li:hover a:hover{

}

nav#top-menu ul li:hover ul{
    display:block;
    background-color: #ccc;
    color:#000;
}

footer.page-footer{
    padding: 30px;
    color:#fff;
    text-align:left;
}

footer.page-footer a{
    color:#7c98a7;
    margin-right:10px;
}

footer.page-footer a:hover{
    color:#fff;
}

footer.page-footer div.wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

footer.page-footer div.wrapper div.social{
    text-align:right;
    vertical-align: middle;
}

div.social{
    line-height:1em;
}

div.social a{
    font-size:0px;
    margin-left:10px;
}

div.social a::before{
    color:#fff;
    font-size:32px;
}

div.social a:hover::before{
    color:#444;
}

.speech-bubble {
	position: absolute;
	background: #333;
    color:#fff;
    z-index:200;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	top: 0;
	right: 30px;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-bottom-color: #333;
	border-top: 0;
	margin-left: -20px;
	margin-top: -20px;
}

div#cart{
    top:40px;
    right:0px;
    width:300px;
    display:none;
}

div#cart.show{
    display:block;
}

.action.primary.cart_btn{
    display:block;
    width:100%;
}

div#cart.speech-bubble:after{
    right:10px;
}

.action.primary{
    background-color: #9e9e9e;
    font-family: robotoregular;
    border: 1px solid #535353;
}

div.underconstruct{
    height: 100vh;
    line-height: 100vh;
    vertical-align: middle;
}

div.underconstruct > div{
    display:inline-block;
    line-height:1em;
}

div.fotorama__nav{
    margin-top:-30px;
}

.fotorama, .fotorama__stage, .fotorama__nav{
    overflow:visible;
}

.fbanner_container{
    overflow-x:hidden;
    background-color:#181A30;
}

div.art1-head{
    position:relative;
    padding-bottom: 60px;
}

div.art1-head img{
    position:relative;
    top:0px;
    left:0px;
}

div.art1-head div.art-title{
    position:absolute;
    bottom:0px;
    right:0px;
    background-color:#000;
    color:#fff;
    padding:30px;
    width:540px;
}

div.art1-head div.art-title h1{
    font-family: 'roseford';
    font-size:77px;
    color:#fff;
}

div.article1-main{
    display:grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding:40px 30px;
}

div.article1-bottom{
    background-color:#000;
    color:#fff;
    display:grid;
    grid-template-columns: 33fr 33fr 33fr;
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    padding:20px 30px;
}

div.article1-bottom h1{
    font-size:92px;
    font-family: 'roseford';
    color: #917C51;
}

div.article1-bottom > div{
    border-bottom:1px solid #fff;
    padding:0px 20px;
}

div.article1-bottom > div:first-of-type{
    border-bottom:0px;
    padding:0px;
}

div.article1-bottom > div:last-of-type{
    padding-right:0px;
}

input#qsearch{
    background-color: #E6E6E6;
    color:#000;
    width:200px;
    padding: 10px 5px;
    height: 30px;
}

input#qsearch::placeholder{
    color: #181A30;
    opacity: 1; /* Firefox */
}

input#qsearch:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #181A30;
}

input#qsearch::-ms-input-placeholder { /* Microsoft Edge */
    color: #181A30;
}

div#search_form{
    margin-left:10px;
    display:inline-block;
}

div#search_form input[type=submit]{
    background: url(../pics/mag-icon.png) no-repeat;
    width: 20px;
    height: 20px;
    border: 0px;
    font-size: 0px;
    margin-left: -25px;
    vertical-align: middle;
}

div.shop-closed{
    text-align:center;
    padding:100px 0px;
}

div.main-article-left{

}

div.main-article-right{
    background: #917c51af;
}

div.main-black-container-out{
    background:#fff;
    padding-top:10px;
}

div.main-black-container{
    background:#fff;
    border-top:4px solid #000;
    padding-top:10px;
}

div.main-black{
    background-color:#000;
    color:#fff;
}

div.main-black div.wrapper div.main-black-inner{
    display:grid;
    grid-template-columns: 50fr 50fr;
    grid-column-gap: 0;
    grid-row-gap:0;
}

div.main-black div.wrapper div.main-black-inner > div{
    padding:0px 40px;
}

div.main-black-inner{
    padding:20px;
}

div.main-black div.wrapper div.main-black-inner > div img{
    max-width:100%;
}

div.main-black div.wrapper div.main-black-inner > div:first-of-type{
    border-right:3px dotted #fff;
}

a.main-article{
    display:block;
    text-decoration:none;
    color:#000;
}

a.main-article.lead_style1,a.main-article.lead_style3{
    background-color:#000;
    color:#fff;
}

a.main-article.lead_style1 h1,a.main-article.lead_style3 h1{
    color:#fff;
}

a.main-article:hover{
    background-color:#eee;
}

a.main-article.with-pic{
    display:grid;
    grid-template-columns: 30fr 70fr;
    grid-column-gap: 0;
    grid-row-gap:20px;
}

a.main-article.with-pic.lead_style2, a.main-article.with-pic.lead_style3{
    grid-template-columns: 40fr 60fr;
}

a.main-article h1, div.main-page-articles a.main-article h1{
    font-size: 86px;
    font-family: 'roseford';
}

div.main-page-articles a.main-article.with-pic.lead_style2 div.title-and-lead h1{
    font-size: 86px;
    font-family: 'roseford';
}

a.main-article{
    margin-top:0px;
    padding:30px 0px;
    border-top:2px solid #000;
}

a.main-article.with-pic div.title-and-lead{
    padding-left:50px;
}

a.main-article.with-pic.lead_style2 div.title-and-lead, a.main-article.with-pic.lead_style3 div.title-and-lead{
    padding-left:0px;
    padding-right:50px;
}

a.main-article.with-pic.lead_style2 div.title-and-lead h1, a.main-article.with-pic.lead_style3 div.title-and-lead h1{
    font-family:'robotobold';
    font-size:36px;
}

a.main-article.with-pic.lead_style2 div.pic, a.main-article.with-pic.lead_style3 div.pic{
    text-align: right;
}

* { margin:0; padding:0; }

a.mobile_3line {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    background: url(../pics/3line.svg) center center;
    background-size: cover;
    display: none;
}

a#scrollTop {
    position: relative;
    display: none;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 120;
    background: #8389939f;
}

a#scrollTop:after {
    content: '\25B2';
    font-size: 25px;
    line-height: 45px;
    text-align: center;
    color: #fff;
}

div.article_pager a{
    display:inline-block;
    width:30px;
    height:30px;
    margin:0px 3px;
    background-color: #444;
    color: #fff;
    text-align: center;
    line-height:30px;
    font-size:16px;
    font-family: 'robotobold';
}

div.article_pager a.akt{
    background-color: #000;
}

div.article_box{
    border-bottom:3px solid #000;
}

div.social_line{
    display:block;
    text-align:right;
    line-height:25px;
    float:right;
}

div.shop{
    display: grid;
    grid-template-columns: 240px 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    padding-top:0px;
}

.toolbar select{
    height:auto;
}

.side-custom-menu ul{
    list-style: none none;
}

#sform_shop .fieldset{
    margin-bottom:0px;
}

#checkout_post_cart span.cq_num{
    color:#000;
}

div#cart span.cq_num{
    color:#fff !important;
}

.block-category-list .block-title, .block-content, .block-category-list .block-content, .filter-options-content, .sidebar-title{
    padding:4px 0px;
}

.side-custom-menu ul{
    padding:5px 0px;
}

.side-custom-menu ul li{
    padding:0px 5px;
}

#prod-img{
    width:100%;
}

div.product-page-full{
    display: grid;
    grid-template-columns: 500px 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding:10px 0px;
}

table.form_table input[type="checkbox"]{
    width:auto;
}

#sorter{
    margin-right:0px;
}

form#sform_shop div.checkbox_block label{
    display:block;
    margin:0px;
}

h2.highlighted_products_title{
    border-bottom:2px solid #000;
    text-align: center;
    padding-top:10px;
}

h2.highlighted_products_title span{
    display: inline-block;
    color:#fff;
    background-color:#000;
    height:44px;
    line-height:44px;
    position:relative;
}

h2.highlighted_products_title span:before, h2.highlighted_products_title span:after{
    content: url('../pics/highlight-products-left.png');
    background-color:transparent;
    position: absolute;
    top:0px;
    left:-49px;
    height:44px;
    line-height:44px;
}

h2.highlighted_products_title span:after{
    transform:scaleX(-1);
    left:auto;
    right:-49px;
}

#spotlight-products .owl-stage{
    position:relative;
    display: flex;
    align-items: stretch;
    margin-bottom:25px;
}

#spotlight-products .owl-controls .owl-prev,#spotlight-products .owl-controls .owl-next{
    position:absolute;
    left:0px;
    font-size:0px;
}

#spotlight-products .owl-controls .owl-next{
    left:auto;
    right:0px;
}

#spotlight-products .owl-controls .owl-prev::after, #spotlight-products .owl-controls .owl-next::after{
    content:"◂";
    font-size:55px;
    color:#000;
    position: absolute;
    left:-40px;
    top:-300px;
}

#spotlight-products .owl-controls .owl-next::after{
    content: "▸";
    left:auto;
    right:-40px;  
}

#spotlight-products .shop-product{
    margin:0px 5px;
    height:100%;
}

@keyframes cookies-move {
    from {
        bottom:-400px;
    }
    to {
        bottom:0px;
    }
}

div.cookies-accept{
    position:fixed;
    bottom:0px;
    left:0px;
    padding:10px;
    background-color:#fff;
    color:#000;

    -webkit-box-shadow: 0px 1px 24px 1px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 1px 24px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 24px 1px rgb(0 0 0 / 75%);
    width:100%;
    z-index:110;
    animation: cookies-move 1s ease-out 0s alternate;
}

div.cookies-accept a.cookies-accept-btn{
    display:inline-block;
    padding:4px;
    background-color:#08c;
    color:#fff;
    margin-left:30px;
}

div.checkout_block div.payment_type div.control label{
	font-size:22px;
	padding:10px;
    margin-bottom:4px;
    display:block;
    line-height:50px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

div.checkout_block div.payment_type div.control label span.pricedesc{
    margin-left:15px;
    font-size:14px;
}

div.checkout_block div.payment_type div.control label input{
    margin-right:15px;
}

div.checkout_block div.payment_type div.control label img{
    vertical-align: middle;
}

div.pay-overlay{
    position:fixed;
    width:100vw;
    height:100vh;
    background-color: rgb(0 15 55 / 90%);
    color:#fff;
    z-index:1000;
    top:0px;
    left:0px;
    line-height:100vh;
    text-align: center;
}

div.pay-overlay > div{
    display:inline-block;
    line-height:1em;
    vertical-align: middle;
}

.fotorama__stage:before{
    left:0px;
}

.fotorama__stage:after{
    right:0px;
}

@media(max-width:1200px) {
    .wrapper{
        width:auto;
        margin:0px;
        padding:10px;
    }

    #spotlight-products .owl-controls .owl-prev::after{
        left:-10px;
    }

    #spotlight-products .owl-controls .owl-next::after{
        right:-10px;
    }
}

@media(max-width:1030px){
    div#shop_content{
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media(max-width:920px){
    /*
    nav#top-menu ul, nav#top-menu ul li{
        display:block;
    }
    */

    header{
        background:#fff;
    }

    header div.full-head{
        grid-template-columns: 1fr 140px 1fr;
    }

    a.main-logo, div.logo-bg{
        width:116px;
        height:116px;
        left: calc(50% - 58px);
    }

    nav#top-menu ul{
        grid-template-columns:auto auto 0 auto auto;
    }
}

@media(max-width:860px){

    div.logged{
        position:relative;
        top:0px;
        right:0px;
    }

    body.top-fix header{
        position:relative;
        top:auto;
        left:auto;
    }

    body.top-fix a.main-logo, body.top-fix div.logo-bg{
        position:absolute;
    }

    div.article1-bottom{
        display:block;
    }

    div.article1-bottom > div{
        padding:20px 0px;
        margin-bottom:10px;
    }

    body.top-fix div.full-head div.not-in-fixed{
        display:block;
    }

    body.top-fix main{
        padding-top:0px;
    }

    div.art1-head div.art-title{
        position:relative;
        width:auto;
    }

    div.art1-head{
        padding-bottom:10px;
    }

    div.article1-main{
        display:block;
    }

    a.main-article h1{
        font-size:46px;
    }

}

@media(max-width:840px){
    div.shop{
        display:block;
    }

    div.product-page-full{
        display:block;
    }

    div.product-info-main{
        padding-top:20px;
    }

    .product-info-main .fieldset > .field.qty{
        margin-bottom:0px;
    }

    .product-info-main .fieldset{
        text-align:center;
    }

}

@media(max-width:620px){
    nav#top-menu ul, nav#top-menu ul li{
        display:block;
    }

    body.top-fix header div.full-head, header div.full-head{
        padding-top:0px;
        grid-template-columns: 1fr 0px 1fr;
        display:block;
    }

    body.top-fix header div.full-head.mshow, header div.full-head.mshow{
        padding-top:75px;
    }

    div#cart{
        right:auto;
        left:-20px;
    }

    div#cart.speech-bubble:after{
        right:auto;
        left:40px
    }

    body.top-fix header div.full-head div.top-right, header div.full-head div.top-right{
        text-align:left;
        padding:5px;
    }

    header div.full-head div.top-left,
    header div.full-head div.top-right.second-line,
    header div.full-head div.top-left.second-line,
    header div.full-head nav#top-menu{
        display:none;
    }

    header div.full-head.mshow div.top-left,
    header div.full-head.mshow div.top-right.second-line,
    header div.full-head.mshow div.top-left.second-line,
    header div.full-head.mshow nav#top-menu{
        display:block;
    }
    

    a.main-logo, div.logo-bg{
        padding:0px;
    }

    header div.full-head div.top-left, header div.full-head div.top-right, header div.full-head div.logo-placeholder{
        padding:5px;
    }

    a.main-logo, div.logo-bg {
        width: 80px;
        height: 80px;
        left: calc(50% - 30px);
    }

    a.main-article.with-pic{
        display:block;
    }

    a.main-article.with-pic div.pic{
        text-align:center;
    }

    a.main-article.with-pic div.title-and-lead{
        padding-left:0px;
    }

    body.top-fix nav#top-menu ul li a{
        padding: 5px 20px 3px 20px;
        font-size:22px;
    }

    input#qsearch{
        width: calc(100vw - 55px);
    }

    body.top-fix header div.full-head div.top-right, header div.full-head div.top-right{
        padding:5px;
    }

    div.head-inner{
        padding:5px;
        line-height:1em;
        height:auto;
        min-height:0px;
    }

    body.top-fix header{
        width:auto;
    }

    .logo-placeholder, body.top-fix div.full-head div.logo-placeholder{
        display:none;
    }

    a.mobile_3line{
        display:block;
    }

    div.main-black div.wrapper div.main-black-inner{
        display:block;
    }

    div.main-black div.wrapper div.main-black-inner > div:first-of-type{
        border:0px;
        padding-bottom:20px;
    }

    div.header-container{
        border-bottom:0px;
    }

    div.top-links div.shop-icons a span.icon{
        margin-right:0px;
    }

    div.top-links div.shop-icons a span.text{
        display:none;
    }

    div.full-head div.top-right.top-links{
        position: absolute;
        top: 5px;
        width: calc(100% - 15px);
    }

    div.full-head div.top-right.top-links div.shop-icons{
        padding-top:5px;
        margin-left:50px;
    }

}

@media(max-width:580px){
    div#shop_content{
        display:block;
    }

    div#shop_content div.shop-product{
        margin-bottom:10px;
    }

    div.main-page-articles a.main-article.with-pic.lead_style2 div.title-and-lead h1{
        font-size:34px;
    }
}