#fym{
    font-family:Arial,Helevetica,sans-serif;
    color: #333;
    position:relative;
    float:left;
    width:906px;
    border: #fff solid 8px;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); 
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); 
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    margin: 6px;
    margin-top: 15px;
}

#fym.list {
    display: none;
}

#fym h2, #fym h1 {
    position:absolute;
    top:-23px;
    left:50%;
    z-index:9000;
    width: 332px;
    height: 90px;
    margin-left:-156px;
}

#fym h2 img, #fym h1 img {
    display: block;
    width: 100%;
    height: 100%;
}

#fym #next,
#fym #back,
#fym #restart{
    position:absolute;
    bottom:0;
    right:0;
    display: none;
    z-index: 100;
}

#fym #back {
    left: -1px;
    width:143px;
    bottom:-8px !important;
}

#fym #next img,
#fym #restart img {
    display: block;
}

#fym .fym-top{
    display:block;
    float:left;
    width:930px;
    height:12px;
}

#fym .fym-container{
    float:left;
    width: 100%;
    padding-bottom: 22px;
    background: #fff;
}

#fym.facecare .fym-container .content {
    background-image: url(../../img/catalog/fym/facecare/bg.gif);
}

#fym.sunprotection .fym-container .content {
    background-image: url(../../img/catalog/fym/sunprotection/bg.gif);
}

#fym.haircolor .fym-container .content {
    background-image: url(../../img/catalog/fym/haircolor/bg.gif);
}

#fym.haircare .fym-container .content {
    background-image: url(../../img/catalog/fym/haircare/bg.gif);
}

#fym.styling .fym-container .content {
    background-image: url(../../img/catalog/fym/styling/bg.gif);
}

#fym.bodycare .fym-container .content {
    background-image: url(../../img/catalog/fym/bodycare/bg.gif);
}

#fym.deodorants .fym-container .content {
    background-image: url(../../img/catalog/fym/deodorants/bg.gif);
}

#fym .fym-container .content{
    float:left;
    position:relative;
    width: 100%;
    min-height: 276px;
    background-repeat: repeat-y;
    background-position: center center;
    background-size: contain;
    overflow: hidden;
    margin-bottom: 11px;
}

#fym .fym-container .content .visu{
    position:absolute;
    display:none;
    bottom:0;
    z-index: 1;
    left:20px;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: bottom left;
}

#fym.facecare .fym-container .content .visu {
    background-image: url(../../img/catalog/fym/facecare/visu.png);
}

#fym.sunprotection .fym-container .content .visu {
    background-image: url(../../img/catalog/fym/sunprotection/visu.png);
}

#fym.haircolor .fym-container .content .visu {
    background-image: url(../../img/catalog/fym/haircolor/visu.png);
}

#fym.haircare .fym-container .content .visu {
    background-image: url(../../img/catalog/fym/haircare/visu.png);
}

#fym.styling .fym-container .content .visu {
    background-image: url(../../img/catalog/fym/styling/visu.png);
}

#fym.bodycare .fym-container .content .visu {
    background-image: url(../../img/catalog/fym/bodycare/visu.png);
}

#fym.deodorants .fym-container .content .visu {
    background-image: url(../../img/catalog/fym/deodorants/visu.png);
}

#fym .fym-container .content .questions{
    float:left;
    margin:0;
    padding:90px 15px 12px 45px;
    position: relative;
    z-index: 2;
}

#fym .fym-container .content .questions-wrap{
    float: left;
    width: 100%;
    min-height: 126px;
}

#fym .fym-container .content .questions.first{
    margin-left:250px;
}

#fym .fym-container .content .questions h3{
    font-size:34px;
    margin:0 0 12px 0;
    font-weight:normal;
    clear: both;
}

#fym .fym-container .content .questions .uquestions h3{
    font-size: 24px;
}

#fym .fym-container .content .questions h4{
    margin-bottom: 9px;
}

#fym .fym-container .content .questions h3 span,
#fym .fym-container .content .questions h3 a{
    
}

#fym .fym-container .content .questions h3 span.max{
    display: inline-block;
    font-size:16px;
}

#fym .fym-container .content .questions h3 .tip{
    display: inline-block;
    width: 17px;
    height: 17px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

#fym.facecare .fym-container .content .questions h3 .tip {
    background-image: url(../../img/catalog/fym/facecare/tip.png);
}

#fym.sunprotection .fym-container .content .questions h3 .tip {
    background-image: url(../../img/catalog/fym/sunprotection/tip.png);
}

#fym.haircolor .fym-container .content .questions h3 .tip {
    background-image: url(../../img/catalog/fym/haircolor/tip.png);
}

#fym.haircare .fym-container .content .questions h3 .tip {
    background-image: url(../../img/catalog/fym/haircare/tip.png);
}

#fym.styling .fym-container .content .questions h3 .tip {
    background-image: url(../../img/catalog/fym/styling/tip.png);
}

#fym.bodycare .fym-container .content .questions h3 .tip {
    background-image: url(../../img/catalog/fym/bodycare/tip.png);
}

#fym.deodorants .fym-container .content .questions h3 .tip {
    background-image: url(../../img/catalog/fym/deodorants/tip.png);
}

#fym .fym-container .content .questions .response{
    float:left;
    position:relative;
    width:100%;
    margin:0 0 10px 0;
    font-size:15px;
    color:#333;
    overflow:hidden;
}

#fym .fym-container .content .questions .response input{
    position:absolute;
    top:0;
    left:-900px;
    cursor: pointer;
}

#fym .fym-container .content .questions .response label{
    display: inline-block;
    width: 230px;
    margin: 0 0 0 4px;
    padding: 5px 0 0 0;
    cursor: pointer;
    line-height: 21px;
}

#fym .fym-container .content .questions .response span.check {
    background-repeat: no-repeat;
    background-position: center -1px;
    display: inline-block;
    cursor: pointer;
    height: 22px;
    margin:0;
    padding:0;
    vertical-align: top;
    width: 26px;
}

#fym .fym-container .content .questions .response.currentchecked span.check{
    background-position: left -24px;
}

#fym .fym-container .content .questions .response.radio.currentchecked span.check{
    background-position: left bottom;
}

#fym.facecare .fym-container .content .questions .response span.check {
    background-image: url(../../img/catalog/fym/facecare/custom-checkbox.png);
}

#fym.sunprotection .fym-container .content .questions .response span.check {
    background-image: url(../../img/catalog/fym/sunprotection/custom-checkbox.png);
}

#fym.haircolor .fym-container .content .questions .response span.check {
    background-image: url(../../img/catalog/fym/haircolor/custom-checkbox.png);
}

#fym.haircare .fym-container .content .questions .response span.check {
    background-image: url(../../img/catalog/fym/haircare/custom-checkbox.png);
}

#fym.styling .fym-container .content .questions .response span.check {
    background-image: url(../../img/catalog/fym/styling/custom-checkbox.png);
}

#fym.bodycare .fym-container .content .questions .response span.check {
    background-image: url(../../img/catalog/fym/bodycare/custom-checkbox.png);
}

#fym.deodorants .fym-container .content .questions .response span.check {
    background-image: url(../../img/catalog/fym/deodorants/custom-checkbox.png);
}

#fym .fym-container .content .questions .response.over label{
    /*font-size:17px;
    padding:1px 0 0 26px;*/
    font-weight: bold;
}

#fym .fym-container .content .questions .imaged {
    position: relative;
    width: 550px;
}

#fym .fym-container .content .questions .imaged .response .check {
    display: none;
}

#fym .fym-container .content .questions .imaged .response {
    width: 97px;
    height: 70px;
    margin-right: 3px;
    position: relative;
    overflow: visible;
}

#fym .fym-container .content .questions .imaged .response label {
    width: 87px;
    height: 60px;
    margin: 0;
    padding: 0;
    border: 5px solid #fff;
    display: block;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); 
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); 
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

#fym .fym-container .content .questions .imaged .response label img {
    display: block;
    width: 100%;
    height: 100%;
}

#fym.facecare .fym-container .content .questions .imaged .response.currentchecked label {
    border-color: #932727;
}

#fym.sunprotection .fym-container .content .questions .imaged .response.currentchecked label {
    border-color: #932727;
}

#fym.haircolor .fym-container .content .questions .imaged .response.currentchecked label {
    border-color: #932727;
}

#fym.haircare .fym-container .content .questions .imaged .response.currentchecked label {
    border-color: #932727;
}

#fym.styling .fym-container .content .questions .imaged .response.currentchecked label {
    border-color: #932727;
}

#fym.bodycare .fym-container .content .questions .imaged .response.currentchecked label {
    border-color: #932727;
}

#fym.deodorants .fym-container .content .questions .imaged .response.currentchecked label {
    border-color: #932727;
}

#fym .fym-container .content .uquestions{
    width: 100%;
    float: left;
}

#fym .fym-container .content .set {
    float: left;
    margin-bottom: 12px;
}

#fym .fym-container .content .uquestions .set{
    float: left;
    clear: left;
}

#fym .fym-container .content .set .left,
#fym .fym-container .content .set .right{
    float: left;
    width: 290px;
}

#fym .fym-container .bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: url(../../img/catalog/fym/ombre.png) repeat-x bottom center;
}

#fym .fym-bottom{
    position: absolute;
    bottom: 0;
    left: 140px;
    right: 127px;
    height:22px;
    background: #fff;
}

#fym .fym-bottom div{
    float:left;
    font-size:30px;
    font-family:"JournalRegular",Arial,Helvetica,sans-serif;
}

#bodytag[propLocalization="tr-TR"] #fym .fym-bottom div{    
    font-size:15px;
    font-family:verdana;
    font-style:italic;
}

#fym.facecare .fym-bottom div{
    color: #278593;
}

#fym.sunprotection .fym-bottom div{
    color: #358bc4;
}

#fym.haircare .fym-bottom div{
    color: #55b641;
}

#fym.styling .fym-bottom div{
    color: #55b641;
}

#fym.haircolor .fym-bottom div{
    color: #932727;
}

#fym.bodycare .fym-bottom div{
    color: #169e92;
}

#fym.deodorants .fym-bottom div{
    color: #1b9ebf;
}

#fym .fym-progressbar{
    position: absolute;
    left: 300px;
    right: 300px;
    top: 6px;
    height:14px;
    overflow:hidden;
}

#fym .fym-progressbar .bkg {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: url('../../img/catalog/fym/progress-bg.gif') repeat-x center center;
}

#fym .fym-progressbar .bkg div {
    width: 6px;
    height: 14px;
    background: url('../../img/catalog/fym/progress-left.gif') repeat-x center center;
    float: left;
}

#fym .fym-progressbar .bkg div.right {
    background-image: url('../../img/catalog/fym/progress-right.gif');
    float: right;
}


#fym .fym-progressbar span{
    display:block;
    float:left;
}

#fym .fym-progressbar .load {
    position: relative;
    z-index: 1;
    height: 10px;
    margin: 2px;
}

#fym .fym-progressbar .load .start{
    width:4px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left center;
}

#fym .fym-progressbar .load .progress{
    width:1px;
    height:100%;
    background-repeat: repeat-x;
    background-position: center center;
}

#fym .fym-progressbar .load .end{
    width:4px;
    height:100%;
    background-repeat: no-repeat;
    background-position: right center;
}

#fym.facecare .fym-progressbar .load .start{
    background-image: url(../../img/catalog/fym/facecare/load-start.png);
}
#fym.facecare .fym-progressbar .load .progress{
    background-image: url(../../img/catalog/fym/facecare/load-progress.gif);
}
#fym.facecare .fym-progressbar .load .end{
    background-image: url(../../img/catalog/fym/facecare/load-end.png);
}

#fym.deodorants .fym-progressbar .load .start{
    background-image: url(../../img/catalog/fym/deodorants/load-start.png);
}
#fym.deodorants .fym-progressbar .load .progress{
    background-image: url(../../img/catalog/fym/deodorants/load-progress.gif);
}
#fym.deodorants .fym-progressbar .load .end{
    background-image: url(../../img/catalog/fym/deodorants/load-end.png);
}

#fym.sunprotection .fym-progressbar .load .start{
    background-image: url(../../img/catalog/fym/sunprotection/load-start.png);
}
#fym.sunprotection .fym-progressbar .load .progress{
    background-image: url(../../img/catalog/fym/sunprotection/load-progress.gif);
}
#fym.sunprotection .fym-progressbar .load .end{
    background-image: url(../../img/catalog/fym/sunprotection/load-end.png);
}

#fym.haircare .fym-progressbar .load .start{
    background-image: url(../../img/catalog/fym/haircare/load-start.png);
}
#fym.haircare .fym-progressbar .load .progress{
    background-image: url(../../img/catalog/fym/haircare/load-progress.gif);
}
#fym.haircare .fym-progressbar .load .end{
    background-image: url(../../img/catalog/fym/haircare/load-end.png);
}

#fym.styling .fym-progressbar .load .start{
    background-image: url(../../img/catalog/fym/styling/load-start.png);
}
#fym.styling .fym-progressbar .load .progress{
    background-image: url(../../img/catalog/fym/styling/load-progress.gif);
}
#fym.styling .fym-progressbar .load .end{
    background-image: url(../../img/catalog/fym/styling/load-end.png);
}

#fym.haircolor .fym-progressbar .load .start{
    background-image: url(../../img/catalog/fym/haircolor/load-start.png);
}
#fym.haircolor .fym-progressbar .load .progress{
    background-image: url(../../img/catalog/fym/haircolor/load-progress.gif);
}
#fym.haircolor .fym-progressbar .load .end{
    background-image: url(../../img/catalog/fym/haircolor/load-end.png);
}

#fym.bodycare .fym-progressbar .load .start{
    background-image: url(../../img/catalog/fym/bodycare/load-start.png);
}
#fym.bodycare .fym-progressbar .load .progress{
    background-image: url(../../img/catalog/fym/bodycare/load-progress.gif);
}
#fym.bodycare .fym-progressbar .load .end{
    background-image: url(../../img/catalog/fym/bodycare/load-end.png);
}

#fym .fym-bottom .fym-start,
#fym .fym-bottom .fym-end{
    line-height: 22px;
}
#fym .fym-bottom .fym-start {
    margin-left : 6px;
}
#fym .fym-bottom .fym-end {
    float: right;
    margin-right: 26px;
}

#fym .results {
    width: 861px;
    padding-bottom: 15px;
}

#fym .results .result{
    display: inline-block;
    width: 238px;
    height: 138px;
    padding: 20px 15px 9px;
    background: url(../../img/catalog/fym/result-bg.png) no-repeat center center;
    text-align: left;
    cursor: pointer;
}

#fym .results .result .illus {
    height: 138px;
    width: 78px;
    float: left;
}

#fym .results .result .illus img{
    display: block;
    height: 100%;
    width: 100%;
}

#fym .results .result .infos {
    float: left;
    width: 136px;
    height: 117px;
    padding: 12px 12px 0 0;
    margin: 0 0 9px 12px;
    color: #0c4537;
    position: relative;
}

#fym .results .result .infos .text {
    height: 82px;
    overflow: hidden;
}

#fym .results .result .infos h6{
    font-weight: bold;
    font-size: 14px;
}

#fym .results .result .infos h5{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;
}

#fym .results .result .cta {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    text-decoration: none;
    width: 112px;
    /*height: 30px;*/
    overflow: hidden;
}

#fym .results .result .cta a {
    display: block;
    width: 200%;
    height: 100%;
}

#fym .results .result .cta span {
    display: block;
    float: left;
    width: 50%;
    padding: 6px 0 6px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: url(../../img/common/white-arrow.png) no-repeat scroll 6px center #0c4537;
}

.rtl #fym .results .result .cta > a {
    float: left;
}

#fym .results .result .cta span.over {
    color: #0c4537;
    background: url(../../img/common/garniergreen-arrow.png) no-repeat scroll 6px center #fff;
}

#fym .results.haircolor .produit {
    width: 388px;
    height: 230px;
    border: #fff solid 5px;
    background: #f7f7f7;
    color: #004532;
    margin: 0 24px 36px 0;
    padding: 10px 0 10px 6px;
    position: relative;
    display: inline-block;
}

#fym .results.haircolor .produit .illus {
    height: 100px;
    width: 89px;
    float: left;
    margin: 0 6px 0 0;
    overflow: hidden;
}

#fym .results.haircolor .produit .illus img {
    height: 100%;
    width: 100%;
    display: block;

    display: block;
    /*margin-left: -19px;*/
    margin-top: -26px;
    height: 156px;
    width: 89px;
}

#fym .results.haircolor .produit .infos {
    float: left;
    width: 261px;
    font-size: 13px;
    position: relative;
    height: 90px;
    text-align: left;
}

#fym .results.haircolor .produit .infos .description{
    height: 69px;
    overflow: hidden;
}

#fym .results.haircolor .produit .infos h5 {
    font-size: 15px;
    margin-bottom: 3px;
}

#fym .results.haircolor .produit .infos h5 span{
    color: #cf127e;
}

#fym .results.haircolor .produit .shades {
    clear: left;
    margin-top: 12px;
    float: left;
}

#fym .results.haircolor .produit .shades .shade {
    float: left;
    margin-right: 1px;
    width: 63px;
    text-align: center;
    color: inherit;
    font-size: 10px;
    font-weight: bold;
}

#fym .results.haircolor .produit .shades .shade span.img {
    display: block;
    width: 63px;
    height: 63px;
    position: relative;
}

#fym .results.haircolor .produit .shades .shade img {
    display: block;
    width: 57px;
    height: 57px;
    border: #fff solid 3px;
}

#fym .results.haircolor .produit .shades .shade span.title {
    text-align: center;
    display: inline-block;
    padding: 0 3px;
}

#fym .results.haircolor .produit .shades .shade:hover img {
    border-color: #014633;
}

#fym .results.haircolor .produit .scotch {
    width: 47px;
    height: 34px;
    background: url(../../img/catalog/fym/scotch.png) no-repeat center center;
    position: absolute;
    left: 306px;
    top: -18px;
}

#fym .nb {
    font-size:10px;
    clear: left;
    padding-top: 12px;
    padding-bottom: 15px;
}


#fym .results.haircare,
#fym .results.styling,
#fym .results.sunprotection {
    width: 807px; 
    overflow: visible;
}

#fym .results .brand {
    margin-bottom: 30px;
}

#fym .fym-container .content .questions .results .brand h4 {
    padding-left: 9px;
    font-size: 18px;
    overflow: hidden;
}

#fym .results .brand h4 .h4-wrap {
    width: 10000px;
}

#fym .results .brand h4 img,
#fym .results .brand h4 span.text {
    display: block;
    float: left;
    margin-right: 12px;
}

#fym .results .brand h4 span.filet {
    display: block;
    height: 1px;
    border-bottom: #0c4537 solid 1px;
    padding-top: 8px;
    width: 9000px;
    float:left;
}

#fym .results .brand .produits {
    clear: left;
}

#fym .brand .produits.fymslider-content {
    height: 168px;
}

#fym .fymslider {
    overflow: visible;
    position: relative;
}

#fym .fymslider-content {
    width: 100%;
    overflow: hidden;
    position: relative;
}

#fym .fymslider-content .fymslider-wrap{
    width: 10000px;
    position: relative;
}

#fym .fymslider .trigger {
    display: none;
    position: absolute;
    bottom: 0;
    height: 168px;
    width: 30px;
    background-repeat: no-repeat;
    background-position: center center;
}

#fym .fymslider .trigger.prev {
    left:-30px;
    background-image: url('../../img/catalog/fym/btn-left.png');
}

#fym .fymslider .trigger.next {
    right:-33px;
    background-image: url('../../img/catalog/fym/btn-right.png');
}

#fym .fymslider.shades {
    width: 100%;
}

#fym .shades.fymslider .fymslider-content {
    height: 129px;
    width: 318px;
    margin-left: 34px;
}

#fym .fymslider.shades .trigger {
    height: 63px;
    width: 30px;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
}

#fym .fymslider.shades .trigger.prev{
    left: 0;
    background-image: url('../../img/catalog/fym/btn-left-haircolor.png');
}

#fym .fymslider.shades .trigger.next{
    right: 0;
    background-image: url('../../img/catalog/fym/btn-right-haircolor.png');
}

/* TAB */
@media screen and (min-width: 600px) and (max-width: 900px){
    #fym{
        width: 695px;
    }

    #fym .fym-container .content {
        min-height: 211px
    }

    #fym .fym-container .content .questions{
        padding-top: 60px;
        padding-left: 15px;
        width: 504px;
    }

    #fym .fym-container .content .questions h3{
        font-size: 24px;
    }

    #fym .fym-container .content .questions h3 span{
        font-size: 10px;
    }

    #fym h2{
        width: 253px;
        height: 69px;
        margin-left: -126px;
        top: -18px;
    }

    #fym.facecare .fym-container .content .visu {
        background-image: url(../../img/catalog/fym/facecare/visu-tab.png);
    }

    #fym.sunprotection .fym-container .content .visu {
        background-image: url(../../img/catalog/fym/sunprotection/visu-tab.png);
    }

    #fym.haircolor .fym-container .content .visu {
        background-image: url(../../img/catalog/fym/haircolor/visu-tab.png);
    }

    #fym.haircare .fym-container .content .visu {
        background-image: url(../../img/catalog/fym/haircare/visu-tab.png);
    }

    #fym.styling .fym-container .content .visu {
        background-image: url(../../img/catalog/fym/styling/visu-tab.png);
    }

    #fym.bodycare .fym-container .content .visu {
        background-image: url(../../img/catalog/fym/bodycare/visu-tab.png);
    }

    #fym.deodorants .fym-container .content .visu {
        background-image: url(../../img/catalog/fym/deodorants/visu-tab.png);
    }

    #fym .fym-container .content .set .left, #fym .fym-container .content .set .right {
        width: 252px;
    }

    #fym .fym-container .content .questions .response {
        font-size: 12px;
        margin-bottom: 0;
    }

    #fym .fym-container .content .questions .response label {
        width: 222px;
        line-height: 18px;
        padding-top: 7px;
    }

    #fym #next {
        width: 126px;
        height: 65px;
    }

    #fym #back{
        width: 126px;
        height: 65px;
        bottom: -3px !important;
    }

    #fym #restart {
        width: 136px;
        height: 35px;
    }

    #fym #next img,
    #fym #restart img,
    #fym #back img  {
        width: 100%;
        height: 100%;
    }

    #fym .fym-bottom {
        right: 114px;
    }

    #fym .fym-bottom div {
        font-size: 24px;
    }

    #fym .fym-progressbar {
        left: 42px;
        right: 70px;
    }

    #fym .results {
        width: 580px;
    }

    #fym .results.haircare, #fym .results.styling, #fym .results.sunprotection {
        width: 537px;
    }

    #fym .results.haircolor {
        text-align: center;
    }

}


/* MOBILE */
@media screen and (max-width: 600px){
    #fym{
        width: 454px;
    }

    #fym h2{
        width: 253px;
        height: 69px;
        margin-left: -126px;
        top: -18px;
    }
    #fym .fym-container .questions-wrap {
        padding-top:10px;
    }
    #fym .fym-container .content .questions {
        padding-top: 60px;
        padding-left: 15px;
        width: 430px;
    }

    #fym .fym-container .content .questions h3 {
        font-size:27px;
    }

    #fym .fym-container .content .questions h3 span.max {
        font-size: 12px;
    }

    #fym .fym-container .content .set .left,
    #fym .fym-container .content .set .right {
        float: none;
        margin-left: 30px;
        width: auto;
    }

    #fym .fym-container .content .questions .response {
        margin-bottom: 6px;
    }

    #fym #next img {
        height: 64px;
        width: 124px;
    }

    #fym #restart img {
        height: 33px;
        width: 128px;
    }

    #fym .fym-progressbar {
        left: 40px;
        right: 63px;
    }

    #fym .fym-bottom div {
        font-size: 21px;
    }

    #fym .results, 
    #fym .results.haircare, #fym .results.styling, #fym .results.sunprotection {
        width: 100%;
        text-align: center;
    }

    #fym .results.haircare .fymslider, 
    #fym .results.styling .fymslider, 
    #fym .results.sunprotection .fymslider {
        display: inline-block;
        width: 268px;
        text-align: left;
    }

    #fym .results .result {
        display: inline-block;
    }

    #fym .fym-container .content .questions .imaged {
        width:auto;
    }
    
    #fym.facecare .fym-container .content .questions .response span.check {
        margin-top: 3px;
    }
    
    #fym .fym-container .content .questions .response label {
        font-size: 21px;
        width: 340px;
        line-height: 24px;
    }

    #fym #back {
        bottom:-7px !important;
     }
    #fym #back img{
        width: 124px;
        height: 64px;
     }
}

/* PowerTip Plugin */
#powerTip {
    cursor: default;
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 6px;
    color: #fff;
    display: none;
    padding: 10px;
    position: absolute;
    white-space: nowrap;
    z-index: 2147483647;
}
#powerTip:before {
    content: "";
    position: absolute;
}
#powerTip.n:before, #powerTip.s:before {
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    left: 50%;
    margin-left: -5px;
}
#powerTip.e:before, #powerTip.w:before {
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    margin-top: -5px;
    top: 50%;
}
#powerTip.n:before {
    border-top: 10px solid #fff;
    border-top: 10px solid rgba(255, 255, 255, 1);
    bottom: -10px;
}
#powerTip.e:before {
    border-right: 10px solid #fff;
    border-right: 10px solid rgba(255, 255, 255, 1);
    left: -10px;
}
#powerTip.s:before {
    border-bottom: 10px solid #fff;
    border-bottom: 10px solid rgba(255, 255, 255, 1);
    top: -10px;
}
#powerTip.w:before {
    border-left: 10px solid #fff;
    border-left: 10px solid rgba(255, 255, 255, 1);
    right: -10px;
}
#powerTip.ne:before, #powerTip.se:before {
    border-right: 10px solid transparent;
    border-left: 0;
    left: 10px;
}
#powerTip.nw:before, #powerTip.sw:before {
    border-left: 10px solid transparent;
    border-right: 0;
    right: 10px;
}
#powerTip.ne:before, #powerTip.nw:before {
    border-top: 10px solid #fff;
    border-top: 10px solid rgba(255, 255, 255, 1);
    bottom: -10px;
}
#powerTip.se:before, #powerTip.sw:before {
    border-bottom: 10px solid #fff;
    border-bottom: 10px solid rgba(255, 255, 255, 1);
    top: -10px;
}
#powerTip.nw-alt:before, #powerTip.ne-alt:before,
#powerTip.sw-alt:before, #powerTip.se-alt:before {
    border-top: 10px solid #fff;
    border-top: 10px solid rgba(255, 255, 255, 1);
    bottom: -10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 10px;
}
#powerTip.ne-alt:before {
    left: auto;
    right: 10px;
}
#powerTip.sw-alt:before, #powerTip.se-alt:before {
    border-top: none;
    border-bottom: 10px solid #fff;
    border-bottom: 10px solid rgba(255, 255, 255, 1);
    bottom: auto;
    top: -10px;
}
#powerTip.se-alt:before {
    left: auto;
    right: 10px;
}


#powerTip {
    max-width: 210px;
    white-space: normal;
    background: #fff;
    color: inherit;
    border-radius: 0;
    font-size: 11px;
}

/* MENA laguages */
.rtl #fym .results .result .infos {
    direction: rtl;
    text-align: right;
}
.rtl #fym .results .result .cta span {
    background-image: none;
}
.rtl #fym .results .result .cta span:before {
    content: "";
    border: 4px solid transparent;
    border-right-color: #ffffff;
    display: inline-block;
    margin-right: 5px;
}

.rtl #fym .results .result .cta span.over:before {
    border-right-color: #0c4537;
}

.rtl .ie8 #fym .results .result .cta span:before {
    margin-right: 0;
    margin-left: 5px;
    border-right-color: transparent;
    border-left-color: #ffffff;
}
.rtl .ie8 #fym .results .result .cta span.over:before {
    border-left-color: #0c4537;
}

.rtl #fym .results .result .cta {
    right: 12px;
}
.rtl #fym .fym-container .content .set {
    float: right !important;
}
.rtl #fym .fym-container .content .questions h3 {
    margin-right: 60px;
}

.rtl #fym .fym-container .set {
    margin-right: 30px;
}

#fym .fym-container .set .left, #fym .fym-container .set .right {
    width:50% !important;
}

@media screen and (max-width: 600px){
#fym .fym-container .set .left, #fym .fym-container .set .right {
    width:100% !important;
}
    .rtl #fym .fym-container .content .questions {
        padding-left: 0px;
        padding-right: 15px;
    }
    .rtl #fym .fym-container .content .questions h3 {
        margin-right: 0;
    }
}

@media screen and (min-width: 600px) and (max-width: 900px){
    .rtl #fym .fym-container .content .set {
        width: 100%;
    }
    #fym .fym-container .content .questions .response label {
        width: 211px;
    }
}

@media screen and (min-width: 900px) {
    .rtl #fym .fym-container .content .questions-wrap {
        width: 572px;
    }
}

/* MENA laguages end*/