body{
    overflow-y: scroll !important;
    background:#FFFFFF; /* #f2f2f2 / #e8ebec / #ffe163, OLD GREEN COLOR #1E3B49 */
    border:none;
    padding:0px;
    margin:0px;
    -webkit-user-select: none;
    -webkit-text-decoration: none;
}
    
.not{
    width:100%;
    height:auto;
    float:left;
    background:#FFD166;}
    
.not .inner{
    width:calc(100% - 60px);
    height:inherit;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    padding-left:30px;
    padding-right:30px;}
    
.not .inner .text{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    font-family:intersemibold;
    font-size:14px;
    color:#313940;
    padding-top:12px;
    padding-bottom:12px;
    line-height:21px}
    
.change_orientation{
    display:none;
}

.global_overlay{
    width: 100%;
    height: 100%;
    float: left;
    position: fixed;
    background:rgba(49, 57, 64,0.45);
    z-index: 1100;
    display: none;
}
    
.header0{
    width:100%;
    height:45px;
    float:left;
    background:#252b30;
    border-bottom:1px solid #3e4850}
    
.header0 .inner{
    width:calc(1400px - 60px);
    height:inherit;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;
    position:relative;}
    
.header0 .inner .cart{
    display:none;}
    
.header0 .inner .left{
    width:auto;
    height:inherit;
    float:left;
    display:flex;
    align-items: center;}
    
.header0 .inner .left .text{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    font-family:interregular;
    color:#d7dde2;
    font-size:13px;
    text-decoration:none;
    line-height:1.3;}
    
.header0 .inner .left a.text:hover{
    text-decoration:underline;
    color:#FFFFFF;}
    
.header0 .inner .left div.text:hover{
    text-decoration:none;}
    
.header0 .inner .left .divider{
    width:1px;
    height:18px;
    float:left;
    background:#757778;
    margin-left:10px;
    margin-right:10px;
    position:relative;
    font-family:intersemibold;}
    
.header0 .inner .right{
    width:auto;
    height:inherit;
    float:right;}
    
.header0 .inner .right .item{
    width:auto;
    height:100%;
    float:left;
    margin-left:20px;
    display: flex;
    align-items: center;
    }
    
.header0 .inner .right .item:first-child{
    margin-left:0px;}
    
.header0 .inner .right .item .icon{
    width:auto;
    height:auto;
    float:left;}
    
.header0 .inner .right .item .icon svg{
    width:20px;
    height:20px;
    float:left;
    position:relative;
    stroke:#7c90a0;
    stroke-width:1.75px}
    
.header0 .inner .right .item .text{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    font-family:intermedium;
    color:#d7dde2;
    font-size:14px;
    margin-left:10px;
    text-decoration:none;
}
    
.header0 .inner .right .item a.text:hover{
    text-decoration:underline;
    color:#FFFFFF;}
    
.header1{
    width:100%;
    height:100px;
    float:left;
    background:#313940;
    border-bottom:1px solid #3e4850;
    position:relative;}
    
.header1 .inner{
    width:calc(1400px - 60px);
    height:inherit;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;}
    
.header1 .inner .logo{
    width:auto;
    height:100%;
    float:left;}
    
.header1 .inner .logo svg{
    width:auto;
    height:68px;
    float:left;
    position:relative;
    top:50%;
    transform:translateY(-50%);}

/* hledání start*/

.header1 .inner .panel{
    width: auto;
    height: inherit;
    float: right;
}

.header1 .inner .panel .mobile_search{
    display: none;
}

.header1 .inner .panel .searching{
    width:500px;
    height: auto;
    float: left;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1200;
    display:block;
}

.header1 .inner .panel .searching .input{
    width:calc(100% - 6px);
    height: 46px;
    float: left;
    position: relative;
    padding:3px;
    background:#4a5660;
    border-radius: 2px;
}

.header1 .inner .panel .searching .input .icon{
    width:22px;
    height: 22px;
    float:left;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 10px;
}

.header1 .inner .panel .searching .input .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    fill: none;
    stroke: #bdc7cf;
    stroke-width: 1.5px;
}

.header1 .inner .panel .searching .input .search_input{
    width: calc(100% - 90px);
    height: 46px;
    float: left;
    border:none;
    padding-left: calc(10px + 22px + 10px);
    padding-right: 20px;
    outline: none;
    font-family: interregular;
    vertical-align: middle;
    font-size: 15px;
    line-height: 46px;
    color:#4a5660;
    padding-top: 4px;
    padding-bottom: 3px;
    border-radius: 2px 0 0 2px;
    -webkit-appearance: none;
}

.header1 .inner .panel .searching .input .search_input::placeholder{
    color: #bdc7cf;
}

.header1 .inner .panel .searching .input .search_button{
    width: 90px;
    height: 100%;
    float: left;
    background:#7c90a0;
    outline: none;
    border: none;
    color: #f1f3f5;
    font-family:intersemibold;
    font-size:14px;
    cursor: pointer;
    border-radius: 0px 2px 2px 0px;
    line-height: 1.3;
    font-weight: normal;
    -webkit-appearance: none;

}

.header1 .inner .panel .searching .input .search_button:hover{
    background: #96a6b3;
}

.header1 .inner .panel .searching .search_results{
    width: calc(100% - 6px);
    height: auto;
    float: left;
    top:calc(46px + 6px + 10px);
    background: #4a5660;
    position: absolute;
    overflow-y:hidden;
    padding: 3px;
    border-radius: 2px;
    display: none;
}

.header1 .inner .panel .searching .search_results .results{
    width:100%;
    height: auto;
    max-height: 400px;
    float: left;
    position: relative;
    overflow-y: auto;
}

.header1 .inner .panel .searching .search_results .results .items{
    width: calc(100% - 24px);
    height: auto;
    float: left;
    background:#FFFFFF;
    border-bottom: 1px solid #e4e8ec;
    padding-top:8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 1.3;
    display:flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
}

.header1 .inner .panel .searching .search_results .results .items:last-child{
    border-bottom: none;
}

.header1 .inner .panel .searching .search_results .results a.items:hover{
    background: #f1f3f5;
}

.header1 .inner .panel .searching .search_results .results .items .image{
    width: 43px;
    height: 43px;
    float: left;
}

.header1 .inner .panel .searching .search_results .results .items .image img{
    width:100%;
    height: 100%;
    float: left;
    object-fit: cover;
}

.header1 .inner .panel .searching .search_results .results .items .image svg{
    width:22px;
    height: 22px;
    stroke: #CFD1D5;
    stroke-width: 1.5px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    fill:none;
}

.header1 .inner .panel .searching .search_results .results .items .name{
    width: calc(100% - 43px - 12px);
    height: auto;
    float: left;
    color:#4a5660;
    font-family: interregular;
    font-size: 14px;
    text-decoration: none;
    margin-left: 12px;
    display: flex;
    align-items: center;
    line-height: 1.3;
}

.header1 .inner .panel .searching .search_results .results .noresult{
    width: 100%;
    height: auto;
    float: left;
    font-family: interregular;
    font-size: 14px;
    color:#4a5660;
    padding-top:6px;
    padding-bottom: 6px;
}


/* hledání end */

.header1 .inner .panel .mobile_search{
    width: auto;
    height: 100%;
    float: left;
    display: block;
    border-left: 1px solid #3e4850;
    padding-left: 20px;
    padding-right: 20px;
    display: none;
}

.header1 .inner .panel .mobile_search svg{
    width: 28px;
    height: 28px;
    float: left;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    fill: none;
    stroke: #7c90a0;
    stroke-width: 1.75px;
}

.header1 .inner .panel .cart{
    width:auto;
    height:100%;
    float:right;
    padding-left:20px;
    padding-right:20px;
    border-left:1px solid #3e4850;
    border-right: 1px solid #3e4850;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
.header1 .inner .panel .cart .icon{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    top:50%;
    transform: translateY(-50%);}

    
.header1 .inner .panel .cart .icon svg{
    width:28px;
    height:28px;
    float:left;
    stroke:#7c90a0;
    fill:none;
    stroke-width:1.75px}
    
.header1 .inner .panel .cart .price{
    width:auto;
    height:auto;
    float:left;
    font-family:intersemibold;
    font-size:16px;
    line-height:28px;
    vertical-align:middle;
    color:#e4e8ec;
    margin-left:15px;
    position:relative;
    top:50%;
    transform: translateY(-50%);}

.header1 .inner .panel .cart:hover{
    background:#3e4850;
}

.header1 .inner .panel .mobile_menu_icon{
    width: 35px;
    height: auto;
    float: left;
    position: relative;
    margin-left: 30px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

.header1 .inner .panel .mobile_menu_icon .item{
    width: 100%;
    height: 2px;
    float: left;
    background: #7c90a0;
    margin-top: 9px;
    transition: ease-out 150ms;
    -webkit-transition: ease-out 150ms;
    -moz-transition: ease-out 150ms;
    border-radius: 2px;
}

.header1 .inner .panel .mobile_menu_icon .item:first-child{
    margin-top: 0px;
}

.header1 .inner .panel .mobile_menu_icon .item:nth-child(2){
    width: 25px;
    margin-left: 5px;
}

.header1 .inner .panel .mobile_menu_icon.open .item:nth-child(1),
.header1 .inner .panel .mobile_menu_icon.open .item:nth-child(3){
    width: 25px;
    margin-left: 5px;
}

.header1 .inner .panel .mobile_menu_icon.open .item:nth-child(2){
    width: 100%;
    margin-left: 0px;
}

.header1 .inner .mobile_menu{
    width: auto;
    min-width: 200px;
    height: auto;
    position: absolute;
    right: 0px;
    top: calc(80px + 1px);
    background: rgba(37, 43, 48, 0.98);
    z-index: 2000;
    transition: ease-out 150ms;
    -webkit-transition: ease-out 150ms;
    -moz-transition: ease-out 150ms;
    padding: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: none;
}

.header1 .inner .mobile_menu .menu_block{
    width: 100%;
    height: auto;
    float: left;
    clear: left;
    border-bottom: 1px dashed #3e4850;
}

.header1 .inner .mobile_menu .menu_block:last-child{
    border-bottom: none;
}

.header1 .inner .mobile_menu .menu_block .head{
    width: calc(100% - 30px);
    height: auto;
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    font-family: interbold;
    font-size: 14px;
    color: #e4e8ec;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.3;
}

.header1 .inner .mobile_menu .menu_block .sub{
    width: auto;
    height: auto;
    float: left;
    clear: left;
    padding-left: calc(20px + 15px);
    font-family: intersemibold;
    font-size: 14px;
    color: #7c90a0;
    text-decoration: none;
    padding-bottom: 15px;
    line-height: 1.3;
}

.header1 .inner .mobile_menu .menu_block .cookie_button{
    width: calc(100% - 30px);
    height: auto;
    float: left;
    background: none;
    border: none;
    outline: none;
    font-family: interbold;
    font-size: 14px;
    color: #e4e8ec;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.3;
    padding: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    margin-left: 15px;
    margin-right: 15px;
}

.header1 .inner .mobile_menu .menu_block.contact{
    display: none;
}

.header1 .inner .mobile_menu .menu_block.contact .line{
    width: 100%;
    height: auto;
    float: left;
    clear: left;
    display: flex;
    align-items: center;
    padding-top: 10px;
}

.header1 .inner .mobile_menu .menu_block.contact .line:last-child{
    padding-bottom: 10px;
}

.header1 .inner .mobile_menu .menu_block.contact .line .icon{
    width: 20px;
    height: 20px;
    float: left;
}

.header1 .inner .mobile_menu .menu_block.contact .line .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke: #7c90a0;
    stroke-width: 1.75px;
}

.header1 .inner .mobile_menu .menu_block.contact .line .text{
    width: auto;
    height: auto;
    float: left;
    margin-left: 10px;
    font-size: 14px;
    line-height: 14px;
    font-family: intermedium;
    color: #d7dde2;
    text-decoration: none;
}

.header2{
    display: none;
}

.header2 .inner{
    width: calc(100% - 60px);
    height: inherit;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
}

.header2 .inner .searching{
    width:75%;
    height: auto;
    float: left;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1200;
    display:none;
}

.header2 .inner .searching .input{
    width:calc(100% - 6px);
    height: 46px;
    float: left;
    position: relative;
    padding:3px;
    background:#4a5660;
    border-radius: 2px;
}

.header2 .inner .searching .input .icon{
    width:22px;
    height: 22px;
    float:left;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 10px;
}

.header2 .inner .searching .input .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    fill: none;
    stroke: #bdc7cf;
    stroke-width: 1.5px;
}

.header2 .inner .searching .input .search_input{
    width: calc(100% - 90px);
    height: 46px;
    float: left;
    border:none;
    padding-left: calc(10px + 22px + 10px);
    padding-right: 20px;
    outline: none;
    font-family: interregular;
    line-height: 1.3;
    vertical-align: middle;
    font-size: 15px;
    line-height: 46px;
    color:#4a5660;
    padding-top: 4px;
    padding-bottom: 3px;
    border-radius: 2px 0 0 2px;
}

.header2 .inner .searching .input .search_input::placeholder{
    color: #bdc7cf;
}

.header2 .inner .searching .input .search_button{
    width: 90px;
    height: 100%;
    float: left;
    background:#7c90a0;
    outline: none;
    border: none;
    color: #f1f3f5;
    font-family:intersemibold;
    font-size:14px;
    cursor: pointer;
    border-radius: 0px 2px 2px 0px;
    line-height: 1.3;
    -webkit-appearance:none;
    font-weight: normal;
}

.header2 .inner .searching .input .search_button:hover{
    background: #96a6b3;
}

.header2 .inner .searching .search_results{
    width: calc(100% - 6px);
    height: auto;
    float: left;
    top:calc(46px + 6px + 10px);
    background: #4a5660;
    position: absolute;
    overflow-y:hidden;
    padding: 3px;
    border-radius: 2px;
    display: none;
}

.header2 .inner .searching .search_results .results{
    width:100%;
    height: auto;
    max-height: 400px;
    float: left;
    position: relative;
    overflow-y: auto;
}

.header2 .inner .searching .search_results .results .items{
    width: calc(100% - 24px);
    height: auto;
    float: left;
    background:#FFFFFF;
    border-bottom: 1px solid #e4e8ec;
    padding-top:8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 1.3;
    display:flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
}

.header2 .inner .searching .search_results .results .items:last-child{
    border-bottom: none;
}

.header2 .inner .searching .search_results .results a.items:hover{
    background: #f1f3f5;
}

.header2 .inner .searching .search_results .results .items .image{
    width: 43px;
    height: 43px;
    float: left;
}

.header2 .inner .searching .search_results .results .items .image img{
    width:100%;
    height: 100%;
    float: left;
    object-fit: cover;
}

.header2 .inner .searching .search_results .results .items .image svg{
    width:22px;
    height: 22px;
    stroke: #CFD1D5;
    stroke-width: 1.5px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    fill:none;
}

.header2 .inner .searching .search_results .results .items .name{
    width: calc(100% - 43px - 12px);
    height: auto;
    float: left;
    color:#4a5660;
    font-family: interregular;
    font-size: 14px;
    text-decoration: none;
    margin-left: 12px;
    display: flex;
    align-items: center;
    line-height: 1.3;
}

.header2 .inner .searching .search_results .results .noresult{
    width: 100%;
    height: auto;
    float: left;
    font-family: interregular;
    font-size: 14px;
    color:#4a5660;
    padding-top:6px;
    padding-bottom: 6px;
}

/**/
    
.header3{
    width:100%;
    height:40px;
    float:left;
    border-bottom:1px solid #e4e8ec;}
    
.header3 .inner{
    width:calc(1400px - 60px);
    height:inherit;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;}
    
.header3 .inner .menu{
    width:100%;
    height:40px;
    float:left;
    margin-left:0px;
    display: flex;
    align-items: center;
    overflow-x: scroll;
    -webkit-overflow-scrolling:touch;
    white-space: nowrap;
    scrollbar-width: none; /* firefox */
}

.header3 .inner .menu::-webkit-scrollbar{
    display: none; /* chrome */
}

.header3 .inner .menu .item{
    width:auto;
    height:inherit;
    float:left;
    margin-left:40px;
    padding-left:5px;
    padding-right:5px;}
    
.header3 .inner .menu .item:first-child{
    margin-left:0px;}
    
.header3 .inner .menu .item .text{
    width:auto;
    height:auto;
    float:left;
    font-family:robotoslabbold;
    color:#715820;
    font-size:18px;
    line-height:80px;
    vertical-align:middle;}
    
.header3 .inner .menu .item .line{
    width:100%;
    height:3px;
    float:left;
    background:#F2EAD5;}
    
.header3 .inner .menu .item .line.selected{
    background:#715820}
    
.header3 .inner .menu .item:hover .line{
    background:#715820}
    
.header3 .inner .menu .navigation{
    width:auto;
    height:auto;
    float:left;
    font-family:interregular;
    color:#899ba9;
    font-size:13px;
    vertical-align:middle;
    text-decoration:none;
    position:relative;
}
    
.header3 .inner .menu .navigation.bold{
    font-family:intersemibold;
    color:#899ba9;}
    
.header3 .inner .menu .icon{
    width:auto;
    height:inherit;
    float:left;
    margin-left:5px;
    margin-right:5px;}
    
.header3 .inner .menu .icon svg{
    width:22px;
    height:22px;
    float:left;
    stroke:#d7dde2;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    stroke-width:1.5px}
    
.header3 .inner .menu .home{
    width:auto;
    height:100%;
    float:left;
    margin-right:0px;}
    
.header3 .inner .menu .home svg{
    width:22px;
    height:22px;
    float:left;
    stroke:#d7dde2;
    stroke-width:1.5px;
    position:relative;
    top:50%;
    transform:translateY(-50%)}
    
.header3 .inner .menu .home:hover svg{
    stroke:#49a078;}


.container{
    width:100%;
    min-height:calc(100vh - 147px - 349px);
    float:left;
    margin-top:0px;}
    
.container.type1{
    background:#f1f3f5;}
    
.container .inner{
    width:calc(1400px - 60px);
    height:inherit;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;}
    
.container .inner .menu{
    width:calc(((100% / 10) * 2) - 2px);
    height:inherit;
    float:left;
    margin-top:30px;
    margin-bottom:30px;
    border:1px solid #e4e8ec;}
    
.container .inner .menu .category{
    width:100%;
    height:auto;
    float:left;
    border-bottom:1px solid #e4e8ec;}
    
.container .inner .menu .category:last-child{
    border-bottom:none;}
    
.container .inner .menu .category .main{
    width:calc(100% - 40px);
    height:auto;
    float:left;
    background:#f1f3f5;
    font-family:interextrabold;
    font-size:13px;
    letter-spacing:0.3px;
    color:#313940;
    text-transform:uppercase;
    padding:20px;    
    padding-top:15px;
    padding-bottom:15px;
    line-height:1.4;
    text-decoration:none;}
    
.container .inner .menu .category .main:hover{
    background:#d7dde2}
    
.container .inner .menu .category .main.selected{
    background:#d7dde2}
    
.container .inner .menu .category .sub{
    width:calc(100% - 60px);
    height:auto;
    float:left;
    font-family:interregular;
    font-size:13px;
    color:#899ba9;
    padding:20px;
    padding-left:40px;    
    padding-top:8px;
    padding-bottom:8px;
    line-height:1.3;
    letter-spacing:0.3px;
    text-decoration:none;
}
    
.container .inner .menu .category .sub:hover{
    color:#899ba9;
    background:#f1f3f5}
    
.container .inner .menu .category .sub.selected{
    font-family:intersemibold;
    color:#313940;
    background: #f1f3f5;}
    
    
    
    
    
    
    
    


.container .inner .artcontent{
    width: calc(100% - 400px);
    height: auto;
    float: left;
    margin-left: 200px;
    margin-right: 200px;
    margin-top: 50px;
    margin-bottom: 50px;
}   

.container .inner .artcontent .head{
    width: 100%;
    height:auto;
    float:left;
    padding-top: 56.25%; /*aspect ratio 16:9*/
    position: relative;
}

.container .inner .artcontent .head .image{
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    top:0px;
    left:0px;
}

.container .inner .artcontent .head .image .overlay{
    width: 100%;
    height: 50%;
    float: left;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(255,255,255,0) 100%);
    opacity:0.95;
    z-index: 900;
}

.container .inner .artcontent .head .image img{
    width: 100%;
    height: 100%;
    float: left;
    object-fit: cover;
}

.container .inner .artcontent .head .image .headerbox{
    width: auto;
    height: auto;
    float: left;
    position: absolute;
    bottom: 40px;
    left: 40px;
    z-index: 1000;
    display: flex;
    flex-direction: column;
}


.container .inner .artcontent .head .image .headerbox .header{
    width: auto;
    height: auto;
    float: left;
    font-family: intermedium;
    font-size: 23px;
    color:#FFFFFF;
    line-height: 1.3;
}

.container .inner .artcontent .head .image .headerbox .header.main{
    font-family: interbold;
    font-size: 30px;
}

.container .inner .artcontent .head .image .headerbox .header.top10{
    margin-top: 10px;
}

.container .inner .artcontent .content{
    width: calc(100% - 100px);
    height: auto;
    float: left;
    font-family: interregular;
    font-size: 16px;
    color:#5a6066;
    line-height: 1.5;
    text-align: left;
    margin-left: 50px;
    margin-right: 50px;
    margin-top:50px
}

.container .inner .artcontent .content p{
    width: calc(100% - 100px);
    height: auto;
    float: left;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 50px;
    margin-right: 50px;
}

.container .inner .artcontent .content p strong{
    font-weight: normal;
    font-family: interbold;
    color:#313940;
}

.container .inner .artcontent .content p a{
    font-weight: normal;
    font-family: interbold;
    color: #49a078;
    text-decoration: none;
}

.container .inner .artcontent .content p a:hover{
    text-decoration: underline;
}

.container .inner .artcontent .content p:first-child{
    margin-top: 0px;
}

.container .inner .artcontent .content:last-child p:last-child{
    margin-bottom: 0px;
}

.container .inner .artcontent .content h2{
    width: 100%;
    height: auto;
    float: left;
    font-weight: normal;
    font-size: 30px;
    font-family: interbold;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-top:50px;
    margin-bottom: 10px;
    color:#313940;
}

.container .inner .artcontent .content h2:first-child{
    margin-top: 0px;
}

.container .inner .artcontent .content h3{
    width: calc(100% - 100px);
    height: auto;
    float: left;
    font-weight: normal;
    font-size: 22px;
    font-family: interbold;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-top:30px;
    margin-bottom: 10px;
    margin-left: 50px;
    margin-right: 50px;
    color:#313940;
    line-height: 1.3;
}

.container .inner .artcontent .content h3:first-child{
    margin-top: 0px;
}

.container .inner .artcontent .content ul{
    width: calc(100% - 40px - 100px);
    height: auto;
    float: left;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 50px;
    margin-right: 50px;
}

.container .inner .artcontent .content ul li{
    list-style-type: square;
    line-height: 1.5;
}

.container .inner .artcontent .content ul li strong{
    font-weight: normal;
    color:#313940;
    font-family: interbold;
}

.container .inner .artcontent .content ul li a{
    font-weight: normal;
    font-family: interbold;
    color: #49a078;
    text-decoration: none;
}

.container .inner .artcontent .content ul li a:hover{
    text-decoration: underline;
}

.container .inner .artcontent .gallery{
    width: 100%;
    height: auto;
    float: left;
    margin-top:30px;
}

.container .inner .artcontent .gallery:nth-child(4),
.container .inner .artcontent .gallery:nth-child(6){
    margin-top: 30px;
}

.container .inner .artcontent .gallery:last-child{
    margin-bottom: 25px;
}

.container .inner .artcontent .gallery .image{
    width:auto;
    height: auto;
    float: left;
    position: relative;
}

.container .inner .artcontent .gallery .image.full{
    width:100%;
    padding-top:56.25%;
}

.container .inner .artcontent .gallery .image.div2{
    width: calc((100% - 50px) / 2);
    padding-top: calc((calc((100% - 50px) / 2) * 3) / 4);
    margin-right:50px;
}

.container .inner .artcontent .gallery .image.div2:last-child{
    margin-right: 0px;
}

.container .inner .artcontent .gallery .image.div3{
    width: calc((100% - 60px) / 3);
    padding-top: calc((calc((100% - 60px) / 3) * 3) / 4);
    margin-right:30px;
}

.container .inner .artcontent .gallery .image.div3:last-child{
    margin-right: 0px;
}

.container .inner .artcontent .gallery .image.div4{
    width: calc((100% - 90px) / 4);
    padding-top: calc((calc((100% - 90px) / 4) * 3) / 4);
    margin-right:30px;
    margin-top:30px;
}

.container .inner .artcontent .gallery .image.div4:nth-child(4n){
    margin-right: 0px;
}

.container .inner .artcontent .gallery .image.div4:nth-child(-n+4){
    margin-top: 0px;
}

.container .inner .artcontent .gallery .image img{
    width: 100%;
    height:100%;
    float:left;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top:0px;
    left:0px
}

.container .inner .artcontent .hash{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
    border-bottom: 1px solid #e4e8ec;
    padding-bottom: 10px;
}

.container .inner .artcontent .hash .hashtag,
.container .inner .artcontent .hash a.hashtag{
    width: auto;
    height: auto;
    float:left;
    color:#49a078;
    font-family: intersemibold;
    font-size: 16px;
    text-decoration: none;
    border-radius: 1000px;
    margin-right:20px;
    margin-bottom: 10px;
}

.container .inner .artcontent .hash .hashtag{
    color: #313940;
    font-family: interbold;
}

.container .inner .artcontent .hash a.hashtag:hover{
    text-decoration: underline;
}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
.container .inner .mainpage{
    width:calc(((100% / 10) * 8) - 30px);
    height:auto;
    float:left;
    margin-left:30px;
    margin-top:30px;
    margin-bottom:30px;}   
    
.container .inner .mainpage .products{
    width:100%;
    height:auto;
    float:left;
    display: flex;
    flex-wrap: wrap;
} 

.container .inner .mainpage .articles{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
}

.container .inner .mainpage .articles .article{
    width: calc(((100% - 30px) / 2) - 2px);
    height: auto;
    float: left;
    position: relative;
    border:1px solid #e4e8ec;
    margin-right: 30px;
    margin-top:30px;
    background:#f1f3f5;
}

.container .inner .mainpage .articles .article:nth-child(2n){
    margin-right: 0px;
}

.container .inner .mainpage .articles .article:nth-child(-n+2){
    margin-top: 0px;
}

.container .inner .mainpage .articles .article .content{
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}

.container .inner .mainpage .articles .article .imagebox{
    width: 100%;
    height: auto;
    float: left;
    padding-top: calc((100% / 16) * 9);
    position: relative;
}

.container .inner .mainpage .articles .article .imagebox .image{
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
}

.container .inner .mainpage .articles .article .image .overlay{
    width: 100%;
    height: 70%;
    float: left;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.9) 15%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.9) 15%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 15%, rgba(255,255,255,0) 100%);
    opacity:0.9;
    z-index: 900;
}

.container .inner .mainpage .articles .article .image .overlay2{
    width: 100%;
    height: 40%;
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgb(255,255,255);
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(255,255,255,0) 100%);
    opacity:0.6;
    z-index: 900;
    display: none;
}

.container .inner .mainpage .articles .article .image img{
    width: 100%;
    height: 100%;
    float: left;
    object-fit: cover;
}

.container .inner .mainpage .articles .article .image .headerbox{
    width: auto;
    height: auto;
    float: left;
    position: absolute;
    bottom: 20px;
    z-index: 1000;
    display: flex;
    flex-direction: column;
}

.container .inner .mainpage .articles .article .image .headerbox .header{
    width: auto;
    height: auto;
    float: left;
    font-family: intermedium;
    font-size: 16px;
    color:#FFFFFF;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 1000;
    line-height: 1.3;
}

.container .inner .mainpage .articles .article .image .headerbox .header.main{
    font-size: 22px;
    font-family: interbold;;
}

.container .inner .mainpage .articles .article .image .headerbox .header.top5{
    margin-top: 5px;
}

.container .inner .mainpage .articles .article .description{
    width: calc(100% - 40px);
    height: auto;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top:15px;
    padding-bottom:15px;
    font-family: interregular;
    font-size: 14px;
    line-height: 1.5;
    color:#5a6066;
}

.container .inner .mainpage .articles .article .hash{
    width: auto;
    max-width: calc(100% - 40px);
    height: auto;
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-left:20px;
    margin-right: 20px;
    margin-top: 20px;
    z-index: 1005;
    display:none;
}

.container .inner .mainpage .articles .article .hash .hashtag{
    width: auto;
    height: auto;
    float:left;
    color:#FFFFFF;
    font-family: intersemibold;
    font-size: 13px;
    text-decoration: none;
    border-radius: 1000px;
    margin-right:15px;
    margin-bottom: 10px;
    opacity:0.8;
}

.container .inner .mainpage .articles .article .hash .hashtag:hover{
    text-decoration: underline;
    opacity:1
}

.container .inner .mainpage .articles .article .hash .hashtag.plus{
    background:#f1f3f5;
    border:1px solid #e4e8ec;
    color:#7c90a0;
}

    
.container .inner .mainpage .category{
    width:100%;
    height:auto;
    float:left;
    margin-bottom:30px;
    border-bottom:1px solid #e4e8ec}
    
.container .inner .mainpage .category .main{
    width:100%;
    height:auto;
    float:left;
    font-family:interbold;
    font-size:25px;
    color:#313940;
    line-height: 1.3;
}

.container .inner .mainpage .category .main .highlight_hash{
    color:#49a078;
}

.container .inner .mainpage .category .main.nosub{
    margin-bottom:0px;
}

.container .inner .mainpage .category .description{
    width: calc((100% / 5) * 3);
    height: auto;
    float: left;
    font-family: interregular;
    font-size: 14px;
    color: #899ba9;
    margin-top: 10px;
    line-height: 1.5;
}
    
.container .inner .mainpage .category .sub{
    width:100%;
    height:auto;
    float:left;
    margin-top:30px;}
    
.container .inner .mainpage .category .sub .item{
    width:calc((100% - 90px - 8px) / 4);
    height:55px;
    float:left;
    border:1px solid #e4e8ec;
    margin-right:30px;
    margin-top:30px;
    border-radius: 3px;
}
    
.container .inner .mainpage .category .sub .item:nth-child(4n){
    margin-right:0px;}
    
.container .inner .mainpage .category .sub .item:nth-child(-n+4){
    margin-top:0px;}
    
.container .inner .mainpage .category .sub .item:hover{
    border:1px solid #3a8060}
    
.container .inner .mainpage .category .sub .item.checked{
    border:1px solid #3a8060}
    
.container .inner .mainpage .category .sub .item .image{
    width:45px;
    height:45px;
    float:left;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:5px;}
    
.container .inner .mainpage .category .sub .item .image img{
    width:100%;
    height:100%;
    float:left;}
    
.container .inner .mainpage .category .sub .item .image svg{
    width:20px;
    height:20px;
    float:left;
    stroke:#CFD1D5;
    stroke-width:1.5px;
    fill:none;
    position:relative;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);}
    
.container .inner .mainpage .category .sub .item .name{
    width:calc(100% - 50px - 35px);
    height:auto;
    float:left;
    margin-left:20px;
    margin-right:15px;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    font-family:intermedium;
    color:#899ba9;
    font-size:13px;
    line-height: 1.3;
}
    
.container .inner .mainpage .category .sub .item.checked .name{
    color:#313940;
    font-family:intersemibold;
}

.container .inner .mainpage .category .search_result{
    width: 100%;
    height: auto;
    float: left;
    margin-top:30px;
    margin-bottom: 0px;
    display:flex;
    flex-direction: row;
}

.container .inner .mainpage .category .search_result .icon{
    width: 30px;
    height: 30px;
    float: left;
}

.container .inner .mainpage .category .search_result .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke: #bdc7cf;
    stroke-width: 1.5px;
    fill: none;
}

.container .inner .mainpage .category .search_result .phrase{
    width: calc(100% - 30px - 20px);
    height: auto;
    float: left;
    font-family: intersemibold;
    font-size:20px;
    color:#7c90a0;
    margin-left: 20px;
    align-items: center;
    display: flex;
    line-height: 1.3;
}
    
.container .inner .mainpage .category .selectbutton{
    width:100%;
    height:auto;
    float:left;
    padding-top:20px;
    padding-bottom:20px;
    border-top:1px solid #e4e8ec;
    margin-top: 30px;}
    
.container .inner .mainpage .category .selectbutton .button{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    margin-left:20px;}
    
.container .inner .mainpage .category .selectbutton .button:first-child{
    margin-left:0px;}
    
.container .inner .mainpage .category .selectbutton .button input{
    width:100%;
    height:100%;
    float:left;
    position:absolute;
    opacity:0;
    z-index:1100;
    cursor:pointer;
}
    
.container .inner .mainpage .category .selectbutton .button .overlay{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    top:0px;
    left:0px;
    white-space:nowrap;
    font-family:intermedium;
    color:#899ba9;
    font-size:13px;
    line-height:1.3;
    padding:12px;
    padding-top:8px;
    padding-bottom:8px;
    border:1px solid #e4e8ec;
    z-index:1000;
    border-radius: 3px;}
    
.container .inner .mainpage .category .selectbutton .button:hover .overlay{
    border:1px solid #3a8060;}
    
.container .inner .mainpage .category .selectbutton .button.selected .overlay{
    background:#49a078;
    color:#FFFFFF;
    border:1px solid #3a8060;
}

.container .inner .mainpage .category .selectbutton .button.selected:hover .overlay{
    background:#7fbca0;
}

.container .inner .mainpage .products .noresult{
    width: 100%;
    height: auto;
    float: left;
}

.container .inner .mainpage .products .noresult .box{
    width: calc(100% - 30px - 2px);
    height: auto;
    float: left;
    display:flex;
    flex-direction: row;
    background:rgba(214, 45, 32, 0.08);
    padding:15px;
    border-radius: 2px;
    border:1px solid rgba(214, 45, 32, 0.12);
    align-items: center;
}

.container .inner .mainpage .products .noresult .box .icon{
    width: 30px;
    height: 30px;
    float: left;
}

.container .inner .mainpage .products .noresult .box .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    fill: none;
    stroke-width: 1.5px;
    stroke:#d62d20
}

.container .inner .mainpage .products .noresult .box .head{
    width: calc(100% - 30px - 20px);
    height: auto;
    float: left;
    display: flex;
    align-items: center;
    margin-left: 20px;
    white-space: normal;
}

.container .inner .mainpage .products .noresult .box .head .text{
    width: 100%;
    height: auto;
    float: left;
    font-family: intermedium;
    font-size:20px;
    color: #d62d20;
    white-space: normal;
    line-height: 1.3;
}

.container .inner .mainpage .products .noresult .box .head .text .expression{
    font-family: interbold;
}

.container .inner .mainpage .products .noresult .help{
    width: calc(100% - 16px - 20px - 30px);
    height: auto;
    float: left;
    margin-top:30px;
    margin-left: 66px;
}

.container .inner .mainpage .products .noresult .help .head{
    width: 100%;
    height: auto;
    float: left;
    font-family: intersemibold;
    font-size:18px;
    color:#313940;
    line-height: 1.3;
}

.container .inner .mainpage .products .noresult .help .lines{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px;
}

.container .inner .mainpage .products .noresult .help .lines .line{
    width: calc(100% - 10px);
    height: auto;
    float: left;
    display:flex;
    flex-direction: row;
    align-items: center;
    margin-left: 10px;
    margin-top: 5px;
}

.container .inner .mainpage .products .noresult .help .lines .line:first-child{
    margin-top: 0px;
}

.container .inner .mainpage .products .noresult .help .lines .line .icon{
    width:20px;
    height: 20px;
    float: left;
}

.container .inner .mainpage .products .noresult .help .lines .line .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    fill: none;
    stroke: #bdc7cf;
    stroke-width: 2px;
}

.container .inner .mainpage .products .noresult .help .lines .line .text{
    width: calc(100% - 5px);
    height: auto;
    float: left;
    color:#7c90a0;
    font-family: interregular;
    font-size: 16px;
    margin-left: 5px;
    line-height: 1.3;
}    
    
    
   
.container .inner .mainpage .products .product{
    width:calc((100% - 4px) / 3);
    height:auto;
    float:left;
    margin-right:0px;
    margin-bottom:0px;
    border:1px solid #e4e8ec;
    border-right:none;
    border-top:none;
    display: flex;
    flex-direction: column;
}

.container .inner .mainpage .products .product:nth-child(3n){
    border-right:1px solid #e4e8ec}
    
.container .inner .mainpage .products .product:nth-child(-n+3){
    border-top:1px solid #e4e8ec}
    
.container .inner .mainpage .products .product:last-child{
    border-right:1px solid #e4e8ec}
    
     /* 
    
.container .inner .mainpage .products .product:nth-child(-n+4){
    margin-top:50px;}
    
.container .inner .mainpage .products .product:nth-child(4n){
    margin-right:0px;}
    
*/

    
.container .inner .mainpage .products .product .imagebox{
    width:calc(100% - 40px);
    height:auto;
    float:left;
    margin-top:20px;
    margin-left:20px;
    margin-right:20px;
    position:relative;
    padding-top:calc(100% - 40px);}
    
    
.container .inner .mainpage .products .product .imagebox .image{
    width:100%;
    height:100%;
    float:left;
    position:absolute;
    top:0px;
    left:0px;}
    
.container .inner .mainpage .products .product .imagebox .image img{
    width:100%;
    height:100%;
    float:left;
    position:relative;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    object-fit:cover;}

 
.container .inner .mainpage .products .product .imagebox .image .product_label{
    width:auto;
    height:auto;
    float:right;
    right:-20px;
    top:20px;
    position:absolute;
    font-family:intersemibold;
    font-size:12px;
    padding:7px;
    padding-bottom:7px;
    padding-right:10px;
    padding-left:10px;
    line-height:12px;
    letter-spacing:0.5px;
    z-index:1000}
    
 /*
    
.container .inner .mainpage .products .product .imagebox .image .availability{
    width:auto;
    height:auto;
    float:right;
    background:#558564;
    color:#FAF6EF;
    font-family:robotoslabsemibold;
    font-size:12px;
    padding:5px;
    padding-bottom:7px;
    padding-right:10px;
    padding-left:10px;
    line-height:14px;
    letter-spacing:0.5px;
    position:absolute;
    top:20px;
    right:-20px;
    z-index:1000;
    text-transform:capitalize;}
    
.container .inner .mainpage .products .product .imagebox .image .availability.instock{
    background:#558564;}
    
.container .inner .mainpage .products .product .imagebox .image .availability.outofstock{
    background:#ED6A5E;}

.container .inner .mainpage .products .product .imagebox .image .variants{
    width:auto;
    height:auto;
    float:left;
    position:absolute;
    bottom:20px;
    right:-20px;
    z-index:1000;}
    
.container .inner .mainpage .products .product .imagebox .image .variants .item{
    width:auto;
    height:auto;
    float:right;
    background:#715820;
    color:#FAF6EF;
    font-family:robotoslabsemibold;
    font-size:12px;
    clear:both;
    padding:5px;
    padding-bottom:7px;
    padding-right:10px;
    padding-left:10px;
    margin-top:10px;
    line-height:14px;
    letter-spacing:0.5px}
    
.container .inner .mainpage .products .product .imagebox .image .variants .item:first-child{
    margin-top:0px;}
    
*/


    
.container .inner .mainpage .products .product .headline{
    width:calc(100% - 40px);
    height:auto;
    float:left;
    padding-left:20px;
    padding-right:20px;
    margin-top:10px;
    margin-bottom:10px;
    position:relative;
}
    

    
.container .inner .mainpage .products .product .headline .text{
    width:100%;
    height:auto;
    float:left;
    font-family:intersemibold;
    font-size:16px;
    line-height:1.4;
    color:#313940;
    text-align:left;
    position:relative;
}
    
.container .inner .mainpage .products .product .line{
    width:calc(100% - 40px);
    height:30px;
    float:left;
    margin-left:20px;
    margin-right:20px;
    border-top:1px solid #e4e8ec;
    border-bottom:1px solid #e4e8ec}
    
.container .inner .mainpage .products .product .line .variant{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    color:#899ba9;
    font-family:intermedium;
    font-size:13px;
    line-height: 1.3;
}
    
.container .inner .mainpage .products .product .line .availability{
    width:auto;
    height:auto;
    float:right;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    color:#899ba9;
    font-family:intermedium;
    font-size:13px;
    line-height: 1.3;
}
    
.container .inner .mainpage .products .product .pricebox{
    width:calc(100% - 40px);
    height:50px;
    float:left;
    margin-left:20px;
    margin-right:20px;
    border-bottom:1px solid #e4e8ec;
    position:relative;
    display: flex;
    align-items: center;
}
    
.container .inner .mainpage .products .product .pricebox .price{
    width:auto;
    height:auto;
    float:left;
    font-family:interbold;
    font-size:18px;
    color:#343638;
    position:relative;
}
    
.container .inner .mainpage .products .product .pricebox .buttonbox{
    width:auto;
    height:auto;
    float:right;
    position:relative;
    margin-left: auto;
    margin-right: 0px;
}
    
.container .inner .mainpage .products .product .pricebox .buttonbox .button{
    width:auto;
    height:auto;
    float:right;
    background:#49a078;
    border: 1px solid #3a8060;
    color:#FFFFFF;
    font-family:intersemibold;
    font-size:14px;
    letter-spacing:0.5px;
    padding:12px;
    padding-top:6px;
    padding-bottom:6px;
    border-radius: 3px;
    line-height: 1.3;
}
    
.container .inner .mainpage .products .product .pricebox .buttonbox:hover .button{
    background:#7fbca0}
    
.container .inner .mainpage .products .product .pricebox .buttonbox .button.detail{
    background:#7c90a0;
    border:1px solid #637380;}
    
.container .inner .mainpage .products .product .pricebox .buttonbox .button.detail:hover{
    background:#96a6b3;}
    
.container .inner .mainpage .products .product .pricebox .buttonbox .submit{
    width:100%;
    height:100%;
    float:right;
    position:absolute;
    top:0px;
    right:0px;
    border-radius:0px;
    border:none;
    opacity:0;
    cursor:pointer}
    
.container .inner .mainpage .products .product .description{
    width:calc(100% - 40px);
    height:auto;
    float:left;
    font-family:interlight;
    font-size:13px;
    color:#5a6066; /* #899ba9 */
    line-height:1.5;
    padding-left:20px;
    padding-right:20px;
    margin-top:15px;
    margin-bottom:15px;
}
    

/*    
.container .inner .mainpage .products .product .line{
    width:calc(100% - 40px);
    height:38px;
    float:left;
    margin-left:20px;
    margin-right:20px;
    border-top:1px solid #EBDDBC;
    border-bottom:1px solid #EBDDBC;
    margin-top:10px;
    margin-bottom:20px;}
    
.container .inner .mainpage .products .product .line .price{
    width:auto;
    height:auto;
    float:left;
    font-family:robotoslabbold;
    font-size:16px;
    color:#333333;
    line-height:38px;
    vertical-align:middle;}
    
.container .inner .mainpage .products .product .line .buttonbox{
    width:auto;
    height:inherit;
    float:right;
    background:red;
    position:relative;}
    
.container .inner .mainpage .products .product .line .buttonbox .button{
    width:auto;
    height:38px;
    float:right;
    background:#EBDDBC;
    font-family:interbold;
    font-size:14px;
    color:#333333;
    text-transform:uppercase;
    line-height:38px;
    padding-left:20px;
    padding-right:20px;
    letter-spacing:1px;}
    
.container .inner .mainpage .products .product .line .buttonbox:hover .button{
    background:#DFC27D}
    
.container .inner .mainpage .products .product .line .buttonbox .submit{
    width:100%;
    height:100%;
    float:left;
    position:absolute;
    border:none;
    outline:none;
    border-radius:0px;
    opacity:0;
    cursor:pointer;}
    
.container .inner .mainpage .products .product .description{
    width:calc(100% - 40px);
    height:auto;
    float:left;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:20px;
    font-family:robotoslabregular;
    font-size:14px;
    color:#333333;
    line-height:21px;}
    
.container .inner .mainpage .products .product .description p{
    margin:0px;}
    
*/
    
.container .inner form{
    margin-block-end:0px}
    
.container .inner .productpage{
    width:100%;
    height:auto;
    float:left;
    margin-bottom:50px;}
    
.container .inner .productpage .mainphoto{
    width:calc((100% - 100px)  / 2);
    height:auto;
    float:left;
    padding-top:calc((100% - 100px)  / 2);
    position:relative;
    overflow:hidden;
    margin-top:50px;
    cursor:pointer}
    
.container .inner .productpage .mainphoto img{
    width:100%;
    height:100%;
    float:left;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    object-fit:cover;}
    
.container .inner .productpage .mainphoto .product_label{
    width:auto;
    height:auto;
    float:right;
    right:0px;
    top:0px;
    position:absolute;
    z-index:1000;
    font-family:intersemibold;
    font-size:16px;
    line-height:16px;
    padding:10px;
    padding-left:15px;
    padding-right:15px;
    letter-spacing:0.5px;}
    
.container .inner .productpage .panel{
    width:calc((100% - 100px) / 2);
    height:auto;
    float:left;
    margin-left:100px;
    margin-top:50px;
    background:inherit;}
    
.container .inner .productpage .panel .name{
    width:calc(100% - 100px);
    height:auto;
    float:left;
    font-family:interextrabold;
    font-size:30px;
    line-height:1.3;
    color:#313940}
    
.container .inner .productpage .panel .description{
    width:calc(100% - 100px);
    height:auto;
    float:left;
    font-family:interregular;
    font-size:16px;
    color:#5a6066; /* #7c90a0 */
    line-height:1.5;
    margin-top:15px;
}
    
.container .inner .productpage .panel .description p{
    margin:0px;}

.container .inner .productpage .panel .description p strong{
    font-weight: normal;
    font-family: interbold;
    color: #313940;
}
    
.container .inner .productpage .panel .box{
    width:calc(100% - 100px);
    height:auto;
    float:left;
}

.container .inner .productpage .panel .variant_head{
    width: 100%;
    height: auto;
    float: left;
    font-family: interbold;
    font-size: 14px;
    color:#313940;
    clear: both;
    text-transform: uppercase;
    margin-top: 20px;
    line-height: 1.3;
}
    
.container .inner .productpage .panel .box.variant .variant_name{
    width:auto;
    height:auto;
    float:left;  
    cursor: pointer;
    border:2px solid #3a8060;
    background:#FFFFFF;
    margin-top:20px;}
    
.container .inner .productpage .panel .box.variant .variant_name .item{
    width:auto;
    height:auto;
    float:left;
    margin:0px;
    padding:8px;
    padding-left:10px;
    padding-right:10px;
    font-family:intersemibold;
    font-size:13px;
    line-height:13px;
    vertical-align:middle;}

.container .inner .productpage .panel .box.variant .variant_name.one .item{
    background:#49a078;
    color:#FFFFFF;
}
    
.container .inner .productpage .panel .box .label{
    width:auto;
    height:auto;
    float:left;
    margin-right:15px;
    margin-top:15px;
    font-family:intermedium;
    font-size:14px;
    color:#414141}
    
.container .inner .productpage .panel .box input[type=radio]{ 
    position:absolute;
    opacity:0;
    width:0;
    height:0;}
    
.container .inner .productpage .panel .box input[type=radio] + .variant_name{
    width:auto;
    height:auto;
    float:left;  
    cursor: pointer;
    border:2px solid #cad2d9;
    background:#FFFFFF;
    margin-top:0px;}   
    
.container .inner .productpage .panel .box input[type=radio] + .variant_name img{
    width:auto;
    height:auto;
    float:left;
    object-fit:cover;}
    
.container .inner .productpage .panel .box input[type=radio] + .variant_name .item{
    width:auto;
    height:auto;
    float:left;
    font-family:interbold;
    font-size:13px;
    color:#313940;
    text-align:center;
    vertical-align:middle;
    letter-spacing: 0.25;
    padding:8px;
    padding-left:10px;
    padding-right:10px;
}
    
.container .inner .productpage .panel .box input[type=radio]:checked + .variant_name{
    outline:none;
    border:2px solid #3a8060;}

.container .inner .productpage .panel .box input[type=radio]:checked + .variant_name .item{
    background:#49a078;
    color:#FFFFFF
}
    
.container .inner .productpage .panel .box .availability{
    width:auto;
    height:auto;
    float:left;
    margin-top:30px;
    font-family:intermedium;
    font-size:14px;
    line-height:1.3;
    padding:8px;
    padding-left:15px;
    padding-right:15px;
    border-radius:1000px;
    background:#7c90a0;
    color:#FFFFFF;}
    
.container .inner .productpage .panel .box .info{
    width:auto;
    height:13px;
    float:left;
    clear:both;
    margin-top:10px;
    margin-left:15px;
    font-family:intermedium;
    font-size:13px;
    line-height:1.3;
    color:#7c90a0;
}
    
.container .inner .productpage .panel .box .availability.endsale{
    background:#353839;
    color:#FFFFFF}
    
.container .inner .productpage .panel .pricebox{
    width:calc(100% - 100px);
    height:57px;
    float:left;
    border-top:1px solid #cad2d9;
    border-bottom:1px solid #cad2d9;
    margin-top:20px;
    padding-top:15px;
    padding-bottom:15px;}
    
.container .inner .productpage .panel .pricebox .price{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    top:50%;
    transform:translateY(-50%);}
    
.container .inner .productpage .panel .pricebox .price .price1{
    width:auto;
    height:auto;
    float:left;
    clear:both;
    font-family:interextrabold;
    font-size:26px;
    color:#313940}
    
.container .inner .productpage .panel .pricebox .price .price2{
    width:auto;
    height:auto;
    float:left;
    clear:both;
    font-family:interregular;
    font-size:16px;
    color:#7c90a0;
    margin-top:5px;}
    
.container .inner .productpage .panel .pricebox .shopnow{
    width:auto;
    height:auto;
    float:right;
    position:relative;
    top:50%;
    transform:translateY(-50%);
}

.container .inner .productpage .panel .pricebox .shopnow .product_amount{
    width:auto;
    height: 40px;
    float: left;
    background: #FFFFFF;
    border: 1px solid #cad2d9;
    margin-right: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 3px;
}

.container .inner .productpage .panel .pricebox .shopnow .product_amount .decrease{
    width:35px;
    height: 100%;
    float: left;
    border-right:1px solid #cad2d9;
    cursor: pointer;
}

.container .inner .productpage .panel .pricebox .shopnow .product_amount .increase{
    width:35px;
    height: 100%;
    float: left;
    border-left:1px solid #cad2d9;
    cursor: pointer;
}

.container .inner .productpage .panel .pricebox .shopnow .product_amount .decrease:hover,
.container .inner .productpage .panel .pricebox .shopnow .product_amount .increase:hover{
    background:#f1f3f5
}

.container .inner .productpage .panel .pricebox .shopnow .product_amount .decrease .icon,
.container .inner .productpage .panel .pricebox .shopnow .product_amount .increase .icon{
    width: 100%;
    height: 100%;
    float: left;
}

.container .inner .productpage .panel .pricebox .shopnow .product_amount .decrease .icon svg,
.container .inner .productpage .panel .pricebox .shopnow .product_amount .increase .icon svg{
    width: 16px;
    height: auto;
    float: left;
    fill: none;
    stroke:#7c90a0;
    stroke-width: 2.25px;
    position: relative;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
}
    
.container .inner .productpage .panel .pricebox .shopnow .product_amount .input{
    width:60px;
    height:100%;
    float:left;
    border:none;
    outline:none;
    font-family:interbold;
    font-size:16px;
    text-align:center;
    color:#313940;
    border-right:none;
    letter-spacing: 1px;
    line-height:40px;
}
    
.container .inner .productpage .panel .pricebox .shopnow .input::-webkit-outer-spin-button,
.container .inner .productpage .panel .pricebox .shopnow .input::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;}
    
.container .inner .productpage .panel .pricebox .shopnow .input[type="number"]{
    -moz-appearance:textfield;}
    
.container .inner .productpage .panel .pricebox .shopnow .button{
    width:auto;
    height:calc(40px - 5px - 5px);
    float:left;
    font-family:interbold;
    font-size:14px;
    color:#FFFFFF;
    background:#49a078;
    border: 1px solid #3a8060;
    padding-left:20px;
    padding-right:20px;
    cursor:pointer;
    outline:none;
    letter-spacing:1px;
    text-transform:uppercase;
    border-radius: 3px;
    display: flex;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.3;
}
    
.container .inner .productpage .panel .pricebox .shopnow .button:hover{
    background:#7fbca0}
    
.container .inner .productpage .panel .pricebox .shopnow .notallowed{
    width:auto;
    height:40px;
    float:left;
    display:none;
    border:1px solid #353839;
    background: #494b4c;
    line-height:40px;
    vertical-align:middle;
    font-family:interbold;
    font-size: 14px;
    color: #FFFFFF;
    text-transform:uppercase;
    letter-spacing:1px;
    padding-left:20px;
    padding-right:20px;
    align-items: center;
    border-radius: 3px;
}
    
.container .inner .productpage .panel .simproduct{
    width:auto;
    height:auto;
    float:left;
    font-family:interbold;
    font-size:16px;
    color:#333333;
    background:#EBDDBC;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;   
    padding-bottom:10px;
    cursor:pointer;
    border:none;
    outline:none;
    letter-spacing:1px;
    text-transform:uppercase;
    text-decoration:none;
    margin-top:30px;}
    
.container .inner .productpage .panel .simproduct:hover{
    background:#DFC27D}
    
.container .inner .productpage .gallery{
    width:100%;
    height:auto;
    float:left;
    margin-top:50px;
    margin-bottom:0px;}
    
.container .inner .productpage .gallery .image{
    width:calc((100% - 180px) / 10);
    height:auto;
    float:left;
    padding-top: calc((100% - 180px) / 10);
    margin-right:20px;
    margin-top:20px;
    cursor:pointer;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;
    outline:none;
    position: relative;
}
    
.container .inner .productpage .gallery .image img{
    width:100%;
    height:100%;
    float:left;
    object-fit:cover;
    position: absolute;
    top: 0px;
    left: 0px;
}
    
.container .inner .productpage .gallery .image:nth-child(10n){
    margin-right:0px;}
    
.container .inner .productpage .gallery .image:nth-child(-n+10){
    margin-top:0px;}
    
.container .inner .productpage .gallery .image:hover{
    transform:scale(1.1);}

.container2{
    width:100%;
    height:auto;
    float:left;
    padding-top:50px;
    padding-bottom:50px;}
    
.container2 .inner{
    width:calc(1400px - 60px);
    height:auto;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;}
    
.container2 .inner .left{
    width:calc(((100% / 10) * 7) - 200px);
    height:auto;
    float:left;}
    
.container2 .inner .left .head,
.container2 .inner .right .head{
    width:100%;
    height:auto;
    float:left;
    font-family:interbold;
    font-size:20px;
    color:#313940;
    line-height: 1.3;}
    
.container2 .inner .left .description{
    width:100%;
    height:auto;
    float:left;
    font-family:interregular;
    font-size:16px;
    color:#5a6066;
    line-height:1.5;
    margin-top:15px;}
    
.container2 .inner .left .description p{
    width: 100%;
    height: auto;
    float: left;
    margin:0px;
    margin-top:15px;
    }
    
.container2 .inner .left .description p:first-child{
    margin-top:0px;}
    
.container2 .inner .left .description p a{  
    text-decoration:none;
    font-family:interbold;
    font-weight: normal;
    color:#49a078;}
    
.container2 .inner .left .description p a:hover{
    text-decoration:underline;}

.container2 .inner .left .description p strong{
    font-family: interbold;
    font-weight: normal;
    color:#313940;
}

.container2 .inner .left .description ul{
    width: calc(100% - 40px);
    height: auto;
    float:left;
    margin-top: 15px;
    margin-bottom: 0px;
}

.container2 .inner .left .description ul li{
    list-style-type: square;
    line-height: 1.5;
}

.container2 .inner .left .description ul li strong{
    font-family: interbold;
    font-weight: normal;
    color:#313940;
}

.container2 .inner .left .description ul li a{  
    text-decoration:none;
    font-family:interbold;
    font-weight: normal;
    color:#49a078;}
    
.container2 .inner .left .description ul li a:hover{
    text-decoration:underline;}

.container2 .inner .left .description h3{
    width: 100%;
    height: auto;
    float: left;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-top:50px;
    color: #313940;
    font-size: 20px;
    font-family: interbold;
    font-weight: normal;
    line-height: 1.3;
}
    
.container2 .inner .right{
    width:calc(((100% / 10) * 3) + 50px);
    height:auto;
    float:right;
    margin-left:150px;}
    
.container2 .inner .right .item{
    width:100%;
    height:auto;
    float:left;
    border-bottom:1px solid #e4e8ec}
    
.container2 .inner .right .item:nth-child(2){
    margin-top:15px;}

.container2 .inner .right .item:last-child{
    border-bottom:none;
}
    
.container2 .inner .right .item .box1{
    width:auto;
    height:auto;
    float:left;
    padding-left:15px;
    padding-top:10px;
    padding-bottom:10px;
    font-family:interregular;
    font-size:14px;
    color:#5a6066;
    line-height: 1.3;
}
    
.container2 .inner .right .item .box2{
    width:auto;
    height:auto;
    float:right;
    padding-right:15px;
    padding-top:10px;
    padding-bottom:10px;
    font-family:intersemibold;
    font-size:14px;
    color:#313940;
    position:relative;
    line-height: 1.3;
}
    
.container2 .inner .right .item .box3{
    width:auto;
    height:auto;
    float:right;
    padding-right:15px;
    vertical-align:middle;
    text-decoration:none;
    display: flex;
    align-items: center;
}
    
.container2 .inner .right .item .box3:hover{
    text-decoration:underline}
    
.container2 .inner .right .item .box3 .icon{
    width:20px;
    height:20px;
    float:left;
    margin-right:7px;}
    
.container2 .inner .right .item .box3 .icon img{
    width:100%;
    height:100%;
    float:left;
}

.container2 .inner .right .item .box3 .text{
    width: auto;
    height: auto;
    float: left;
    font-family:intersemibold;
    font-size:14px;
    color:#313940;
    line-height:1.3;
    padding-top: 10px;
    padding-bottom: 10px;
}

.container2 .inner .right .carrier_excluded{
    width: calc(100% - 20px - 2px - 30px);
    height: auto;
    float: left;
    margin-top:20px;
    background:#fdf5eb;
    border:1px solid #f49d37;
    padding:10px;
    border-radius: 3px;
    color:#f49d37;
    margin-left: 15px;
    margin-right: 15px;
}

.container2 .inner .right .carrier_excluded .box{
    width: auto;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.container2 .inner .right .carrier_excluded .box .icon{
    width:20px;
    height: 20px;
    float: left;
}

.container2 .inner .right .carrier_excluded .box .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke:#f49d37;
    stroke-width: 1.75px;
    align-items: center;
}

.container2 .inner .right .carrier_excluded .box .text{
    width: auto;
    height: auto;
    float: left;
    font-family: intermedium;
    font-size: 13px;
    color: #f49d37;
    white-space: nowrap;
    display: flex;
    align-items: center;
    margin-left: 10px;
    line-height: 1.3;
}
    
.container .inner .bigbox{
    width:100%;
    height:auto;
    float:left;
    display:flex}
    
.container .inner .bigbox .cartpage{
    width:calc(((100% / 7) * 5) - 50px);
    height:auto;
    float:left;
    margin-top:50px;
    margin-bottom:50px;
    align-items:stretch;}
    
.container .inner .bigbox .cartpage .product{
    width:calc(100% - 2px);
    height:auto;
    float:left;
    border:1px solid #cad2d9;
    border-bottom:none;
    position:relative;
    background:#FFFFFF}
    
.container .inner .bigbox .cartpage .product:last-child{
    border-bottom:1px solid #cad2d9;}
    
.container .inner .bigbox .cartpage .product .image{
    width:78px;
    height:78px;
    float:left;
    position:absolute;
    top:0px;
    left:0px;
    margin:15px;
    border:1px solid #e4e8ec}
    
.container .inner .bigbox .cartpage .product .image img{
    width:100%;
    height:100%;
    float:left;
    position:relative;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    object-fit:cover}
    
.container .inner .bigbox .cartpage .product .name{
    width:calc(100% - 110px - 15px - 30px);
    height:auto;
    min-height:25px;
    float:left;
    margin-left:calc(110px + 15px);
    margin-right:30px;
    padding-top:0px;
    padding-bottom:10px;
    font-family:intersemibold;
    font-size:16px;
    color:#313940;
    text-decoration:none;
    line-height:1.3;
    vertical-align:middle;
    margin-top:14px;
    border-bottom:1px solid #e4e8ec;
    outline: none;
}
    
.container .inner .bigbox .cartpage .product .availability{
    width:auto;
    height:30px;
    float:left;
    margin-left:calc(110px + 15px);
    margin-top:15px;
    margin-bottom:15px;}
    
.container .inner .bigbox .cartpage .product .availability .box{
    width:auto;
    height:auto;
    float:left;
    font-family:intermedium;
    font-size:13px;
    line-height:1.3;
    border-radius:1000px;
    position:relative;
    top:50%;
    transform:translateY(-50%);
}
    
.container .inner .bigbox .cartpage .product .additional{
    width: auto;
    height: auto;
    float: right;
    display: flex;
    align-items: center;
    margin-right: 30px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.container .inner .bigbox .cartpage .product .additional .product_amount{
    width: auto;
    height: 34px;
    float: left;
    background: #FFFFFF;
    border: 1px solid #cad2d9;
    margin-right: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 3px;
}

.container .inner .bigbox .cartpage .product .additional .product_amount .amount{
    width: 55px;
    height: 100%;
    float: left;
    border: none;
    outline: none;
    font-family: interbold;
    font-size: 14px;
    text-align: center;
    color: #313940;
    border-right: none;
    letter-spacing: 1px;
    line-height: 34px;
}

.container .inner .bigbox .cartpage .product .additional .product_amount .amount::-webkit-outer-spin-button,
.container .inner .bigbox .cartpage .product .additional .product_amount .amount::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin:0px;
}

.container .inner .bigbox .cartpage .product .additional .product_amount .decrease{
    width: 35px;
    height: 100%;
    float: left;
    border-right: 1px solid #e8e9eb;
    cursor: pointer;
}

.container .inner .bigbox .cartpage .product .additional .product_amount .increase{
    width: 35px;
    height: 100%;
    float: left;
    border-left: 1px solid #e8e9eb;
    cursor: pointer;
}

.container .inner .bigbox .cartpage .product .additional .product_amount .decrease .icon,
.container .inner .bigbox .cartpage .product .additional .product_amount .increase .icon{
    width: 100%;
    height: 100%;
    float: left;
}

.container .inner .bigbox .cartpage .product .additional .product_amount .decrease .icon:hover,
.container .inner .bigbox .cartpage .product .additional .product_amount .increase .icon:hover{
    background:#f1f3f5;
}

.container .inner .bigbox .cartpage .product .additional .product_amount .decrease .icon svg,
.container .inner .bigbox .cartpage .product .additional .product_amount .increase .icon svg{
    width: 16px;
    height: auto;
    float: left;
    fill: none;
    stroke: #7c90a0;
    stroke-width: 2.25px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

/*   
.container .inner .bigbox .cartpage .product .amount{
    width:50px;
    height:30px;
    float:left;
    text-align:center;
    outline:none;
    border:1px solid #e4e8ec;
    margin-top:15px;
    padding:0px;
    font-family:robotobold;
    font-size:15px;
    color:#313940;
    line-height:30px;
    margin-bottom:15px;}
    
.container .inner .bigbox .cartpage .product .amount::-webkit-outer-spin-button,
.container .inner .bigbox .cartpage .product .amount::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin:0px;}
*/
    
.container .inner .bigbox .cartpage .product .additional .price{
    width:120px;
    height:auto;
    float:left;
    font-family:interregular;
    font-size:15px;
    color:#7c90a0;
    margin-left:30px;
    line-height:1.3;
    vertical-align:middle;
    text-align:right;
    white-space: nowrap;}
    
.container .inner .bigbox .cartpage .product .additional .price2{
    width:110px;
    height:auto;
    float:left;
    font-family:intersemibold;
    font-size:15px;
    color:#313940;
    margin-left:30px;
    line-height:1.3;
    vertical-align:middle;
    text-align:right;
    white-space: nowrap;}
    
.container .inner .bigbox .cartpage .product .additional .deletebox{
    width:auto;
    height:30px;
    float:left;
    position:relative;
    margin-left: 30px;
}
    
.container .inner .bigbox .cartpage .product .additional .deletebox .delete{
    width:24px;
    height:24px;
    float:left;
    position:relative;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    cursor:pointer;
}
    
.container .inner .bigbox .cartpage .product .additional .deletebox .delete .button{
    width:100%;
    height:100%;
    float:left;
    border:none;
    border-radius:0px;
    outline:none;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:1000;
    opacity:0;
    cursor:pointer}
    
.container .inner .bigbox .cartpage .product .additional .deletebox .delete svg{
    width:24px;
    height:24px;
    float:left;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    fill:none;
    stroke:#cad2d9;
    stroke-width:1.25px}
    
.container .inner .bigbox .cartpage .product .additional .deletebox .delete:hover svg{
    stroke:#d62d20}
  
.container .inner .bigbox .price_panel{
    width:calc((100% / 7) * 2);
    height:auto;
    float:left;
    margin-top:50px;
    margin-bottom:50px;
    margin-left:50px;
    align-items:stretch;}
    
.container .inner .bigbox .price_panel.mobile{
    display:none;}
    
.container .inner .bigbox .price_panel.desktop{
    display:block}
    
.container .inner .bigbox .price_panel .sticky{
    width:100%;
    height:auto;
    float:left;
    top:50px;
    position: -webkit-sticky;
    position: sticky;}
    
.container .inner .bigbox .price_panel .sticky .status{
    width:calc(100% - 2px);
    height:auto;
    float:left;
    background:#f1f3f5;
    border:1px solid #cad2d9;
    border-top:0px;
    display: flex;
    align-items: center;
}
    
.container .inner .bigbox .price_panel .sticky .status:first-child{
    border-top:1px solid #cad2d9;}
    
.container .inner .bigbox .price_panel .sticky .status .text{
    width:auto;
    height:auto;
    float:left;
    font-family:interbold;
    font-size:18px;
    line-height:1.3;
    color:#898e9f;
    padding:20px;
    text-align:left;

}
    
.container .inner .bigbox .price_panel .sticky .status .right{
    width:auto;
    height:100%;
    float:right;
    margin-left: auto;
    margin-right: 20px;
}
    
.container .inner .bigbox .price_panel .sticky .status .right .button{
    width:auto;
    height:auto;
    float:left;
    font-family:intersemibold;
    font-size:13px;
    line-height:1.3;
    padding:8px;
    padding-left:15px;
    padding-right:15px;
    border-radius:1000px;
    white-space: nowrap;
}
    
.container .inner .bigbox .price_panel .sticky .status .right .button.blue{
    background:#266DD3;
    color:#FFFFFF}
    
.container .inner .bigbox .price_panel .sticky .status .right .button.yellow{
    background:#FFD166;
    color:#313940}
    
.container .inner .bigbox .price_panel .sticky .status .right .button.green{
    background:#009901;
    color:#FFFFFF}
    
.container .inner .bigbox .price_panel .sticky .status .right .button.black{
    background:#333333;
    color:#FFFFFF}
    
.container .inner .bigbox .price_panel .sticky .status .right .button.track{
    background:#266DD3;
    color:#FFFFFF;
    text-decoration:none;}
    
.container .inner .bigbox .price_panel .sticky .status .right .button.track:hover{
    background:#1e57a8;}
    
.container .inner .bigbox .price_panel .sticky .cart_price{
    width:calc(100% - 2px);
    height:auto;
    float:left;
    border:1px solid #cad2d9;
    background:#f1f3f5;
    margin-top:30px;
    position:relative;
}

.container .inner .bigbox .price_panel .sticky .cart_price:first-child{
    margin-top:0px;}

.container .inner .bigbox .price_panel .sticky .cart_price .top_line{
    width: 100%;
    height: auto;
    float:left;
    display: flex;
    align-items: center;
}

.container .inner .bigbox .price_panel .sticky .cart_price.online_payment{
    margin-top:0px;
    border-top:none;}
    
.container .inner .bigbox .price_panel .sticky .cart_price .top_line .text{
    width:auto;
    height:auto;
    float:left;
    padding-left:20px;
    padding-right: 20px;
    font-family:interbold;
    font-size:18px;
    line-height:1.3;
    color:#7c90a0;
    text-align:left;
    padding-top:20px;
    padding-bottom:20px;
}
    
.container .inner .bigbox .price_panel .sticky .cart_price .top_line .price{
    width:auto;
    height:auto;
    float:right;
    padding-left:20px;
    padding-right:20px;
    font-family:interextrabold;
    font-size:20px;
    line-height:1.3;
    color:#313940;
    text-align:right;
    padding-top:19px;
    padding-bottom:19px;
    margin-left: auto;
    margin-right: 0px;
    white-space: nowrap;
}
    
.container .inner .bigbox .price_panel .sticky .cart_price .description{
    width:calc(100% - 40px);
    height:auto;
    float:left;
    font-family:interregular;
    font-size:14px;
    color:#7c90a0;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:15px;
    line-height: 1.3;
}
    
.container .inner .bigbox .price_panel .sticky .cart_price .terms{
    width:calc(100% - 40px);
    height:auto;
    float:left;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:15px;
    border-top:1px solid #cad2d9;
    padding-top:15px;
    margin-top:0px;
    left:unset;
    transform:unset;}
    
.container .inner .bigbox .price_panel .sticky .cart_price .right{
    width:auto;
    height:100%;
    float:right;
    display: flex;
    margin-left: auto;
    margin-right: 20px;
}
    
.container .inner .bigbox .price_panel .sticky .cart_price .right #form{
    width:auto;
    height:56px;
    float:right}
    
.container .inner .bigbox .price_panel .sticky .cart_price .right #form .button{
    width:auto;
    height:34px;
    float:left;
    font-family:intersemibold;
    font-size:13px;
    line-height:15px;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:20px;
    padding-left:20px;
    border-radius:1000px;
    margin-right:0px;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    border:none;
    outline:none;
    cursor:pointer;
    font-weight:normal;
}
    
.container .inner .bigbox .price_panel .sticky .cart_price .right .button{
    width:auto;
    height:auto;
    float:left;
    font-family:intersemibold;
    font-size:13px;
    line-height:1.3;
    padding-top:8px;
    padding-bottom:8px;
    padding-right:20px;
    padding-left:20px;
    border-radius:1000px;
    position:relative;
    border:none;
    outline:none;
    cursor:pointer;
    font-weight:normal;
    white-space: nowrap;
}
    
.container .inner .bigbox .price_panel .sticky .cart_price .right #form .button.pay,
.container .inner .bigbox .price_panel .sticky .cart_price .right .button.pay{
    background:#009901;
    color:#FFFFFF;
    text-decoration:none;}
    
.container .inner .bigbox .price_panel .sticky .cart_price .right #form .button.pay:hover,
.container .inner .bigbox .price_panel .sticky .cart_price .right .button.pay:hover{
    background:#008900}

/*checkbox*/      
.container .inner .bigbox .price_panel .sticky .cart_price .terms .label{
    width:calc(100% - 37px);
    height:auto;
    float:left;
    margin-top:0px;
    padding-left:37px;
    position:relative;
    font-family:interregular;
    font-size:13px;
    color:#7c90a0;
    line-height:1.3;
    vertical-align:middle;
    cursor:pointer;
}
    
.container .inner .bigbox .price_panel .sticky .cart_price .terms .label a{
    color:#313940;
    font-family:intersemibold;
    text-decoration:none;}
    
.container .inner .bigbox .price_panel .sticky .cart_price .terms .label a:hover{
    text-decoration:underline;}
    
.container .inner .bigbox .price_panel .sticky .cart_price .terms .label input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0;}
    
.container .inner .bigbox .price_panel .sticky .cart_price .terms .label .checkmark{
    position:absolute;
    top:50%;
    left:0px;
    height:20px;
    width:20px;
    background:#FFFFFF;
    border:1px solid #cad2d9;
    transform:translateY(-50%);}
    
.container .inner .bigbox .price_panel .sticky .cart_price .terms .label .checkmark:hover{
    background:#f1f3f5;}
    
.container .inner .bigbox .price_panel .sticky .cart_price .terms .label input:checked ~ .checkmark{
    background:#FFFFFF;}  /* background:#F6F0E2; */  
    
.container .inner .bigbox .price_panel .sticky .cart_price .terms .label input:checked ~ .checkmark:hover{
    background:#f1f3f5}
    
.container .inner .bigbox .price_panel .sticky .cart_price .terms .label .checkmark:after{
    content:"";
    position:absolute;
    display:none;}
    
.container .inner .bigbox .price_panel .sticky .cart_price .terms .label input:checked ~ .checkmark:after{
    display:block;}
    
.container .inner .bigbox .price_panel .sticky .cart_price .terms .label .checkmark:after{
    width:5px;
    height:10px;
    float:left;
    top:50%;
    left:50%;
    position:relative;
    border:solid #49a078;
    border-width:0 2px 2px 0;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:translate(-50%, -65%) rotate(45deg);}
    
/*checkbox*/

.container .inner .bigbox .price_panel .sticky .cart_price .item{
    width:calc(100% - 40px);
    height:auto;
    float:left;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:10px;
}
    
.container .inner .bigbox .price_panel .sticky .cart_price .item.last{
    margin-bottom:20px;}

/*    
.container .inner .bigbox .price_panel .sticky .cart_price .item:nth-last-child(2){
    margin-bottom:20px;}
    */
    
.container .inner .bigbox .price_panel .sticky .cart_price .item .subhead{
    width:100%;
    height:auto;
    float:left;
    font-family:intersemibold;
    font-size:12px;
    color:#7c90a0;
    text-transform:uppercase;
    line-height: 1.3;
}
    
.container .inner .bigbox .price_panel .sticky .cart_price .item .content{
    width:100%;
    height:auto;
    float:left;
    font-family:interregular;
    font-size:14px;
    color:#313940;
    margin-top:2px;
    line-height: 1.3;
}
    
.container .inner .bigbox .price_panel .sticky .cart_price .item .content.unpaid{
    font-family:intersemibold;   
    color:#cc0000;}
    
.container .inner .bigbox .price_panel .sticky .cart_price .item .content.paid{
    font-family:intersemibold;  
    color:#009901;}
    
.container .inner .bigbox .price_panel .sticky .cart_price .qrpayment{
    width:auto;
    height:auto;
    float:right;
    position:absolute;
    right:20px;
    bottom:20px;}
    
.container .inner .bigbox .price_panel .sticky .cart_price .qrpayment .subhead{
    width:auto;
    height:auto;
    float:left;
    font-family:intersemibold;
    font-size:12px;
    color:#898e9f;
    margin-top:10px;
    text-transform:uppercase;
    line-height: 1.3;
}
    
.container .inner .bigbox .price_panel .sticky .cart_price .qrpayment img{
    width:125px;
    height:125px;
    float:left;
    border:1px solid #CFD1D5;
    clear:both;
    margin-top:5px;
    image-rendering:pixelated}
    
.container .inner .bigbox .price_panel .sticky .cart_price .box{
    width:auto;
    height:35px;
    float:left;
    position:relative;
    background:#62697e;
    border: 1px solid #4e5464;
    margin-bottom:20px;
    left:50%;
    transform:translateX(-50%);
    border-radius: 3px;}
    
.container .inner .bigbox .price_panel .sticky .cart_price .box:hover{
    background:#898e9f}
    
.container .inner .bigbox .price_panel .sticky .cart_price .box .recalculate,
.container .inner .bigbox .price_panel .sticky .cart_price .box .empty{
    width:100%;
    height:100%;
    float:left;
    border:none;
    outline:none;
    border-radius:0px;
    position:absolute;
    top:0px;
    left:0px;
    opacity:0;
    z-index:1000;
    cursor:pointer}
    
.container .inner .bigbox .price_panel .sticky .cart_price .box .overlay{
    width:auto;
    height:100%;
    float:left;
    position:relative;
    padding-left:15px;
    padding-right:15px;
    left:50%;
    transform:translateX(-50%);}
    
.container .inner .bigbox .price_panel .sticky .cart_price .box .overlay .icon{
    width:18px;
    height:100%;
    float:left;}
    
.container .inner .bigbox .price_panel .sticky .cart_price .box .overlay .icon svg{
    width:100%;
    height:100%;
    float:left;
    fill:none;
    stroke-width:2px;
    stroke:#C4C6CF;}
    
.container .inner .bigbox .price_panel .sticky .cart_price .box .overlay .text{
    width:auto;
    height:auto;
    float:left;
    font-family:intermedium;
    font-size:14px;
    color:#FFFFFF;
    letter-spacing:0.5px;
    line-height:14px;
    vertical-align:middle;
    margin-left:15px;
    padding:0px;
    position:relative;
    top:50%;
    transform:translateY(-50%);}
    
.container .inner .bigbox .price_panel .sticky .cart_price .line{
    width:calc(100% - 40px);
    height:0px;
    float:left;
    border-top:1px solid #cad2d9;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:20px;
}

.container .inner .bigbox .price_panel .sticky .cart_price .carrier_excluded{
    width:calc(100% - 40px - 20px - 2px);
    height: auto;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    background: #fdf5eb;
    border: 1px solid #f49d37;
    padding: 10px;
    border-radius: 3px;
    color: #f49d37;
    margin-bottom: 20px;
}

.container .inner .bigbox .price_panel .sticky .cart_price .carrier_excluded .box{
    width: auto;
    height: auto;
    float: left;
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: unset;
    background:unset;
    border:unset;
}

.container .inner .bigbox .price_panel .sticky .cart_price .carrier_excluded .box .icon{
    width: 20px;
    height: 20px;
    float: left;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.container .inner .bigbox .price_panel .sticky .cart_price .carrier_excluded .box .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke: #f49d37;
    stroke-width: 1.75px;
    align-items: center;
}

.container .inner .bigbox .price_panel .sticky .cart_price .carrier_excluded .box .text{
    width: calc(100% - 40px);
    height: auto;
    float: left;
    clear: both;
    font-family: intermedium;
    font-size: 13px;
    color: #f49d37;
    white-space: normal;
    text-align: center;
    margin-top: 5px;
    padding:unset;
    line-height: 1.3;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
 
 /*   
.container .inner .bigbox .price_panel .sticky .buttons{
    width:100%;
    height:auto;
    float:left;
    border-bottom:1px solid #E6D3A9;
    padding-top:30px;
    padding-bottom:30px;}
    
.container .inner .bigbox .price_panel .sticky .buttons .box{
    width:100%;
    height:40px;
    float:left;
    position:relative;
    background:#62697e}
    
.container .inner .bigbox .price_panel .sticky .buttons .box:hover{
    background:#DFC27D}
    
.container .inner .bigbox .price_panel .sticky .buttons .box:nth-child(2){
    float:right;
    margin-right:30px;}
    
.container .inner .bigbox .price_panel .sticky .buttons .box .recalculate,
.container .inner .bigbox .price_panel .sticky .buttons .box .empty{
    width:100%;
    height:100%;
    float:left;
    border:none;
    outline:none;
    border-radius:0px;
    position:absolute;
    top:0px;
    left:0px;
    opacity:0;
    z-index:1000;
    cursor:pointer}
    
.container .inner .bigbox .price_panel .sticky .buttons .box .overlay{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    padding-left:15px;
    padding-right:15px;
    left:50%;
    transform:translateX(-50%);}
    
.container .inner .bigbox .price_panel .sticky .buttons .box .overlay .icon{
    width:18px;
    height:100%;
    float:left;}
    
.container .inner .bigbox .price_panel .sticky .buttons .box .overlay .icon svg{
    width:100%;
    height:100%;
    float:left;
    stroke-width:2.5px;
    stroke:#5F4A1B;}
    
.container .inner .bigbox .price_panel .sticky .buttons .box .overlay .text{
    width:auto;
    height:100%;
    float:left;
    font-family:interbold;
    font-size:14px;
    color:#333333;
    letter-spacing:1px;
    text-transform:uppercase;
    line-height:40px;
    vertical-align:middle;
    margin-left:15px;}
    
*/
    
.container .inner .bigbox .price_panel .sticky .back_shop{
    width:auto;
    height:38px;
    float:left;
    background:#7c90a0;
    border: 1px solid #637380;
    margin-top:30px;
    border-radius: 3px;
    text-decoration: none;
}
    
.container .inner .bigbox .price_panel .sticky .back_shop:hover{
    background:#96a6b3}
    
.container .inner .bigbox .price_panel .sticky .back_shop .icon{
    width:22px;
    height:100%;
    float:left;
    margin-left:5px;
    margin-right:2px;}
    
.container .inner .bigbox .price_panel .sticky .back_shop .icon svg{
    width:100%;
    height:auto;
    float:left;
    stroke:#cad2d9;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    stroke-width:2px;}
    
.container .inner .bigbox .price_panel .sticky .back_shop .text{
    width:auto;
    height:calc(38px - 5px - 5px);
    float:left;
    line-height:1.3;
    vertical-align:middle;
    font-family:interbold;
    font-size:14px;
    color:#FFFFFF;
    letter-spacing:0.5px;
    text-transform:uppercase;
    text-decoration:none;
    margin-right:15px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
}
    
.container .inner .bigbox .price_panel .sticky .next_step{
    width:auto;
    height:38px;
    float:right;
    background:#49a078;
    border:1px solid #3a8060;
    margin-top:30px;
    position:relative;
    border-radius: 3px;
    text-decoration: none;
}
    
.container .inner .bigbox .price_panel .sticky .next_step.disabled{
    opacity:0.5}
    
.container .inner .bigbox .price_panel .sticky .next_step:hover{
    background:#7fbca0}
    
.container .inner .bigbox .price_panel .sticky .next_step.order{
    background:#49a078;}
    
.container .inner .bigbox .price_panel .sticky .next_step.order:hover{
    background:#7fbca0;}
    
.container .inner .bigbox .price_panel .sticky .next_step .icon{
    width:22px;
    height:100%;
    float:left;
    margin-right:5px;
    margin-left:2px;}
    
.container .inner .bigbox .price_panel .sticky .next_step .icon svg{
    width:100%;
    height:auto;
    float:left;
    stroke:#b6d9c9;
    position:relative;
    top:50%;
    transform:translateY(-50%) rotate(180deg);
    stroke-width:2px;}
    
.container .inner .bigbox .price_panel .sticky .next_step .text{
    width:auto;
    height:calc(38px - 5px - 5px);
    float:left;
    line-height:1.3;
    vertical-align:middle;
    font-family:interbold;
    font-size:14px;
    color:#FFFFFF;
    letter-spacing:0.5px;
    text-transform:uppercase;
    text-decoration:none;
    margin-left:15px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
}
    
.container .inner .bigbox .price_panel .sticky .next_step .place_order{
    width:100%;
    height:100%;
    float:left;
    position:absolute;
    top:0px;
    left:0px;
    border:none;
    border-radius:0px;
    opacity:0;
    z-index:1000;
    cursor:pointer}
    
.container .inner .bigbox .formdata{
    width:calc(((100% / 7) * 5) - 50px);
    height:auto;
    float:left;
    margin-top:50px;
    margin-bottom:50px;}
    
.container .inner .bigbox .formdata .box{
    width:100%;
    height:auto;
    float:left;}
    
.container .inner .bigbox .formdata .box .subheading{
    width:calc(100% - 2px);
    height:40px;
    float:left;
    background:#f1f3f5;
    border:1px solid #cad2d9;}
    
.container .inner .bigbox .formdata .box .subheading .icon{
    width:40px;
    height:40px;
    float:left;
    position:relative;
    background: #49a078;
    margin-left:0px;}
    
.container .inner .bigbox .formdata .box .subheading .icon svg{
    width:22px;
    height:22px;
    float:left;
    stroke:#FFFFFF;
    stroke-width:1.75px;
    position:relative;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    }
    
.container .inner .bigbox .formdata .box .subheading .text{
    width:auto;
    height:calc(40px - 5px - 5px);
    float:left;
    font-family:interbold;
    font-size:16px;
    color:#313940;
    line-height:1.3;
    vertical-align:middle;
    margin-left:20px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
}
    
.container .inner .bigbox .formdata .box .line{
    width:100%;
    height:auto;
    float:left;
    margin-top:30px;}
    
.container .inner .bigbox .formdata .box .line:last-child{
    margin-bottom:30px;}
    
.container .inner .bigbox .formdata .box .line .label{
    width:243px;
    height:40px;
    float:left;
    margin-left:57px;
    font-family:intermedium;
    font-size:14px;
    color:#7c90a0;
    line-height:1.3;
    vertical-align:middle;
    display: flex;
    align-items: center;
}
    
.container .inner .bigbox .formdata .box .line .label .required{
    color:#d62d20}
    
.container .inner .bigbox .formdata .box .textarea{
    width:calc(100% - 400px + 15px + 15px);
    height:200px;
    float:left;
    border:1px solid #cad2d9;
    clear:both;
    margin-left:57px;
    outline:none;
    font-family:intermedium;
    font-size:14px;
    line-height: 1.5;
    color:#313940;
    padding-left:15px;
    padding-right:15px;
    padding-top:10px;
    padding-bottom:10px;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;
    border-radius: 0px;
}
    
.container .inner .bigbox .formdata .box .textarea:focus{
    border:1px solid #49a078;}
    
.container .inner .bigbox .formdata .box .line .order_input{
    width:300px;
    height:40px;
    float:left;
    border:1px solid #cad2d9;
    outline:none;
    padding-left:15px;
    padding-right:15px;
    font-family:intermedium;
    font-size:14px;
    line-height: 40px;
    color:#313940;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;
    -webkit-appearance: none;
    border-radius: 0px;
}
    
.container .inner .bigbox .formdata .box .line .order_input:focus{
    border:1px solid #49a078;}
    
.container .inner .bigbox .formdata .box .line .order_input.error_input{
    border:1px solid #cc0000;}
    
.container .inner .bigbox .formdata .box .line .country{
    width:auto;
    height:40px;
    float:left;
    margin-right:20px;
    cursor:pointer;
    position:relative;}
    
.container .inner .bigbox .formdata .box .line .country .item{
    width:auto;
    height:38px;
    float:left;
    border:1px solid #cad2d9;
    padding-left:15px;
    padding-right:15px;
    background:none;
    margin-top:0px;
}
    
.container .inner .bigbox .formdata .box .line .country:hover .item{
    border:1px solid #49a078;
    background:#f1f3f5}
    
.container .inner .bigbox .invoicing .box .line .country .item.focused{
    border:1px solid #49a078;
    background:#f1f3f5}
    
.container .inner .bigbox .formdata .box .line .country .hidden_input{
    width:100%;
    height:40px;
    float:left;
    position:absolute;
    left:0px;
    top:0px;
    border:none;
    border-radius:0px;
    cursor:pointer;
    opacity:0;
    z-index:1000}
    
.container .inner .bigbox .formdata .box .line .country .item .flag{
    width:auto;
    height:14px;
    float:left;
    position:relative;
    top:50%;
    transform:translateY(-50%);}
    
.container .inner .bigbox .formdata .box .line .country .item .flag img{
    width:auto;
    height:100%;
    float:left;}
    
.container .inner .bigbox .formdata .box .line .country .item .name{
    width:auto;
    height:38px;
    float:left;
    font-family:intermedium;
    font-size:13px;
    color:#757c8f;
    line-height:1.3;
    vertical-align:middle;
    margin-left:15px;
    position:relative;
    display: flex;
    align-items: center;
}
    
/* CHECKBOX */

.container .inner .bigbox .formdata .box .line2{
    width:auto;
    height:22px;
    float:left;
    margin-top:30px;
    padding-left:99px;
    position:relative;
    font-family:intersemibold;
    font-size:14px;
    color:#313940;
    line-height:1.3;
    vertical-align:middle;
    cursor:pointer;
    display: flex;
    align-items: center;
}
    
.container .inner .bigbox .formdata .box .line2:last-child{
    margin-bottom:30px;}
    
.container .inner .bigbox .formdata .box .line2 input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0;}
    
.container .inner .bigbox .formdata .box .line2 .checkmark{
    position:absolute;
    top:0;
    left:57px;
    height:20px;
    width:20px;
    background:#FFFFFF;
    border:1px solid #cad2d9;}
    
.container .inner .bigbox .formdata .box .line2 .checkmark:hover{
    background:#f1f3f5;}
    
.container .inner .bigbox .formdata .box .line2 input:checked ~ .checkmark{
    background:#FFFFFF;}
    
.container .inner .bigbox .formdata .box .line2 input:checked ~ .checkmark:hover{
    background:#f1f3f5;}
    
.container .inner .bigbox .formdata .box .line2 .checkmark:after{
    content:"";
    position:absolute;
    display:none;}
    
.container .inner .bigbox .formdata .box .line2 input:checked ~ .checkmark:after{
    display:block;}
    
.container .inner .bigbox .formdata .box .line2 .checkmark:after{
    width:5px;
    height:10px;
    float:left;
    top:50%;
    left:50%;
    position:relative;
    border:solid #49a078;
    border-width:0 2px 2px 0;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:translate(-50%, -65%) rotate(45deg);}

/* END OF CHECKBOX */

/* RADIOBUTTON */

.container .inner .bigbox .formdata .box .shipping_box,
.container .inner .bigbox .formdata .box .payment_box{
    width:calc(100% - 2px);
    height:auto;
    float:left;
    border:1px solid #FFFFFF;
    margin-top:20px;
    margin-bottom:20px;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
.container .inner .bigbox .formdata .box .shipping_box.error_input,
.container .inner .bigbox .formdata .box .payment_box.error_input{
    border:1px solid #d62d20}

.container .inner .bigbox .formdata .box .shipping_box .line3,
.container .inner .bigbox .formdata .box .payment_box .line3{
    width:calc(600px - 99px - 1px);
    height:auto;
    float:left;
    position:relative;
    margin-top:5px;
    font-family:intermedium;
    font-size:14px;
    color:#7c90a0;
    padding-left:calc(99px - 1px);
    line-height:22px;
    vertical-align:middle;
    cursor:pointer;
    padding-top:10px;
    padding-bottom:10px;
    border:1px solid #FFFFFF;
} 

.container .inner .bigbox .formdata .box .shipping_box .line3 .carrier_name,
.container .inner .bigbox .formdata .box .payment_box .line3 .carrier_name{
    width: auto;
    height: auto;
    float: left;
}

.container .inner .bigbox .formdata .box .shipping_box .line3 .additional_text,
.container .inner .bigbox .formdata .box .payment_box .line3 .additional_text{
    width: auto;
    height:auto;
    float: left;
    position:relative;
    margin-left: 10px;
}    

.container .inner .bigbox .formdata .box .shipping_box .line3 .additional_text .icon,
.container .inner .bigbox .formdata .box .payment_box .line3 .additional_text .icon{
    width: 20px;
    height: 20px;
    float: left;
    background:#7c90a0; 
    border-radius: 1000px;
    margin-top: 1px;
    overflow: hidden;
}

.container .inner .bigbox .formdata .box .shipping_box .line3 .additional_text .icon:hover,
.container .inner .bigbox .formdata .box .payment_box .line3 .additional_text .icon:hover{
    background: #96a6b3;
}

.container .inner .bigbox .formdata .box .shipping_box .line3 .additional_text .icon:hover + .hidden_text,
.container .inner .bigbox .formdata .box .payment_box .line3 .additional_text .icon:hover + .hidden_text{
    display:block;
}

.container .inner .bigbox .formdata .box .shipping_box .line3 .additional_text .icon svg,
.container .inner .bigbox .formdata .box .payment_box .line3 .additional_text .icon svg{
    width: 22px;
    height: 22px;
    float:left;
    stroke:#FFFFFF;
    stroke-width: 2px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.container .inner .bigbox .formdata .box .shipping_box .line3 .additional_text .hidden_text,
.container .inner .bigbox .formdata .box .payment_box .line3 .additional_text .hidden_text{
    width: auto;
    height: auto;
    float: left;
    position: absolute;
    transform: translateX(-50%);
    left:50%;
    text-align: center;
    bottom:30px;
    background:#7c90a0;
    padding:10px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 11px;
    font-family: intermedium;
    color: #FFFFFF;
    line-height: 16px;
    border-radius: 3px;
    display:none;
    word-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.container .inner .bigbox .formdata .box .shipping_box .line3 .additional_text .hidden_text::after,
.container .inner .bigbox .formdata .box .payment_box .line3 .additional_text .hidden_text::after{
    content: '';
    width:8px;
    height: 8px;
    position: absolute;
    bottom: -4px; /* Upravte podle potřeby výšku zobáčku */
    left: 50%;
    background: #7c90a0;
    transform: translateX(-50%) rotate(45deg);
    border-radius: 0 0 2px 0;
}

.container .inner .bigbox .formdata .box .shipping_box .line3:last-child,
.container .inner .bigbox .formdata .box .payment_box .line3:last-child{
    margin-bottom:5px;}
    
.container .inner .bigbox .formdata .box .shipping_box .line3.error_input,
.container .inner .bigbox .formdata .box .payment_box .line3.error_input{
    border:1px solid #d62d20}

.container .inner .bigbox .formdata .box .shipping_box .line3 input,
.container .inner .bigbox .formdata .box .payment_box .line3 input{
    position: absolute;
    opacity: 0;
    cursor: pointer;}

.container .inner .bigbox .formdata .box .shipping_box .line3 .radio_checkmark,
.container .inner .bigbox .formdata .box .payment_box .line3 .radio_checkmark{
    position: absolute;
    top:0;
    left:57px;
    height:20px;
    width:20px;
    background-color: #FFFFFF;
    border-radius: 50%;
    border:1px solid #cad2d9;
    margin-top:10px;
    margin-bottom:10px;}

.container .inner .bigbox .formdata .box .shipping_box .line3:hover input ~ .radio_checkmark,
.container .inner .bigbox .formdata .box .payment_box .line3:hover input ~ .radio_checkmark{
    background-color:#f1f3f5;}

.container .inner .bigbox .formdata .box .shipping_box .line3 input:checked ~ .radio_checkmark,
.container .inner .bigbox .formdata .box .payment_box .line3 input:checked ~ .radio_checkmark{
    background-color:#49a078;}

.container .inner .bigbox .formdata .box .shipping_box .line3 .radio_checkmark:after,
.container .inner .bigbox .formdata .box .payment_box .line3 .radio_checkmark:after{
    content:"";
    position:absolute;
    display:none;}

.container .inner .bigbox .formdata .box .shipping_box .line3 input:checked ~ .radio_checkmark:after,
.container .inner .bigbox .formdata .box .payment_box .line3 input:checked ~ .radio_checkmark:after{
    display:block;}

.container .inner .bigbox .formdata .box .shipping_box .line3 .radio_checkmark:after,
.container .inner .bigbox .formdata .box .payment_box .line3 .radio_checkmark:after{
 	top:5px;
	left:5px;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#FFFFFF;}   
    
.container .inner .bigbox .formdata .box .shipping_box .line3 .shipping_price,
.container .inner .bigbox .formdata .box .payment_box .line3 .shipping_price{
    width:auto;
    height:22px;
    float:right;
    padding-right:0px}
    
.container .inner .bigbox .formdata .box .shipping_box .line3 .shipping_price .green,
.container .inner .bigbox .formdata .box .payment_box .line3 .shipping_price .green{
    color:#009901}
    
.container .inner .bigbox .formdata .box .shipping_box .line3 .icon_2,
.container .inner .bigbox .formdata .box .payment_box .line3 .icon_2{
    width:auto;
    height:22px;
    float:left;}
    
.container .inner .bigbox .formdata .box .shipping_box .line3 .icon_2#gls1,
.container .inner .bigbox .formdata .box .payment_box .line3 .icon_2#gls1{
    width:auto;
    height:18px;
    float:left;
    margin-top:2px}
    
.container .inner .bigbox .formdata .box .shipping_box .line3 .icon_2 img,
.container .inner .bigbox .formdata .box .payment_box .line3 .icon_2 img{
    width:auto;
    height:100%;
    float:left;
    position:relative;
    top:50%;
    transform:translateY(-50%);}
    
.container .inner .bigbox .formdata .box .shipping_box .line3 .packeta{
    width:100%;
    height:auto;
    float:left;
    font-family:intermedium;
    font-size:13px;
    color:#757c8f;
    margin-top:2px;
    line-height: 1.3;
}
    
.container .inner .bigbox .formdata .box .shipping_box .line3 .packeta.error_input{
    color:#cc0000;
    font-family:interregular;}
/* END OF RADIOBUTTON */

.container .inner .bigbox .formdata .error_box{
    width:calc(100% - 2px);
    height:auto;
    float:left;
    margin-bottom:30px;
    clear:both;
    border:1px solid #cc0000;
    background:#f9e5e5;
    position:relative;}
    
.container .inner .bigbox .formdata .error_box .line{
    width:auto;
    height:auto;
    float:left;
    padding-left:20px;
    padding-right:20px;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    display: flex;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
    
.container .inner .bigbox .formdata .error_box .line.line_2{
    height:auto;}
    
.container .inner .bigbox .formdata .error_box .line .icon{
    width:28px;
    height:28px;
    float:left;
    position:relative;
    margin-right: 20px;
    background: #fdf7f7;
    border-radius: 1000px;
}
    
.container .inner .bigbox .formdata .error_box .line .icon svg{
    width:20px;
    height:20px;
    float:left;
    stroke:#cc0000;
    stroke-width:1.9px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
    
.container .inner .bigbox .formdata .error_box .line .text{
    width:calc(100% - 28px - 20px);
    height:auto;
    float:left;
    font-family:intermedium;
    font-size:14px;
    color:#cc0000;
    line-height:1.3;
    }
    
.container .inner .bigbox .recapitulation{
    width:calc(((100% / 7) * 5) - 50px);
    height:auto;
    float:left;
    margin-top:50px;
    margin-bottom:50px;}
    
.container .inner .bigbox .recapitulation .payment_status,
.container .inner .bigbox .mobile_payment_status .payment_status{
    width:calc(100% - 2px);
    height:auto;
    float:left;
    margin-bottom:30px;
    padding-top:15px;
    padding-bottom: 15px;
}

.container .inner .bigbox .mobile_payment_status{
    display: none;
}
    
.container .inner .bigbox .recapitulation .payment_status.paid,
.container .inner .bigbox .mobile_payment_status .payment_status.paid{
    background:#e5f4e5;
    border:1px solid #009901;}
    
.container .inner .bigbox .recapitulation .payment_status.pending,
.container .inner .bigbox .mobile_payment_status .payment_status.pending{
    background:#fdf5eb;
    border:1px solid #f49d37;}
    
.container .inner .bigbox .recapitulation .payment_status.cancelled,
.container .inner .bigbox .mobile_payment_status .payment_status.cancelled{
    background:#f9e5e5;
    border:1px solid #cc0000;}
    
.container .inner .bigbox .recapitulation .payment_status .inner,
.container .inner .bigbox .mobile_payment_status .payment_status .inner{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    display: flex;}
    
.container .inner .bigbox .recapitulation .payment_status .inner .icon,
.container .inner .bigbox .mobile_payment_status .payment_status .icon{
    width:28px;
    height:28px;
    float:left;
    margin-right:20px;
    border-radius: 1000px;
    align-items: center;
}

.container .inner .bigbox .recapitulation .payment_status.paid .inner .icon,
.container .inner .bigbox .mobile_payment_status .payment_status.paid .inner .icon{
    background: #f7fbf7;
}

.container .inner .bigbox .recapitulation .payment_status.pending .inner .icon,
.container .inner .bigbox .mobile_payment_status .payment_status.pending .inner .icon{
    background: #FFFFFF;
}

.container .inner .bigbox .recapitulation .payment_status.cancelled .inner .icon,
.container .inner .bigbox .mobile_payment_status .payment_status.cancelled .inner .icon{
    background: #fdf7f7;
}
    
.container .inner .bigbox .recapitulation .payment_status .inner .icon svg,
.container .inner .bigbox .mobile_payment_status .payment_status .inner .icon svg{
    width:20px;
    height:20px;
    float:left;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    stroke-width: 1.9px;
}

.container .inner .bigbox .recapitulation .payment_status.paid .inner .icon svg,
.container .inner .bigbox .mobile_payment_status .payment_status.paid .inner .icon svg{
    stroke: #009901;
}

.container .inner .bigbox .recapitulation .payment_status.pending .inner .icon svg,
.container .inner .bigbox .mobile_payment_status .payment_status.pending .inner .icon svg{
    stroke: #f49d37;
    animation: spin_loader 3s linear infinite;
}

.container .inner .bigbox .recapitulation .payment_status.cancelled .inner .icon svg,
.container .inner .bigbox .mobile_payment_status .payment_status.cancelled .inner .icon svg{
    stroke: #cc0000;
}

@keyframes spin_loader {
    0% {
        transform:translate(-50%,-50%) rotate(0deg); /* Počáteční pozice */
    }
    100% {
        transform:translate(-50%,-50%) rotate(360deg); /* Konečná pozice po 360 stupních (jedna celá otáčka) */
    }
}
    
.container .inner .bigbox .recapitulation .payment_status .inner .text,
.container .inner .bigbox .mobile_payment_status .payment_status .inner .text{
    width:auto;
    height:auto;
    float:left;
    font-family:intersemibold;
    font-size:18px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    line-height: 1.3;
}
    
.container .inner .bigbox .recapitulation .payment_status.paid .inner .text,
.container .inner .bigbox .mobile_payment_status .payment_status.paid .inner .text{
    color:#009901}
    
.container .inner .bigbox .recapitulation .payment_status.pending .inner .text,
.container .inner .bigbox .mobile_payment_status .payment_status.pending .inner .text{
    color:#f49d37}
    
.container .inner .bigbox .recapitulation .payment_status.cancelled .inner .text,
.container .inner .bigbox .mobile_payment_status .payment_status.cancelled .inner .text{
    color:#cc0000}
    
.container .inner .bigbox .recapitulation .status,
.container .inner .bigbox .recapitulation .payinfo{
    display:none}
    
.container .inner .bigbox .recapitulation .info{
    width:calc(100% - 2px);
    height:auto;
    float:left;
    display:flex;
    border:1px solid #cad2d9;}
    
.container .inner .bigbox .recapitulation .info .panel{
    width:calc((100% - 90px - 2px) / 3);
    height:auto;
    float:left;
    flex-wrap:wrap;
    padding:20px;           
    border-right:1px solid #cad2d9;
    margin-top:0px;
    margin-bottom:0px;}
    
.container .inner .bigbox .recapitulation .info .panel:last-child{
    border-right:none}
    
.container .inner .bigbox .recapitulation .info .panel .head{
    width:100%;
    height:auto;
    float:left;
    font-family:interbold;
    font-size:18px;
    color:#313940;
    line-height: 1.3;
}
    
.container .inner .bigbox .recapitulation .info .panel .item{
    width:100%;
    height:auto;
    float:left;
    margin-top:20px;}
    
.container .inner .bigbox .recapitulation .info .panel .item .subhead{
    width:100%;
    height:auto;
    float:left;
    font-family:intersemibold;
    font-size:12px;
    color:#7c90a0;
    margin-top:10px;
    text-transform:uppercase;
    line-height: 1.3;
}
    
.container .inner .bigbox .recapitulation .info .panel .item .subhead:first-child{
    margin-top:0px;}
    
.container .inner .bigbox .recapitulation .info .panel .item .content{
    width:100%;
    height:auto;
    float:left;
    font-family:interregular;
    font-size:14px;
    color:#313940;
    margin-top:2px;
    line-height: 1.3;
    text-decoration: none;
}
    
.container .inner .bigbox .recapitulation .info .panel .item .content.comment{
    line-height:1.5;}

.container .inner .bigbox .recapitulation .info .panel .item .content.comment p{
    margin:0px;
}
    
.container .inner .bigbox .recapitulation .products{
    width:calc(100% - 2px);
    height:auto;
    float:left;
    margin-top:50px;
    margin-left:0px;
    margin-bottom:0px;
    border:1px solid #cad2d9;}
    
.container .inner .bigbox .recapitulation .products .head{
    width:calc(100% - 40px);
    height:auto;
    float:left;
    padding-left:20px;
    padding-right:20px;
    font-family:robotoslabbold;
    font-size:20px;
    color:#715820;
    padding-top:15px;
    padding-bottom:15px;
    text-align:left;
    border-bottom:none;}
    
.container .inner .bigbox .recapitulation .products .product{
    width:100%;
    height:auto;
    float:left;
    border:none;
    border-top:1px solid #cad2d9;
    position:relative;
    margin-top:0px;
    margin-bottom:0px;
    margin-right:0px;}
    
.container .inner .bigbox .recapitulation .products .product:first-child{
    border-top:none;}
    
.container .inner .bigbox .recapitulation .products .product:nth-last-child(-n+3){
    height:auto;
}

.container .inner .bigbox .recapitulation .products .product:nth-last-child(3){
    height:auto;
}
    
.container .inner .bigbox .recapitulation .products .product:last-child{
    background:#f1f3f5}

.container .inner .bigbox .recapitulation .products .product .image{
    width:78px;
    height:78px;
    float:left;
    position:absolute;
    top:0px;
    left:0px;
    margin:15px;
    border:1px solid #e4e8ec;}
    
.container .inner .bigbox .recapitulation .products .product .image img{
    width:100%;
    height:100%;
    float:left;
    position:relative;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    object-fit:cover}
    
.container .inner .bigbox .recapitulation .products .product .name{
    width:calc(100% - 110px - 15px - 30px);
    height: auto;
    min-height:25px;
    float:left;
    margin-left:calc(110px + 15px);
    margin-right:30px;
    padding-top:0px;
    padding-bottom:10px;
    font-family:intersemibold;
    font-size:16px;
    color:#313940;
    text-decoration:none;
    line-height:1.3;
    vertical-align:middle;
    margin-top:14px;
    border-bottom:1px solid #e4e8ec;
    display: flex;
    align-items: center;
}
    
.container .inner .bigbox .recapitulation .products .product .availability{
    width:auto;
    height:30px;
    float:left;
    margin-left:calc(110px + 15px);
    margin-top:15px;
    margin-bottom:15px;}
    
.container .inner .bigbox .recapitulation .products .product .availability .box{
    width:auto;
    height:30px;
    float:left;
    font-family:robotoslabsemibold;
    font-size:14px;
    line-height:14px;
    letter-spacing:0.5px;
    line-height:30px;
    vertical-align:middle}
    
.container .inner .bigbox .recapitulation .products .product .availability .box.instock{
    color:#009901;}

.container .inner .bigbox .recapitulation .products .product .additional{
    width: auto;
    height: auto;
    float: right;
    margin-right: 110px;
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
    
.container .inner .bigbox .recapitulation .products .product .additional .amount{
    width:50px;
    height:30px;
    float:left;
    text-align:center;
    outline:none;
    border:1px solid #cad2d9;
    padding:0px;
    font-family:interbold;
    font-size:14px;
    color:#313940;
    line-height:30px;
    border-radius: 3px;
}
    
.container .inner .bigbox .recapitulation .products .product .additional .amount::-webkit-outer-spin-button,
.container .inner .bigbox .recapitulation .products .product .additional .amount::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin:0px;}
    
.container .inner .bigbox .recapitulation .products .product .additional .price{
    width:120px;
    height:auto;
    float:left;
    font-family:interregular;
    font-size:15px;
    color:#7c90a0;
    margin-left:50px;
    line-height:1.3;
    vertical-align:middle;
    text-align:right;}
    
.container .inner .bigbox .recapitulation .products .product .additional .price2{
    width:110px;
    height:auto;
    float:left;
    font-family:intersemibold;
    font-size:15px;
    color:#313940;
    margin-left:50px;
    line-height:1.3;
    vertical-align:middle;
    text-align:right;}
    
.container .inner .bigbox .recapitulation .products .product .shipping{
    width:auto;
    height:auto;
    float:left;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left:125px;
    font-family:intersemibold;
    font-size:15px;
    line-height:1.3;
    color:#313940;
    position:relative;
}
    
.container .inner .bigbox .recapitulation .products .product .shipping_price{
    width:100px;
    height:auto;
    float:right;
    margin-right:110px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-family:intersemibold;
    font-size:15px;
    line-height:1.3;
    color:#313940;
    position:relative;
    text-align:right;
}
    
.container .inner .bigbox .recapitulation .products .product .shipping_price .green{
    color:#009901}
    
.container .inner .bigbox .recapitulation .products .product .shipping.next_line,
.container .inner .bigbox .recapitulation .products .product .shipping_price.next_line{
    margin-bottom:0px;}
    
.container .inner .bigbox .recapitulation .products .product .shipping_note{
    width:calc(100% - 125px - 110px);
    height:auto;
    float:left;
    margin-left:125px;
    color:#7c90a0;
    font-family:intermedium;
    font-size:14px;
    margin-bottom:15px;
    margin-top:5px;
    line-height: 1.3;
}   
    
.container .inner .bigbox .recapitulation .products .product .total_text{
    width:auto;
    height:auto;
    float:left;
    margin-left:125px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-family:interbold;
    font-size:18px;
    line-height:1.3;
    color:#7c90a0;
    position:relative;
}
    
.container .inner .bigbox .recapitulation .products .product .total_price{
    width:auto;
    height:auto;
    float:right;
    margin-right:110px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-family:interextrabold;
    font-size:18px;
    line-height:1.3;
    color:#313940;
    position:relative;
    text-align:right;
}
    
.container .inner .empty_cart{
    width:100%;
    height:auto;
    float:left;
    margin-top:50px;
    margin-bottom:50px;}
    
.container .inner .empty_cart .text{
    width:100%;
    height:auto;
    float:left;
    font-family:interbold;
    font-size:20px;
    color:#898e9f;
    text-align:center}
    
.container5{
    display:none}
    
.container .inner .terms{
    width:calc(100% - 400px);
    height:auto;
    float:left;
    margin-top:50px;
    margin-bottom:50px;
    margin-left:200px;
    margin-right:200px;}
    
.container .inner .terms .head{
    width:100%;
    height:auto;
    float:left;
    font-family:interbold;
    font-size:18px;
    color:#313940;
    margin-top:30px;
    line-height: 1.3;
}
    
.container .inner .terms .head:first-child{
    margin-top:0px;}
    
.container .inner .terms .main_list{
    width:calc(100% - 40px);
    height:auto;
    float:left;
    margin:0px;
    margin-top:15px;
    font-family:interregular;
    font-size:14px;
    color:#898e9f;
    padding-inline-start:40px;}
    
.container .inner .terms .main_list .main_item{
    width:100%;
    height:auto;
    float:left;
    margin-top:20px;
    line-height:1.5;
}   
    
.container .inner .terms .main_list .main_item:first-child{
    margin-top:0px;}
    
.container .inner .terms .main_list .main_item::marker{}

.container .inner .terms .main_list .sub_list{
    width:calc(100% - 40px);
    height:auto;
    float:left;
    list-style:square;
    padding-inline-start:40px;
    margin-top:5px;}
    
.container .inner .terms .main_list .sub_list .sub_item{
    width:100%;
    height:auto;
    float:left;
    line-height:1.5;
    margin-top:5px;}
    
.container .inner .terms .main_list .sub_list .sub_item:first-child{
    margin-top:0px;}
    
.container .inner .panel{
    width:100%;
    height:auto;
    float:left;
    margin-top:50px;
    margin-bottom:50px;
    background:transparent}
    
.container .inner .panel .box{
    width:calc((100% - 100px) / 2);
    height:auto;
    float:left;
    padding:0px;
    margin:0px;}
    
.container .inner .panel .box:nth-child(2){
    margin-left:100px;}
    
.container .inner .panel .box .head{
    width:100%;
    height:auto;
    float:left;
    font-family:interextrabold;
    font-size:25px;
    color:#313940;
    line-height: 1.3;
}

.container .inner .panel .box .half{
    width:calc(100% / 2);
    height:auto;
    float:left;
    margin-top:20px;}
    
.container .inner .panel .box .third{
    width:calc(100% / 3);
    height:auto;
    float:left;
    margin-top:20px;}
    
.container .inner .panel .box .item_head,
.container .inner .panel .box .half .item_head,
.container .inner .panel .box .third .item_head{
    width:calc(100% - 30px);
    height:auto;
    float:left;
    font-family:intersemibold;
    font-size:14px;
    color:#7c90a0;
    margin-left:30px;
    margin-top:20px;
    text-transform:uppercase;
    line-height: 1.3;
}
    
.container .inner .panel .box .half .item_head,
.container .inner .panel .box .third .item_head{
    margin-top:0px;}
    
.container .inner .panel .box .item_content,
.container .inner .panel .box .half .item_content,
.container .inner .panel .box .third .item_content{
    width:calc(100% - 30px);
    height:auto;
    float:left;
    font-family:interregular;
    font-size:16px;
    color:#313940;
    margin-left:30px;
    margin-top:0px;
    line-height:1.3;
    text-decoration:none;
}

.container .inner .panel .box .third .item_content,
.container .inner .panel .box .item_content{
    line-height: 1.5;
}
    
.container .inner .panel .box .half a.item_content:hover{
    text-decoration:underline;}
    
.container .inner .panel .box .half .item_content:last-child,
.container .inner .panel .box .third .item_content:last-child{
    margin-top:0px;}
    
.container .inner .panel .box .item_content:last-child{
    margin-top:20px;}
    
.container .inner .panel .box .item_content p{
    margin:0px;}

.map{
    width:100%;
    height:500px;
    float:left;}
    
.map .iframe{
    width:100%;
    height:100%;
    float:left;}
    
.container .inner .faq{
    width:calc(100% - 400px);
    height:auto;
    float:left;
    margin-top:25px;
    margin-bottom:0px;
    margin-left:200px;
    margin-right:200px;
    border:1px solid #e4e8ec;
    cursor: pointer;}

.container .inner .faq:first-child{
    margin-top: 50px;
}

.container .inner .faq:last-child{
    margin-bottom: 50px;
}

.container .inner .faq .header{
    width: calc(100% - 50px);
    height: auto;
    float: left;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
}

.container .inner .faq .header.open{
    background: #e4e8ec;
}

.container .inner .faq .header{
    background: #f1f3f5;
}

.container .inner .faq:hover .header{
    background: #e4e8ec;
}

.container .inner .faq .header .icon{
    width: 26px;
    height: 26px;
    float: left;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;
}

.container .inner .faq .header .icon.rotate{
    transform: rotate(90deg);
}

.container .inner .faq .header .icon svg{
    width: 100%;
    height: 100%;
    float: left;
    stroke: #49a078;
    stroke-width: 1.75px;
}

.container .inner .faq .header .question{
    width:calc(100% - 26px - 10px);
    height:auto;
    float:left;
    font-family:interbold;
    font-size:18px;
    color:#313940;
    line-height: 1.3;
    vertical-align: middle;
    margin-left: 10px;
}
    

    
.container .inner .faq .question:first-child{
    margin-top:0px;
}
    
.container .inner .faq .answer{
    width:calc(100% - 25px - 25px - 10px - 26px); 
    height:auto;
    float:left;
    margin-left:calc(25px + 26px + 10px);
    color:#7c90a0;
    font-family:interregular;
    font-size:16px;
    line-height:1.5;
    margin-top:0px;
    display: none;
    margin-bottom: 15px;
}
    
.container .inner .faq .answer p{
    margin:0px;
    margin-top: 15px;}
    
.container .inner .faq .answer p strong{
    font-weight:normal;
    font-family:interbold;
    color:#313940;}
    
.container .inner .faq .answer a{
    color:#49a078;
    text-decoration:none;
    font-family:interbold;}
    
.container .inner .faq .answer a:hover{
    text-decoration:underline;}

.container .inner .error404{
    width:100%;
    height:auto;
    float:left;
    margin-top:50px;
    font-family:interbold;
    font-size:20px;
    color:#898e9f;
    text-align:center}
    
.container .inner .image404{
    width:100%;
    height:300px;
    float:left;
    margin-bottom:50px;
    margin-top:30px;}
    
.container .inner .image404 img{
    width:auto;
    height:100%;
    float:left;
    left:50%;
    transform:translateX(-50%);
    position:relative;}


    
.container .inner .about{
    width:calc(100% - 400px);
    height:auto;
    float:left;
    margin-left:200px;
    margin-right:200px;
    margin-top:50px;
    margin-bottom:50px;}
    
.container .inner .about .head{
    width:100%;
    height:auto;
    float:left;
    font-family:robotoslabbold;
    font-size:24px;
    line-height:36px;
    color:#333333;}
    
.container .inner .about .text{
    width:100%;
    height:auto;
    float:left;
    font-family:robotoslabregular;
    font-size:16px;
    line-height:24px;
    color:#333333;
    margin-top:20px;}
    
.container .inner .about .text p{
    margin:0px;}
    
.container .inner .about .gallery{
    width:100%;
    height:auto;
    float:left;
    margin-top:50px;}
    
.container .inner .about .gallery .image{
    width:calc((100% - 60px) / 3);
    height:auto;
    float:left;
    margin-top:30px;
    margin-right:30px;}
    
.container .inner .about .gallery .image:nth-child(-n+3){
    margin-top:0px;}

.container .inner .about .gallery .image:nth-child(3n){
    margin-right:0px;}
    
.container .inner .about .gallery .image img{
    width:100%;
    height:auto;
    float:left;}

.container .inner .about .text .signature{
    width:250px;
    height:auto;
    float:right;
    margin-top:30px;}
    
.container .inner .about .text .signature img{
    width:100%;
    height:auto;
    float:left;}
      
.container .inner .payment{
    width:100%;
    height:auto;
    float:left;
    margin-top:50px;
    margin-bottom:50px;}
    
.container .inner .payment .icon{
    width:75px;
    height:75px;
    float:left;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    clear:both}
    
.container .inner .payment .icon img{
    width:100%;
    height:100%;
    float:left;}
    
.container .inner .payment .text{
    width:auto;
    height:auto;
    float:left;
    font-family:robotoslabbold;
    font-size:22px;
    color:#715820;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    clear:both;
    margin-top:30px;}
    
.container .inner .payment .buttons{
    width:auto;
    height:auto;
    float:left;
    clear:both;
    margin-top:50px;
    position:relative;
    left:50%;
    transform:translateX(-50%);}
    
.container .inner .payment .buttons .button{
    width:auto;
    height:auto;
    float:left;
    background:#EBDDBC;
    color:#333333;
    font-family:robotoslabbold;
    font-size:14px;
    line-height:12px;
    padding:20px;
    padding-top:10px;
    padding-bottom:10px;
    border-radius:1000px;
    text-decoration:none;
    margin-right:20px;}
    
.container .inner .payment .buttons .button:last-child{
    margin-right:0px;
}

.container3{
    width: 100%;
    height: auto;
    float: left;
    background: #f1f3f5;
    padding-top: 50px;
    padding-bottom: 50px;
}

.container3 .inner{
    width: calc(1400px - 60px);
    height: auto;
    padding-left: 30px;
    padding-right: 30px;
    margin:0 auto;
}

.container3 .inner .head{
    width: 100%;
    height: auto;
    float: left;
    font-family: interbold;
    font-size: 20px;
    color: #313940;
}

.container3 .inner .products{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 25px;
    display: flex;
}

.container3 .inner .products .product{
    width: calc((100% - 4px) / 5);
    height: auto;
    float: left;
    border-right: 1px solid #cad2d9;
}

.container3 .inner .products .product:last-child{
    border-right: 0px;
}

.container3 .inner .products .product .photo{
    width: calc(100% - 40px);
    height: auto;
    float: left;
    margin: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: calc(100% - 40px);
    position: relative;
}

.container3 .inner .products .product .photo img{
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
}

.container3 .inner .products .product .headline{
    width: calc(100% - 40px);
    height: 40px;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.container3 .inner .products .product .headline .text{
    width: 100%;
    height: auto;
    float: left;
    font-family: intersemibold;
    font-size: 14px;
    line-height: 1.3;
    color: #313940;
}

.container3 .inner .products .product .line{
    width: calc(100% - 40px);
    height: auto;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    border-top: 1px solid #e4e8ec;
    border-bottom: 1px solid #e4e8ec;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 10px;
}

.container3 .inner .products .product .line .variant{
    width: auto;
    height: auto;
    float: left;
    font-family: intermedium;
    font-size: 12px;
    color: #899ba9;
}

.container3 .inner .products .product .line .availability{
    width: auto;
    height: auto;
    float: right;
    font-family: intermedium;
    font-size: 12px;
}

.container3 .inner .products .product .pricebox{
    width: calc(100% - 40px);
    height: auto;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    flex-direction: row;
}

.container3 .inner .products .product .pricebox .price{
    width: auto;
    height: auto;
    float: left;
    font-family: intersemibold;
    font-size: 15px;
    color: #343638;
}

.container3 .inner .products .product .pricebox .button{
    width: auto;
    height: auto;
    float: right;
    font-family: intermedium;
    font-size: 12px;
    letter-spacing: 0.5px;
    color:#FFFFFF;
    padding: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    background: #7c90a0;
    border: 1px solid #637380;
    border-radius: 3px;
    margin-left: auto;
    margin-right: 0px;
}

.container3 .inner .products .product .pricebox .button:hover{
    background: #96a6b3;
}


    
    
    

    

    
    
    
    
    
    





















.footer1{
    width:100%;
    height:auto;
    float:left;
    background:#313940}

.footer1 .inner{
    width:calc(1400px - 60px);
    height:inherit;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;}
    
.footer1 .inner .head{
    width:100%;
    height:auto;
    float:left;
    border-bottom:1px solid #3e4850;}
    
.footer1 .inner .head .logo{
    width:auto;
    height:70px;
    float:left;
    padding-top:25px;
    padding-bottom:25px;}
    
.footer1 .inner .head .logo svg{
    width:auto;
    height:100%;
    float:left;
    fill: #7c90a0;}
    
.footer1 .inner .head .social{
    width:auto;
    height:auto;
    float:right;}
    
.footer1 .inner .head .social .icon{
    width:30px;
    height:125px;
    float:left;
    margin-right:20px;}
    
.footer1 .inner .head .social .icon:last-child{
    margin-right:0px;}
    
.footer1 .inner .head .social .icon svg{
    width:100%;
    height:auto;
    float:left;
    top:50%;
    transform:translateY(-50%);
    position:relative;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;
    fill:#7c90a0}
    
.footer1 .inner .head .social .icon svg:hover{
    transform:translateY(-50%) scale(1.15);}
    
.footer1 .inner .panel{
    width:calc((100% - 50px) / 2);
    height:auto;
    float:left;}
    
.footer1 .inner .panel:last-child{
    margin-left:50px;}
    
.footer1 .inner .panel .text{
    width:100%;
    height:auto;
    float:left;
    font-family:interregular;
    font-size:14px;
    color:#d7dde2;
    margin-top:50px;
    line-height:1.5;
}

.footer1 .inner .panel .contact{
    width:100%;
    height:auto;
    float:left;
    margin-top:30px;
    margin-bottom:50px;}
    
.footer1 .inner .panel .contact .box{
    width:auto;
    height:30px;
    float:left;
    display: flex;
    align-items: center;
    }
    
.footer1 .inner .panel .contact .box:last-child{
    margin-left:50px;}
    
.footer1 .inner .panel .contact .box .icon{
    width:30px;
    height:30px;
    float:left;}
    
.footer1 .inner .panel .contact .box .icon svg{
    width:100%;
    height:100%;
    float:left;
    stroke:#7c90a0;
    stroke-width:1.5px}
    
.footer1 .inner .panel .contact .box .text{
    width:auto;
    height:auto;
    float:left;
    font-family:intermedium;
    font-size:16px;
    color:#d7dde2;
    position:relative;
    margin-left:20px;
    margin-top:0px;
    text-decoration:none;
    line-height: 1.3;
    white-space: nowrap;
}
    
.footer1 .inner .panel .contact .box a.text:hover{
    color:#FFFFFF;
    text-decoration: underline;}
    
.footer1 .inner .panel .menu{
    width:calc((100% - 100px) / 2);
    height:auto;
    float:left;
    margin-top:50px;
    margin-left:50px;
    margin-bottom:50px;}
    
.footer1 .inner .panel .menu .item{
    width:100%;
    height:auto;
    float:left;
    margin-top:10px;
    display: flex;
    align-items: center;
    text-decoration: none;
}
    
.footer1 .inner .panel .menu .item:first-child{
    margin-top:0px;}
    
.footer1 .inner .panel .menu .item .icon{
    width:20px;
    height:20px;
    float:left;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
.footer1 .inner .panel .menu .item:hover .icon{
    transform:translateX(5px);}
    
.footer1 .inner .panel .menu .item .icon svg{
    width:100%;
    height:100%;
    float:left;
    stroke:#7c90a0;
    stroke-width:2px;}
    
.footer1 .inner .panel .menu .item .text{
    width:calc(100% - 30px);
    height:auto;
    float:left;
    margin-left:10px;
    margin-top:0px;
    font-family:interregular;
    font-size:16px;
    color:#d7dde2;
    vertical-align:middle;
    line-height:1.3;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;
}
    
.footer1 .inner .panel .menu .item:hover .text{
    color:#FFFFFF}

.footer1 .inner .panel .menu .item .cookie_button{
    width: auto;
    height: auto;
    float: left;
    padding: 0px;
    border: none;
    outline: none;
    background: none;
    margin-left: 10px;
    font-family: interregular;
    font-size: 16px;
    color: #d7dde2;
    cursor: pointer;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;
}

.footer1 .inner .panel .menu .item .cookie_button:hover{
    color:#FFFFFF;
}
    




    
.footer2{
    width:100%;
    height:100px;
    float:left;
    background:#252b30}

.footer2 .inner{
    width:calc(1400px - 60px);
    height:inherit;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;}
    
.footer2 .inner .box{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    top:50%;
    transform:translateY(-50%);}
    
.footer2 .inner .box .item{
    width:auto;
    height:auto;
    float:left;
    font-family:interregular;
    font-size:13px;
    color:#7c90a0;
    clear:left;
    margin-top:10px;}

.footer2 .inner .box .item .divider{
    width: auto;
    display: inline-block;
}

.footer2 .inner .box .item .shop{
    width: auto;
    clear: unset;
    display: inline-block;
}
    
.footer2 .inner .box .item:first-child{
    margin-top:0px;
    font-size:14px;
    font-family:intersemibold;}
    
.footer2 .inner .box .item a svg{
    margin-left:3px;
    fill:#7c90a0;}
    
.footer2 .inner .box .item a:hover svg{
    fill:#FFFFFF}
    
.footer2 .inner .online_pay{
    width: auto;
    height: 40px;
    float: right;
    position: relative;
    top: 50%;
    transform: translateY(-50%);}

.footer2 .inner .online_pay svg{
    width: auto;
    height: 100%;
    float: left;
    fill: #7c90a0;
    margin-right: 20px;
}

.footer2 .inner .online_pay svg:last-child{
    margin-right: 0px;
}