@font-face {
  font-family: __canalFont_3a14ea;
  src: url(9736d76a29e0f522-s.p.woff2) format("woff2");
  font-display: swap;
  font-weight: 700
}

@font-face {
  font-family: __canalFont_3a14ea;
  src: url(3928ae2952555aef-s.p.woff2) format("woff2");
  font-display: swap;
  font-weight: 700;
  font-style: italic
}

@font-face {
  font-family: __canalFont_3a14ea;
  src: url(192998a82791dae1-s.p.woff2) format("woff2");
  font-display: swap;
  font-weight: 400;
  font-style: italic
}

@font-face {
  font-family: __canalFont_Fallback_3a14ea;
  src: local("Arial");
  ascent-override:102.15%;descent-override:27.88%;line-gap-override:0.00%;size-adjust:95.45%}



body, html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: black;
  font-family: __canalFont_3a14ea,__canalFont_Fallback_3a14ea,sans-serif;
  font-display: swap;
  font-weight: 400;
  font-style: italic
}
.lang{
  background-color:#fff;
  position : fixed;
  top:20px;
  left:20px;
  padding: 4px 6px 3px;
}
.lang a{
  text-decoration: none;
  color:black;
}
.lang a:hover{
  text-decoration: none;
  color:black;
}
section{
        background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
      }
      .section1 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_01.jpg");
      }

      .section2 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_02.jpg");
      }

      .section3 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_03.jpg");
      }

      .section4 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_04.jpg");
      }

      .section5 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_05.jpg");
      }
      .section6 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_06.jpg");
      }

      .section7 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_07.jpg");
      }

      .section8 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_08.jpg");
      }

      .section9 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_09.jpg");
      }

      .section10 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_10.jpg");
      }
      .section11 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_11.jpg");
      }

      .section12 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_12.jpg");
      }

      .section13 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_13.jpg");
      }

      .section14 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_14.jpg");
      }

      .section15 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_15.jpg");
      }
         .section16 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_16.jpg");
      }

      .section17 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_17.jpg");
      }
      .section18 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_18.jpg");
      }

      .section19 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_19.jpg");
      }

      .section20 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_20.jpg");
      }

      .section21 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_21.jpg");
      }

      .section22 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_22.jpg");
      }

      .section23 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_23.jpg");
      }

      .section24 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_24.jpg");
      }

      .section25 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_25.jpg");
      }

      .section26 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_26.jpg");
      }
      .section27 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_27.jpg");
      }
      .section28 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_28.jpg");
      }
      .section29 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_29.jpg");
      }
      .section30 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_30.jpg");
      }
      .section31 {
        background-image: url("img/CANALPLUS_GRAPHIC_GUIDELINES_Page_31.jpg");
      }

      section div {
        font-family: "Open Sans";
        font-style: normal;
        text-align: center;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
      }

      span {
        font-size: 4em;
        font-style: normal;
        color: #fff;
      }

.scroll-container {
	width: calc(100% - 150px);
	height: 100%;
	position: relative;
	margin: 0 0 0 150px;
	padding: 0;
}

.scroll-container section {
	width: 100%;
	height: 100%;
}

.dots {	
	z-index: 1;
	list-style: none;
	padding: 0;
	position: absolute;	
    top: 50%;
    -webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dots li a {
	padding: 10px 10px 10px 30px;
	width: 4px;
	height: 5px;
	display: block;
	color:white;
	line-height: 0.7;
	text-decoration: none;
	font-size: 12px;
}

.dots li a:before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	left:10px;
	background: white;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;	
	-webkit-transition: -webkit-transform 0.3s ease, background-color 0.3s ease;
	-moz-transition: -moz-transform 0.3s ease, background-color 0.3s ease;
	-ms-transition: -ms-transform 0.3s ease, background-color 0.3s ease;
	-o-transition: -o-transform 0.3s ease, background-color 0.3s ease;
	transition: transform 0.3s ease, background-color 0.3s ease;
}

.dots li a.active:before {
	content:  "";
	background-color: white;
	width: 14px;
	height: 14px;
	margin-top: -4px;
	left: 7px; 
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);
}
.dots li a.active {
font-weight:700;
	
}
.dots li a:hover {

}
.dots-right {
	right: 10px;
}

.dots-left {
	left: 10px;
}
@media screen and (max-height: 640px) {
  .dots {
    height:85vh;
    overflow:auto;
    width:150px;
  }
}