*,*:before,*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}


* {
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

html,body {
  height: 100%
}

html {
  font-size: 62.5%
}

body {
  font-family: 'Open Sans',sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased;
  box-shadow: 0 0 3px rgba(153,153,153,0.1);
  width: 100%;
  margin: 0 auto;
  background: #303030;
  color: #fff;
  background:url(/bg.webp) center center /cover no-repeat;
  background-attachment:fixed;
  overflow-x: hidden;
}

body:before{
  pointer-events:none;
  content:'';
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:linear-gradient(to bottom, #101010aa 15%, #30303020 30%, #30303020 50%, #101010aa 70%);
}
a {
  color: #2ba6cb;
  text-decoration: none;
  line-height: inherit
}

.text-center {
  text-align: center
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td {
  margin: 0;
  padding: 0;
  font-size: 14px;
  direction: ltr
}

p {
  font-family: inherit;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 17px
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'Open Sans',sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fafafa;
  text-rendering: optimizeLegibility;
  line-height: 1.1;
  margin-bottom: 14px;
  margin-top: 14px
}

h1 {
  font-size: 44px;
  margin-bottom: 44px
}

h2 {
  font-size: 28px;
  margin: 0;
  float:left;
}

h3 {
  font-size: 28px;
  margin:30px auto;
}

h4 {
  font-size: 20px
}

h5 {
  font-size: 17px
}

h6 {
  font-size: 14px
}
em,i {
  font-style: italic;
  line-height: inherit
}


.row {
  width: 980px;
  max-width: 100%;
  min-width: 768px;
  margin: 0 auto
}


.column,.columns {
  float: left;
  min-height: 1px;
  padding: 0 16px;
  position: relative
}

.twelve,.row .twelve {
  width: 100%
}

.row {
  *zoom:1}

.row:before,.row:after {
  content: " ";
  display: table
}

.row:after {
  clear: both
}

.reveal-modal {
  background: #000;
  color:white;
  display: none;
  top: 100px;
  left: 50%;
  margin-left: -260px;
  width: 520px;
  position: absolute;
  z-index:1000;
  padding: 0;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  box-shadow: 0 0 10px rgba(0,0,0,0.4)
}

[class^="icon-"],[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em
}
.icon-2x {
  font-size: 2em
}

[class^="icon-"],[class*=" icon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  margin-top: 0
}

p {
  font-family: inherit;
  font-weight: normal;
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 17px
}

.white-text {
  color: #fff
}


#btnGoUp {
  cursor: pointer;
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 47px;
  height: 44px;
  text-indent: -5555px;
  background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAABYBAMAAACXLrPmAAAAMFBMVEXMzMxMaXHMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMybKkxiAAAAEHRSTlMzAE0oAQ4jSC8aBBY1QDo4/DnfpwAAAglJREFUeF6FlL8vBEEUx4fl3EVjYlc4BZkrDg5HRKNxkUgkCtvREfRynW6j1Tgh6ju9uNOoRSOiuVql1PEXeDs3+97sj5d71U4++9kf33lvhDTlHp4E+Y27mlmORcA7Erpyfhx4VWHK8W1Q1Pcbp2mBA2HVFYEpEasGgus4KBiAAikGPCXBaA8UgyTINzWYEKk61mA/DYY1qKaBEwJPZJQPYCILHAPYygJDAKx3B/R2AJSHs0upAKDE1+mmHADaohp9iAMgIEG6kZ4HYAlS7kQrACS4t6AQCFDYztVAwUdVUaiK00hx8HPzIAiBSo5+sOGG6qnJtECRFEAIlX2MZCsW1BmGyMTObhS7tXwz8O3DNxzfonxTu4kxeO8/OPKFGTV2OPlx5g8A/siQxefPevlrs5kE0yNK13k7Dqa6ytRS2wben8Ja8S1wr6y6IDCuYrWK4DIO5gxAgRQDbpJgvge8ehKUfQ1mVKp+NbhJg3kNummwFIJplVFtAGNZYABAKwssAOjQkt62CGANV8sPeFkC8IqrH7qpAqCLQlNO4vcCqJMg3UgvA7AEKfeiFQASiuuk0KNAeKzUQMFHdVH4Vm+g4MvNFQhKoVKhH1wFQYHSy7REkZRACJUORtKKBfWBITKxsxvFbS3bDGz7sA3HtSjb1NwYsIPDjRo7nMw4NxIHwKDSNdvud2T8A23a3V/RbdEeAAAAAElFTkSuQmCC') no-repeat left top;
  z-index: 950
}

#btnGoUp:hover {
  background-position: left bottom
}

#allinsc {
  width:360px;
  position:relative;
  background: rgba(0,0,0,0.5);
  display: inline-block;
  overflow: hidden;
  min-height:645px;
  box-shadow: 0 0 20px 10px rgb(51 51 51 / 50%);
}

.carousel {
    display: flex;
    transition: transform 0.3s ease;
}

.carousel-item {
    flex: 0 0 100%;
}
.carousel-item img{float:left}


#footer {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  display:inline-block;
  width:100%;
}

#links a {
  float: left;
  line-height: 48px;
  width:33.33%;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0 0 10px;
  color:white;
}

.cgv {
  text-decoration: underline;
  line-height:50px!important;
  color:white;
}

.pop-cookies {
  position: fixed;
  bottom: 0;
  background: black;
  padding: 10px 10px 5px;
  width: 260px;
  left: 15px;
  line-height: 26px;
  border: 2px solid rgba(1255,255,255,0.2);
  z-index: 101;

}
.pop-cookies>a{color:white;}
.pop-cookies a.icon-2x {
  border-radius: 100%;
  width: 28px;
  height: 28px;
  line-height: 28px;
  background: white;
  color: black;
  display: inline-block;
  right: -14px;
  top: -14px;
  position: absolute;
  cursor: pointer
}

header {
  position: relative;
}

header>h1 {
  font-size: 32px;
  position: relative;
  width: 100%;
  margin: 20px 0;
  text-align: center;
  display: inline-block
}

header>h1 img {
  display: inline-block;
  height: 100px;
  width: 100px;
  opacity:.9;
}

header>h1 sup {
  float: left;
  width: 100%;
  line-height: 22px;
  font-size: 8px;
  display: inline-block;
  text-align: center;
  /*font-family: "Open sans";*/
  text-transform: uppercase;
  letter-spacing: 3px;
  position:relative;
}
/*
.carousel-dots {
  display: inline-block;
  text-align: center;
  position: absolute;
  left:0;
  margin-top:14px;
  width:100%;
}
.dot {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #999;
  margin: 0 10px;
  cursor: pointer;
  display: inline-block;
}

.dot.active {
  background-color: #fafafa;
}

.dot:hover {
  background-color: #aaa;
}
*/
header>h1 span{display:inline-block;width:100%;}
header>h1 small{display:none;}
section{text-align:center;width:100%;}
@media only screen and (max-width: 767px){


  body>section{
  overflow-x: hidden;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  height: 100vh;
  scroll-snap-stop: always;
  }

  header {
    position: fixed;
    left:0;
    top:0;
    width:100%;
    height:58px;
    z-index:4;
    background:url(/bg.webp) center center /auto no-repeat;
    overflow:hidden;
  }
header:before{
  pointer-events:none;
  content:'';
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:58px;
  background:#10101060;
}
  header a{color:white;}
  #allinsc, footer{  width: 100vw !important;scroll-snap-align: start;padding-top:58px;}
  .carousel img{width: 100vw;height:calc(100vh - 58px);object-fit: fill;}
  .column, .columns {
    width: auto !important;
    float: none;
    text-align: center;
    padding: 0;
    }

  .row {
    width: auto;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
  }


  .pop-cookies {
    width: calc(100vw - 15px);
    left: 0;
  }

  header>h1 {
    font-size:24px;
    top:0;
    margin:0;
    line-height:48px;
  }

  header>h1 img {
    float:left;
    height:40px;
    width:40px;
    margin:9px 0 0 10px;
  }

  header>h1 span{width:calc(100% - 100px);float:left;white-space:nowrap;height:58px;}
  header>h1 sup {
    top: -14px;
  }
  header>h1 small{width:50px;float:left;display:inline-block;height:58px;line-height:58px;font-size:30px;}

  
  #links{display:none;position:fixed;top:58px;left:0;bottom:0;right:0;max-height:calc(100vh - 58px);height:calc(100vh - 58px);background:#101010;z-index:1;overflow-y:auto;}
  body.show-menu #links{display:inline-block}
  body.show-menu{overflow:hidden;}
  #links a:first-of-type{border-top:1px solid rgba(255,255,255,.3);}
  #links a{width:100%;border-bottom:1px solid rgba(255,255,255,.3);line-height:52px;}
  #links h3{display:none;}
  
  .reveal-modal{
    width: 100%;
    left: 0;
    right: 0;
    margin: 0;
    top: 0;
    bottom: 0;
    position: fixed;
  }
}

#prevButton, #nextButton{cursor:pointer;position:absolute;z-index:1;font-size:40px;text-align:center;bottom:calc(50% - 58px);right:10px;width:48px;height:48px;line-height:40px;border-radius:100%;background:#00000050;color:white;}
#prevButton:hover, #nextButton:hover{background:#00000080;}
#prevButton{left:10px;right:auto;}
.reveal-modal>span{position:absolute;top:10px;right:10px;font-size:48px;cursor:pointer;}
.reveal-modal>div, .reveal-modal>form{width:100%;height:100%;overflow-y:auto;font-size:16px;padding:30px;margin:0}
input[type="text"], input[type="email"]{font-family:Arial;padding:0 4px;color:white;background:rgba(255,255,255,0.2);margin:10px 0;line-height:36px;font-size:16px;border:0;border-radius:4px;}
textarea{font-family:Arial;padding:0 4px;color:white;background:rgba(255,255,255,0.2);margin:10px 0;line-height:20px;font-size:16px;border:0;border-radius:4px;height:200px;width:100%;resize:none}
button{padding:0 40px;height:36px;float:right;cursor:pointer;background:#2ba6cb;color:white;font-size:16px;border:0;border-radius:4px;}
button:hover{background:#33bbdd;}