/* --- SLIDESHOW --- */
div#slideshow-container {
    position: relative;
    height: 500px;
	margin-bottom: 24px;
	overflow: hidden;
}
.slide-container {
	position: relative;
    height: 500px;
}
.slide-item {
    height: 500px;
    margin: 0;
    padding: 50px;
    position: relative;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: normal;
    flex-wrap: nowrap;
}
.slide-content {
    height: 400px;
    position: relative;
    width: 100%;
    margin-right: 30px;
	background-image: none !important;
	margin:auto;
	max-width: 1075px;
}
.slide-image {
    height: 330px;
    width: 500px;
    background-size: cover;
    background-position: center;
    position: absolute;
    right: -80px;
    top: 35px;
}
.slide-content p {
    width: calc(100% - 590px);
    margin: 0 90px 0 130px;
    font-size: 1.4em;
    text-transform: uppercase;
}
.slide-content p.logotext {
	text-align: center;
	margin: 0 90px;
}
.slide-content h3 {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 3.25em;
    margin: 40px 90px 10px 130px;
    width: calc(100% - 590px);
    height: 150px;
    vertical-align: text-bottom;
    display: flex;
    align-items: flex-end;
}
.slidebg {
    width: 37%;
    height: 500px;
    position: absolute;
    top: 0;
    right: 0;
}
.bgarrow {
    position: absolute;
    height: 500px;
    border-top: 900px solid transparent;
    width: 10px;
    top: 0;
    right: 37%;
}
.spicehorse {
    font-size: 12px;
    width: 120px;
    height: 120px;
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 120px;
    border-radius: 100%;
    position: absolute;
    right: 360px;
    top: 215px;
}
.fade {
    transition-duration: .4s;
    animation: fadeIn ease .5s;
    -webkit-animation: fadeIn ease .5s;
    -moz-animation: fadeIn ease .5s;
    -o-animation: fadeIn ease .5s;
    -ms-animation: fadeIn ease .5s;
	opacity: 1;
}
.slidelogo {
    max-width: 200px;
    max-height: 200px;
    margin: 0 auto 0 auto;
}
.slidelogo-container {
	width: calc(100% - 420px);
	margin:40px 0 0 0 ;
}
.free_badge img {
    max-width: 100px;
    max-height: 100px;
	margin-top: 10px;
}
.free_product_container {
    position: absolute;
    right: 350px;
    bottom: 50px;
    width: 150px;
    text-align: center;
}
.free_badge {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    text-align: center;
    margin: auto;
    display: inline-block;
    vertical-align: middle;
}
.free_product {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px 10px;
}
.slide-pager {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 40px;
}
a.next, a.prev {
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, .2);
    text-align: center;
    padding: 8px 0;
}
a.prev {
    position: absolute;
    left: 20px;
}
a.next {
    position: absolute;
    right: 20px;
}

/* --- SLIDESHOW RESPONSIVE --- */
@media (max-width: 1350px) {
    .slide-content {
        width: 1140px;
        margin: auto;
        background-image: none !important;
    }
}

@media (max-width: 1023px) {
    div#slideshow-container, .slide-container, .slide-item {
        height: 380px;
    }
    .slidelogo {
        max-width: 180px;
        max-height: 1800px;
        margin: 0 auto 0 auto;
    }
    .slide-item {
        padding: 40px;
    }
    .slide-content {
        height: 300px;
        background-image: none !important;
        width: 820px;
    }
    .slide-image {
        height: 250px;
        width: 375px;
        top: 30px;
        right: -60px;
    }
    .spicehorse {
        font-size: 10px;
        width: 90px;
        height: 90px;
        background-color: #000;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        line-height: 90px;
        border-radius: 100%;
        position: absolute;
        right: 270px;
        top: 170px;
    }
}

@media (max-width: 1199px) {
    .slidelogo-container {
        width: calc(100% - 315px);
        margin: 25px 0 0 0;
    }
   .slide-content h3 {
        font-size: 2.25em;
        margin: 40px 70px 10px 70px;
        width: calc(100% - 440px);
        height: 120px;
    }
    .slide-content p {
        width: calc(100% - 430px);
        margin: 0 70px;
        font-size: 1.1em;
    }
	.slide-content p.logotext {
		margin: 0 70px;
		width: calc(100% - 460px);
	}
    div#slideshow-container,
    .slide-container,
    .slide-item {
        height: 500px;
    }
     .slide-content {
        height: 355px;
        background-image: none !important;
        width: 960px;
    }
    .slide-image {
        height: 292px;
        width: 438px;
        top: 30px;
        right: -70px;
    }
    .spicehorse {
        font-size: 12px;
        width: 108px;
        height: 108px;
        background-color: #000;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        line-height: 108px;
        border-radius: 100%;
        position: absolute;
        right: 315px;
        top: 190px;
    }
	.free_product_container {
		position: absolute;
		right: 295px;
		bottom: 50px;
		width: 150px;
		text-align: center;
	}
}
@media (max-width: 991px) {
    .slidelogo {
        max-width: 140px;
        max-height: 140px;
        margin: 0 auto 0 auto;
    }
   .slide-image {
        height: 241px;
        width: 362px;
        right: -55px;
        top: 25px;
    }
    .slide-item {
        padding: 25px;
    }
    .spicehorse {
       font-size: 10px;
        width: 100px;
        height: 100px;
        line-height: 100px;
        right: 320px;
        top: 180px;
    }
    .slide-content h3 {
        font-size: 2.5em;
        margin: 30px 0px 10px 50px;
        width: calc(100% - 410px);
        height: 120px;
    }   
    .slide-content p {
        margin: 0 40px;
        font-size: 1em;
        width: calc(100% - 410px);
    }
	.slide-content p.logotext {
		margin: 0 40px;
		width: calc(100% - 390px);
	}
    div#slideshow-container,
    .slide-container,
    .slide-item {
        height: 367px;
    }
    .slide-content {
        height: 290px;
        width: 790px;
        background-image: none !important;
    }
	.free_product_container {
		right: 295px;
	}
    .spicehorse {
        font-size: 10px;
        width: 90px;
        height: 90px;
        line-height: 90px;
        right: 263px;
        top: 155px;
    }
	.free_product_container {
		position: absolute;
		right: 235px;
		bottom: 20px;
		width: 120px;
		text-align: center;
	}
	.free_badge {
		width: 100px;
		height: 100px;
	}
	.free_badge img {
		max-width: 90px;
		max-height: 90px;
		margin-top: 5px;
	}
	.free_product {
		font-size: 13px;
	}
}

@media (max-width: 850px) {
    .slidelogo-container {
        width: calc(100% - 255px);
        margin: 20px 0 0 0;
    }
     .slide-image {
        height: 205px;
        width: 310px;
        right: -50px;
        top: 20px;
    }
    .spicehorse {
        right: 220px;
        top: 130px;
        font-size: 9px;
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .slide-content h3 {
        font-size: 1.9em;
        margin: 25px 0px 10px 50px;
        width: calc(100% - 350px);
        height: 100px;
    }   
    .slide-content p {
        margin: 0 50px;
        font-size: .9em;
        width: calc(100% - 350px);
    }
	.slide-content p.logotext {
		margin: 0 50px;
	    width: calc(100% - 360px);
	}
    .slide-content {
        height: 250px;
        width: 680px;
        background-image: none !important;
    }
    div#slideshow-container,
    .slide-container,
    .slide-item { 
        height: 314px;
    }
	.free_product_container {
		position: absolute;
		right: 210px;
		bottom: 20px;
		width: 100px;
		text-align: center;
	}
	.free_badge {
		width: 90px;
		height: 90px;
	}
	.free_badge img {
		max-width: 80px;
		max-height: 80px;
		margin-top: 5px;
	}
	.free_product {
		font-size: 13px;
		padding: 3px 6px;
	}
}
@media (max-width: 699px) {
    .slidelogo-container {
        width: calc(100% - 280px);
        margin: 20px 0 0 0;
    }
     .slide-image {
        height: 205px;
        width: 310px;
        right: -20px;
        top: 20px;
    }
    .spicehorse {
        right: 220px;
        top: 130px;
        font-size: 9px;
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .slide-content h3 {
        font-size: 1.9em;
        margin: 25px 0px 10px 30px;
        width: calc(100% - 350px);
        height: 100px;
    }   
    .slide-content p {
        margin: 0 30px;
        font-size: .9em;
        width: calc(100% - 350px);
    }
	.slide-content p.logotext {
		margin: 0 30px;
		width: calc(100% - 340px);
	}
	.slide-content {
		height: 250px;
		width: 620px;
		background-image: none !important;
		margin: 0 20px 0 0;
	}
    div#slideshow-container,
    .slide-container,
    .slide-item { 
        height: 314px;
    }
	.free_product_container {
		position: absolute;
		right: 245px;
		bottom: 20px;
		width: 90px;
		text-align: center;
	}
	.free_product {
		font-size: 12px;
		padding: 3px 6px;
	}
	.free_badge {
		width: 80px;
		height: 80px;
	}
	.free_badge img {
		max-width: 70px;
		max-height: 70px;
		margin-top: 5px;
	}
}
@media (max-width: 576px) {
	div#slideshow-container, .slide-container, .slide-item {
		height: 249px;
	}
    .slide-image {
        display: none;
    }
    .slide-content {
		display: none;
    }
	.slide-content.small {
		display: block !important;
    	padding: 20px;
	}
	.slide-content {
		height: 200px;
		width: 546px;
		background-image: none !important;
	}
    .slide-content h3 {
        font-size: 1.9em;
        margin: 25px 0px 10px 30px;
        width: calc(100% - 350px);
        height: 100px;
    }   
	.slide-content p {
		margin: 0;
		font-size: .9em;
		width: calc(100% - 225px);
	}
	.slide-content p.logotext {
		margin: 0;
	}
	.slide-image {
		height: 170px;
		width: 255px;
		right: -50px;
		top: 20px;
	}
	.slide-image-small {
		width: 255px;
		height: 170px;
		right: -30px;
		position: absolute;
		top: 15px;
	    background-position: center;
	    background-size: contain;
	}
	.slide-content-bg {
		padding: 0px;
	}
	.slidelogo {
		max-width: 110px;
		max-height: 110px;
		margin: 0 auto 0 auto;
	}
	.slidelogo-container {
		width: calc(100% - 225px);
		margin: 0;
	}
	.slide-content.small h3 {
		font-size: 1.7em;
		margin: 0;
		width: calc(100% - 225px);
		height: 100px;
	}
}

@media (max-width: 540px) {
	div#slideshow-container, .slide-container, .slide-item {
		height: 400px;
	}
    .spicehorse {
        display: none;
    }
    .bgarrow {
        right: 10%
    }
    .slidebg {
        width: 10%;
    }
    .slide-content {
		display: none;
    }
    .slide-content.small h3 {
		font-size: 1.7em;
		margin: 20px;
		width: auto;
		height: auto;
		display: block;
		padding: 0;
    }   
    .slide-content p {
        margin: 0 50px;
        font-size: 1.1em;
        width: calc(100% - 410px);
    }
    .slide-image {
        display: none;
    }
	.slide-content.small {
		display: block !important;
    	padding: 0px;
		height: 355px;
	}
	.slide-content-bg {
		background-size: cover;
		background-position: center;
		height: 100%;
		width: 100%;
		padding: 0px;
	}
	.slide-content-bg h3, .slide-content-bg p, .slide-content p.logotext {
		width: 100%;
		text-align: center;
		margin: 0;
	}
	.slidelogo-container {
		width: 100%;
		margin: 0;
	}
	.slide-image-small {
		width: 100%;
		height: 205px;
	    background-position: center;
    	background-size: cover;
		margin-bottom: 10px;
		position: relative;
		top: unset;
		right: unset;	
	}
	.slidelogo {
		max-width: 100px;
		max-height: 100px;
		margin: 0 auto 0 auto;
	}
}
@media (max-width: 399px) {
	div#slideshow-container, .slide-container, .slide-item {
		height: 355px;
		padding: 0px;
	}
	.slide-content.small {
		height: 355px;
		padding: 0px;
		width: 100%;
	    margin: 0;
	}
}
.woocommerce-info.amountleft:before {
    content: '';
}
.woocommerce-info.amountleft {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}