a {
	cursor: pointer;
}
.flex {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-2-col .col {
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}
.flex-2-col .col .content {
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    padding: 15px;
}
.flex-3-col .col {
	-ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}
.col-4 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
} 
.col-8 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}
#pagination { text-align: center; }
#pagination .page-node,#pagination .next, #pagination .prev{display:inline-block;margin: 30px 8px;font-size: 15px;font-weight: 600;opacity: 0.4;}
#pagination .next{margin-left:30px}
#pagination .prev{margin-right:30px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#pagination .page-node.current,#pagination .page-node:hover,#pagination .next:hover, #pagination .prev:hover{ opacity: 1;}
.cart-samples.checkout .checkout-container {
    width: 40%;
}
.cart-samples.checkout .cart-content #cartRows .cart_row .cart-product .cart-details-container .cart-details div:last-of-type {
    align-items: flex-start;
}
.cart-samples.checkout.contact-form form {
    width: 100%;
    max-width: 100%;
}
.home-hero-banner .col {
    position: relative;
}
.home-hero-banner .content {
    /*position: absolute;*/
    top: 0;
    /*width: 50%;*/
    height: 100%;
    right: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}
main.homepage.en section.oct {
    margin: 0;
    padding: 4em;
}
.oct-content {
    padding-left: 30px;
}
li.lang {
    text-transform: uppercase;
}
.sub-lang {
    display: none;
    position: absolute;
    top: 20px;
    z-index: 999;
    left: 0;
    min-width: 50px;
    background: #0000009e;
    padding: 10px;
}
.sub-lang p {
    line-height: 1;
    margin-bottom: 10px;
    text-transform: uppercase;
}
li.lang:hover .sub-lang {
    display: block;
}
@media (max-width: 768px) {
    .col-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    } 
    .col-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    main.homepage.en section.oct {
        padding: 15px;
    }
    .oct-content {
        padding-left: 0px;
    }
    .home-hero-banner .content {
        position: relative;
        width: 100%;
    }
    .flex-2-col .col  {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .home-hero-banner .owl-carousel .owl-item img {
        height: 100%;
    }
}