body {
    overflow-y: scroll !important;
    background: #FFFFFF;
    /* #f2f2f2 / #e8ebec / #ffe163, OLD GREEN COLOR #1E3B49 */
    border: none;
    padding: 0px;
    margin: 0px
}

.change_orientation {
    display: none
}

.header0 {
    width: 100%;
    height: 40px;
    float: left;
    background: #F2EAD5;
    border-bottom: 1px solid #E6D3A9
}

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

.header0 .inner .logo {
    width: 160px;
    height: 183px;
    float: left;
    position: absolute;
    top: 0px;
    left: 30px;
    background: #E6D3A9;
    z-index: 1000
}

.header0 .inner .logo img {
    width: 130px;
    height: auto;
    float: left;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.header0 .inner .cart {
    display: none;
}

.header0 .inner .left {
    width: auto;
    height: inherit;
    float: left;
    margin-left: 200px;
}

.header0 .inner .left .text {
    width: auto;
    height: auto;
    float: left;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-family: robotoslabmedium;
    color: #333333;
    font-size: 14px;
    text-decoration: none;
    line-height: 14px;
}

.header0 .inner .left .text:hover {
    text-decoration: underline
}

.header0 .inner .left .divider {
    width: 1px;
    height: 18px;
    float: left;
    background: #333333;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.header0 .inner .social {
    width: auto;
    height: inherit;
    float: left;
}

.header0 .inner .social .divider {
    width: 1px;
    height: 18px;
    float: left;
    background: #333333;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 10px;
    margin-right: 10px;

}

.header0 .inner .social .icon {
    width: auto;
    height: 22px;
    float: left;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 10px;
}

.header0 .inner .social .icon:last-child {
    margin-right: 0px;
}

.header0 .inner .social .icon svg {
    width: auto;
    height: 100%;
    float: left;
    stroke: #5F4A1B;
    stroke-width: 1.5;
    fill: none;
}

.header0 .inner .social .icon:hover svg {
    stroke: #333333;
}

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

.header0 .inner .right .item {
    width: auto;
    height: 100%;
    float: left;
    margin-left: 20px;
}

.header0 .inner .right .item:first-child {
    margin-left: 0px;
}

.header0 .inner .right .item .icon {
    width: auto;
    height: 100%;
    float: left;
}

.header0 .inner .right .item .icon svg {
    width: 20px;
    height: 20px;
    float: left;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    fill: #5F4A1B;
    stroke-width: 1.5;
}

.header0 .inner .right .item .text {
    width: auto;
    height: auto;
    float: left;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-family: robotoslabmedium;
    color: #333333;
    font-size: 15px;
    margin-left: 10px;
    text-decoration: none;
}

.header0 .inner .right .item a.text:hover {
    text-decoration: underline
}

.header1 {
    width: 100%;
    height: 100px;
    float: left;
    background: #F6F0E2;
}

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

.header1 .inner .mobile_menu {
    display: none
}

.header1 .inner .menu {
    width: auto;
    height: inherit;
    float: left;
    margin-left: 195px;
}

.header1 .inner .menu .item {
    width: auto;
    height: inherit;
    float: left;
    margin-left: 25px;
}

.header1 .inner .menu .item:first-child {
    margin-left: 0px;
}

.header1 .inner .menu .item .text {
    width: auto;
    height: 97px;
    float: left;
    font-family: robotoslabbold;
    color: #333333;
    font-size: 18px;
    line-height: 100px;
    vertical-align: middle;
}

.header1 .inner .menu .item .line {
    width: 100%;
    height: 3px;
    float: left;
    background: #F6F0E2;
}

.header1 .inner .menu .item .line.selected {
    background: #333333;
}

.header1 .inner .menu .item:hover .line {
    background: #333333
}

.header1 .inner .cart {
    width: auto;
    height: inherit;
    float: right;
    border-left: 1px solid #E6D3A9;
    border-right: 1px solid #E6D3A9;
    padding-left: 20px;
    padding-right: 20px;
}

.header1 .inner .cart .icon {
    width: auto;
    height: auto;
    float: left;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    transition: ease-out 150ms;
    -webkit-transition: ease-out 150ms;
    -moz-transition: ease-out 150ms;
}

.header1 .inner .cart:hover .icon {
    transform: translateY(-50%) rotate(7deg);
}

.header1 .inner .cart .icon svg {
    width: 30px;
    height: auto;
    float: left;
    fill: #5F4A1B
}

.header1 .inner .cart .price {
    width: auto;
    height: auto;
    float: left;
    font-family: robotoslabbold;
    font-size: 18px;
    color: #333333;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 15px;
}

.header3 {
    width: 100%;
    height: 80px;
    float: left;
    background: #F2EAD5;
    border-top: 1px solid #E6D3A9;
    border-bottom: 1px solid #E6D3A9
}

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

.header3 .inner .menu {
    width: auto;
    height: inherit;
    float: left;
    margin-left: 200px;
}

.header3 .inner .menu .item {
    width: auto;
    height: inherit;
    float: left;
    margin-left: 25px;
}

.header3 .inner .menu .item:first-child {
    margin-left: 0px;
}

.header3 .inner .menu .item .text {
    width: auto;
    height: 77px;
    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: 80px;
    float: left;
    font-family: robotoslabregular;
    color: #715820;
    font-size: 18px;
    line-height: 80px;
    vertical-align: middle;
    text-decoration: none
}

.header3 .inner .menu .navigation.bold {
    font-family: robotoslabbold;
}

.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: #DEC690;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    stroke-width: 2px
}


.mainpage {
    width: 100%;
    height: 0;
    float: left;
    padding-top: calc((100% / 16) * 6.5);
    position: relative;
}

.mainpage .content {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.mainpage .content .photo {
    width: 100%;
    height: 100%;
    float: left;
    z-index: 50;
}

.mainpage .content .photo img {
    width: 100%;
    height: 100%;
    float: left;
    object-fit: cover;
}

.mainpage .content .overlay {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.70) 85%);
    z-index: 100;
}

.mainpage .content .box {
    width: calc(1400px - 200px);
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
    position: absolute;
    padding-left: 100px;
    padding-right: 100px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 150;
}

.mainpage .content .box h1 {
    width: calc(100% - 200px);
    height: auto;
    float: left;
    font-family: robotoslabbold;
    font-size: 50px;
    color: #DFC27D;
    margin: 0;
    line-height: 1.3;
}

.mainpage .content .box p {
    width: calc(100% - 400px);
    height: auto;
    float: left;
    font-family: robotoslabregular;
    font-size: 25px;
    color: #F6F0E2;
    margin: 0;
    line-height: 1.5;
    margin-top: 25px;
}

.mainpage .content .box .categories {
    width: calc(100% - 300px);
    height: auto;
    float: left;
    margin-top: 50px;
}

.mainpage .content .box .categories .item {
    width: auto;
    height: auto;
    float: left;
    background: #F6F0E2;
    margin-right: 30px;
    margin-bottom: 30px;
    padding: 12px;
    padding-bottom: 10px;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainpage .content .box .categories .item:hover {
    background: #DFC27D;
}

.mainpage .content .box .categories .item .text {
    width: auto;
    height: auto;
    float: left;
    font-family: poppinsbold;
    font-size: 18px;
    color: #333333;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1.3;
    letter-spacing: 0.5px;
}

.mainpage .content .mouseicon{
    width: 60px;
    height: 60px;
    float: left;
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 200;
}

.mainpage .content .mouseicon svg{
    width: 26px;
    height: auto;
    float: left;
    position: relative;
    fill: #DFC27D;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: ease-out 250ms;
    -webkit-transition: ease-out 250ms;
    -moz-transition: ease-out 250ms;
    animation-name: button-pulsing;
    transition-timing-function: step-start;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
}

@keyframes button-pulsing {
    0% {
        transform: translate(-50%, -60%) scale(1.0);
        opacity: 1.0
    }

    50% {
        transform: translate(-50%, -40%) scale(1.0);
        opacity: 1.0
    }

    100% {
        transform: translate(-50%, -60%) scale(1.0);
        opacity: 1.0
    }
}




/*---------------------------------------------------------------------------------------*/

.mainpageback {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 0
}

.mainpageback .overlay {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    z-index: 1000;
    top: 0px;
    left: 0px;
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.70) 85%);
}

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

.mainpageback .overlay .inner .text1 {
    /*width:calc(100% - 200px);*/
    width: 65%;
    height: auto;
    float: left;
    font-family: robotoslabbold;
    font-size: 50px;
    line-height: 65px;
    color: #DFC27D;
    margin-left: 100px;
    margin-right: 100px;
}

.mainpageback .overlay .inner .text2 {
    /*width:calc(100% - 200px);*/
    width: 65%;
    height: auto;
    float: left;
    font-family: robotoslabregular;
    font-size: 25px;
    line-height: 37px;
    color: #F6F0E2;
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 25px;
    clear: both
}

.mainpageback .overlay .inner .box {
    width: calc(100% - 300px);
    height: auto;
    float: left;
    margin-left: 100px;
    margin-right: 200px;
    margin-top: 50px;
    margin-bottom: 120px;
}

.mainpageback .overlay .inner .box .item {
    width: auto;
    height: 18px;
    float: left;
    background: #F6F0E2;
    color: #333333;
    font-size: 18px;
    line-height: 18px;
    font-family: poppinsbold;
    text-transform: uppercase;
    padding: 26px;
    padding-top: 14px;
    padding-bottom: 12px;
    text-decoration: none;
    letter-spacing: 1px;
    margin-right: 30px;
    margin-bottom: 30px;
}

.mainpageback .overlay .inner .box .item:last-child {
    margin-right: 0px;
}

.mainpageback .overlay .inner .box .item:hover {
    background: #DFC27D
}

.mainpageback .overlay .mouseicon {
    width: 80px;
    height: 80px;
    float: left;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}

.mainpageback .overlay .mouseicon svg {
    width: auto;
    height: 55px;
    float: left;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #DFC27D;
    transition: ease-out 250ms;
    -webkit-transition: ease-out 250ms;
    -moz-transition: ease-out 250ms;
    animation-name: button-pulsing;
    transition-timing-function: step-start;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
}

@keyframes button-pulsing {
    0% {
        transform: translate(-50%, -60%) scale(1.0);
        opacity: 1.0
    }

    50% {
        transform: translate(-50%, -40%) scale(1.0);
        opacity: 1.0
    }

    100% {
        transform: translate(-50%, -60%) scale(1.0);
        opacity: 1.0
    }
}

.mainpageback .photo {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 900;
    float: left;
}

.mainpageback .photo img {
    width: 100%;
    height: 100%;
    float: left;
    object-fit: cover;
}

/*---------------------------------------------------------------------------------------*/

.panel {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 0px;
}

.panel:nth-child(even) {
    background: #FFFFFF
}

.panel:nth-child(odd) {
    background: #FAF6EF
}

/*    
.panel.type1{
    background:#FFFFFF}
    
.panel.type2{
    background:#FAF6EF}
*/



.panel .inner {
    width: calc(1400px - 60px);
    height: auto;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.panel:nth-child(odd) .inner{
    flex-direction: row-reverse;
}

.panel .inner .part1 {
    width: calc(100% / 2);
    height: auto;
    float: left;
    position: relative;
}

.panel .inner .part1 .image {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 75%;
    position: relative;
}

.panel .inner .part1 .image img {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    object-fit: contain;
}

.panel .inner .part2 {
    width: calc(100% / 2);
    height: auto;
    float: left;
    position: relative;
}

.panel .inner .part2 .headline {
    width: 100%;
    height: auto;
    float: left;
    font-family: robotoslabbold;
    font-size: 40px;
    color: #333333
}

.panel .inner .part2 .text {
    width: 100%;
    height: auto;
    float: left;
    font-family: robotoslabregular;
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    margin-top: 30px;
}

.panel .inner .part2 .button {
    width: auto;
    height: 18px;
    float: left;
    background: #EBDDBC;
    color: #333333;
    font-size: 18px;
    line-height: 18px;
    font-family: poppinsbold;
    text-transform: uppercase;
    padding: 26px;
    padding-top: 14px;
    padding-bottom: 12px;
    text-decoration: none;
    letter-spacing: 1px;
    margin-right: 30px;
    margin-top: 30px;
}

.panel .inner .part2 .button:hover {
    background: #DFC27D
}




.container {
    width: 100%;
    min-height: calc(100vh - 223px - 353px);
    /*min-height:300px;*/
    float: left;
    margin-top: 0px;
}

.container.type1 {
    background: #FAF6EF
}

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

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

.container .inner .products .product {
    width: calc((100% - 150px) / 4);
    height: 490px;
    float: left;
    margin-right: 50px;
    background: #FAF6EF;
    margin-bottom: 50px;
}

.container .inner .products .product:nth-child(-n+4) {
    margin-top: 50px;
}

.container .inner .products .product:nth-child(4n) {
    margin-right: 0px;
}

.container .inner .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 .products .product .imagebox .image {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
}

.container .inner .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 .products .product .imagebox .image .product_label {
    width: auto;
    height: auto;
    float: right;
    right: -20px;
    top: -20px;
    position: absolute;
    font-family: robotoslabbold;
    font-size: 12px;
    padding: 5px;
    padding-bottom: 7px;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 14px;
    letter-spacing: 0.5px;
    z-index: 1000
}

.container .inner .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 .products .product .imagebox .image .availability.instock {
    background: #558564;
}

.container .inner .products .product .imagebox .image .availability.outofstock {
    background: #ED6A5E;
}

.container .inner .products .product .imagebox .image .variants {
    width: auto;
    height: auto;
    float: left;
    position: absolute;
    bottom: 20px;
    right: -20px;
    z-index: 1000;
}

.container .inner .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 .products .product .imagebox .image .variants .item:first-child {
    margin-top: 0px;
}

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

.container .inner .products .product .headline .text {
    width: 100%;
    height: auto;
    float: left;
    font-family: robotoslabbold;
    font-size: 18px;
    color: #333333;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

.container .inner .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 .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 .products .product .line .buttonbox {
    width: auto;
    height: inherit;
    float: right;
    background: red;
    position: relative;
}

.container .inner .products .product .line .buttonbox .button {
    width: auto;
    height: 38px;
    float: right;
    background: #EBDDBC;
    font-family: poppinsbold;
    font-size: 14px;
    color: #333333;
    text-transform: uppercase;
    line-height: 38px;
    padding-left: 20px;
    padding-right: 20px;
    letter-spacing: 1px;
}

.container .inner .products .product .line .buttonbox:hover .button {
    background: #DFC27D
}

.container .inner .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 .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 .products .product .description p {
    margin: 0px;
}

.container .inner form {
    margin-block-end: 0px
}

.container .inner .productpage {
    width: 100%;
    height: auto;
    float: left;
}

.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;
}

.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: robotoslabextrabold;
    font-size: 16px;
    line-height: 16px;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    letter-spacing: 0px;
    text-transform: capitalize
}

.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: 100%;
    height: auto;
    float: left;
    font-family: robotoslabbold;
    font-size: 30px;
    color: #333333
}

.container .inner .productpage .panel .description {
    width: calc(100% - 100px);
    height: auto;
    float: left;
    font-family: robotoslabregular;
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    margin-top: 25px
}

.container .inner .productpage .panel .description p {
    margin: 0px;
}

.container .inner .productpage .panel .box {
    width: 100%;
    height: auto;
    float: left;
}

.container .inner .productpage .panel .box.variant {
    margin-top: 20px;
}

.container .inner .productpage .panel .box.variant .variant_name {
    width: auto;
    height: auto;
    float: left;
    cursor: pointer;
    border: 2px solid #715820;
    background: #F6F0E2;
    margin-top: 30px;
}

.container .inner .productpage .panel .box.variant .variant_name .item {
    width: auto;
    height: auto;
    float: left;
    font-family: robotoslabsemibold;
    font-size: 16px;
    color: #715820;
    text-align: center;
    vertical-align: middle;
    line-height: 16px;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    letter-spacing: 1px
}

.container .inner .productpage .panel .box .label {
    width: auto;
    height: auto;
    float: left;
    margin-right: 30px;
    margin-top: 30px;
    font-family: poppinsmedium;
    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 #E6D3A9;
    background: #F6F0E2;
    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: robotoslabsemibold;
    font-size: 16px;
    color: #715820;
    text-align: center;
    vertical-align: middle;
    line-height: 16px;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    letter-spacing: 1px
}

.container .inner .productpage .panel .box input[type=radio]:checked+.variant_name {
    outline: none;
    border: 2px solid #715820;
}

.container .inner .productpage .panel .box .availability {
    width: auto;
    height: auto;
    float: left;
    margin-top: 30px;
    font-family: robotoslabsemibold;
    font-size: 16px;
    line-height: 16px;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    letter-spacing: 1px;
    background: #999999;
    color: #FAF6EF;
    border: 2px solid #5B5B5B
}

.container .inner .productpage .panel .box .availability.instock {
    background: #558564;
    color: #FAF6EF;
    border: 2px solid #3B5D46
}

.container .inner .productpage .panel .box .availability.outofstock {
    background: #ED6A5E;
    color: #FAF6EF;
    border: 2px solid #A54A41
}

.container .inner .productpage .panel .box .availability.endsale {
    background: #ED6A5E;
    color: #FAF6EF;
    border: 2px solid #A54A41
}

.container .inner .productpage .panel .pricebox {
    width: calc(100% - 100px);
    height: 57px;
    float: left;
    border-top: 2px solid #EBDDBC;
    border-bottom: 2px solid #EBDDBC;
    margin-top: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.container .inner .productpage .panel .pricebox .price {
    width: auto;
    height: auto;
    float: left;
}

.container .inner .productpage .panel .pricebox .price .price1 {
    width: auto;
    height: auto;
    float: left;
    clear: both;
    font-family: robotoslabbold;
    font-size: 26px;
    color: #333333
}

.container .inner .productpage .panel .pricebox .price .price2 {
    width: auto;
    height: auto;
    float: left;
    clear: both;
    font-family: robotoslabregular;
    font-size: 16px;
    color: #999999;
    margin-top: 0px;
}

.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 .input {
    width: 50px;
    height: 36px;
    float: left;
    border: none;
    outline: none;
    font-family: robotoslabbold;
    font-size: 18px;
    text-align: center;
    color: #3b445f;
    border: 1px solid #EBDDBC;
    border-right: none;
    line-height: 36px
}

.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: auto;
    float: left;
    font-family: poppinsbold;
    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
}

.container .inner .productpage .panel .pricebox .shopnow .button:hover {
    background: #DFC27D
}

.container .inner .productpage .panel .simproduct {
    width: auto;
    height: auto;
    float: left;
    font-family: poppinsbold;
    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: 50px;
}

.container .inner .productpage .gallery .image {
    width: calc((100% - 180px) / 10);
    height: 100px;
    float: left;
    margin-right: 20px;
    margin-top: 20px;
    cursor: pointer;
    transition: ease-out 150ms;
    -webkit-transition: ease-out 150ms;
    -moz-transition: ease-out 150ms;
    outline: none;
}

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

.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: robotoslabbold;
    font-size: 20px;
    color: #333333
}

.container2 .inner .left .description {
    width: 100%;
    height: auto;
    float: left;
    font-family: robotoslabregular;
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    margin-top: 25px;
}

.container2 .inner .left .description p {
    margin: 0px;
    margin-top: 15px;
}

.container2 .inner .left .description p:first-child {
    margin-top: 0px;
}

.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 #EBDDBC
}

.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: robotoslabregular;
    font-size: 14px;
    color: #999999
}

.container2 .inner .right .item .box2 {
    width: auto;
    height: auto;
    float: right;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: robotoslabbold;
    font-size: 14px;
    color: #333333;
    position: relative;
}

.container2 .inner .right .item .box3 {
    width: auto;
    height: auto;
    float: right;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 15px;
    line-height: 34px;
    vertical-align: middle;
    text-decoration: none;
    font-family: robotoslabbold;
    font-size: 14px;
    color: #333333;
}

.container2 .inner .right .item .box3:hover {
    text-decoration: underline
}

.container2 .inner .right .item .box3 .icon {
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 7px;
    margin-bottom: 7px;
    margin-right: 5px;
}

.container2 .inner .right .item .box3 .icon img {
    width: 100%;
    height: 100%;
    float: left;
}

.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 #E6D3A9;
    border-bottom: none;
    position: relative;
}

.container .inner .bigbox .cartpage .product:last-child {
    border-bottom: 1px solid #E6D3A9;
}

.container .inner .bigbox .cartpage .product .image {
    width: 78px;
    height: 78px;
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 15px;
    border: 1px solid #F2EAD5
}

.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;
    float: left;
    margin-left: calc(110px + 15px);
    margin-right: 30px;
    padding-top: 0px;
    padding-bottom: 10px;
    font-family: robotoslabbold;
    font-size: 18px;
    color: #333333;
    text-decoration: none;
    margin-top: 15px;
    border-bottom: 1px solid #F2EAD5;
}

.container .inner .bigbox .cartpage .product .availability {
    width: 300px;
    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: 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 .cartpage .product .availability .box.instock {
    color: #009901;
}

.container .inner .bigbox .cartpage .product .amount {
    width: 50px;
    height: 30px;
    float: left;
    text-align: center;
    outline: none;
    border: 1px solid #E6D3A9;
    margin-top: 15px;
    padding: 0px;
    font-family: robotoslabbold;
    font-size: 16px;
    color: #333333;
    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 .price {
    width: 120px;
    height: 30px;
    float: left;
    font-family: robotoslabregular;
    font-size: 16px;
    color: #999999;
    margin-top: 15px;
    margin-left: 50px;
    line-height: 30px;
    vertical-align: middle;
    text-align: right;
    margin-bottom: 15px;
}

.container .inner .bigbox .cartpage .product .price2 {
    width: 100px;
    height: 30px;
    float: left;
    font-family: robotoslabbold;
    font-size: 16px;
    color: #333333;
    margin-top: 15px;
    margin-left: 50px;
    line-height: 30px;
    vertical-align: middle;
    text-align: right;
    margin-bottom: 15px;
}

.container .inner .bigbox .cartpage .product .deletebox {
    width: auto;
    height: 30px;
    float: right;
    position: absolute;
    top: 50px;
    right: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.container .inner .bigbox .cartpage .product .deletebox .delete {
    width: 24px;
    height: 24px;
    float: left;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.container .inner .bigbox .cartpage .product .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 .deletebox .delete svg {
    width: 24px;
    height: 24px;
    float: left;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: none;
    stroke: #999999;
    stroke-width: 1.25px
}

.container .inner .bigbox .cartpage .product .deletebox .delete:hover svg {
    stroke: #5F4A1B
}

.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: 56px;
    float: left;
    background: #F6F0E2;
    border: 1px solid #E6D3A9;
    border-top: 0px;
}

.container .inner .bigbox .price_panel .sticky .status:first-child {
    border-top: 1px solid #E6D3A9;
}

.container .inner .bigbox .price_panel .sticky .status .text {
    width: auto;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    font-family: robotoslabbold;
    font-size: 20px;
    color: #715820;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left
}

.container .inner .bigbox .price_panel .sticky .status .right {
    width: auto;
    height: 100%;
    float: right;
}

.container .inner .bigbox .price_panel .sticky .status .right .button {
    width: auto;
    height: 14px;
    float: left;
    font-family: robotoslabbold;
    font-size: 14px;
    line-height: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 1000px;
    margin-right: 20px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.container .inner .bigbox .price_panel .sticky .status .right .button.blue {
    background: #266DD3;
    color: #FAF6EF
}

.container .inner .bigbox .price_panel .sticky .status .right .button.yellow {
    background: #FFD166;
    color: #333333
}

.container .inner .bigbox .price_panel .sticky .status .right .button.green {
    background: #558564;
    color: #FAF6EF
}

.container .inner .bigbox .price_panel .sticky .status .right .button.black {
    background: #333333;
    color: #FAF6EF
}

.container .inner .bigbox .price_panel .sticky .status .right .button.track {
    background: #EBDDBC;
    color: #333333;
    text-decoration: none;
}

.container .inner .bigbox .price_panel .sticky .status .right .button.track:hover {
    background: #DFC27D
}

.container .inner .bigbox .price_panel .sticky .cart_price {
    width: calc(100% - 2px);
    height: auto;
    float: left;
    border: 1px solid #E6D3A9;
    background: #F6F0E2;
    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.online_payment {
    margin-top: 0px;
    border-top: none;
}

.container .inner .bigbox .price_panel .sticky .cart_price .text {
    width: auto;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    font-family: robotoslabbold;
    font-size: 20px;
    color: #715820;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left;
}

.container .inner .bigbox .price_panel .sticky .cart_price .price {
    width: auto;
    height: auto;
    float: right;
    margin-left: 20px;
    margin-right: 20px;
    font-family: robotoslabextrabold;
    font-size: 20px;
    color: #333333;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: right;
}

.container .inner .bigbox .price_panel .sticky .cart_price .description {
    width: calc(100% - 40px);
    height: auto;
    float: left;
    font-family: robotoslabregular;
    font-size: 14px;
    color: #715820;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 15px;
}

.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 #E6D3A9;
    padding-top: 15px;
    margin-top: 0px;
    left: unset;
    transform: unset;
}

.container .inner .bigbox .price_panel .sticky .cart_price .right {
    width: auto;
    height: 56px;
    float: right;
}

.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: robotoslabbold;
    font-size: 14px;
    line-height: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 1000px;
    margin-right: 20px;
    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: 14px;
    float: left;
    font-family: robotoslabbold;
    font-size: 14px;
    line-height: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 1000px;
    margin-right: 20px;
    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 #form .button.pay,
.container .inner .bigbox .price_panel .sticky .cart_price .right .button.pay {
    background: #009901;
    color: #FAF6EF;
    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% - 42px);
    height: auto;
    float: left;
    margin-top: 0px;
    padding-left: 37px;
    position: relative;
    font-family: robotoslabregular;
    font-size: 14px;
    color: #715820;
    line-height: 22px;
    vertical-align: middle;
    cursor: pointer
}

.container .inner .bigbox .price_panel .sticky .cart_price .terms .label a {
    color: inherit;
    font-family: robotoslabbold;
    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 #E6D3A9;
    transform: translateY(-50%);
}

.container .inner .bigbox .price_panel .sticky .cart_price .terms .label .checkmark:hover {
    background: #F6F0E2;
}

.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: #F6F0E2
}

.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 #715820;
    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: 15px;
}

.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: robotoslabbold;
    font-size: 12px;
    color: #715820;
    text-transform: uppercase
}

.container .inner .bigbox .price_panel .sticky .cart_price .item .content {
    width: 100%;
    height: auto;
    float: left;
    font-family: robotoslabregular;
    font-size: 14px;
    color: #333333;
    margin-top: 5px;
}

.container .inner .bigbox .price_panel .sticky .cart_price .item .content.unpaid {
    font-family: robotoslabbold;
    color: #cc0000;
}

.container .inner .bigbox .price_panel .sticky .cart_price .item .content.paid {
    font-family: robotoslabbold;
    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: robotoslabbold;
    font-size: 12px;
    color: #715820;
    margin-top: 15px;
    text-transform: uppercase;
}

.container .inner .bigbox .price_panel .sticky .cart_price .qrpayment img {
    width: 125px;
    height: 125px;
    float: left;
    border: 1px solid #E6D3A9;
    clear: both;
    margin-top: 5px;
    image-rendering: pixelated
}

.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: #EBDDBC
}

.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: poppinsbold;
    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: 40px;
    float: left;
    margin-top: 30px;
}

.container .inner .bigbox .price_panel .sticky .back_shop {
    width: auto;
    height: 40px;
    float: left;
    background: #EBDDBC;
    margin-top: 30px;
}

.container .inner .bigbox .price_panel .sticky .back_shop:hover {
    background: #DFC27D
}

.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: #715820;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    stroke-width: 2px;
}

.container .inner .bigbox .price_panel .sticky .back_shop .text {
    width: auto;
    height: 40px;
    float: left;
    line-height: 40px;
    vertical-align: middle;
    font-family: poppinsbold;
    font-size: 14px;
    color: #333333;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    margin-right: 15px;
}

.container .inner .bigbox .price_panel .sticky .next_step {
    width: auto;
    height: 40px;
    float: right;
    background: #EBDDBC;
    margin-top: 30px;
    position: relative;
}

.container .inner .bigbox .price_panel .sticky .next_step.disabled {
    opacity: 0.5
}

.container .inner .bigbox .price_panel .sticky .next_step:hover {
    background: #DFC27D
}

.container .inner .bigbox .price_panel .sticky .next_step.order {
    background: #DFC27D;
}

.container .inner .bigbox .price_panel .sticky .next_step.order:hover {
    background: #EBDDBC;
}

.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: #715820;
    position: relative;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    stroke-width: 2px;
}

.container .inner .bigbox .price_panel .sticky .next_step .text {
    width: auto;
    height: 40px;
    float: left;
    line-height: 40px;
    vertical-align: middle;
    font-family: poppinsbold;
    font-size: 14px;
    color: #333333;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    margin-left: 15px;
}

.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: #F6F0E2;
    border: 1px solid #E6D3A9;
}

.container .inner .bigbox .formdata .box .subheading .icon {
    width: 22px;
    height: 22px;
    float: left;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    margin-left: 15px;
}

.container .inner .bigbox .formdata .box .subheading .icon svg {
    width: 100%;
    height: 100%;
    float: left;
    stroke: #715820;
    stroke-width: 1.75px;
}

.container .inner .bigbox .formdata .box .subheading .text {
    width: auto;
    height: 40px;
    float: left;
    font-family: robotoslabbold;
    font-size: 18px;
    color: #333333;
    line-height: 40px;
    vertical-align: middle;
    margin-left: 20px
}

.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: robotoslabmedium;
    font-size: 14px;
    color: #715820;
    line-height: 40px;
    vertical-align: middle
}

.container .inner .bigbox .formdata .box .line .label .required {
    color: #ED6A5E
}

.container .inner .bigbox .formdata .box .textarea {
    width: calc(100% - 400px + 15px + 15px);
    height: 200px;
    float: left;
    border: 1px solid #E6D3A9;
    clear: both;
    margin-top: 10px;
    margin-left: 57px;
    outline: none;
    font-family: robotoslabregular;
    font-size: 14px;
    color: #715820;
    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;
}

.container .inner .bigbox .formdata .box .textarea:focus {
    border: 1px solid #715820;
}

.container .inner .bigbox .formdata .box .line .order_input {
    width: 300px;
    height: 40px;
    float: left;
    border: 1px solid #E6D3A9;
    outline: none;
    padding-left: 15px;
    padding-right: 15px;
    font-family: robotoslabregular;
    font-size: 14px;
    color: #333333;
    transition: ease-out 150ms;
    -webkit-transition: ease-out 150ms;
    -moz-transition: ease-out 150ms;
}

.container .inner .bigbox .formdata .box .line .order_input:focus {
    border: 1px solid #715820;
}

.container .inner .bigbox .formdata .box .line .order_input.error_input {
    border: 1px solid #ED6A5E;
}

.container .inner .bigbox .formdata .box .line .country {
    width: auto;
    height: 38px;
    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 #E6D3A9;
    padding-left: 15px;
    padding-right: 15px;
    background: none;
    margin-top: 0px;
}

.container .inner .bigbox .formdata .box .line .country:hover .item {
    border: 1px solid #715820;
    background: #F2EAD5
}

.container .inner .bigbox .invoicing .box .line .country .item.focused {
    border: 1px solid #715820;
    background: #F2EAD5
}

.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: auto;
    float: left;
    font-family: robotoslabbold;
    font-size: 14px;
    color: #715820;
    line-height: 40px;
    vertical-align: middle;
    margin-left: 10px;
}

/* CHECKBOX */

.container .inner .bigbox .formdata .box .line2 {
    width: auto;
    height: 22px;
    float: left;
    margin-top: 30px;
    padding-left: 99px;
    position: relative;
    font-family: robotoslabbold;
    font-size: 14px;
    color: #715820;
    line-height: 22px;
    vertical-align: middle;
    cursor: pointer
}

.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 #E6D3A9;
}

.container .inner .bigbox .formdata .box .line2 .checkmark:hover {
    background: #F6F0E2;
}

.container .inner .bigbox .formdata .box .line2 input:checked~.checkmark {
    background: #FFFFFF;
}

.container .inner .bigbox .formdata .box .line2 input:checked~.checkmark:hover {
    background: #F6F0E2;
}

.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 #715820;
    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: 100%;
    height: auto;
    float: left;
    border: 1px solid #FAF6EF;
    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 #ED6A5E
}

.container .inner .bigbox .formdata .box .shipping_box .line3,
.container .inner .bigbox .formdata .box .payment_box .line3 {
    width: calc(100% - 52px - 400px + 15px);
    height: auto;
    float: left;
    position: relative;
    margin-top: 5px;
    font-family: robotoslabmedium;
    font-size: 14px;
    color: #715820;
    padding-left: calc(99px - 1px);
    line-height: 22px;
    vertical-align: middle;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #FAF6EF;
}


.container .inner .bigbox .formdata .box .shipping_box .line3 .additional_info {
    width: 100%;
    height: auto;
    float: left;
    font-family: robotoslabregular;
}

.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 #E6D3A9;
    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: #F6F0E2;
}

.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: #715820;
}

.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: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #F6F0E2;
}

.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: 15px
}

.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: robotoslabregular;
    font-size: 14px;
    color: #715820;
    margin-top: 5px;
}

.container .inner .bigbox .formdata .box .shipping_box .line3 .packeta.error_input {
    color: #ED6A5E;
}

/* END OF RADIOBUTTON */

.container .inner .bigbox .formdata .error_box {
    width: 380px;
    height: auto;
    float: left;
    margin-bottom: 30px;
    clear: both;
    border: 1px solid #ED6A5E;
    background: #FBE1DE;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.container .inner .bigbox .formdata .error_box .line {
    width: 340px;
    height: 51px;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}

.container .inner .bigbox .formdata .error_box .line.line_2 {
    height: 93px;
}

.container .inner .bigbox .formdata .error_box .line .icon {
    width: 26px;
    height: 26px;
    float: left;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.container .inner .bigbox .formdata .error_box .line .icon svg {
    width: 100%;
    height: 100%;
    float: left;
    stroke: #ED6A5E;
    stroke-width: 2px
}

.container .inner .bigbox .formdata .error_box .line .text {
    width: 280px;
    height: auto;
    float: left;
    margin-left: 20px;
    font-family: robotoslabsemibold;
    font-size: 14px;
    color: #ED6A5E;
    line-height: 21px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.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 {
    width: calc(100% - 2px);
    height: 56px;
    float: left;
    margin-bottom: 30px;
}

.container .inner .bigbox .recapitulation .payment_status.paid {
    background: #E3F1D1;
    border: 1px solid #bbdc8d;
}

.container .inner .bigbox .recapitulation .payment_status.pending {
    background: #FFF1D1;
    border: 1px solid #ffd166;
}

.container .inner .bigbox .recapitulation .payment_status.cancelled {
    background: #FBE1DE;
    border: 1px solid #ED6A5E;
}

.container .inner .bigbox .recapitulation .payment_status .inner {
    width: auto;
    height: 100%;
    float: left;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.container .inner .bigbox .recapitulation .payment_status .inner .icon {
    width: 30px;
    height: 30px;
    float: left;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 20px
}

.container .inner .bigbox .recapitulation .payment_status .inner .icon img {
    width: 100%;
    height: 100%;
    float: left;
}

.container .inner .bigbox .recapitulation .payment_status .inner .text {
    width: auto;
    height: auto;
    float: left;
    font-family: robotoslabbold;
    font-size: 20px;
    line-height: 56px;
    vertical-align: middle;
}

.container .inner .bigbox .recapitulation .payment_status.paid .inner .text {
    color: #708454
}

.container .inner .bigbox .recapitulation .payment_status.pending .inner .text {
    color: #B29247
}

.container .inner .bigbox .recapitulation .payment_status.cancelled .inner .text {
    color: #ED6A5E
}

.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 #E6D3A9;
}

.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 #E6D3A9;
    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: robotoslabbold;
    font-size: 20px;
    color: #715820;
}

.container .inner .bigbox .recapitulation .info .panel .item {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 30px;
}

.container .inner .bigbox .recapitulation .info .panel .item .subhead {
    width: 100%;
    height: auto;
    float: left;
    font-family: robotoslabbold;
    font-size: 12px;
    color: #715820;
    margin-top: 15px;
    text-transform: uppercase
}

.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: robotoslabregular;
    font-size: 14px;
    color: #333333;
    margin-top: 5px;
}

.container .inner .bigbox .recapitulation .products {
    width: calc(100% - 2px);
    height: auto;
    float: left;
    margin-top: 50px;
    border: 1px solid #E6D3A9;
}

.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: 110px;
    float: left;
    border-top: none;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 1px solid #E6D3A9;
    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:last-child {
    background: #F6F0E2
}

.container .inner .bigbox .recapitulation .products .product .image {
    width: 78px;
    height: 78px;
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 15px;
    border: 1px solid #F2EAD5;
}

.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;
    float: left;
    margin-left: calc(110px + 15px);
    margin-right: 30px;
    padding-top: 0px;
    padding-bottom: 10px;
    font-family: robotoslabbold;
    font-size: 18px;
    color: #333333;
    text-decoration: none;
    margin-top: 15px;
    border-bottom: 1px solid #F2EAD5;
}

.container .inner .bigbox .recapitulation .products .product .availability {
    width: 300px;
    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 .amount {
    width: 50px;
    height: 30px;
    float: left;
    text-align: center;
    outline: none;
    border: 1px solid #E6D3A9;
    margin-top: 15px;
    padding: 0px;
    font-family: robotoslabbold;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    margin-bottom: 15px;
}

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

.container .inner .bigbox .recapitulation .products .product .price {
    width: 120px;
    height: 30px;
    float: left;
    font-family: robotoslabregular;
    font-size: 16px;
    color: #999999;
    margin-top: 15px;
    margin-left: 50px;
    line-height: 30px;
    vertical-align: middle;
    text-align: right;
    margin-bottom: 15px;
}

.container .inner .bigbox .recapitulation .products .product .price2 {
    width: 100px;
    height: 30px;
    float: left;
    font-family: robotoslabbold;
    font-size: 16px;
    color: #333333;
    margin-top: 15px;
    margin-left: 50px;
    line-height: 30px;
    vertical-align: middle;
    text-align: right;
    margin-bottom: 15px;
}

.container .inner .bigbox .recapitulation .products .product .shipping {
    width: auto;
    height: auto;
    float: left;
    margin-left: 125px;
    font-family: robotoslabbold;
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    margin-top: 15px;
    margin-bottom: 15px;
}

.container .inner .bigbox .recapitulation .products .product .shipping_price {
    width: 100px;
    height: auto;
    float: right;
    margin-right: 110px;
    font-family: robotoslabbold;
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    margin-top: 15px;
    margin-bottom: 15px;
    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: #333333;
    font-family: robotoslabregular;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 5px;
}

.container .inner .bigbox .recapitulation .products .product .total_text {
    width: auto;
    height: auto;
    float: left;
    margin-left: 125px;
    font-family: robotoslabbold;
    font-size: 20px;
    line-height: 20px;
    color: #715820;
    margin-top: 15px;
    margin-bottom: 15px;
}

.container .inner .bigbox .recapitulation .products .product .total_price {
    width: auto;
    height: auto;
    float: right;
    margin-right: 110px;
    font-family: robotoslabbold;
    font-size: 20px;
    line-height: 20px;
    color: #333333;
    margin-top: 15px;
    margin-bottom: 15px;
    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: robotoslabbold;
    font-size: 20px;
    color: #715820;
    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: robotoslabbold;
    font-size: 18px;
    color: #715820;
    margin-top: 30px;
}

.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: robotoslabregular;
    font-size: 14px;
    color: #333333;
    padding-inline-start: 40px;
}

.container .inner .terms .main_list .main_item {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
    line-height: 21px;
}

.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: 21px;
    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:last-child {
    margin-left: 100px;
}

.container .inner .panel .box .head {
    width: 100%;
    height: auto;
    float: left;
    font-family: robotoslabbold;
    font-size: 24px;
    color: #333333
}

.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: robotoslabbold;
    font-size: 16px;
    color: #715820;
    margin-left: 30px;
    margin-top: 20px;
}

.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: robotoslabregular;
    font-size: 16px;
    color: #333333;
    margin-left: 30px;
    margin-top: 0px;
    line-height: 24px;
    text-decoration: none;
}

.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: 50px;
    margin-bottom: 50px;
    margin-left: 200px;
    margin-right: 200px;
}

.container .inner .faq .question {
    width: 100%;
    height: auto;
    float: left;
    font-family: robotoslabbold;
    font-size: 18px;
    color: #715820;
    margin-top: 30px;
}

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

.container .inner .faq .answer {
    width: calc(100% - 30px);
    height: auto;
    float: left;
    margin-left: 30px;
    color: #333333;
    font-family: robotoslabregular;
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
}

.container .inner .faq .answer p {
    margin: 0px;
}

.container .inner .faq .answer p strong {
    font-weight: normal;
    font-family: robotoslabbold;
}

.container .inner .faq .answer a {
    color: inherit;
    text-decoration: none;
    font-family: robotoslabbold;
}

.container .inner .faq .answer a:hover {
    text-decoration: underline;
}

.container .inner .error404 {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 50px;
    font-family: robotoslabbold;
    font-size: 20px;
    color: #715820;
    text-align: center
}

.container .inner .image404 {
    width: 100%;
    height: 250px;
    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 .text p a {
    text-decoration: underline;
    color: inherit;
}

.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;
    padding-bottom: calc((100% - 60px) / 3);
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.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: 100%;
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    object-fit: cover
}

.container .inner .about .gallery .image .overlay {
    width: 100%;
    height: 100%;
    float: left;
    background: rgba(24, 24, 24, 0.50);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000;
}

.container .inner .about .gallery .image .overlay svg {
    width: 50px;
    height: 50px;
    float: left;
    stroke: white;
    fill: transparent;
    stroke-width: 1.25px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.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;
}



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

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

.footer1 .inner .part1 {
    width: calc(100% / 2);
    height: inherit;
    float: left;
}

.footer1 .inner .part1 .logo {
    width: 140px;
    height: auto;
    float: left;
    margin-top: 50px;
    margin-bottom: 50px;
}

.footer1 .inner .part1 .logo img {
    width: 140px;
    height: auto;
    float: left;
}

.footer1 .inner .part1 .box {
    width: calc(100% - 140px - 50px);
    height: auto;
    float: left;
    margin-left: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.footer1 .inner .part1 .box .text1 {
    width: auto;
    height: auto;
    float: left;
    font-family: robotoslabbold;
    font-size: 25px;
    line-height: 37px;
    color: #715820;
}

.footer1 .inner .part1 .box .text2 {
    width: auto;
    height: auto;
    float: left;
    font-family: robotoslabregular;
    font-size: 20px;
    line-height: 30px;
    color: #715820;
    margin-top: 15px;
}

.footer1 .inner .part2 {
    width: calc(100% / 2);
    height: inherit;
    float: left;
}

.footer1 .inner .part2 .menu {
    width: calc((100% - 100px) / 2);
    height: auto;
    float: left;
    margin-top: 50px;
    margin-left: 50px;
    margin-bottom: 50px;
}

.footer1 .inner .part2 .menu .item {
    width: auto;
    height: auto;
    float: left;
    clear: both;
    margin-top: 10px;
}

.footer1 .inner .part2 .menu .item:first-child {
    margin-top: 0px;
}

.footer1 .inner .part2 .menu .item .icon {
    width: 20px;
    height: 20px;
    float: left;
    transition: ease-out 150ms;
    -webkit-transition: ease-out 150ms;
    -moz-transition: ease-out 150ms;
    opacity: 0.5
}

.footer1 .inner .part2 .menu .item:hover .icon {
    transform: translateX(5px);
}

.footer1 .inner .part2 .menu .item .icon img {
    width: 100%;
    height: 100%;
    float: left;
}

.footer1 .inner .part2 .menu .item .text {
    width: auto;
    height: auto;
    float: left;
    font-family: robotoslabbold;
    font-size: 18px;
    color: #715820;
    margin-left: 10px;
    vertical-align: middle;
    line-height: 20px;
}

.footer1 .inner .part2 .menu .item:hover .text {
    color: #333333
}

.footer1 .inner .part2 .menu .item .cookie_button {
    width: auto;
    height: 20px;
    float: left;
    font-family: robotoslabbold;
    font-size: 18px;
    color: #715820;
    margin-left: 10px;
    vertical-align: middle;
    line-height: 20px;
    background: none;
    outline: none;
    border: 0px;
    padding: 0px;
    cursor: pointer;
}

.footer1 .inner .part2 .menu .item .cookie_button:hover {
    color: #333333
}

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

.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;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

.footer2 .inner .box .item {
    width: auto;
    height: auto;
    float: left;
    font-family: robotoslabregular;
    font-size: 13px;
    color: #E6D3A9;
    clear: left;
    margin-top: 10px;
}

.footer2 .inner .box .item:first-child {
    margin-top: 0px;
    font-size: 14px;
    color: #E6D3A9;
    font-family: robotoslabbold;
}

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

.footer2 .inner .box .item .shop{
    width: unset;
    clear: unset;
    display: inline-block;
}

.footer2 .inner .box .item a {
    color: #E6D3A9;
    text-decoration: none;
    font-family: robotoslabbold;
    transition: ease-out 150ms;
    -webkit-transition: ease-out 150ms;
    -moz-transition: ease-out 150ms;
}

.footer2 .inner .box .item a:hover {
    color: #b0b4bf;
}

.footer2 .inner .box .item a svg {
    margin-left: 3px;
    fill: #E6D3A9;
}

.footer2 .inner .box .item a svg:hover {
    fill: #333333;
}

.footer2 .inner .payments {
    width: auto;
    height: 40px;
    float: right;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

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