@font-face {
    font-family: 'Special Elite';
    src: url('SpecialElite-Regular.woff2') format('woff2'),
        url('SpecialElite-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
	margin: 0;
	background-color: #ffffff;
	text-align: left;
	overflow: hidden;
	font-family: 'Special Elite';
}
section {
	display: none;
	position: absolute;
    left: 50%;
    top: 50%;
	width: 1920px;
	height: 1080px;
    margin-left: -960px;
    margin-top: -540px;
    transform-origin: 50% 50%;
	z-index: 999;
}


#section4{
  overflow: hidden;
}

video {
	width: 100%;
	height: auto;
}
button {
	display: inline-block;
	color: #812626;
	background-color:transparent;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 2REM;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
	font-weight: 600;
	padding: 70PX 70px 70px 78px;
	/* -moz-border-radius: 5px;
	-webkit-border-radius: 5px; */
	border-radius: 5px;
	border: 0.2px solid rgba(0,0,0,0.0);
	border-bottom-width: 3px;
	z-index: 1001;
	font-family: 'Special Elite';
	cursor: pointer;
}
.next {
	position: absolute;
	bottom: 100PX;
	right: 200px;
}

.prev {
	position: absolute;
	top: 775px;
	left: 10px;
}
.nextpageone {
	position: absolute;
	top: 575px;
	left: 335px;
}
span {
  
    line-height: 1.5;
}
/* Screen 2 buttons */

#next_screen2 {
  background-image: url('../img/next_bg.svg');
  background-size: 120%;
  background-repeat: no-repeat;
  position: absolute;
  width: 350px;
  height: 500px;
  background-position: center;
  height: auto;
  width: auto;
  bottom: 15px; 
  right: 20px; 
padding: 150px 70px 70px 78px;

}
#next_screen3 {
  background-image: url('../img/next_bg.svg');
  background-size: 120%;
  background-repeat: no-repeat;
  position: absolute;
  width: 350px;
  height: 500px;
  background-position: center;
  height: auto;
  width: auto;

padding: 150px 70px 70px 78px;

}

/* Screen 2 buttons */
#prev_screen2{
  background-image: url('../img/prev_bg.svg');
  background-size: 120%;
  background-repeat: no-repeat;
  position: absolute;
  width: 350px;
  height: 500px;
  background-position: center;
  height: auto;
  width: auto;

padding: 150px 70px 70px 78px;
  
}
/* Screen 3 buttons */
#prev_screen3{
  background-image: url('../img/prev_bg.svg');
  background-size: 120%;
  background-repeat: no-repeat;
  position: absolute;
  width: 350px;
  height: 500px;
  background-position: center;
  height: auto;
  width: auto;

padding: 150px 70px 70px 78px;
  
}
/* Screen 4 buttons */
#prev_screen4{
  background-image: url('../img/prev_bg.svg');
  background-size: 120%;
  background-repeat: no-repeat;
  position: absolute;
  width: 350px;
  height: 500px;
  background-position: center;
  height: auto;
  width: auto;

padding: 150px 70px 70px 78px;
  
}
/* common content styles */
div {
	position: absolute;
	opacity: 0;
	z-index: 1000;
    padding: 2px;
}

/* SCREEN 2 */
#maintitle2 {
	top: 102px;
	left: 138px;
    font-family: Helvetica, sans-serif;
	font-size: 64px;
	color: #63c2fa;
    text-transform: uppercase;
    letter-spacing: 14px;
    text-shadow: 2px 2px #777;
}
#bodycopy2 {
	top: 168px;
	left: 148px;
	width: 633px;
    font-family: Helvetica, sans-serif;
	font-size: 24px;
	line-height: 1.5;
	color: #fff;
}
#other2 {
	top: 380px;
	left: 135px;
}

/* SCREEN 3 */
#maintitle3 {
	top: 112px;
	right: 100px;
  font-family: 'Special Elite';
	font-size: 40px;
  line-height: 45px;
  letter-spacing: 1px;
	color: #071B6D;
  font-weight: 700;
  opacity:  1;
  text-align: right;
}
#bodycopy3 {
	top: 238px;
	right: 100px;
	width: 400px;
  opacity:  1;
  font-family: 'Special Elite';
	font-size: 23px;
	line-height: 23px;
  font-weight: 600;
	color: #3A3A3A;
  background-color: transparent;
  justify-self: right;
  text-align: justify;
}
#other3 {
	top: 160px;
	left: 100px;
}
.image {
	width: 600px;
}

/* SCREEN 4 */


#section4{
  background-image: url("../img/paper.jpeg");
  background-size: cover ;
  background-repeat: no-repeat;
}
#maintitle4 {
	top: 112px;
	right: 100px;
  font-family: 'Special Elite';
	font-size: 40px;
  line-height: 45px;
  letter-spacing: 1px;
	color: #071B6D;
  font-weight: 700;
  opacity:  1;
  text-align: right;;
}
#bodycopy4 {
	top: 238px;
	right: 100px;
	width: 400px;
  opacity:  1;
  font-family: 'Special Elite';
	font-size: 23px;
	line-height: 23px;
  font-weight: 600;
	color: #3A3A3A;
  background-color: transparent;
  justify-self: right;
  text-align: justify;
}
#other4 {
	top: 380px;
	left: 135px;	
}
#other4 video {
    width: 635px;
    border-top: 4px solid rgba(0,0,0,1.0);
    border-right: 4px solid rgba(0,0,0,1.0);
    border-bottom: 6px solid rgba(0,0,0,1.0);
    border-left: 4px solid rgba(0,0,0,1.0);
}

/* carrousel */

.video {
  margin-bottom: 36px;
  opacity: 1;
  position: relative;
  overflow: hidden;

}
#videoinside{
  width: 560px;
  height: 315px;
  
}
.video figure .wrapper {
  height: 0;
  padding: 0;
  padding-top: 56.25%;
  padding-top: calc(90% / 16);
  position: relative;
  opacity: 1;
}

.video figure .wrapper iframe {
  height: 100%;
  
  left: 0;
  position: absolute;
  top: 0;
  opacity: 1;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  scale: 2.8;
 
}
/* .video iframe{
 min-width: 560px;
  min-height: 315px;
} */

.video-carrousel {
  display: inline-block;
  position: relative;
  top:200px;
  height: 550px;
width: 50%;
opacity: 1;
left:0;
}
.video-carrousel input {
  display: none;
}

.video-carrousel input+.video-carrousel__item {
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
  display: inline-block;
  left: 0;
  height: 100%;
  margin-right: -4px;
  opacity: 1;
  position: absolute;
  vertical-align: middle;
  width: 100%;
  z-index: 1;
}

.video-carrousel input+.video-carrousel__item .thumb {
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
 
  border-radius: 7px;
  cursor: pointer;
 display: block;
  height: 100%;
  opacity: 0;
  transform: translateX(-170%);
  overflow: hidden;
  padding: 6px;
  position: relative;
  width: 60%;
}

.video-carrousel input+.video-carrousel__item .thumb .btn-play {
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  background: rgba(33,117,217,0.8);
  border: none;
  border-radius: 7px;
  color: white;
  cursor: pointer;
  font-size: 30px;
  left: calc(50% - 25px);
  position: absolute;
  opacity: 0;
  padding: 13px 12px 12px 18px;
  pointer-events: none;
  top: calc(50% - 34px);
}

.video-carrousel input+.video-carrousel__item .thumb .btn-play:hover {
  background: white;
  color: #2175d9;
}

.video-carrousel input+.video-carrousel__item .thumb img {
  border-radius: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: auto;
  height: 100%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@media screen and (min-width: 600px) {
  .video-carrousel input+.video-carrousel__item .thumb img {
      height:auto;
      width: 100%;
  }
}

.video-carrousel input+.video-carrousel__item .btn-switch {
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  color: #FFF;
  cursor: pointer;
  font-size: 22px;
  line-height: 50px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 25px);
  height: 50px;
  width: 50px;
}

.video-carrousel input+.video-carrousel__item .btn-switch.btn-prev {
  left: 12px;
  padding-left: 14px;
}

.video-carrousel input+.video-carrousel__item .btn-switch.btn-prev:icon-arrow-left {
  font-family: 'rnl-icons';

  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.video-carrousel input+.video-carrousel__item .btn-switch.btn-next {
  padding-left: 18px;
  right: 12px;
}

.video-carrousel input+.video-carrousel__item .video {
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  background: rgba(0,0,0,0.9);
  opacity: 0;
  padding: 12px;
  position: absolute;
  top: 60%;
  margin-bottom: 0;
  pointer-events: none;
  width: 0;
  text-align: center;
  z-index: 10;
  height: 0;
  left: 50%;
}

.video-carrousel input+.video-carrousel__item .video .btn-close {
  border: none;
  color: rgb(255, 255, 255);
  cursor: pointer;
  padding: 0 0px;
  position: absolute;
  right: 5px;
  top: 9px;
  font-size: 32px;
  z-index: 500000;
}

@media screen and (min-width: 600px) {
  .video-carrousel input+.video-carrousel__item .video .btn-close {
      right:20;
      top: 10;
  }
}

.video-carrousel input+.video-carrousel__item .video iframe {
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  height: 300%;
  width: 300%;
}

.video-carrousel input+.video-carrousel__item.left {
  opacity: 1;
  z-index: 2;
}

.video-carrousel input+.video-carrousel__item.left .thumb {
  -ms-transform: translateX(-69%);
  -webkit-transform: translateX(-69%);
  transform: translateX(-69%);
  opacity: 0.5;
  pointer-events: auto;
}

.video-carrousel input+.video-carrousel__item.center {
  opacity: 1;
  z-index: 3;
}

.video-carrousel input+.video-carrousel__item.center .thumb {
  width: 100%;
  left: 0;
  opacity: 1;
  pointer-events: auto;
  top: 0;
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.video-carrousel input+.video-carrousel__item.center .thumb .btn-play {
  opacity: 1;
  pointer-events: auto;
}

@media screen and (min-width: 1200px) {
  .video-carrousel input+.video-carrousel__item.center .thumb {
      -ms-transform:translateX(33%);
      -webkit-transform: translateX(33%);
      transform: translateX(33%);
      width: 60%;
     
  }
}

.video-carrousel input+.video-carrousel__item.center .active-dot {
  display: block;
}

.video-carrousel input+.video-carrousel__item.center .btn-switch {
  opacity: 1;
  pointer-events: auto;
}

.video-carrousel input+.video-carrousel__item.center .btn-switch.btn-prev:hover {
  padding-left: 8px;
}

.video-carrousel input+.video-carrousel__item.center .btn-switch.btn-next:hover {
  padding-left: 24px;
}

.video-carrousel input+.video-carrousel__item.center .toggle-video:checked+.video {
  height: calc(100% + 103px);
  left: -18px;
  right: -18px;
  top: -22px;
  width: calc(100% - 5px);
  opacity: 1;
  pointer-events: auto;
  display: block;
}

.video-carrousel input+.video-carrousel__item.center .toggle-video:checked+.video iframe {
  height: 100%;
  width: 100%;
}

@media screen and (min-width: 800px) {
  .video-carrousel input+.video-carrousel__item.center .toggle-video:checked+.video iframe {
      width:100%
  }
}

.video-carrousel input+.video-carrousel__item.right {
  opacity: 1;
  z-index: 2;
}

.video-carrousel input+.video-carrousel__item.right .thumb {
  -ms-transform: translateX(135%);
  -webkit-transform: translateX(135%);
  transform: translateX(135%);
  opacity: 0.5;
  pointer-events: auto;
}

.video-carrousel input+.video-carrousel__item.right-out {
  opacity: 1;
  z-index: 1;
}

.video-carrousel input+.video-carrousel__item.right-out .thumb {
  -ms-transform: translateX(235%);
  -webkit-transform: translateX(235%);
  transform: translateX(235%);
  opacity: 0;
}

.video-carousel-nav {
  margin-top: 165px;
  margin-left:369px;
  opacity:1;
}

.video-carousel-nav ul {
  text-align: center;
  opacity: 1;
}

.video-carousel-nav ul li {
  display: inline-block;
  height: 25px;
  opacity: 1;
}

.video-carousel-nav ul li label {
display: block;
}

.video-carousel-nav ul li label,.video-carousel-nav ul li .toggle a,.toggle .video-carousel-nav ul li a {
  background: #bcd5f3;
  border-radius: 5px;
  cursor: pointer;
  margin: 0 1px 1px 0;
  position: relative;
  height: 20px;
  width: 20px;
}

.video-carousel-nav ul li label.active:after,.video-carousel-nav ul li .toggle a.active:after,.toggle .video-carousel-nav ul li a.active:after {
  background: #043b1b;
  border-radius: 3px;
  content: "";
  display: block;
  height: 12px;
  width: 12px;
  position: absolute;
  top: calc(50% - 6px);
  left: calc(50% - 6px);
}

.video-carousel-nav ul li label:hover,.video-carousel-nav ul li .toggle a:hover,.toggle .video-carousel-nav ul li a:hover {
  height: 22px;
  width: 22px;
  margin: -1px 0 0 -1px;
}







/* svg */

.cls-1 {
	filter: url(#drop-shadow-10);
  }

  .cls-2 {
	mix-blend-mode: multiply;
	opacity: .66;
  }

  .cls-3 {
	fill: #f5e2bc;
  }

  .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9, .cls-10, .cls-11, .cls-12, .cls-13, .cls-14, .cls-15, .cls-16, .cls-17, .cls-18, .cls-19, .cls-20, .cls-21, .cls-22, .cls-23, .cls-24, .cls-25, .cls-26, .cls-27, .cls-28, .cls-29, .cls-30, .cls-31, .cls-32, .cls-33, .cls-34, .cls-35, .cls-36, .cls-37, .cls-38, .cls-39, .cls-40, .cls-41, .cls-42, .cls-43, .cls-44, .cls-45, .cls-46, .cls-47, .cls-48, .cls-49, .cls-50, .cls-51, .cls-52, .cls-53, .cls-54, .cls-55, .cls-56, .cls-57, .cls-58, .cls-59, .cls-60, .cls-61, .cls-62, .cls-63, .cls-64, .cls-65, .cls-66, .cls-67, .cls-68, .cls-69, .cls-70, .cls-71, .cls-72, .cls-73, .cls-74, .cls-75, .cls-76, .cls-77, .cls-78, .cls-79, .cls-80, .cls-81, .cls-82, .cls-83, .cls-84, .cls-85, .cls-86, .cls-87 {
	stroke-width: 0px;
  }

  .cls-4 {
	fill: #838199;
  }

  .cls-88 {
	filter: url(#drop-shadow-7);
  }

  .cls-5 {
	fill: #67607d;
  }

  .cls-6 {
	fill: #7b7c95;
  }

  .cls-7 {
	fill: #d9dae6;
  }

  .cls-8 {
	fill: #78738d;
  }

  .cls-9 {
	fill: #000;
  }

  .cls-10 {
	fill: #bfc0d0;
  }

  .cls-11 {
	fill: #cdcedb;
  }

  .cls-12 {
	fill: #cac8d6;
  }

  .cls-89 {
	opacity: .5;
  }

  .cls-13 {
	fill: #dddfe9;
  }

  .cls-90 {
	fill: #ceaa80;
  }

  .cls-90, .cls-91, .cls-92, .cls-93, .cls-94, .cls-95, .cls-96, .cls-97, .cls-98 {
	stroke-miterlimit: 10;
  }

  .cls-90, .cls-91, .cls-95, .cls-97 {
	stroke-width: .754px;
  }

  .cls-90, .cls-91, .cls-97 {
	stroke: #704f49;
  }

  .cls-14 {
	fill: #514e6e;
  }

  .cls-15 {
	fill: #fae2b3;
  }

  .cls-16 {
	fill: #f0e1c5;
  }

  .cls-17 {
	fill: #423f62;
  }

  .cls-18 {
	fill: #7a758e;
  }

  .cls-19 {
	fill: #468f71;
  }

  .cls-99 {
	filter: url(#drop-shadow-4);
  }

  .cls-91 {
	fill: #e9c28e;
  }

  .cls-100 {
	clip-path: url(#clippath-2);
  }

  .cls-20 {
	fill: #00785b;
  }

  .cls-101 {
	isolation: isolate;
  }

  .cls-21 {
	fill: url(#linear-gradient-3);
  }

  .cls-21, .cls-49, .cls-58 {
	fill-rule: evenodd;
  }

  .cls-22 {
	fill: #b7becd;
  }

  .cls-102 {
	opacity: .33;
  }

  .cls-23 {
	fill: #555070;
  }

  .cls-92 {
	fill: url(#linear-gradient-5);
	stroke-width: .094px;
  }

  .cls-92, .cls-94, .cls-96, .cls-98 {
	stroke: #774e1e;
  }

  .cls-24 {
	fill: #655f7c;
  }

  .cls-25 {
	fill: #c3c8d6;
  }

  .cls-26 {
	fill: #756e8a;
  }

  .cls-103 {
	opacity: .2;
  }

  .cls-104 {
	filter: url(#drop-shadow-8);
  }

  .cls-27 {
	fill: #e7e0d7;
  }

  .cls-28 {
	fill: #dbdce7;
  }

  .cls-29 {
	fill: #8c612a;
  }

  .cls-30 {
	fill: #615d7b;
  }

  .cls-105, .cls-106 {
	opacity: .64;
  }

  .cls-31 {
	fill: #006048;
  }

  .cls-93 {
	fill: #fff;
	opacity: .32;
	stroke: url(#linear-gradient-4);
	stroke-width: 2.261px;
  }

  .cls-107 {
	filter: url(#drop-shadow-11);
  }

  .cls-32, .cls-108, .cls-109 {
	fill: none;
  }

  .cls-110 {
	filter: url(#drop-shadow-1);
  }

  .cls-33 {
	fill: #726e89;
  }

  .cls-34 {
	fill: url(#radial-gradient);
	filter: url(#drop-shadow-3);
  }

  .cls-111 {
	clip-path: url(#clippath-1);
  }

  .cls-35 {
	fill: #e2dfe0;
  }

  .cls-36 {
	fill: #c1954d;
  }

  .cls-37 {
	fill: #9fa2b5;
  }

  .cls-38 {
	fill: #f7e6c7;
  }

  .cls-39 {
	fill: #e9e9f5;
  }

  .cls-112 {
	filter: url(#drop-shadow-6);
  }

  .cls-40 {
	fill: #ece0ce;
  }

  .cls-41 {
	fill: #b3b5c6;
  }

  .cls-42 {
	fill: #b18541;
  }

  .cls-113 {
	opacity: .15;
  }

  .cls-43 {
	fill: #f3e8d6;
  }

  .cls-114 {
	opacity: .23;
  }

  .cls-44 {
	fill: #c3c2d1;
  }

  .cls-108 {
	stroke: #465f21;
	stroke-width: .1px;
  }

  .cls-108, .cls-109 {
	stroke-linecap: round;
	stroke-linejoin: round;
  }

  .cls-94 {
	fill: url(#linear-gradient-8);
  }

  .cls-94, .cls-96, .cls-98 {
	stroke-width: .075px;
  }

  .cls-45 {
	fill: #ca9e53;
  }

  .cls-46 {
	fill: #af281b;
  }

  .cls-47 {
	fill: #aa473f;
  }

  .cls-48 {
	fill: #9696ab;
  }

  .cls-49 {
	fill: url(#linear-gradient);
  }

  .cls-115 {
	filter: url(#drop-shadow-5);
  }

  .cls-50 {
	fill: #ad3d2d;
  }

  .cls-51 {
	fill: #8f8da3;
  }

  .cls-52 {
	fill: #fbe5b8;
  }

  .cls-53 {
	fill: #9c95a9;
  }

  .cls-54 {
	fill: #cbccda;
  }

  .cls-95 {
	fill: #704f49;
	stroke: #e9c28e;
  }

  .cls-55 {
	fill: #a7a1b4;
  }

  .cls-56 {
	fill: #acaabc;
  }

  .cls-116 {
	filter: url(#drop-shadow-2);
  }

  .cls-57 {
	fill: #ddd5c1;
  }

  .cls-58 {
	fill: url(#linear-gradient-2);
  }

  .cls-59 {
	fill: #8a89a0;
  }

  .cls-117 {
	clip-path: url(#clippath);
  }

  .cls-60 {
	fill: #9894aa;
  }

  .cls-61 {
	fill: #301401;
  }

  .cls-62 {
	fill: #676682;
  }

  .cls-63 {
	fill: #855b27;
  }

  .cls-118 {
	clip-path: url(#clippath-3);
  }

  .cls-109 {
	stroke: #855b27;
	stroke-width: .25px;
  }

  .cls-96 {
	fill: url(#linear-gradient-6);
  }

  .cls-106 {
	mix-blend-mode: color-dodge;
  }

  .cls-119 {
	filter: url(#drop-shadow-9);
  }

  .cls-64 {
	fill: #abadbf;
  }

  .cls-65 {
	fill: #bebaca;
  }

  .cls-66 {
	fill: #868099;
  }

  .cls-67 {
	fill: #a7a8ba;
  }

  .cls-68 {
	fill: #ebecf6;
  }

  .cls-69 {
	fill: #a7aabc;
  }

  .cls-97 {
	fill: #bc9c75;
  }

  .cls-70 {
	fill: #b4b6c6;
  }

  .cls-71 {
	fill: #9a6f32;
  }

  .cls-72 {
	fill: #9296ab;
  }

  .cls-73 {
	fill: #202020;
  }

  .cls-74 {
	fill: #c1492b;
  }

  .cls-75 {
	fill: #d8d7e3;
  }

  .cls-76 {
	fill: #dab569;
  }

  .cls-77 {
	fill: #9ca0b4;
  }

  .cls-78 {
	fill: #cfd3df;
  }

  .cls-79 {
	fill: #f0eae4;
  }

  .cls-120 {
	opacity: .59;
  }

  .cls-80 {
	fill: #545271;
  }

  .cls-81 {
	fill: #b2adbe;
  }

  .cls-82 {
	fill: #ffe3a9;
  }

  .cls-83 {
	fill: #abb4c4;
  }

  .cls-84 {
	fill: #a8abbd;
  }

  .cls-85 {
	fill: #c0c2d0;
  }

  .cls-86 {
	fill: #918aa0;
  }

  .cls-98 {
	fill: url(#linear-gradient-7);
  }

  .cls-87 {
	fill: #a97d3b;
  }