body {
    min-width: 0 !important;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;

    overflow: auto !important;

}

body.fb-body {
    background: none repeat scroll 0 0 #fbfbfb;
}

#container {
    width: 100% !important;
    border: medium none;
}


.wrapper-content {
    display: block;
    width: 960px;
    margin: 0 auto;
}


/* Mobile detect */
.mobile-detect {position: absolute;  left: -1000%; top: -100%;}


.dbr,
.tbr,
.mbr {
    display: none;
    height: 0; width: 0;
    overflow: hidden;
}


@media (min-width: 1199px) {
    .tablet-show,
    .tablet-visible {display: none !important;}

    .desktop-hidden,
    .desktop-hide {display: none !important;}

    .dbr {display: block;}
}
@media (max-width: 1199px), (max-device-width: 1199px) {
    @media (min-width: 768px) {
        .tablet-hidden,
        .tablet-hide {display: none !important;}
        .tbr {display: block;}
    }

    .desktop-show,
    .desktop-visible {display: none !important;}

    .wrapper-content {
        width: 748px;
    }
}

@media (min-width: 768px) and (max-width: 1199px), (min-width: 768px) and (max-device-width: 1199px) {
    .tablet-hidden,
    .tablet-hide {display: none !important;}
    .tbr {display: block;}
}



@media (min-width: 768px) {
    .mobile-show,
    .mobile-visible {display: none !important;}
}
@media (max-width: 767px), (max-device-width: 767px)  {
    .mbr {display: block;}

    .mobile-hidden,
    .mobile-hide {display: none !important;}

    .tablet-show,
    .tablet-visible {display: none !important;}

    .wrapper-content {
        width: 300px;
    }
}


/* ie fixed */
.desktop-view.ie8 .mobile-visible,
.desktop-view.ie8 .desktop-hide,
.desktop-view.ie8 .tablet-visible {display: none !important;}

.tablet-view.ie8 .tablet-hide,
.tablet-view.ie8 .desktop-visible,
.tablet-view.ie8 .mobile-visible {display: none !important;}

.mobile-view.ie8 .mobile-hide,
.mobile-view.ie8 .tablet-visible,
.mobile-view.ie8 .desktop-visible {display: none !important;}







/* --- Button --- */
a.btn {
    font-family: "Proxima Nova Bold", Arial, sans-serif;
    font-size: 1em; line-height: normal;
    color: #f54785;
    text-decoration: none;
    cursor: pointer;

    text-transform: uppercase;

    z-index: 1;
}
a.btn.arrow-right:after {
    content: "\f138";
    display: inline-block;
//zoom : 1;
//display : inline;

    margin: 0 0 0 0.5em;

    font-family: FontAwesome;
    width: 1em; height: 1em;
    text-decoration: none;
}


/* Link arrow to right */
a.btn.bg,
a.btn.brd {
    display: inline-block;
//zoom : 1;
//display : inline;
    position: relative;
}
a.btn.bg.arrow-right:after,
a.btn.brd.arrow-right:after {
    position: absolute;
    display: block;

    margin: -0.55em 0 0 100%;
    top: 50%; left: -1em;


//top: 0.1em;
//margin-top: 0;
}

.no-touch a.btn.arrow-right:hover,
a.btn.arrow-right:active {text-decoration: underline;}

a.btn.arrow-right.ic-chevron-circle-right:after {content: "\f138";}

a.btn.arrow-right.ic-play:after {content: "\f04b"}



a.btn.arrow-right.arrow-magenta:after,
.no-touch a.btn.arrow-right.arrow-hover-magenta:hover:after,
a.btn.arrow-right.arrow-hover-magenta:active:after {color: #f54785;}

a.btn.arrow-right.arrow-white:after,
.no-touch a.btn.arrow-right.arrow-hover-white:hover:after,
a.btn.arrow-right.arrow-hover-white:active:after {color: #ffffff;}





a.btn.brd {
    padding: 0.7em 1.7em;
    behavior: url("/js/lib/css3pie/1.0beta4/PIE.htc");

    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;

    color: #ffffff;

    border: 3px solid #ffffff;
}
.no-touch a.btn.brd:hover,
a.btn.brd:active {
    background: #ffffff;
    color: #ef3d6f;
    text-decoration: none;
}
a.btn.brd:active {color: #506065 !important; text-decoration: none;}


a.btn.brd.arrow-right {padding-right: 2.8em;}
a.btn.brd.arrow-right:after {left: -2.3em;}
.mobile-view a.btn.brd.arrow-right:after{
  left: -2.7em;
}

a.btn.brd.brd-white {border-color: #ffffff;}
.no-touch a.btn.brd.brd-white:hover,
a.btn.brd.brd-white:active {
    background: #ffffff;
    border-color: #ffffff;
}

a.btn.brd.brd-magenta {
    border-color: #ef3d6f;
    color: #ef3d6f;
}
a.btn.brd.brd-magenta:hover,
.no-touch a.btn.brd.brd-magenta:active {
    background: #ef3d6f;
    color: #ffffff;
}




a.btn.bg {
    padding: 1em 2em;
    background-clip: padding-box;
    behavior: url("/js/lib/css3pie/1.0beta4/PIE.htc");

    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    background: #ffffff;
}

a.btn.bg:active {color: #506065;}

a.btn.bg.arrow-right {padding-right: 3.1em;}
.no-touch a.btn.bg.arrow-right:hover {text-decoration: none;}
a.btn.bg.arrow-right:active {color: #506065;}

a.btn.bg.arrow-right:after,
.no-touch a.btn.bg.arrow-right:hover:after {left: -2.5em;}

.no-touch a.btn.bg:hover {
    background: #ef3d6f;
    color: #ffffff;
    text-decoration: none;
}
a.btn.bg:active {
    background: #ef3d6f;
    color: #506065 !important;
    text-decoration: none;
}

a.btn.bg.bg-magenta {background: #F13C6E; color: #ffffff;}
.no-touch a.btn.bg.bg-magenta:hover {background: #ffffff; color: #F13C6E;}
a.btn.bg.bg-magenta:active {background: #ffffff; }

.no-touch a.btn.bg.bg-hover-green:hover {background: #c0d783; color: #ffffff;}
a.btn.bg.bg-hover-green:active {background: #c0d783;}
.no-touch a.btn.bg.bg-hover-orange:hover {background: #e7a28f; color: #ffffff;}
a.btn.bg.bg-hover-orange:active {background: #e7a28f;}

.no-touch a.btn.txt-hover-white:hover,
a.btn.txt-hover-white:active,
a.btn.txt-white {color: #ffffff}

.no-touch a.btn.txt-hover-green:hover,
a.btn.txt-hover-green:active,
a.btn.txt-green {color: #a5bf2d}

.no-touch a.btn.txt-hover-orange:hover,
a.btn.txt-hover-orange:active,
a.btn.txt-orange {color: #e76142}


.mobile-view a.btn.brd {
  padding-top: 1em; 
  padding-bottom: 1em;
}
.mobile-view a.btn.bg {padding-top: 1.3em; padding-bottom: 1.3em;}

.mobile-view .product-info .buttons a.btn.bg{
  padding: 1.25em 1.7em;
}


.ic > .before,
.ic:before {
    content: "";
    display: inline-block;
    width: 4.2em; height: 4.2em;

    background-repeat: no-repeat;

    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
    background-size: contain;

}









.ibi {
    list-style: none;
    float: none;
    display: inline-block;
//zoom : 1;
//display : inline;
}
.ibi.middle {vertical-align: middle;}
.ibi.bottom {vertical-align: bottom;}
.ibi.top {vertical-align: top;}





.tb {display: table; position: relative; height: 100%; width: 100%;}
.tb > * {
    display: table-cell; height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.tb.centered > * {text-align: center;}
.tb.right > * {text-align: right;}
.tb.middle > * {vertical-align: middle;}
.tb.top > * {vertical-align: top;}
.tb.bottom > * {vertical-align: bottom;}




/* float cols */
.row {margin: 0 0 0 -4%;}
.row > .row {margin-left: 0;}
.row > .col {float: left; margin-left: 4%;}
.row > .col:last-child {margin-right: -5%;}

.row > .col-clear {clear: left}

.row > .col-12 {width: 96%;}
.row > .col-8 {width: 62.666666666%}
.row > .col-7 {width: 54.333333333%;}
.row > .col-6 {width: 46%}
.row > .col-5 {width: 37.666666666%}
.row > .col-4 {width: 29.333333333%}
.row > .col-3 {width: 21%}


.desktop-view .row > .col-desktop-clear {clear: left}


.tablet-view .row > .col-tablet-12 {width: 96%;}
.tablet-view .row > .col-tablet-8 {width: 62.666666666%}
.tablet-view .row > .col-tablet-7 {width: 54.333333333%;}
.tablet-view .row > .col-tablet-6 {width: 46%}
.tablet-view .row > .col-tablet-5 {width: 37.666666666%}
.tablet-view .row > .col-tablet-4 {width: 29.333333333%}
.tablet-view .row > .col-tablet-3 {width: 21%}


.tablet-view .row > .col-tablet-clear {clear: left}
.tablet-view .row > .col-tablet-none-clear {clear: none;}



.mobile-view .row > .col-mobile-12 {width: 96%;}
.mobile-view .row > .col-mobile-8 {width: 62.666666666%}
.mobile-view .row > .col-mobile-7 {width: 54.333333333%;}
.mobile-view .row > .col-mobile-6 {width: 46%}
.mobile-view .row > .col-mobile-5 {width: 37.666666666%}
.mobile-view .row > .col-mobile-4 {width: 29.333333333%}
.mobile-view .row > .col-mobile-3 {width: 21%}


.mobile-view .row > .col-mobile-clear {clear: left}
.mobile-view .row > .col-mobile-none-clear {clear: none;}

.mobile-view .row > .col-tablet-clear {clear: none}
.mobile-view .row > .col-tablet-none-clear {clear: none;}






img.r {
    display: none;
    display: block\0/;
//display: block;
}
img.v {
    display: block;
    display: none\0/;
//display: none;
}

.native-android-browser img.v {display: none !important;}
.native-android-browser img.r {display: block !important;}








.new-bubble {
    position: absolute;
    top: 0;
    left: 50%;

    padding: 0.4em 0.5em;
    height: 1em;

    margin-top: -1.8em;
    margin-left: 5%;

    background-color: #ef3d6f;
    -webkit-border-radius: 0.25em 0.25em 0.25em 0;
    -moz-border-radius: 0.25em 0.25em 0.25em 0;
    border-radius: 0.25em 0.25em 0.25em 0;


    font-family: "Proxima Nova Bold", Arial, Helvetica, sans-serif;
    font-size: 1.2em; line-height: 1em;
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: 1px;
}
.new-bubble:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    top: 100%;
    border: 0.22em solid;
    border-color: #ef3d6f transparent transparent #ef3d6f;
}
#product-info .new-bubble{
  top: 12px;
  left: 65%;
}

html:lang(it) .new-bubble{
    font-size: .9em;
}







.expand > a  {
    display: none;

    font-family: "Proxima Nova Bold";
    font-size: 1em; line-height: normal;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;

    position: relative;
    padding: 1.2em;
    margin-top: 2em;
}
.expand > a > * {display: inline-block; vertical-align: middle;}
.expand > a:after {
    content: "\f055";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.4em; line-height: 1.2em;
    margin-left: 0.5em;
    vertical-align: middle;
}
.expand.expanded  > a:after {content: "\f056";}
.mobile-view .expand {
    clear: both; padding-top: 1px;
}
.mobile-view .expand > a {display: block; margin-bottom: -3.4em;}
.mobile-view .expand > div {display: none;}
.mobile-view .expand.expanded > div {display: block;}
.mobile-view .expand.expanded > a {padding-bottom: 0; margin-bottom: 0;}

/* DE localization styles*/
html:lang(de) .t-br { display: none; }
html:lang(de).tablet-view .t-br { display: block; }
html:lang(de).tablet-view .l-br { display: none; }


html:lang(de).mobile-view a.btn.brd.arrow-right {
    padding-left: 0.85em;
    padding-right: 2.0em;
}
html:lang(de).mobile-view a.btn.brd.arrow-right:after,
html:lang(de).mobile-view a.btn.brd.arrow-right:hover:after { left: -1.5em;}
html:lang(de).mobile-view a.btn.bg { padding-left: 0.85em; padding-right: 0.85em; }

/* /DE localization styles*/

.desktop-view .m-br,
.tablet-view .m-br{
    display: none;
}