@font-face {
    font-family:'recife';
    src: url('../fonts/RecifeTextWeb-Book.eot');
    src: url('../fonts/RecifeTextWeb-Book.eot?#iefix') format('embedded-opentype'),        
         url('../fonts/RecifeTextWeb-Book.woff') format('woff'),
         url('../fonts/RecifeTextWeb-Book.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family:'grotesk';
    src: url('../fonts/hkgrotesk-regular-webfont.eot');
    src: url('../fonts/hkgrotesk-regular-webfont.eot?#iefix') format('embedded-opentype'),      
         url('../fonts/hkgrotesk-regular-webfont.woff') format('woff'),
         url('../fonts/hkgrotesk-regular-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family:'grotesk';
    src: url('../fonts/hkgrotesk-bold-webfont.eot');
    src: url('../fonts/hkgrotesk-bold-webfont.eot?#iefix') format('embedded-opentype'),        
         url('../fonts/hkgrotesk-bold-webfont.woff') format('woff'),
         url('../fonts/hkgrotesk-bold-webfont.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}


*{padding:0;margin:0;}

a{-webkit-transition:color 0.5s; -moz-transition:color 0.5s;-o-transition:color 0.5s;transition:color 0.5s;}
a,a:visited{color:inherit;outline:none;text-decoration:none;}
a:hover,a:focus{color:inherit;outline:none;text-decoration:none;}
a:hover{color:inherit;-webkit-transition:color 0.5s; -moz-transition:color 0.5s;-o-transition:color 0.5s;transition:color 0.5s;}
a.no-hover{color:inherit !important;}

p em a,p em a:hover{text-decoration:underline;}

html,body{font-family:'grotesk',sans-serif;font-weight:400;font-style:normal;font-size:17px;line-height:1.5;background-color:#80A3BC;color:#fff;text-align:left;-webkit-overflow-scrolling:touch;position:relative;height:100%;}

html,body,button,input,textarea{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;}

h1,h2,h3,h4,h5{font-family:'recife',serif;font-weight:400;font-style:normal;font-stretch:normal;line-height:1;margin:0;padding:0;}
b,strong{font-weight:700;font-style:normal;font-stretch:normal;}
p{margin:0;padding:0;font-size:1em;}
em{font-weight:500;font-style:normal;}

@media (min-width: 2000px) {
    html,body{font-size:18px;}
}

@media (max-width: 1279px) {
    html,body{font-size:16px;}
}

@media (max-width: 1024px) {
    html,body{font-size:15px;}
}

@media (max-width: 991px) {
    html,body{font-size:14px;}
}

@media (max-width: 767px) {
    html,body{font-size:14px;}
}


::-moz-selection { background:#b29c8d;color: #fff; text-shadow: none; }
::selection { background:#b29c8d; color: #fff; text-shadow: none; }

/* PACE */
.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.pace-inactive{display:none;}
.pace .pace-progress{background:#fff;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:1px;}

@media (max-width: 1023px) {
.pace .pace-progress{height:1px;}	
}

#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background:#80a3bc;z-index:500;}

#home{width:100%;height:auto;overflow:hidden;background:#80A3BC url(../img/sujet.jpg) center center no-repeat;background-size:auto 120%;position:relative;display:flex;align-items:center;justify-content:center;}




@media (max-width: 1023px) {
    .portrait #home{background-size:120% auto;}
}

#home img{display:block;width:40%;height:auto;}
#home h1{display:none;}
#home p.date{position:absolute;left:0;top:2em;width:100%;line-height:1;text-align:center;text-transform:uppercase;}
#home a{position:absolute;left:0;right:0;bottom:3.5em;width:10em;line-height:1;text-align:center;margin:auto;font-family:'recife';}
#home a:after{content:'';position:absolute;top:150%;left:0;right:0;width:25px;height:15px;margin:auto;background:url(../img/down.svg) center center no-repeat;background-size:100% auto;}
#home p.slogan{position:absolute;font-family:'recife';font-size:2em;line-height:1.2;text-align:center;text-transform:uppercase;margin:auto;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;}

.landscape #home p.slogan-left{bottom:50%;margin-bottom:-1.2em;left:1em;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}
.landscape #home p.slogan-right{bottom:50%;margin-bottom:-1.2em;right:1em;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}

@media (max-width: 1023px) {
    .landscape #home p.slogan-left{left:0;}
    .landscape #home p.slogan-right{right:0;}
}

@media (max-width: 991px) {
    .landscape #home p.slogan-left{left:-1em}
    .landscape #home p.slogan-right{right:-1em;}
    
}

@media (max-width: 767px) {
    #home p.slogan{font-size:1.5em;}
}

.portrait #home p.slogan-left{left:0;right:0;top:3em;}
.portrait #home p.slogan-right{left:0;right:0;bottom:3.5em;}
.portrait #home a{bottom:3em;}



#programm{padding:5em 30px 2em 30px;}
#programm h2{font-size:3em;text-align:center;text-transform:uppercase;padding:0;margin:0 0 1em 0;}

#programm h3{font-size:2em;line-height:1.2;text-align:center;padding:0;margin:0 0 1.5em 0;}
#programm h4{font-size:1.25em;line-height:1.2;text-align:center;padding:0;margin:0.5em 0;text-transform:uppercase;}


.programm-limit{width:100%;max-width:1280px;height:auto;margin:0 auto;}
.programm-row{height:auto;overflow:hidden;position:relative;}
.programm-row:after{content:'';width:1px;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:#fff;}
.programm-col{width:50%;height:auto;float:left;padding:2.5em 2.5em 0 2.5em;text-align:center;}
.item{display:block;width:100%;max-width:400px;height:auto;margin:0 auto 2.5em auto;}


@media (max-width: 1024px) {
    #programm h2{font-size:2.5em;}
    #programm h3{font-size:1.75em;}
    #programm h4{font-size:1.25em;}
}

@media (max-width: 991px) {
    #programm h2{font-size:2em;}
    #programm h3{font-size:1.5em;}
    #programm h4{font-size:1.125em;}
}

@media (max-width: 767px) {
    #programm h2{font-size:1.75em;margin:0 0 0.5em 0;}
    #programm{padding:5em 25px 2em 25px;}
    #programm p{font-size:0.9em;}
    .item{max-width:250px;}
}

@media (max-width: 650px) {
    .programm-row:after{display:none;}
    .programm-col{width:100%;height:auto;float:none;padding:2.5em 0 0 0;}
}

.stand{font-size:1em;margin:2em 0 4em 0;}
#programm .stand p{font-size:0.8em;text-align:center;margin:0;padding:0;}

#footer{font-size:0.9em;line-height:20px;padding:0 150px 10px 0;position:relative;}
#footer img{display:block;width:auto;height:60px;position:absolute;bottom:0;right:0;}
#footer a{text-decoration:underline;}

@media (max-width: 767px) {
    .stand{margin:2em 0 5em 0;}
    #programm .stand p{font-size:0.7em;}
    #footer{padding:0;}
    #footer img{height:40px;bottom:10px;}
}