* {margin:0; padding:0;}
html, body {height: 100%;}
body {font-family: 'Roboto', sans-serif; font-weight:400; font-size:17px; line-height:26px; color:#555555; background:#f5f5f5;}
.clear {display:block; clear:both; height:0;}
a img {border:none;}
a {outline:none;}

header, nav, section, article, aside, footer {display:block;}

.loaded *, .loaded {-moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
img {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;}
input[type="submit"] {-webkit-appearance: none;}


::-moz-selection {
   background-color: #e21e20;
   color: #fff;
}
::selection {
    background-color: #e21e20;
    color: #fff;
}


/***** Fonts *****/
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-regular-webfont.eot');
    src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff'),
         url('fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('fonts/montserrat-bold-webfont.eot');
    src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bold-webfont.woff') format('woff'),
         url('fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}




/***** Wrapper *****/
#wrapper {position:relative;}


/***** Logo *****/
#logo {display:block; position:fixed; width:128px !important; height:56px !important; z-index:1500; right:59px !important; bottom:auto !important; left:auto !important; top:90% !important; -moz-transition:none !important; -webkit-transition:none !important; -o-transition:none !important;}
#logo-img {width:128px !important; height:56px !important;}
#logo * { -moz-transition:none !important; -webkit-transition:none !important; -o-transition:none !important;}
#logo img {display:block; width:100%; height:auto;}
#logo img.retina {display:none;}
#logo .white img {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#logo .transparent img {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (   min--moz-device-pixel-ratio: 1.5),
        only screen and (     -o-min-device-pixel-ratio: 3/2),
        only screen and (        min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 192dpi) {
    #logo img.retina {display:block; width:50%;}
    #logo img.normal {display:none;}
}



/***** Menu *****/
#nav {position:fixed; z-index:1500; width:250px; left:30px !important; top:112px !important; right:auto !important; bottom:auto !important; overflow:visible !important;}

#nav .midnightInner {overflow:visible !important; min-height:490px !important;}

#menu {list-style:none;} 
#menu li {display:block; padding:1px 0;}
#menu li a {display:inline-block; text-decoration:none; text-transform:uppercase; color:#333333; font-size:13px; line-height:20px; font-family:Montserrat; padding:3px 10px 4px 10px;}
#menu > li.active > a {background-color:#e21e20; color:#ffffff;}
#menu li a:hover {background-color:#e21e20; color:#ffffff;}

#menu li ul {padding-left:10px;  -moz-transition:none !important; -webkit-transition:none !important; -o-transition:none !important;}
#menu li ul li a {font-size:12px; line-height:18px; padding:1px 8px 0 8px; background-color:#efb4b5; color:#ffffff;}
#menu li ul li.active a {background-color:#e21e20;}
#menu li ul li a:hover {background-color:#ea7475;}


#nav .black #menu li a {color:#333333;}
#nav .black #menu > li.active > a {color:#ffffff;}
#nav .black #menu > li.active a:hover {background-color:#e21e20; color:#ffffff;}
#nav .black #menu li a:hover {color:#848484; background-color:transparent;}
#nav .black #menu li ul li a {color:#ffffff;}
#nav .black #menu li ul li a:hover {background-color:#ea7475; color:#ffffff;}

#nav .white #menu li a {color:#ffffff;}
#nav .white #menu > li.active > a {color:#e21e20; background-color:#ffffff;}
#nav .white #menu > li.active a:hover {background-color:#ffffff; color:#e21e20;}
#nav .white #menu li a:hover {color:#f4bcbc;}

#nav .transparent {display:none !important;}

#languages {z-index:2000; right:0 !important; left:auto !important; width:130px; top:59px !important; text-align:right; }
#languages .languages-wrap {padding-right:59px;}
#languages a, #languages span.inactive {font-size: 13px; line-height: 20px; font-family: Montserrat; text-decoration:none;}

#languages .white span.inactive, #languages .transparent span.inactive {color:#f1a9a9;}
#languages .black span.inactive {color:#333;}
#languages .white a, #languages .transparent a {color:#fff;}
#languages a {color:#e21e20;}
#languages a:hover {text-decoration:underline;}


#languages span.separator {color:#c9c9c9;}
#languages .white span.separator , #languages .transparent span.separator {color:#f1a9a9;}

.mobile-languages {position:relative; z-index:5000; float:right; padding:10px 15px 0 0; display:none;}
.mobile-languages a, .mobile-languages span.inactive {font-size: 13px; line-height: 16px; font-family: Montserrat; text-decoration:none;}
.white .mobile-languages  span.inactive, .transparent .mobile-languages  span.inactive {color:#e21e20;}
.white .mobile-languages span.separator , .transparent .mobile-languages span.separator {color:#c9c9c9;}
.black .mobile-languages  span.inactive {color:#fff;}
.white .mobile-languages a, .transparent .mobile-languages a {color:#333;}
.mobile-languages a {color:#f1a9a9;}
.mobile-languages a:hover {text-decoration:underline;}

.mobile-languages span.separator {color:#f1a9a9;}

/***** Mobile Menu *****/
#mobile-nav-container {position:fixed; left:0 !important; top:0 !important; right:auto !important; bottom:auto !important; width:100% !important; z-index:-1; height:40px !important;}

#mobile-menu-button {display:none; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); cursor: pointer; position:absolute; left:0; top:0px; z-index:150; text-decoration:none; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color:#e21e20; color:#ffffff; font-size:15px; line-height:20px; font-family:Montserrat-Bold; padding:10px 15px 10px 58px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-transform:uppercase;}
#mobile-menu-button span.lines {position:absolute; top:11px; left:30px;}
#mobile-menu-button span.lines span {display: block; position: absolute; width:22px; height: 3px; background: #ffffff; border-radius: 2px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out;}
#mobile-menu-button span.lines span:nth-child(1) {top: 0px;}
#mobile-menu-button span.lines span:nth-child(2),#mobile-menu-button span:nth-child(3) {top: 6px;}
#mobile-menu-button span.lines span:nth-child(4) {top: 12px;}
#mobile-menu-button.close span.lines span:nth-child(1) {top: 6px; width: 0%; left: 50%;}
#mobile-menu-button.close span.lines span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#mobile-menu-button.close span.lines span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#mobile-menu-button.close span.lines span:nth-child(4) {top: 6px; width: 0%; left: 50%;}

#mobile-nav {display:none; position:fixed; left:0; top:40px; width:100%; z-index:1500; background-color:#e21e20;}

#mobile-nav-container .transparent {display:none !important;}
#mobile-nav-container .white #mobile-menu-button {color:#e21e20; background-color:#ffffff;}
#mobile-nav-container .white #mobile-menu-button span {background: #e21e20;}

#mobile-menu {list-style:none; padding-bottom:20px;}
#mobile-menu li {display:block;}
#mobile-menu li a {font-size:13px; text-transform:uppercase;font-family:Montserrat; text-decoration:none; line-height:18px; padding:6px 15px 6px 30px; display:block; color:#ffffff;}
#mobile-menu li ul li a {padding-left:40px;}
#mobile-menu > li.active > a {background-color:#ffffff; color:#e21e20;}
#mobile-menu > li > ul > li.active a {background-color:#ea7475; color:#ffffff;}
#mobile-menu li ul li a:before {content:"- ";}



#section-2015-by-the-numbers p,
#section-en-quelques-chiffres p {border-top: 4px solid #ffe8eb; display:block; padding:24px 0 70px 0; font-size:16px; line-height:24px;}
#section-2015-by-the-numbers p strong,
#section-en-quelques-chiffres p strong {border-top:4px solid #e11f1f; text-transform:uppercase; font-size:18px; display: block; line-height:24px; padding-top: 24px; margin-top: -28px; font-family:Montserrat;}

#section-2015-by-the-numbers p strong img{
    width: 100%;
    height: auto;
    padding-bottom: 15px;
}

.chart-wrapper {position:relative; position:relative; padding:40px 0; background-color:#e9e9e9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom:40px !important;}
.weblator-chart-container { float:right; margin-right:20px; }
.weblator-chart-container ul {float:left; list-style:none; position:absolute; top:0; left:20px; top:20px;}
.weblator-chart-container ul li {padding:0 !important;}
.weblator-chart-container ul li:before {content:none !important;  position:relative;}
.weblator-label, .weblator-chart-container ul li {zoom:1; position:relative; font-family: Montserrat !important; z-index:10; text-transform:uppercase; visibility:visible; opacity:1;}
.weblator-label {max-width:300px;}

/***** Sections *****/
.section {position:relative; z-index:1000; background:#ffffff;}
.section.no-height {min-height:0 !important;}

.section h1 {font-weight:normal; text-transform:uppercase; color:#e21e20; font-size:40px; line-height:44px; font-family:Montserrat-Bold; padding-bottom:49px;}

.section h2 {font-weight:normal; text-transform:uppercase; color:#e21e20; font-size:18px; line-height:24px; font-family:Montserrat-Bold; padding-bottom:23px; padding-top:23px; }/* margins+paddings padding-top:0; */
.section h2:after {content:""; width:48px; height:4px; display:block; background-color:#e21e20; margin-top:25px;}

.section h3 {font-weight:normal; text-transform:uppercase; color:#222222; font-size:18px; line-height:24px; font-family:Montserrat-Bold; padding-bottom:2px;}

.section h4 {font-weight:normal; text-transform:uppercase; color:#222222; font-size:18px; line-height:20px; font-family:Montserrat;}

.section h5 {font-weight:normal; text-transform:uppercase; color:#888888; font-size:14px; line-height:25px; font-family:Montserrat;}
.section h5 strong {font-weight:normal; font-family:Montserrat-Bold; color:#222222;}

.section h6 {font-weight:normal; text-transform:uppercase; color:#888888; font-size:13px; line-height:20px; font-family:Montserrat;}

.section p {padding-bottom:26px;}

.section ul {padding:0 0 26px 0; list-style:none;}
.section ul li {padding:2px 0 17px 46px; position:relative;}
.section ul li:before {content:""; display:inline-block; width:6px; height:6px; background-color:#e21e20; position:absolute; left:30px; top:13px; border-radius:100%;}

.section ol {padding:0 0 26px 0; list-style:none; counter-reset:elementcounter;}
.section ol li {padding:2px 0 2px 0;}
.section ol li:before {content:counter(elementcounter) ". "; counter-increment:elementcounter; font-weight:500; color:#e21e20;}

.section img {max-width:100%; height:auto; margin:5px 0 0 0;} /* margins+paddings margin:5px 0 21px 0; */
.section .column img {margin:0;}

.section img.aligncenter { clear: both; display: block; margin: 0 auto;}
.section img.alignleft { float:left; margin-right:10px;}
.section img.alignright { float:right; margin-left:10px;}


.section .image img {margin-top:0; margin-bottom:0;}

.section a {color:#e21e20;}
.section a:hover {text-decoration:none;}

.section .video {padding-top:5px; margin-bottom:25px} /* margins+paddings margin-bottom:0; */





/***** Columns *****/
.section .column {float:left; padding:0 0 0 0;} /* margins+paddings padding:25px 0 26px 0; */
.section .column.last {margin-right:0 !important;}

.section .column.one-half {width:48.15%; margin-right:3.7%;}

/*
.section .column.one-third {width:31.3%; margin-right:3.7%;}
.section .column.two-third {width:65%; margin-right:3.7%;}
*/

.section .column.one-third {width:31%; margin-right:3.5%;}
.section .column.two-third {width:65.5%; margin-right:3.5%;}

.section .cover-photo-container h2 {color:#fff;}
.section .cover-photo-container h2:after {background-color:#fff;}
.section .cover-photo-container h1 {color:#fff; font-size:60px; position:relative; z-index:2; line-height:60px;}
.section .cover-photo-container .large-image-container {width:120%; margin-left:-10%;}

/***** Content *****/
.content {max-width:848px; margin:0 auto; position:relative; z-index:2000; padding:108px 0 156px 0;}


/***** Section 0 Cover *****/
.section.cover {background-size:auto 100% !important; text-align:center;}
.section.cover h1 {color:#ffffff; font-weight:normal; font-family:Montserrat-Bold; text-transform:uppercase; font-size:176px; line-height:152px; letter-spacing:-9px; padding:9px 0 9px 0; position:relative;}
.section.cover h1:before {content:"#"; position:absolute; left:-124px; top:9px; display:none !important;}
.section.cover h2 {color:#ffffff; font-weight:normal; font-family:Montserrat; text-transform:uppercase; font-size:24px; line-height:29px; padding:0 0 0 17px;}
.section.cover h2:after {display:none;}
 
.section.cover .cover-content {max-width:none; display:inline-block; text-align:left; margin:0 auto;}

.cover-logo {position:absolute; left:60px; top:60px;}
.cover-logo.retina {display:none;}

@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (   min--moz-device-pixel-ratio: 1.5),
        only screen and (     -o-min-device-pixel-ratio: 3/2),
        only screen and (        min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 192dpi) {
    .cover-logo.normal {display:none;}
    .cover-logo.retina {display:block; max-width: 160px; margin:0 auto;}
}


#scroll-down-button {position:absolute; left:50%; margin-left:-20px; bottom:68px; width:40px; height:40px; background:rgba(255,255,255,0.5) url(images/arrow-down.png) no-repeat center 18px; background-size:14px auto !important; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
#scroll-down-button:hover {background-color:#ffffff;}


/***** Section 1-2 Slogan *****/
.section.background {background-color:#e21e20 !important; background-size:auto 100% !important; color:#ffffff;}
.section.background .image {width:126%; margin-left:-13%; position:relative;}
.section.background .image p {padding:0; max-width:200px; font-size:13px; line-height:20px; font-family:Montserrat; color:#ffffff; text-transform:uppercase; position:absolute; left:179px; bottom:26px;}
.section.background .image p:before {content:""; width:48px; height:4px; display:block; background-color:#ffffff; margin-bottom:20px;}


/***** Section 13 Board of Directors *****/
.section.directors img,
.section.management img {margin:0 0 11px 0;}
.section.directors h4,
.section.management h4 {padding-bottom:3px;}
.section.directors .column,
.section.management .column {padding:3px 0 33px 0;}


/***** Section 15 Awards *****/
.section.awards .column {padding-bottom:0;}
.section.awards h2 {padding-top:48px;}
.section.awards h2:first-of-type {padding-top:0;}

.section.awards p {font-weight:normal; text-transform:uppercase; color:#888888; font-size:14px; line-height:25px; font-family:Montserrat; padding:0;}
.section.awards p strong {font-weight:normal; font-family:Montserrat-Bold; color:#222222;}


/***** Section 3 Key Moments *****/
.section.key_moments .item-button {text-decoration:none; display:block; text-transform:uppercase; color:#888888; font-family:Montserrat-Bold; font-size:18px; line-height:24px; background: #eeeeee; position:relative; padding:20px 0 19px 20px; margin-bottom:10px; position:relative; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}

.section.key_moments .item-button .icon {display:block; width:32px; height:32px; position:absolute; right:16px; top:50%; margin-top:-16px; background: #cfcfcf url(images/plus.png) no-repeat center center; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; background-size:14px auto !important; -moz-transition: none !important; -webkit-transition: none !important; -o-transition: none !important;}

.section.key_moments .open .item-button {color:#e21e20; background-color:#ffffff;}
.section.key_moments .open .item-button .icon {background:#e21e20 url(images/minus.png) no-repeat center center; background-size: 14px auto !important;}
.section.key_moments .active .item-button {color:#e21e20; background-color:#ffffff;}
.section.key_moments .active .item-button .icon {background:#e21e20 url(images/minus.png) no-repeat center center; background-size: 14px auto !important;}
.section.key_moments .item-button:hover {color:#e21e20; background-color:#ffffff;}
.section.key_moments .item-button:hover .icon {background-color:#e21e20;}


.section.key_moments .item .item-body {position:relative; padding-left:119px; padding-top:60px;}
.section.key_moments .item-body .date {position:absolute; left:0; top:52px; width:65px; text-align:left; text-transform:uppercase; font-size:13px; font-family:Montserrat-Bold; color:#222222;}
.section.key_moments .item-body .comment {background-color:#ffffff; position:relative;}
.section.key_moments .item-body .comment .arrow {display:block; width:33px; height:16px; background: transparent url(images/key-moments-arrow.png) no-repeat left top; position:absolute; left:-33px; top:0;}
.section.key_moments .item-body .comment .dot {display:block; width:10px; height:10px; background-color:#e21e20; border:6px solid #f5f5f5; -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; position:absolute; left:-62px; top:-7px;}

.section.key_moments .item-body a {text-decoration:none;}
.section.key_moments .item-body a:hover .comment {background-color:#eeeeee}
.section.key_moments .item-body a:hover .arrow {-webkit-filter: contrast(86%); filter: contrast(86%);}
.section.key_moments .item-body .comment .text {padding:35px 40px 9px 30px; position:relative;}
.section.key_moments .item-body .comment .text p {font-size:16px; line-height:25px; color:#777777;}
.section.key_moments .item-body .comment .text.has-image {padding-left:140px;}
.section.key_moments .item-body .comment .text img {position:absolute; display:block; margin:0; width:80px; height:80px; left:30px; top:50%; margin-top:-40px; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px;}

.section.key_moments .item .inner {position:relative; padding:10px 0 60px 0; display:none;}
.section.key_moments .item.active .inner {display:block;}
.section.key_moments .item .inner .border {position:absolute; left:65px; top:65px; width:4px; height:85%; background-color:#dddddd;}
.section.key_moments .item .inner .border .top {position:absolute; left:0; top:-42px; width:4px; height:42px; background: transparent url(images/top-border.png) no-repeat left top;}
.section.key_moments .item .inner .border .bottom {position:absolute; left:0; bottom:-37px; width:4px; height:37px; background: transparent url(images/bottom-border.png) no-repeat left top;}







/***** Media Queries *****/
@media screen and (max-width: 1920px){
    #logo {top:87.7% !important;}
}

@media screen and (max-width: 1400px){
    #nav {width:230px; left:30px !important; top:92px !important;}
    #menu li a {font-size:11px; line-height:18px; font-family:Montserrat; padding:3px 10px 3px 10px;}
    #menu li ul {padding-left:10px;}
    #menu li ul li a {font-size:10px; line-height:16px; padding:1px 8px 0 8px;}

    .section.background .image {width:100%; margin-left:0;}

    .section .content {max-width:none; padding:98px 30px 80px 260px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .section.slogan .image {width:100%; margin-left:0%; margin-top:90px;}

    .section .large-image-container {width:100%; margin-left:0%;}
    .section .cover-photo-container .large-image-container {margin-left:0; width:100%;}

    #logo {display:none;}
    
    #nav .midnightInner {min-height:450px !important;}
}

@media screen and (max-height: 840px){
   /* .section.cover .cover-content {padding-top:240px !important;}
    .section.cover h1 {font-size:130px; line-height:114px; letter-spacing:-7px; padding:3px 0 3px 0; position:relative;}
    .section.cover h1:before {content:"#"; position:absolute; left:-91px; top:3px;}
    .section.cover h2 {padding:0 0 0 17px;}
    */    
}

@media screen and (max-width: 1300px){
    .section.cover h1 {font-size:130px; line-height:114px; letter-spacing:-7px; padding:3px 0 3px 0; position:relative;}
    .section.cover h1:before {content:"#"; position:absolute; left:-91px; top:3px;}
    .section.cover h2 {padding:0 0 0 17px;}
    .cover-logo {max-width:120px; height:auto;}
}

@media screen and (max-width: 1200px){
    .section.cover .cover-content {padding-top:240px !important;}

    body {font-size:15px; line-height:23px;}
    .section h1 {font-size:28px; line-height:32px; padding-bottom:38px;}
    .section h2 {padding-bottom:14px;}
    .section h2:after {margin-top:15px;}
    .section h4 {font-size:14px; line-height:20px;}
    .section h6 {font-size:11px; line-height:14px;}
    .section p {padding-bottom:23px;}

    .section .column {padding:0 0 0 0;}
    .section .column.one-third {width:48.15%; margin-right:3.7%;}
    .section .column.two-third {width:48.15%; margin-right:3.7%;}

    #section-2015-by-the-numbers .column.one-third,
    #section-en-quelques-chiffres .column.one-third {width:100% !important; float:none !important; margin-right:0 !important;}
    #section-2015-by-the-numbers p, #section-en-quelques-chiffres p {padding-bottom:25px;}

    .section.directors .column.one-third,
    .section.management .column.one-third {width:31%; margin-right:3.5%;}
    .section.awards .column.one-third {width:31%; margin-right:3.5%;}

    .section.slogan .image {margin-top:60px;}
    .section.slogan .image p {left:0; bottom:-41px;}

    #nav {top:72px !important;}

    .section .content {padding:78px 30px 80px 260px;}

    .section.directors img,
    .section.management img {margin:0 0 9px 0;}
    .section.directors h4,
    .section.management h4 {padding-bottom:7px;}

    .section.awards h2 {padding-top:39px;}
}


@media screen and (max-width: 840px){
    .cover-logo {max-width:180px; height:auto; margin:0 auto; padding-top:150px; float:none; position:relative; left:auto; top:auto; display:block;}
    .section.cover .cover-content {padding-top:57px !important;}
    .section.cover h1 {font-size:124px; line-height:108px; letter-spacing:-7px; padding:3px 0 3px 0;}
    .section.cover h1:before {content:"#"; position:absolute; left:-91px; top:3px;}
    .section.cover h2 {padding:0 0 0 0; display:block; text-align:center;}

    .section .cover-photo-container h1 {font-size:28px; line-height:32px;}

    .section .large-image-container {margin-top: 0 !important;}

    #nav {display:none !important;}
    #languages {display:none !important;}
    .mobile-languages {display:block;}
    .section .content {padding:78px 30px 80px 30px;}

    #mobile-menu-button {display:block; position:fixed; z-index:1500;}
    
    #mobile-nav-container {z-index:1500;}
}

@media screen and (max-height: 680px){
    .cover-logo {max-width:120px; padding-top:25px;}
    .section.cover h1 {font-size:130px; line-height:130px;  letter-spacing:-1px; padding:3px 0 3px 0; display:block; margin:0;}
    .section.cover h1:before {left:-40px;}
    .section.cover h2 {padding:15px 0 0 0; display:block; }
    #scroll-down-button {bottom:25px;}
}

@media screen and (max-width: 700px){
    .cover-logo {max-width:120px; padding-top:25px;}
    .section.cover h1 {font-size:44px !important; line-height:44px !important; letter-spacing:-1px; padding:3px 0 3px 0; display:block; width:210px; margin:0;}
    .section.cover h1:before {left:-40px;}
    .section.cover h2 {padding:15px 0 0 0; display:block;}
    #scroll-down-button {bottom:25px;}
}

@media screen and (max-height: 400px){
    .section.cover {padding-bottom:80px !important;}
}

@media screen and (max-width: 700px){
    #wrapper {overflow-x:hidden;}

    .weblator-chart-container {width:auto !important; height:auto !important;}
    .weblator-chart-container ul {position:static;}

    .section .content {padding:40px 15px 40px 15px;}
    body {font-size:14px; line-height:22px;}
    .section h1 {font-size:28px; line-height:32px; padding-bottom:25px;}
    .section h2 {padding-bottom:14px;}
    .section h2:after {margin-top:10px;}
    .section h4 {font-size:14px; line-height:20px;}
    .section h6 {font-size:11px; line-height:14px;}
    .section p {padding-bottom:18px;}

    .section .column {padding:0 0 0 0;}
    .section .column.one-half {width:100% !important; float:none !important; margin-right:0 !important;}
    .section .column.one-third {width:100% !important; float:none !important; margin-right:0 !important;}
    .section .column.two-third {width:100% !important; float:none !important; margin-right:0 !important;}

    .section.slogan {background-image:url(images/cover.jpg) !important; background-size:100% auto !important;}
    .section.slogan {padding-bottom:60px !important;}
    .section.slogan  img {max-width:80%; display:block; margin:0 auto;}
    .section.slogan .image {margin-top:40px;}
    .section.slogan .image img {max-width:100%;}
    .section.slogan .image p {left:0; bottom:-70px;}
    .section.slogan .image p:before {margin-bottom:10px;}


    #mobile-menu-button {padding:10px 15px 10px 43px;}
    #mobile-menu-button span.lines {left:15px;}
    #mobile-menu li a {padding:6px 15px 6px 15px;}
    #mobile-menu li ul li a {padding-left:25px;}

    /* .section img {margin-bottom:25px;} */
    .section img {margin-bottom:0;}

    .section.directors img,
    .section.management img {margin:0 0 4px 0; max-width:none; width:100%; height:auto;}
    .section.directors h4,
    .section.management h4 {padding-bottom:3px;}

    .section.awards p {padding-bottom:10px;}
    .section.awards p strong {display:block;}

    .section.key_moments .item-button {font-size:16px; line-height:22px; padding:10px 0 10px 15px;}
    .section.key_moments .item-button .icon {width:24px; height:24px; right:15px; margin-top:-12px; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; background-size:10px auto !important;}

    .section.key_moments .item.active .inner {padding-top:0; padding-bottom:30px;}
    .section.key_moments .item.active .inner .item-body:first-child {padding-top:0;}
    .section.key_moments .item .inner .border {display:none;}
    .section.key_moments .item .item-body {padding-left:0; padding-top:20px;}
    .section.key_moments .item-body .comment .dot, .section.key_moments .item-body .comment .arrow {display:none;}
    .section.key_moments .item-body .date {position:relative; top:auto; left:auto; padding-bottom:8px;}
    .section.key_moments .item-body .comment .text {padding:15px 15px 0 15px;}

    .section.key_moments .item-body .comment .text.has-image {padding-left:15px;}
    .section.key_moments .item-body .comment .text img {position:relative; left:auto; top:auto; margin:0 auto 10px auto;}

}