/***********************
 * Global styles
 **********************/
* {
	margin: 0; padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
			box-sizing: border-box;
}
*.ad-size{ width: 728px; height: 90px; background-size: contain;}
*.ad-size_resize{ width: 418px; height: 90px; }
*.hidden{ opacity: 0; }
*.error{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

img{
    height: auto;
    width: auto;
    
}


body{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}

div#container{
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid #000;
	box-sizing: border-box;
	background-size: cover;
}

/***********************
 * Ad styles
 **********************/
/*  BEFORE READY  */
footer > div#left_carousel_container.hidden{
    left: -150px;
}
footer > div#right_carousel_container.hidden{
    right: -150px;
}

body.bold footer > div#carousel_container > #carousel > ul.slides > li.slide > div.vertical_align > div.text > div.name,
body.bold footer > div#carousel_container > #carousel > ul.slides > li.slide > div.vertical_align > div.text > div.price,
body.bold footer > div#cta_container > #cta{
    font-weight: bold;
}

/*  Footer  */
footer,
div#click_container{
    position: absolute;
    top: 0;
    opacity: 1;
	-webkit-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	   -moz-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
		-ms-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
		 -o-transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
			transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
header > div#logo_container > div.header_click,
footer > div.footer_click{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
footer > div#arrow_container{
    width: 100%;
    height: 90px;
    display: block;
    position: absolute;
    top: 0;
}
footer > div#arrow_container > div{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /*width: 65px;
    height: 90px;*/
    width: 42px;
    height: 74px;
    z-index: 5;
    visibility: hidden;
}
footer > div#arrow_container > div.left_click{
    left: 6px;
}
footer > div#arrow_container > div.right_click{
    right: 6px;
}
footer > div#arrow_container > div > img{
    position: absolute;
    top: 50%;
    /*max-width: 35px;*/
    max-width: 42px;
    transform: translateY(-50%);
    visibility: visible;
}
footer > div#arrow_container > div > img#right_arrow{
    left: 0;
}
footer > div#arrow_container > div > img#left_arrow{
    right: 0;
}
div#cta_container{
    position: absolute;
    /*width: 70%;*/
    width: 203px;
    text-align: center;
    height: 35px;
    bottom: 10px;
    left: 168px;
}
div#cta_container > #cta{
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    margin: 0 auto;
    font-weight: normal;
    font-size: 12px;
    max-height: 35px;
    z-index: 9999;
    opacity: 1;
    position: relative;
    -webkit-transition: all .8s cubic-bezier(0.645, 0.045, 0.355, 1.000);
       -moz-transition: all .8s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        -ms-transition: all .8s cubic-bezier(0.645, 0.045, 0.355, 1.000);
         -o-transition: all .8s cubic-bezier(0.645, 0.045, 0.355, 1.000);
            transition: all .8s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

div#promo_container{
    position: absolute;
    top: 0;
    opacity: 1;
    z-index: 10000;
    -webkit-transition: opacity .8s cubic-bezier(0.645, 0.045, 0.355, 1.000);
       -moz-transition: opacity .8s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        -ms-transition: opacity .8s cubic-bezier(0.645, 0.045, 0.355, 1.000);
         -o-transition: opacity .8s cubic-bezier(0.645, 0.045, 0.355, 1.000);
            transition: opacity .8s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

/*   CAROUSEL   */
footer > div#carousel_container{
    height: 90px;
    width: 322px;
    margin: 0 auto;
    background-color: #fff;
    top: 0px;
    position: relative;
    z-index: 9998;
    -webkit-box-shadow: 0 3px 10px 0px rgba(0,0,0,.3);
    box-shadow: 0 3px 10px 0px rgba(0,0,0,.3);
    -webkit-transition: all .8s cubic-bezier(0.645, 0.045, 0.355, 1.000);
       -moz-transition: all .8s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        -ms-transition: all .8s cubic-bezier(0.645, 0.045, 0.355, 1.000);
         -o-transition: all .8s cubic-bezier(0.645, 0.045, 0.355, 1.000);
            transition: all .8s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
footer > div#carousel_container > #carousel{
    height: 90px;
    width: 322px;
    left: 0;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    z-index: 5;
}
footer > div#carousel_container > #carousel > ul.slides{
    display: inline-block;
    margin-top: 0px;
}
footer > div#carousel_container > #carousel > ul.slides > li.slide{
    /*max-height: 183px;
    height: 183px;
    width: 168px;*/
    max-height: 90px;
    height: 90px;
    width: 322px;
    display: inline-block;
    text-align: center;    
    top: 0px;
    position: relative;
    overflow: hidden;
}
footer > div#carousel_container > #carousel > ul.slides > li.slide > div.vertical_align{
    position: relative;
    top: 49%;
    transform: translateY(-50%);
    /*max-height: 180px;
    height: 180px;*/
    max-height: 90px;
    height: 90px;
}
footer > div#carousel_container > #carousel > ul.slides > li.slide > div.vertical_align > div.image_container{
    /*position: absolute;
    min-width: 100px;
    min-height: 80px;
    width: 120px;
    height: 80px;
    margin-left: 1%;
    margin-top: 5px;
    overflow: hidden;*/

    position: relative;
    display: block;
    width: 120px;
    height: 100%;
    left: 1%;
    top: 6%;
    /*margin: auto;*/
    max-width: 120px;
    max-height: 80px;
}
footer > div#carousel_container > #carousel > ul.slides > li.slide > div.vertical_align > div.image_container > img.image{
    /*position: absolute;
    margin: 5px;
    top: 50%;
    right: 0%;
    margin-right: 0;*/
    /*left: 20%;
    transform: translate(-50%,-50%);*/
    /*display:block;
    margin:auto;
    max-width: 120px;
    max-height: 80px;*/

    position: absolute;
    width: auto;
    height: auto;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50% ,-50%);

}
footer > div#carousel_container > #carousel > ul.slides > li.slide > div.vertical_align > div.text{
    padding: 5px;
    /*position: relative;
    left: 0;
    top: 15px;
    width: 100%;*/
    position: absolute;
    left: 119px;
    top: 5px;
    width: 63%;
}
footer > div#carousel_container > #carousel > ul.slides > li.slide > div.vertical_align > div.text > div.name{
    overflow: hidden;
    white-space: normal;
    font-weight: normal;
    display: block;
    max-height: 17px;
    line-height: 17px;
}
footer > div#carousel_container > #carousel > ul.slides > li.slide > div.vertical_align > div.text > div.price{
    /*margin-top: 8px;*/
    font-weight: normal;
    white-space: normal;
    display: inline-block;
    position: relative;
}
footer > div#left_carousel_container{
    left: -1px;
}
footer > div#right_carousel_container{
    right: -1px;
}
footer > div#left_carousel_container,
footer > div#right_carousel_container{
    background-color: #fff;
    z-index: 0;
    top: 0;
    position: absolute;
    width: 100px;
    height: 82px;
    top: 4px;
    -webkit-box-shadow: 0 3px 10px 0px rgba(0,0,0,.3);
    box-shadow: 0 3px 10px 0px rgba(0,0,0,.3);
    -webkit-transition: all .8s .2s cubic-bezier(0.645, 0.045, 0.355, 1.000);
       -moz-transition: all .8s .2s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        -ms-transition: all .8s .2s cubic-bezier(0.645, 0.045, 0.355, 1.000);
         -o-transition: all .8s .2s cubic-bezier(0.645, 0.045, 0.355, 1.000);
            transition: all .8s .2s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

footer > div#left_carousel_container{
    left:0px;
}

footer > div#right_carousel_container{
    right: 0px;
}

footer > div#left_carousel_container > .frame,
footer > div#right_carousel_container > .frame{
    width: 100px;
    height: 100%;
    top: 0;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    z-index: 4;
}
footer > div#left_carousel_container > .frame > ul.slides,
footer > div#right_carousel_container > .frame > ul.slides{
    display: inline-block;
}
footer > div#left_carousel_container > .frame > ul.slides > li.slide,
footer > div#right_carousel_container > .frame > ul.slides > li.slide{
    max-height: 82px;
    height: 82px;
    width: 100px;
    position: relative;
    display: inline-block;
}
footer > div#left_carousel_container > .frame > ul.slides > li.slide > div.vertical_align > div.image_container,
footer > div#right_carousel_container > .frame > ul.slides > li.slide > div.vertical_align > div.image_container{
    position: relative;
    min-width: 100px;
    min-height: 82px;
}
/*footer > div#left_carousel_container > .frame > ul.slides > li.slide > div.vertical_align > div.image_container > img.image,
footer > div#right_carousel_container > .frame > ul.slides > li.slide > div.vertical_align > div.image_container > img.image{
    position: absolute;
    max-width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

footer > div#right_carousel_container > .frame > ul.slides > li.slide > div.vertical_align > div.image_container > img.image{
    right: 0;
    
}

*/

footer > div#left_carousel_container > .frame > ul.slides > li.slide > div.vertical_align > div.image_container > img.image{
    /*left: 38%;*/
    position: absolute;
    max-width: 100%;
    top: 50%;
    left: 31%;
    transform: translate(-50%,-50%);
}

footer > div#right_carousel_container > .frame > ul.slides > li.slide > div.vertical_align > div.image_container > img.image{
    /*right: 50%;*/
    position: absolute;
    max-width: 100%;
    top: 50%;
    left: 68%;
    transform: translate(-50%,-50%);
}

footer > div#left_carousel_container > .frame > ul.slides > li.slide > div.vertical_align > div.text,
footer > div#right_carousel_container > .frame > ul.slides > li.slide > div.vertical_align > div.text{
    display: none;
}


*.strike-through{
    font-size: 90% !important;
    display: inline-block;
}

*.strike-through:before{
    content: ' ';
    height: 1px;
    width: 100%;
    position: absolute;
    top: 48%;
    display: inline-block;
}