figure.register {
    font-family: 'SansaProSemiBoldItalic', 'corbel', 'sans-serif';
    display: block;
    color: #005d56;
    font-weight: bold;
	padding: 1.5em;
    font-style: italic;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    top: 23em;
    left: 0;
}

figure.info_bubble {
    font-family: 'SansaProSemiBoldItalic', 'corbel', 'sans-serif';
    display: block;
    color: #005d56;
    font-style: italic;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    top: 10em;
    display: none;
}


 /*Tooltip Teaser Discount*/

.tooltip_sisax {
    position: relative;
    z-index: 9;
    max-width: 1200px;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    display: block;
    opacity: 1;
    font-family: 'SansaProNormal', 'corbel', 'sans-serif' !important;
}

.tooltip-item {
	font-weight: bold;
	cursor: pointer;
}

.tooltip-content-sisax {
    position: absolute;
    font-size: 16px;
    background: rgba(169, 17, 44, 0.8);
    z-index: 9;
    width: 400px;
    /*bottom: 100%;*/
    right: 0;
    /*margin: 0 0 105px -390px;*/
    padding: 25px;
    text-align: left;
    color: #ffffff;
    line-height: 25px;
	opacity: 0;
	cursor: default;
	pointer-events: none;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.tooltip-content-sisax_2 {
	position: absolute;
	font-size: 12px;
	background: #004B44;
	z-index: 8;
	width: 280px;
	/*bottom: 100%;*/
	right: 200px;
    /*margin: 0 0 110px -295px;*/
    padding: 25px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 35px;
	text-align: left;
	color: #ffffff;
	opacity: 0;
	cursor: default;
	pointer-events: none;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.tooltip-turnright .tooltip-content-sisax {
	-webkit-transform: translate3d(0,50px,0) rotate3d(1,1,1,6deg);
	transform: translate3d(0,50px,0) rotate3d(1,1,1,6deg);
}

.tooltip-turnleft .tooltip-content-sisax {
	-webkit-transform: translate3d(0,50px,0) rotate3d(1,1,1,0);
	transform: translate3d(0,50px,0) rotate3d(1,1,1,0);
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.tooltip-turnleft .tooltip-content-sisax_2 {
	-webkit-transform: translate3d(50px,0px,0) rotate3d(1,1,1,0);
	transform: translate3d(50px,0px,0) rotate3d(1,1,1,0);
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.cbp-so-section.animated .tooltip-content-sisax {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.cbp-so-section.animated .tooltip_sisax .tooltip-content-sisax_2 {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translate3d(55px,-135px,0);
	transform: translate3d(55px,-135px,0);
}

.tooltip-content-sisax::after {
	content: '';
	position: absolute;
    width: 88px;
    height: 230px;
	opacity: 0.8;
    top: 0;
	background: url(../img/green_2.svg) no-repeat center center;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transform: scale(-1, 1);
}

.tooltip-content-sisax_2::after {
	content: '';
    position: absolute;
    width: 40px;
    height: 275px;
    top: 0;
    left: -30px;
	background: url(../img/green_1.svg) no-repeat center center;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transform: scale(-1, 1);
}

.tooltip-turnright .tooltip-content-sisax::after {
	left: 25%;
}

.tooltip-turnleft .tooltip-content-sisax::after {
    left: -88px;
}

.discount_teaser {
    padding: 3em 10%;
}

.si-sisax-teaser {
    display: none;
}

@media only screen and (min-width: 979px) {
    
    .si-sisax-teaser {
        display: block;
    }

    figure.info_bubble {
        top: 15em;
		display: block;
    }

    figure.register {
        top: 28em;
    }

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    
    .si-sisax-teaser {
        display: block;
    }
    
    figure.register {
        top: 20em;
    }
    
    .tooltip-content-sisax_2 {
        opacity: 1;
        bottom: 0em;
    }
}

/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    
    figure.register {
        top: 28em;
    }
    
    .tooltip-content-sisax {
        opacity: 1;
        bottom: -3em;
    }
    
    .tooltip-content-sisax_2 {
        opacity: 1;
        bottom: 1em;
    }
}*/