﻿.slider-holder {
    width:100%;
    float:left;
    margin-bottom: 60px; }
.slider-holder .scale {
    width:30%;
    font-size:46px;
    line-height:46px;
    color:#d81e05;
    margin:0 0 30px 0; }
.slider-holder .scale.left {
    text-align:left; }
.slider-holder .scale.center {
    text-align:center;
    float:left; }
.slider-holder .scale.right {
    text-align:right; }
.slider-holder #slider {
    width:100%;
    clear:both;
    float:left;
    margin:30px 0 30px 0; }
.slider-holder #slider_convince-in {
    text-align:center;
    display:block; }
.slider-holder .
-container{
    text-align: center; }
.button-container .blueButton span,
.slider-holder #slider_convince-in {
    font-size: 1.4rem;
    line-height: 1.6rem;
    padding: 1.1rem 1.9rem;
    background-color: #23337e;
    color: #fff;
    border: 1px solid #23337e;
    outline: none;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    -webkit-transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
    transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    font-family: sans-serif; }

.button-container {
    float: left;
    width: 100%;
    padding: 3rem 0;
    text-align: center;
}
.no-padding {
    margin-bottom: 0 !important;
}
.ui-slider-horizontal {
    height: 14px; }
.ui-widget-header {
    border: 1px solid #d81e05;
    border-radius: 6px;
    background: #d81e05 50% 50% repeat-x;
    color: #222222;
    font-weight: bold; }
.ui-widget-content {
    border: 1px solid #f2f1f0;
    border-radius: 6px;
    background: #f2f1f0 url(/globalassets/documents/microsite/puresox/css/modules/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    background: #f2f1f0; }
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: none;
    background: transparent url(/globalassets/documents/microsite/puresox/css/modules/slider-handle.png) 50% 50% no-repeat;
    width:177px;
    height:48px;
    margin-top:-12px;
    margin-left: -88.5px; }

@media(max-width: 615px ) {
    .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: none;
    background: transparent url(/globalassets/documents/microsite/puresox/css/modules/slider-handle2.png) 50% 50% no-repeat;
    width:100px;
    height:48px;
    margin-top:-12px;
   margin-left: -8.5px !important;
        font-size: 12px;

    }
}


.slider-container 
{ 
    overflow: hidden;
    padding: 40px 0;
}
.slider-container h2
{ 
    text-align: center;
    font-size: 26px;
}
.slider-container p
{ 
    padding-bottom: 20px;
}
.slider-container .centered
{ 
    text-align: center;
}
.slider-container .slider-info-box
{
    display: none;
    float: left;
    margin-top: 40px;
    padding: 40px;
    /*background-color: #ffcc33;*/
    background-color: rgba(255,204,51,.5);
}
.slider-container .ui-slider a
{ 
    text-align: center;
    line-height: 48px;
}
.slider-container .ui-slider a:link,
.slider-container .ui-slider a:active,
.slider-container .ui-slider a:focus,
.slider-container .ui-slider a:hover
{ 
    text-decoration: none;
}
.slider-container .ui-slider a.exclamation-mark:before
{ 
    content: '';
    content:url(/globalassets/documents/microsite/puresox/css/modules/warning.png);
    position: relative;
    top: 4px;
    left: -4px;
}
.answer { 
    display: none;
}
.answer p { 
    padding: 10px 0;
}
.answer p:first-of-type { 
    padding-top: 30px;
}
.answer p:last-of-type { 
    padding-bottom: 30px;
}


:focus {
    outline: 0;
}

/*--- Blockquote --------------*/
blockquote {
    margin-left: 7rem!important;
    margin-top: 8rem!important;
    padding-left: 9rem!important;
    margin-bottom: 2rem!important;
}
blockquote:after {
    font-size: 20rem!important;
    top: 8rem!important;
}
blockquote span {
    font-family: sans-serif; 
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.7;
}
p.blockquoteAuthor {
    text-align: right; 
    padding-right: 6rem;
}

@media screen and (max-width: 480px) {
    blockquote {
        margin-left: 2rem!important;
        margin-top: 0!important;
        padding-left: 5rem!important;
    }
    blockquote:after {
        font-size: 11rem!important;
        top: 4.5rem!important;
    }
    blockquote span {
        font-size: 1.6rem;
        line-height: 1.6;
    }
    p.blockquoteAuthor {
        padding-right: 2rem;
    }
}
/*------------------------------*/
/*Robert*/
.wysiwyg {
     float: left;
     width: 100%;
 }

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 15;
    background: rgba(255,255,255, 0.5);
}

.campaign-change-country {
    display: none;
}

@media screen and (max-width: 480px) {
    .mobile-hidden {
        display: none;
    }
}
.content-blue .whiteButton div  { 
            background-image: url("/globalassets/images/microsites/puresox/white-down.png");
            width: 51px;
            height: 51px;
margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
        }
        .content-blue .active .whiteButton div  { 
            background-image: url("/globalassets/images/microsites/puresox/white-up.png");
        }
