/* GENERAL */
img { max-width: 100%; }
body {font-family: GothamRounded, Arial, sans-serif; color: #fff;}
h1 {margin-bottom: 30px; font-family: TikiTropic, Helvetica, Arial, sans-serif; font-size: 2.2rem; font-weight: normal; text-align: center; line-height: 2.4rem; color: #fff;}
h2 {margin-bottom: 10px; font-family: Gotham, Helvetica, Arial, sans-serif; font-size: 1.5rem; font-weight: 700; text-align: center; line-height: initial; color: #fff;}
p {font-family: GothamRounded, Helvetica, Arial, sans-serif; color: #fff; font-size: 1.2rem; font-weight: normal; line-height: initial; color: #fff;}
p strong {font-family: Gotham, Helvetica, Arial, sans-serif; color: #fff; font-weight: 700;}
a {}
/*@font-face {
	font-family: 'Gotham';
	src: url('../fonts/Gotham-Medium.eot');
	src: url('../fonts/Gotham-Medium.woff2') format('woff2'),
		url('../fonts/Gotham-Medium.woff') format('woff'),
		url('../fonts/Gotham-Medium.ttf') format('truetype'),
		url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg'),
		url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype');
	font-weight: 300;
	font-style: 300;
}*/
@font-face {
	font-family: 'Gotham';
	src: url('../fonts/Gotham-Bold.eot');
	src: url('../fonts/Gotham-Bold.woff2') format('woff2'),
		url('../fonts/Gotham-Bold.woff') format('woff'),
		url('../fonts/Gotham-Bold.ttf') format('truetype'),
		url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg'),
		url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype');
	font-weight: 500;
	font-style: 500;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Black.eot');
  src: url('../fonts/Gotham-Black.woff2') format('woff2'),
       url('../fonts/Gotham-Black.woff') format('woff'),
       url('../fonts/Gotham-Black.ttf') format('truetype'),
       url('../fonts/Gotham-Black.svg#Gotham-Black') format('svg'),
       url('../fonts/Gotham-Black.eot?#iefix') format('embedded-opentype');
  font-weight: 700;
  font-style: 700;
}
@font-face {
	font-family: 'GothamRounded';
	src: url('../fonts/GothamRounded-Medium.eot');
	src: url('../fonts/GothamRounded-Medium.woff2') format('woff2'),
		url('../fonts/GothamRounded-Medium.woff') format('woff'),
		url('../fonts/GothamRounded-Medium.ttf') format('truetype'),
		url('../fonts/GothamRounded-Medium.svg#GothamRounded-Medium') format('svg'),
		url('../fonts/GothamRounded-Medium.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'TikiTropic';
	src: url('../fonts/TikiTropic.eot');
	src: url('../fonts/TikiTropic.woff2') format('woff2'),
		url('../fonts/TikiTropic.woff') format('woff'),
		url('../fonts/TikiTropic.ttf') format('truetype'),
		url('../fonts/TikiTropic.svg#TikiTropic') format('svg'),
		url('../fonts/TikiTropic.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

/* HEADER */
.navbar-dark .navbar-toggler {border-color: #fff; background-color: rgba(0, 0, 0, 0.2);}
#main-menu {background: transparent url("../images/header-bg.png") repeat-y center top; background-size: contain; border-bottom: 5px solid #fff;}
#header-drop {position: fixed; width: 130px; top: -10px; left: 11%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.navbar-brand {width: 22%; margin-top: -35px; margin-right: 0; margin-bottom: -55px; margin-left: 16%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#main-nav {margin-top: 10px;}
#main-nav .nav-item {margin: 5px 3px; padding: 0.5rem; vertical-align: middle; color: #641180; font-family: Gotham; font-size: 1.1rem; font-weight: 500; text-align: center; line-height: 1rem; letter-spacing: -1px; border-radius: 12px; background: linear-gradient(120deg, #ccc, #fff); transition: all .2s ease-in-out;}
#main-nav .nav-item:hover {color: #f3ca00; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.5); background: #7c0b80;}
#main-nav .nav-item.active {color: #f3ca00; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.5); background: #7c0b80;}
#main-nav .nav-item.fix {line-height: 2rem;}
#header-dnp {width: 23%; margin-top: -20px; margin-right: 5%; margin-bottom: -30px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}

.shrink .navbar-brand {width: 12%; margin-left: 23%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.shrink #header-dnp {width: 12%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.shrink #header-drop {left: 15%; width: 7%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}

/* SECTION 1 */
#section-01 {padding-top: 180px; background-color: #9A0081; border-bottom: 5px solid #fff;}
#section-01 .container {margin-bottom: 10px; padding-bottom: 20px; background: transparent url("../images/secc-01-bg.png") no-repeat 80% 0%; background-size: contain;}
#section-01 h1 {margin-top: 40px; margin-bottom: 0px; color: #FFDD00; font-size: 5rem; line-height: initial;}
#section-01 p {width: 75%; margin: 0 auto 30px auto; text-align: center;}

/* SECTION 2 */
#section-02 {padding-top: 20px; background-color: #00ABDE; border-bottom: 5px solid #fff;}
#section-02 .container {margin-top: 10px; margin-bottom: 30px; padding-bottom: 20px; background: transparent url("../images/secc-02-bg.png") no-repeat 15% 0%; background-size: contain;}
#section-02 h1 {margin-top: 40px; text-align: left;}
#section-02 p {margin-bottom: 20px; text-align: left;}

/* SECTION 3 */
#section-03 {padding-top: 10px; border-bottom: 5px solid #fff; background: #7861A2 url("../images/secc-03-bg.png") no-repeat center bottom; background-size: 100%;}
#section-03 .container {margin-bottom: 80px;}
#section-03 h1 {margin-top: 40px; margin-left: 10%; text-align: left;}
#section-03 p {width: 80%; margin-bottom: 20px; margin-left: 10%; text-align: left;}
#section-03 p:first-of-type {width: 100%;}

/* SECTION 4 */
#section-04 {padding-top: 10px; border-bottom: 5px solid #fff; background: #97BE13 url("../images/secc-040-bg.png") no-repeat 65% 15%; background-size: 45%;}
#section-04 .container {padding-bottom: 90px; background: transparent url("../images/secc-041-bg.png") no-repeat 18% 90%; background-size: 30%;}
#section-04 h1 {margin-top: 40px; margin-left: 5%; text-align: left;}
#section-04 p {width: 50%; margin-bottom: 20px; margin-left: 5%; text-align: left;}
#section-04 #double-content h1 {margin-top: 120px; margin-left: 20%; text-align: center;}
#section-04 #double-content p {width: 80%; margin-bottom: 20px; margin-left: 20%; text-align: left;}

/* SECTION 5 */
#section-05 {padding-top: 10px; border-bottom: 5px solid #fff; background: #E03F63 url("../images/secc-051-bg.png") no-repeat 85% 100%; background-size: 75%;}
#section-05 .container {margin-bottom: 30px; padding-bottom: 60px; background: transparent url("../images/secc-050-bg.png") no-repeat 93% 0%; background-size: 25%;}
#section-05 h1 {margin-top: 40px; margin-left: 5%; text-align: left;}
#section-05 p {width: 68%; margin-bottom: 20px; margin-left: 5%; text-align: left;}
#section-05 p#conpes-full-w {width: 100%; text-align: justify;}
#section-05 p#conpes-tit {width: 100%; margin-top: 40px; text-align: right;}
#section-05 img {width: 85%; margin-right: -5%; float: right;}

/* SECTION 6 */
#section-06 {padding-top: 340px; border-bottom: 5px solid #fff; background: #00ABDE url("../images/secc-06-bg.png") no-repeat 47% 0%; background-size: 60%;}
#section-06 .container {margin-bottom: 30px; padding-bottom: 20px; background: transparent url("../images/secc-06-bg-vert.png") no-repeat 50% 0%; background-size: contain;}
#section-06 #secc-06-col-l {padding-left: 6%;}
#section-06 #secc-06-col-r {padding-right: 6%;}
#section-06 h2 {text-align: center;}
#section-06 p {margin-bottom: 0px; text-align: center;}
#section-06 #secc-06-hero {margin-bottom: 10px;}
#section-06 #vert-separator {margin-top: 30px; margin-bottom: 30px;}

/* SECTION 7 */
#section-07 {padding-top: 60px; border-bottom: 5px solid #fff; background: #F8C00E url("../images/secc-07-bg.png") no-repeat 50% 5%; background-size: 80%;}
#section-07 .container {margin-bottom: 30px;}
#section-07 #video-01 {padding-top: 40px; padding-left: 7%; background: transparent url("../images/secc-07-pod-01-bg.png") no-repeat 0% 50%; background-size: 30%;}
#section-07 #video-02 {padding-top: 40px; padding-right: 7%; background: transparent url("../images/secc-07-pod-02-bg.png") no-repeat 100% 0%; background-size: 35%;}
#section-07 h1 {color: #900580; text-shadow: 2px 2px 1px #fff;}
#section-07 #video-01 h1 {font-size: 3.7rem;}
#section-07 #video-02 h1 {margin-left: 10%; font-size: 3rem; text-align: left; line-height: 2.0rem;}

/* SECTION 8 */
#section-08 {padding-top: 30px; border-bottom: 5px solid #fff; background: #53318A url("../images/secc-08-bg.png") no-repeat 50% 0%; background-size: cover;}
#section-08 .container {margin-bottom: 30px;}
#section-08 #sect-tit {text-align: center;}
#section-08 #sect-tit img {display: inline-block; width: 10%; margin: 0 2rem; }
#section-08 #sect-tit h1 {display: inline-block; margin-bottom: 0; font-size: 4.7rem; line-height: initial; vertical-align: middle;}
#section-08 #juego-01 a {background: transparent url("../images/secc-08-cta-01.png") no-repeat center bottom; background-size: 100%;}
#section-08 #juego-02 a {background: transparent url("../images/secc-08-cta-02.png") no-repeat center bottom; background-size: 100%;}
#section-08 a {display: block; padding-top: 240px; padding-bottom: 73px; color: #980181; font-size: 2.1rem; font-weight: bold; line-height: 1.9rem; text-align: center; transition: color 0.4s ease;}
#section-08 a:hover {text-decoration: none; color: #000;}

/* SECTION 9 */
#section-09 {padding-top: 30px; border-bottom: 5px solid #fff; background-color: #E6F4FB;}
#section-09 .container {margin-bottom: 30px;}
#section-09 #social-cloud {background: transparent url("../images/secc-09-social-bg.png") no-repeat center center; background-size: contain; text-align: center;}
#section-09 #social-cloud a {display: inline-block; width: 9%; margin: 0 1rem; padding: 100px 0; vertical-align: middle;}

/*FOOTER*/
footer {background: transparent url("../images/footer-bg.png") repeat-y center top; background-size: contain;}
footer p {margin: 30px 0 30px 0; font-family: Gotham, Helvetica, Arial, sans-serif; font-size: 1.1rem; font-weight: 500; line-height: 1.5rem; text-align: center; text-shadow: #000 0px 1px 1px;}
footer p span {font-size: 1.4rem;}


/* QUERIES */
@media (max-width: 575.98px) {
	#header-drop {display: none;}
	.navbar-brand {width: 50%; margin: -25px auto -50px auto}
	.shrink .navbar-brand {width: 28%; margin: -25px auto -50px auto}
	#header-dnp {width: 40%; margin: 0 auto; text-align: center; display: block;}
	.shrink #header-dnp {width: 40%;}
	#section-01 {padding-top: 100px;}
	#section-01 .container {padding-bottom: 240px; background-size: 80%; background-position: 10% 100%;}
	#section-01 h1 {margin-top: 0px; font-size: 4rem;}
	#section-01 p {width: 100%;}
	#section-02 .container {padding-bottom: 310px; background-size: 50%; background-position: 50% 100%;}
	#section-03 .container {padding-bottom: 50px;}
	#section-03 h1 {width: 100%; margin-left: 0%; text-align: center;}
	#section-03 p {width: 100%; margin-left: 0%; text-align: center;}
	#section-04 {background-image: none;}
	#section-04 .container {padding-bottom: 40px; background-image: url("../images/secc-042-bg.png"); background-position: 50% 42%; background-size: 90%;}
	#section-04 h1 {margin-left: 0%; text-align: center;}
	#section-04 p {width: 100%; margin-left: 0%; text-align: center;}
	#section-04 #double-content h1 {width: 100%; margin-top: 230px; margin-left: 0%;}
	#section-04 #double-content p {width: 100%; margin-left: 0%;}
	#section-05 {background-position: 0% 100%; background-size: 100%;}
	#section-05 .container {padding-bottom: 10px; background-image: none;}
	#section-05 h1 {width: 100%; margin-left: 0;}
	#section-05 p {width: 100%; margin-left: 0;}
	#section-05 p#conpes-full-w {text-align: left;}
	#section-05 img {width: 100%; margin-right: 0;}
	#section-06 {padding-top: 160px; background-size: 100%;}
	#section-06 .container {background-image: none;}
	#section-06 #secc-06-col-l {padding-left: 15px;}
	#section-06 #secc-06-col-r {padding-right: 15px;}
	#section-06 img {display: block; margin-right: auto; margin-left: auto;}
	#section-08 #sect-tit h1 {font-size: 3.2rem;}
	#section-08 a {padding-top: 240px; padding-bottom: 80px;}
	#section-09 {padding-top: 60px;}
	#section-09 #social-cloud a {width: 12%; margin: 0 0.6rem;}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	#header-drop {display: none;}
	.navbar-brand {width: 50%; margin: -25px auto -50px auto}
	.shrink .navbar-brand {width: 28%; margin: -25px auto -50px auto}
	#header-dnp {width: 40%; margin: 0 auto; text-align: center; display: block;}
	.shrink #header-dnp {width: 40%;}
	#section-01 {padding-top: 100px;}
	#section-01 .container {padding-bottom: 240px; background-size: 80%; background-position: 10% 100%;}
	#section-01 h1 {margin-top: 0px; font-size: 4rem;}
	#section-01 p {width: 100%;}
	#section-02 .container {padding-bottom: 310px; background-size: 50%; background-position: 50% 100%;}
	#section-03 .container {padding-bottom: 50px;}
	#section-03 h1 {width: 100%; margin-left: 0%; text-align: center;}
	#section-03 p {width: 100%; margin-left: 0%; text-align: center;}
	#section-04 {background-image: none;}
	#section-04 .container {padding-bottom: 40px; background-image: url("../images/secc-042-bg.png"); background-position: 50% 42%; background-size: 90%;}
	#section-04 h1 {margin-left: 0%; text-align: center;}
	#section-04 p {width: 100%; margin-left: 0%; text-align: center;}
	#section-04 #double-content h1 {width: 100%; margin-top: 230px; margin-left: 0%;}
	#section-04 #double-content p {width: 100%; margin-left: 0%;}
	#section-05 {background-position: 0% 100%; background-size: 100%;}
	#section-05 .container {padding-bottom: 10px; background-image: none;}
	#section-05 h1 {width: 100%; margin-left: 0;}
	#section-05 p {width: 100%; margin-left: 0;}
	#section-05 p#conpes-full-w {text-align: left;}
	#section-05 img {width: 100%; margin-right: 0;}
	#section-06 {padding-top: 160px; background-size: 100%;}
	#section-06 .container {background-image: none;}
	#section-06 #secc-06-col-l {padding-left: 15px;}
	#section-06 #secc-06-col-r {padding-right: 15px;}
	#section-06 img {display: block; margin-right: auto; margin-left: auto;}
	#section-08 #sect-tit h1 {font-size: 3.2rem;}
	#section-08 a {padding-top: 240px; padding-bottom: 80px;}
	#section-09 {padding-top: 60px;}
	#section-09 #social-cloud a {width: 12%; margin: 0 0.6rem;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	#header-drop {width: 10%;}
	.shrink #header-drop {left: 5%; width: 8%;}
	.navbar-brand {width: 40%; margin: -20px auto -40px auto;}
	.shrink .navbar-brand {width: 15%; margin: -10px auto -20px auto; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
	#header-dnp {margin: 0 auto; text-align: center; display: block;}
	.shrink #header-dnp {width: 23%;}
	#section-01 { padding-top: 140px;}
	#section-01 .container {padding-bottom: 320px; background-size: 58%; background-position: 30% 100%;}
	#section-01 p {width: 70%;}
	#section-02 {padding-top: 20px; text-align: center;}
	#section-02 .container {padding-bottom: 300px; background-size: 27%; background-position: 50% 100%;}
	#section-02 h1 {text-align: center;}
	#section-03 .container {margin-top: 20px; margin-bottom: 230px;}
	#section-03 h1 {width: 100%; margin-left: 0%; text-align: center;}
	#section-03 p {width: 100%; margin-left: 0%; text-align: center;}
	#section-04 {background-image: none;}
	#section-04 .container {padding-bottom: 40px; background-image: url("../images/secc-042-bg.png"); background-position: 50% 45%; background-size: 70%;}
	#section-04 h1 {margin-left: 0%; text-align: center;}
	#section-04 p {width: 100%; margin-left: 0%; text-align: center;}
	#section-04 #double-content h1 {width: 100%; margin-top: 330px; margin-left: 0%;}
	#section-04 #double-content p {width: 100%; margin-left: 0%;}
	#section-05 {background-position: 90% 100%; background-size: 85%;}
	#section-05 .container {padding-bottom: 30px; background-image: none;}
	#section-05 h1 {width: 100%; margin-left: 0;}
	#section-05 p {width: 100%; margin-left: 0;}
	#section-05 p#conpes-full-w {text-align: left;}
	#section-05 img {margin-right: 0;}
	#section-06 {padding-top: 250px; background-size: 80%;}
	#section-06 .container {background-image: none;}
	#section-06 #secc-06-col-l {padding-left: 15px;}
	#section-06 #secc-06-col-r {padding-right: 15px;}
	#section-06 img {display: block; margin-right: auto; margin-left: auto;}
	#section-07 #video-02 h1 {margin-left: auto; margin-right: auto; text-align: center;}
	#section-08 #sect-tit h1 {font-size: 3.5rem;}
	#section-08 a {padding-top: 240px; padding-bottom: 70px;}
	#section-09 {padding-top: 60px;}
	#section-09 #social-cloud a {width: 12%; margin: 0 0.6rem;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	#header-drop {width: 10%; left: 0;}
	.shrink #header-drop {left: 10%;}
	.navbar-brand {width: 30%; margin-left: 0%;}
	.shrink .navbar-brand {margin-left: 14%}
	#main-nav .nav-item {font-size: 1rem;}
	#header-dnp {width: 25%; margin-left: 0;}
	#section-01 {padding-top: 130px;}
	#section-01 .container {padding-bottom: 420px; background-size: 58%; background-position: 30% 100%;}
	#section-01 p {width: 60%;}
	#section-02 {padding-top: 20px;}
	#section-02 .container {padding-bottom: 420px; background-size: 27%; background-position: 50% 100%;}
	#section-02 h1 {text-align: center;}
	#section-03 .container {margin-top: 20px; margin-bottom: 280px;}
	#section-03 h1 {width: 100%; margin-left: 0%;}
	#section-03 p {width: 100%; margin-left: 0%;}
	#section-04 {background-image: none;}
	#section-04 .container {padding-bottom: 40px; background-image: url("../images/secc-042-bg.png"); background-position: 50% 40%; background-size: 55%;}
	#section-04 h1 {margin-left: 0%; text-align: center;}
	#section-04 p {width: 100%; margin-left: 0%;}
	#section-04 #double-content h1 {width: 100%; margin-top: 330px; margin-left: 0%;}
	#section-04 #double-content p {width: 100%; margin-left: 0%;}
	#section-05 {background-position: 80% 100%;}
	#section-05 .container {background-image: none;}
	#section-05 h1 {width: 100%; margin-left: 0;}
	#section-05 p {width: 100%; margin-left: 0;}
	#section-05 p#conpes-full-w {text-align: left;}
	#section-05 img {margin-right: 0;}
	#section-06 {padding-top: 280px; background-size: 70%;}
	#section-06 .container {background-image: none;}
	#section-06 #secc-06-col-l {padding-left: 15px;}
	#section-06 #secc-06-col-r {padding-right: 15px;}
	#section-06 img {display: block; margin-right: auto; margin-left: auto;}
	#section-07 #video-01 {padding-top: 40px; padding-left: 7%; background-size: 25%;}
	#section-07 #video-02 {padding-top: 40px; padding-right: 7%; background-size: 30%;}
	#section-08 a {padding-top: 260px; padding-bottom: 80px;}
	#section-09 #social-cloud a {width: 12%; margin: 0 0.6rem;}
}

@media (min-width: 1920px) {
	#header-drop {left: 14%;}
	.shrink #header-drop {left: 18%; width: 100px;}
	.navbar-brand {margin-left: 17%; width: auto;}
	.shrink .navbar-brand {margin-left: 22%;}
	#main-nav .nav-item {margin: 10px; font-size: 1.3rem; line-height: 1.3rem;}
	#main-nav .nav-item.fix {line-height: 2.6rem;}
	#section-01 {padding-top: 190px;}
	#section-03 {padding-top: 0px;}
	#section-03 .container {padding-top: 100px; padding-bottom: 150px;}
	#section-03 h1, #section-03 p {margin-left: 0;}
	#section-04 {background-position: 60% 20%; background-size: 30%;}
	#section-04 h1, #section-04 p {margin-left: 0;}
	#section-05 {background-position: 59% 100%; background-size: 43%;}
	#section-05 h1, #section-05 p {margin-left: 0;}
	#section-06 {padding-top: 350px; background-position: 48% 0%; background-size: 43%;}
}

@media (min-width: 2300px) {
	#header-drop {left: 23%;}
	.navbar-brand {margin-left: 25%; width: auto;}
	.shrink #header-drop {left: 22%; width: 130px;}
	.shrink .navbar-brand {margin-left: 25%;}
}