/*WEBCROSSING WIDGET BANNER - THREE THIRDS*/
.block.widget.webcrossing-base-banner-three-thirds {
    width:100%;
}

.block.widget.webcrossing-base-banner-three-thirds .block-content .banner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.block.widget.webcrossing-base-banner-three-thirds .block-content .banner-container .banner-third {
    width: calc((100% - 80px) / 3);
    position: relative;
    overflow: hidden;
}

.block.widget.webcrossing-base-banner-three-thirds .block-content .banner-container .banner-third .image img {
    width:100%;
    display:block;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.50s;
    transition: all 0.50s;
}

.block.widget.webcrossing-base-banner-three-thirds .block-content .banner-container .banner-third:hover .image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.block.widget.webcrossing-base-banner-three-thirds .block-content .banner-container .banner-third .text {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
}

.block.widget.webcrossing-base-banner-three-thirds .block-content .banner-container .banner-third .text h3 {
    display: inline-block;
    background-color: #f5f5f5;
    padding: 3px 10px 5px 10px;
    margin:0 0 10px 0;
}

.block.widget.webcrossing-base-banner-three-thirds .block-content .banner-container .banner-third .text h4 {
    display: inline-block;
    background-color: #f5f5f5;
    padding: 3px 10px 5px 10px;
    margin:0;
}

@media (max-width:1000px) {
    .block.widget.webcrossing-base-banner-three-thirds .block-content .banner-container .banner-third {
        width: calc((100% - 40px) / 3);
    }
}

@media (max-width:800px) {
    .block.widget.webcrossing-base-banner-three-thirds .block-content .banner-container .banner-third {
        width: 100%;
        margin-bottom:20px;
    }
    .block.widget.webcrossing-base-banner-three-thirds .block-content .banner-container .banner-third:last-child {
        margin-bottom:0;
    }
}

/*WEBCROSSING WIDGET BANNER - TWO HALFS*/
.block.widget.webcrossing-base-banner-two-halfs {
    width:100%;
}

.block.widget.webcrossing-base-banner-two-halfs .block-content .banner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.block.widget.webcrossing-base-banner-two-halfs .block-content .banner-container .banner-half {
    width: calc((100% - 40px) / 2);
    position: relative;
    overflow: hidden;
}

.block.widget.webcrossing-base-banner-two-halfs .block-content .banner-container .banner-half .image img {
    width:100%;
    display:block;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.50s;
    transition: all 0.50s;
}

.block.widget.webcrossing-base-banner-two-halfs .block-content .banner-container .banner-half:hover .image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.block.widget.webcrossing-base-banner-two-halfs .block-content .banner-container .banner-half .text {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
}

.block.widget.webcrossing-base-banner-two-halfs .block-content .banner-container .banner-half .text h3 {
    display: inline-block;
    background-color: #f5f5f5;
    padding: 3px 10px 5px 10px;
    margin:0 0 10px 0;
}

.block.widget.webcrossing-base-banner-two-halfs .block-content .banner-container .banner-half .text h4 {
    display: inline-block;
    background-color: #f5f5f5;
    padding: 3px 10px 5px 10px;
    margin:0;
}

@media (max-width:1000px) {
    .block.widget.webcrossing-base-banner-two-halfs .block-content .banner-container .banner-half {
        width: calc((100% - 20px) / 2);
    }
}

@media (max-width:800px) {
    .block.widget.webcrossing-base-banner-two-halfs .block-content .banner-container .banner-half {
        width: 100%;
        margin-bottom:20px;
    }
    .block.widget.webcrossing-base-banner-two-halfs .block-content .banner-container .banner-half:last-child {
        margin-bottom:0;
    }
}

/*WEBCROSSING WIDGET PRODUCT - SLIDER*/
.block.widget.webcrossing-base-product-slider {
    width:100%;
    padding: 100px 0;
    position: relative;
    /*background-image: repeating-linear-gradient(45deg, #f5f5f5, #f5f5f5 30px, rgba(245,245,245,0.3) 30px, rgba(245,245,245,0.3) 60px);*/
}

.block.widget.webcrossing-base-product-slider:before {
    content: '';
    position: absolute;
    border-right: 1640px solid transparent;
    border-left: 0 solid transparent;
    border-top: 60px solid #fff;
    right: 0;
    top: 0;
}

.block.widget.webcrossing-base-product-slider:after {
    content: '';
    position: absolute;
    border-left: 1640px solid transparent;
    border-top: 0 solid transparent;
    border-bottom: 60px solid #fff;
    right: 0;
    bottom: 0;
}

.block.widget.webcrossing-base-product-slider .block-title {
    text-align:center;
}

.block.widget.webcrossing-base-product-slider .block-title h2 {
    margin:0 0 40px 0;
}

.block.widget.webcrossing-base-product-slider .block-content {
    padding: 0 10px;

}

.block.widget.webcrossing-base-product-slider .block-content .product-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.block.widget.webcrossing-base-product-slider .block-content .product-container .product-item {
    margin: 0 20px;
    width: calc((100% - 160px) / 4);
    box-sizing: border-box;
}

.block.widget.webcrossing-base-product-slider .block-content .product-container .product-item .product-content h3 {
    font-size:16px;
    line-height:24px;
    font-weight:400;
    font-family: 'Overpass', sans-serif;
}

.block.widget.webcrossing-base-product-slider .block-content .product-container .slick-prev {
    left:auto;
    right:65px;
    top:-90px;
    bottom:0;
    padding:10px;
}

.block.widget.webcrossing-base-product-slider .block-content .product-container .slick-next {
    left:auto;
    right:20px;
    top:-90px;
    bottom:auto;
    padding:10px;
}

.block.widget.webcrossing-base-product-slider .block-content .product-container .slick-prev,
.block.widget.webcrossing-base-product-slider .block-content .product-container .slick-next {
    background-color: #fff;
    width:45px;
    height:60px;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    box-shadow: none;
}

.block.widget.webcrossing-base-product-slider .block-content .product-container .slick-prev:before,
.block.widget.webcrossing-base-product-slider .block-content .product-container .slick-next:before {
    color:#333;
}

/*WEBCROSSING WIDGET ELEMENT - TEXT/IMAGE*/
.block.widget.webcrossing-base-element-text-image {
    background-color: #f5f5f5;
    padding:80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.block.widget.webcrossing-base-element-text-image .block-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}

.block.widget.webcrossing-base-element-text-image .block-content .text-container,
.block.widget.webcrossing-base-element-text-image .block-content .image-container {
    width:calc((100% - 40px) / 2);
}

.block.widget.webcrossing-base-element-text-image .block-content .text-container h2 {
    margin:0 0 20px 0;
}

@media (max-width:1200px) {
    .block.widget.webcrossing-base-element-text-image {
        padding:40px;
    }
}

@media (max-width:1000px) {
    .block.widget.webcrossing-base-element-text-image .block-content .text-container {
        margin-bottom:20px;
    }

    .block.widget.webcrossing-base-element-text-image .block-content .text-container,
    .block.widget.webcrossing-base-element-text-image .block-content .image-container {
        width:100%;
    }
}

@media (max-width:800px) {
    .block.widget.webcrossing-base-element-text-image {
        padding:20px;
    }
}