.cms-bloc.col-xs-1, .cms-bloc.col-sm-1, .cms-bloc.col-md-1, .cms-bloc.col-lg-1, .cms-bloc.col-xs-2, .cms-bloc.col-sm-2, .cms-bloc.col-md-2, .cms-bloc.col-lg-2,
.cms-bloc.col-xs-3, .cms-bloc.col-sm-3, .cms-bloc.col-md-3, .cms-bloc.col-lg-3, .cms-bloc.col-xs-4, .cms-bloc.col-sm-4, .cms-bloc.col-md-4, .cms-bloc.col-lg-4,
.cms-bloc.col-xs-5, .cms-bloc.col-sm-5, .cms-bloc.col-md-5, .cms-bloc.col-lg-5, .cms-bloc.col-xs-6, .cms-bloc.col-sm-6, .cms-bloc.col-md-6, .cms-bloc.col-lg-6,
.cms-bloc.col-xs-7, .cms-bloc.col-sm-7, .cms-bloc.col-md-7, .cms-bloc.col-lg-7, .cms-bloc.col-xs-8, .cms-bloc.col-sm-8, .cms-bloc.col-md-8, .cms-bloc.col-lg-8,
.cms-bloc.col-xs-9, .cms-bloc.col-sm-9, .cms-bloc.col-md-9, .cms-bloc.col-lg-9, .cms-bloc.col-xs-10, .cms-bloc.col-sm-10, .cms-bloc.col-md-10, .cms-bloc.col-lg-10,
.cms-bloc.col-xs-11, .cms-bloc.col-sm-11, .cms-bloc.col-md-11, .cms-bloc.col-lg-11, .cms-bloc.col-xs-12, .cms-bloc.col-sm-12, .cms-bloc.col-md-12, .cms-bloc.col-lg-12 {
    padding: 5px;
}

.cms-bloc img {
    width: 100%;
    height: 100%;
}

.cms-bloc-text {

    position: absolute;
    bottom: 6px;
    padding: 10px;

    font-family: "LinotypeUnivers", Arial, sans-serif;
    font-stretch: condensed;
    font-size: 12pt;
    color: #2f2c71;
    text-transform: uppercase;

    line-height: 19px;
}

.cms-bloc.white-text .cms-bloc-text {
    color: #FFFFFF;
}

.cms-bloc-text .cms-bloc-title {
    font-weight: bold;
}

.cms-bloc-text .cms-bloc-content {
    font-weight: 100;
}

.cms-bloc-video .inner-video {
    display: none;
}

.home-bloc-video.play .inner-video {
    display: block;
}

.cms-bloc-video.play .static-video {
    display: none;
}

.cms-bloc-1x1.with-shadow:after {
    width: calc(100% - 4px);
    height: 3px;
    margin-bottom: -3px;
}

section.article-view h1 {
    margin: 20px;
    font-weight: 100;
}

section.article-view h2 {

    font-family: "LinotypeUnivers", Arial, sans-serif;
    font-stretch: condensed;
    font-size: 9pt;
    color: #666666;
    text-transform: uppercase;
    font-weight: bold;

    margin: 30px 20px 3px;
}

section.article-view p {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: justify;
}

section.article-view img.full-width {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
}

section.mb-service-repair {
     -webkit-transform: translate3d(0,0,0);
}

section.mb-service-repair > div.col-lg-12 > * {
    position: relative;
    z-index: 999;
}

section.mb-service-repair > div.col-lg-12:after {
    content: '';
    width: 100%;
    height: 120px;
    background: #242254;
    background: linear-gradient(130deg, #242254 50%, #66629d 120%);
    z-index: 99;
    position: absolute;
    top: -20px;
}

section.mb-service-repair div.article-purple-header {
    display: none;
}

section.static-view h1 {

    font-family: "LinotypeUnivers", Arial, sans-serif;
    font-stretch: condensed;
    font-size: 26pt;
    color: #000000;
    text-transform: uppercase;
    font-weight: 100;
    line-height: 1;

    padding: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin: 0;
}

section.static-view h2 {

    font-family: "LinotypeUnivers", Arial, sans-serif;
    font-stretch: condensed;
    font-size: 12pt;
    color: #000000;
    text-transform: uppercase;
    font-weight: 100;

    padding: 20px;
    padding-bottom: 0px;
    padding-top: 10px;
    margin: 0;
}

section.static-view p {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: justify;
    color: #666666;
    font-size: 10pt;
    font-weight: 100;
    line-height: 1.3;
}

section.static-view div.marque-origine {

    background-image: url(/mobile/images/cms/semelle-purple.png);
    background-image: -webkit-image-set(url(/mobile/images/cms/semelle-purple.png) 1x, url(/mobile/images/cms/semelle-purple-2x.png) 2x);
    background-image: image-set("/mobile/images/cms/semelle-purple.png" 1x, "/mobile/images/cms/semelle-purple-2x.png" 2x);
    background-repeat: no-repeat;
    background-position-y: calc(100% + 60px);
    background-position-x: calc( 100% - 10px );
    padding-bottom: 120px;
    padding-top: 10px;
}

section.static-view div.marque-beaute {
    background-color: #27214e;
    padding-bottom: 260px;
    padding-top: 16px;

    background-image: url(/mobile/images/cms/laine.png);
    background-image: -webkit-image-set(url(/mobile/images/cms/laine.png) 1x, url(/mobile/images/cms/laine-2x.png) 2x);
    background-image: image-set("/mobile/images/cms/laine.png" 1x, "/mobile/images/cms/laine-2x.png" 2x);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
}

section.static-view div.marque-beaute h2 {
    color: #ffffff;
    padding-bottom: 25px;
}

section.static-view div.marque-beaute p {
    color: #ffffff;
}

section.static-view div.marque-artisan {
    padding-bottom: 30px;
    padding-top: 50px;
    margin-top: -32px;

    background-image: url(/mobile/images/cms/semelle-silhouette.png);
    background-image: -webkit-image-set(url(/mobile/images/cms/semelle-silhouette.png) 1x, url(/mobile/images/cms/semelle-silhouette-2x.png) 2x);
    background-image: image-set("/mobile/images/cms/semelle-silhouette.png" 1x, "/mobile/images/cms/semelle-silhouette-2x.png" 2x);
    background-repeat: no-repeat;
    background-position-x: 20px;
    background-position-y: 0;
}

section.static-view div.marque-artisan h1 {
    color: #8985b5;
    padding-bottom: 0;
    margin-left: 130px;
}

section.static-view div.marque-artisan h2 {
    color: #8985b5;
    padding-bottom: 25px;
    margin-left: 130px;
}

section.static-view div.marque-artisan p {
    color: #666666;
}

section.static-view div.marque-savoirfaire {
    padding-bottom: 70px;
    padding-top: 16px;

    background-color: #320102;
    background: linear-gradient(130deg, #320102 15%, #c62023 55%, #320102);
    z-index: 9;
}

section.static-view div.marque-savoirfaire h1 {
    color: #c3002c;
    padding-bottom: 0;
    line-height: 28pt;
}

section.static-view div.marque-savoirfaire h2 {
    color: #ffffff;
    padding-bottom: 25px;
}

section.static-view div.marque-savoirfaire p {
    color: #ffffff;
}

section.static-view div.marque-savoirfaire div.brand {
    background-image: url(/mobile/images/cms/brand-swiss.png);
    background-image: -webkit-image-set(url(/mobile/images/cms/brand-swiss.png) 1x, url(/mobile/images/cms/brand-swiss-2x.png) 2x);
    background-image: image-set("/mobile/images/cms/brand-swiss.png" 1x, "/mobile/images/cms/brand-swiss-2x.png" 2x);
    background-repeat: no-repeat;
    height: 14px;
    width: 280px;
    margin-right: auto;
    margin-left: auto;
}

section.static-view div.marque-savoirfaire ul.pastilles {
    position: absolute;
    bottom: -45px;
    list-style: none;
    text-align: center;
    vertical-align: center;
    margin-left: 0;
}

section.static-view div.marque-savoirfaire li.pastille {
    background-color: #da1c3b;
    opacity: 0.85;
    font-family: "LinotypeUnivers", Arial, sans-serif;
    font-stretch: condensed;
    font-size: 9pt;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    height: 85px;
    width: 85px;
    border-radius: 45px;
    float: left;
    padding-top: 23px;
    margin-right: 13px;
}

section.static-view div.marque-magic {
    padding-top: 174px;
    background-image: url(/mobile/images/cms/magic.png);
    background-image: -webkit-image-set(url(/mobile/images/cms/magic.png) 1x, url(/mobile/images/cms/magic-2x.png) 2x);
    background-image: image-set("/mobile/images/cms/magic.png" 1x, "/mobile/images/cms/magic-2x.png" 2x);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: 50px;
}

section.static-view div.marque-magic h2 {
    width: 190px;
    padding-top: 0;
    margin-bottom: 20px;
}

section.static-view div.marque-design {
    padding-bottom: 35px;
    padding-top: 20px;

    background-color: #1f1948;
    background: linear-gradient(225deg, #1f1948, #1f1948 33%, #8985b5, #1f1948);
}

section.static-view div.marque-design h1 {
    color: #8985b5;
    padding-bottom: 0;
}

section.static-view div.marque-design h2 {
    color: #ffffff;
    padding-bottom: 25px;
}

section.static-view div.marque-design p {
    color: #ffffff;
}

section.static-view div.marque-design .awards {
    background-image: url(/mobile/images/cms/awards.png);
    background-image: -webkit-image-set(url(/mobile/images/cms/awards.png) 1x, url(/mobile/images/cms/awards-2x.png) 2x);
    background-image: image-set("/mobile/images/cms/awards.png" 1x, "/mobile/images/cms/awards-2x.png" 2x);
    background-repeat: no-repeat;
    width: 100%;
    height: 300px;
    background-position: center;
    margin-top: 20px;
}

h1.two-lines {
    width: 250px;
}

.white-text {
    color: #FFFFFF;
}