@font-face {
    font-family: 'futurabook';
    src: url("fonts/futura-book-webfont.eot");
    src: url("fonts/futura-book-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/futura-book-webfont.woff") format("woff"), url("fonts/futura-book-webfont.ttf") format("truetype"), url("fonts/futura-book-webfont.svg#futurabook") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futuramedium';
    src: url("fonts/Futura-Medium.eot");
    src: url("fonts/Futura-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/Futura-Medium.woff") format("woff"), url("fonts/Futura-Medium.ttf") format("truetype"), url("fonts/Futura-Medium.svg#futuramedium") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DidotLTStd-Italic';
    src: url("fonts/DidotLTStd-Italic.eot");
    src: url("fonts/DidotLTStd-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/DidotLTStd-Italic.woff") format("woff"), url("fonts/DidotLTStd-Italic.ttf") format("truetype"), url("fonts/DidotLTStd-Italic.svg#DidotLTStd-Italic") format("svg");
    font-weight: normal;
    font-style: normal;
}

body {
    padding: 0px;
    margin: 0px;
}

#no-Guerlain * {
    margin: 0;
    padding: 0;
    border: 0;
}

#no-Guerlain {
    background-color: #ffffff;
}

#no-Guerlain img {
    margin: 0px;
    padding: 0px;
    border: none;
    display: block;
}

#no-Guerlain .no-Gln-gray-bgr {
    background-color: #f8f7f7;
}

#no-Guerlain .no-Gln-sec-inner {
    width: 900px;
    margin: 0 auto;
}

#no-Guerlain .no-Gln-intro {
    margin-top: 80px;
}

#no-Guerlain .no-Gln-intro img {
    width: 100%;
    height: auto;
}

#no-Guerlain .no-Gln-page-title {
    font-family: 'futurabook', Arial, Helvetica, sans-serif;
}

#no-Guerlain .no-Gln-sec-inner-dark-title {
    font-size: 28px;
    line-height: 30px;
    color: #000000;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    padding: 26px 0 36px 0;
}

#no-Guerlain .no-Gln-logo h1 {
    width: 190px;
    height: 68px;
    margin: 0 auto;
    background: url(../images/no-gln-logo.png) left 5px no-repeat transparent;
    background-size: contain;
}

#no-Guerlain .no-Gln-logo h1 span {
    opacity: 0;
    text-indent: -9999px;
    font-size: 1px;
    line-height: 1px;
}

#no-Guerlain .no-Gln-std-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    margin: 0;
}

#no-Guerlain .no-Gln-video-text {
    text-align: center;
    padding: 5px 76px 24px;
}

#no-Guerlain .video-js .vjs-big-play-button {
    display: none !important;
}

/*video fix for ie*/
@media screen and (min-width: 0\0) {
    #no-Guerlain .my-video-dimensions {
        height: 506px;
    }
}

/*video fix end*/

#no-Guerlain .no-Gln-citat {
    font-family: 'DidotLTStd-Italic', Arial, Helvetica, sans-serif;
    font-size: 28px;
    line-height: 34px;
    color: #000000;
    text-align: center;
    padding: 38px 0 8px 0;
}

#no-Guerlain .no-Gln-citat-autor {
    font-family: 'futuramedium', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 30px;
    color: #000000;
    text-align: center;
    padding-bottom: 20px;
}

#no-Guerlain .no-Gln-clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

#no-Guerlain .no-Gln-col {
    margin-bottom: 40px;
}

#no-Guerlain .no-Gln-col-first-row {
    margin-bottom: 16px;
}

#no-Guerlain .no-Gln-col-first-row .no-Gln-col-left {
    width: 612px;
    float: left;
}

#no-Guerlain .no-Gln-col-first-row .no-Gln-col-right {
    width: 272px;
    float: right;
}

#no-Guerlain .no-Gln-col-second-row .no-Gln-col-left {
    width: 350px;
    float: left;
}

#no-Guerlain .no-Gln-col-second-row .no-Gln-col-right {
    width: 550px;
    float: right;
    text-align: center;
}

#no-Guerlain .no-Gln-col-second-row .no-Gln-col-right p.no-Gln-citat {
    padding: 30px 0 8px 0;
}

#no-Guerlain .no-Gln-col .no-Gln-citat-autor {
    padding-bottom: 0;
}

#no-Guerlain .no-Gln-gray-row-left img, #no-Guerlain .no-Gln-sec-intro img {
    width: 100%;
    height: auto;
    display: block;
}

#no-Guerlain .no-Gln-col-left img, #no-Guerlain .no-Gln-col-right img {
    width: 100%;
    height: auto;
    border: none;
}

#no-Guerlain img.no-Gln-hide-content {
    display: block;
}

#no-Guerlain img.no-Gln-show-content {
    display: none;
}

#no-Guerlain .no-Gln-show-inline-content {
    display: none;
}

#no-Guerlain .no-Gln-section.no-Gln-gray-bgr .no-Gln-sec-inner {
    width: 716px;
    margin: 0 auto;
    padding-top: 34px;
}

#no-Guerlain .no-Gln-red-title {
    font-family: 'futurabook', Arial, Helvetica, sans-serif;
    font-size: 28px;
    line-height: 34px;
    color: #c32341;
    font-weight: normal;
    text-align: center;
    padding-bottom: 28px;
    text-transform: uppercase;
}

#no-Guerlain .no-Gln-gray-row {
    padding-bottom: 20px;
}

#no-Guerlain .no-Gln-gray-row.no-Gln-last-of-type {
    padding-bottom: 40px;
}

#no-Guerlain .no-Gln-gray-row-left {
    width: 23%;
    float: left;
}

#no-Guerlain .no-Gln-gray-row-right {
    width: 74%;
    max-width: 531px;
    float: right;
    text-align: left;
    display: flex;
    align-items: stretch;
}

#no-Guerlain .no-Gln-gray-row-right p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
}

#no-Guerlain .no-Gln-gray-row-right p span {
    font-size: 20px;
    text-transform: uppercase;
}

#no-Guerlain .no-Gln-gray-first-row .no-Gln-gray-row-right p {
    padding-top: 14px;
}

#no-Guerlain .no-Gln-gray-second-row .no-Gln-gray-row-right p {
    padding-top: 24px;
}

#no-Guerlain .no-Gln-gray-third-row .no-Gln-gray-row-right p {
    padding-top: 36px;
}

#no-Guerlain .no-Gln-gray-fourth-row .no-Gln-gray-row-right p {
    padding-top: 24px;
}

#no-Guerlain .no-Gln-thumb {
    width: 100%;
    background: url(../images/no-gln-thubm-bgr.jpg) right bottom no-repeat;
    background-size: contain;
    margin-bottom: 18px;
}

#no-Guerlain .no-Gln-thumb-text-container {
    width: 39%;
    padding-top: 56px;
    padding-bottom: 40px;
    text-align: left;
}

#no-Guerlain .no-Gln-thumb-text-container h3 {
    text-align: left;
    padding-bottom: 12px;
}

#no-Guerlain .no-Gln-thumb-text-container p {
    padding-bottom: 26px;
    padding-right: 40px;
}

#no-Guerlain .no-Gln-thumb-text-container a {
    display: inline-block;
    padding: 12px 24px 10px;
    font-family: 'futurabook', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: #000000;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #000000;
}

#no-Guerlain .no-Gln-sec-intro {
    margin-bottom: 28px;
}

#no-Guerlain .no-Gln-three-col {
    width: 33.33%;
    float: left;
    box-sizing: border-box;
    text-align: center;
    padding-bottom: 18px;
    margin-bottom: 33px;
}

#no-Guerlain .no-Gln-set-right-border {
    border-right: 1px solid #cfcfcf;
}

#no-Guerlain .no-Gln-three-col-img {
    margin-bottom: 24px;
}

#no-Guerlain .no-Gln-three-col-img img {
    width: 100%;
    height: auto;
    border: none;
    display: block;
}

#no-Guerlain .no-Gln-three-col h4 {
    font-family: 'futuramedium', Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 20px;
    color: #c32341;
    padding-bottom: 28px;
    text-align: center;
    text-transform: uppercase;
}

#no-Guerlain .no-Gln-three-col a {
    display: inline-block;
    padding: 12px 18px 10px;
    font-family: 'futurabook', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: #000000;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #000000;
}

#no-Guerlain .no-Gln-video-container {
    width: 100%;
    overflow: hidden;
}

#no-Guerlain .video-js .vjs-slider {
    margin: 0 0.45em 0 0.45em;
}

#no-Guerlain .video-js .vjs-volume-bar {
    margin: 1.35em;
}

#no-Guerlain .video-js.vjs-ended .vjs-poster {
    display: block;
}

#no-Guerlain .video-js.vjs-ended .vjs-control-bar {
    display: none;
}

#no-Guerlain .vjs-has-started .vjs-control-bar {
    display: flex;
}

#no-Guerlain .video-js .vjs-tech {
    width: 100%;
    position: static;
}

#no-Guerlain .video-js {
    background-color: transparent;
}