html, body, div, span, applet, object, iframe,
h1, h2 , h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video , input, textarea{
    margin: 0;
    padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Gotham-Book';
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main{
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a, button, select, input , textarea, img{ outline:0 !important; }

a{ outline:0; border:0; text-decoration:none; }
a img{ outline:0; border:0; }
img{ outline:0; border:0; }
button{ outline:0; }

img{ max-width:100%; height:auto; }

.anim{
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.center-vert-out{ display:table; vertical-align:middle; height:100%; width:100%;}
.center-vert-in{ display:table-cell; vertical-align:middle; height:100%;}

.center-horz-out{ position: relative; float: left; left: 50%; }
.center-horz-in{ position: relative; float: left; left: -50%; }

body{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


/* FONTS */

@font-face {
  font-family: 'Gotham-Medium';
  src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-Medium.otf')  format('opentype'),
	     url('fonts/Gotham-Medium.woff') format('woff'), url('fonts/Gotham-Medium.ttf')  format('truetype'), url('fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Book';
  src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-Book.otf')  format('opentype'),
	     url('fonts/Gotham-Book.woff') format('woff'), url('fonts/Gotham-Book.ttf')  format('truetype'), url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Bold';
  src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-Bold.otf')  format('opentype'),
	     url('fonts/Gotham-Bold.woff') format('woff'), url('fonts/Gotham-Bold.ttf')  format('truetype'), url('fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

.family-gotham{ font-family: 'Gotham-Book';}
.family-gotham.fweight-bold, .family-gotham strong, .family-gotham b{ font-family: 'Gotham-Bold';}
.family-freight{ font-family: 'FreightTextPro-Book';}

/* STYLES */

body{ background-color:#FFFFFF; }
body.noScroll{ overflow: hidden; }

/* HEADER */
header{ position:fixed; left:0; top:0; width:100%; height:60px; background-color:#fff; overflow:hidden; padding:0 18px; box-sizing:border-box; z-index:500;
border-bottom: 1px solid rgba(230,230,230,0.5);}

.share-box{ text-align: center; font-size: 10px; color: #CCC; float:left; position:relative;}
.share-box svg{ width: 22px; height: 22px; float: none; margin-bottom: -7px; fill:#ccc;}
.share-box > span { display: inline-block; vertical-align: center; height: 100%; text-align: center; line-height: 22px; float: none; }

header h3{ color: #66757E; font-family: 'Gotham-Bold';}

header .logo-bid{ display: block; float: right; width: 120px; position:relative;}
.logo-bid svg{ width: 100%; }
.logo-bid svg g#texto{ fill: #000; }
.logo-bid svg g#imagen{ fill: #004D72; }

.ie8-alert{background: #C33;  color: #FFF; text-align: center; position: absolute; left: 0; top: 60px; width: 100%; z-index: 100; padding: 4px 3px;}

/* FOOTER */

footer{ background-color: #E5E6E6; padding: 60px 0;}

footer form#newsletter{ max-width: 360px; margin: 0 auto 36px; display: block; text-align: center;}
footer form#newsletter p{ color: #636466; font-size: 15px; line-height: 20px; font-family: 'FreightTextPro-Book'; margin-bottom: 25px;}
footer form#newsletter input{ background-color: #fff; border-radius: 13px; height: 26px; width: 200px; padding: 0 14px; border: none;color: #636466; font-size: 15px; line-height: 20px; font-family: 'FreightTextPro-Book'; }
footer form#newsletter input[type=submit]{ opacity: 0;}

.logo-footer{ width: 160px; margin:0 auto 30px; display: block; }
.logo-footer .st0{fill:#898B8D;}

footer .share-box{ text-align: center; font-size: 10px; color: #CCC; float:none; position:relative;}
footer .share-box div{ overflow: hidden; text-align: center; display: inline-block; margin-bottom: 20px; }
footer .share-box div a{ display: inline-block; margin:0 4px;}
footer .share-box svg{ width: 34px; height: 34px; margin-bottom: 0; fill:#898B8D;}
footer .share-box span{ display: block; font-size: 12px; line-height: 14px;}

/* SECTIONS */
section{ width:100%; overflow:hidden; position:relative;}

.section-container{ /*padding-left:9%; padding-right:12%;*/ /*width: 80%; margin-left: 8%;*/ width: 768px; margin: auto; position:relative;}
.section-container.full-container{ width:100%; padding:0;}
.section-container-inner{ position:relative; }

.text-block{ color:#636466; visibility:hidden; margin:auto;}
.text-block h2{ font-size:27px; line-height:32px; font-family: 'Gotham-Bold'; margin-bottom:24px; position: relative;}
.text-block .text{
  font-size:15px;
  line-height:23px;
  font-family: 'Gotham-Book';
  padding: 2% 0 2% 5%;
  width: 95%;
  position: relative;
}
.text-block p{ margin-bottom:24px; }

.text-block.layout-dos{}
.text-block.layout-dos h2{ font-size:36px; line-height:42px; font-family: 'Gotham-Bold'; margin-bottom:48px; padding-bottom: 30px;}
.text-block.layout-dos h2:after{ content: ""; position:absolute; width:50px; height:3px; left:0; bottom:0; border-radius:3px; overflow:hidden;}

.text-block.layout-tres{}
.text-block.layout-tres h2{ font-size:56px; line-height:70px; font-family: 'Gotham-Book'; margin-bottom:14px; padding-bottom: 0;}
.text-block.layout-tres h2 strong{ font-family: 'Gotham-Bold'; }
.text-block.layout-tres .text{ font-size:18px; line-height:28px; font-family: 'Gotham-Book';}
.text-block.layout-tres .text:after{ content: ""; position:absolute; width:50px; height:3px; left:0; top:50%; margin-top: -2px; border-radius:3px; overflow:hidden;}
.text-block .text p{ margin-bottom: 0; font-family: 'Gotham-Book'; }

.numero-info{ position:relative; padding-bottom:14px; }
.numero-info:after{ content:""; position:absolute; width:50px; height:3px; left:0; bottom:0; border-radius:3px; overflow:hidden;}
.numero-info .numero{ font-size:120px; line-height:120px; font-family: 'Gotham-Bold';}
.numero-info .numero span{ font:inherit; }
.numero-info .text{ color:#4e4d50; font-size:22px; line-height:24px; font-family: 'Gotham-Bold';}

.numero-info.layout-dos{ position:relative; padding-bottom:14px; }
.numero-info.layout-dos:after{ content:none; display: none; }
.numero-info.layout-dos .numero{ font-size:180px; line-height:180px; display: inline-block; vertical-align: middle; width: 50%; }
.numero-info.layout-dos .numero span{ font:inherit; }
.numero-info.layout-dos .text{ font-size:18px; line-height:24px; font-family: 'Gotham-Book';  display: inline-block; vertical-align: middle; width: 50%; margin-left: -5px;}


/* INTRO */

section#intro{ min-height:100vh; background-color:#4e4d50; }
section#intro .section-content{ position:absolute; top:200px; z-index:10; width: 100%; text-align: center;}
section#intro .section-content h1{ font-size: 55px; }

#lampara-wrapper{ width:410px; margin:auto; display:block; }
#lampara-wrapper .st0 {fill:none;stroke:#282827;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}
#lampara-wrapper .st1{fill:#282827;}
#lampara{ cursor:pointer; }
#lampara path, #lampara circle{ fill:#fff; opacity:0.2;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s  ease-in-out;
}
#lampara:hover .st2{fill:#FBCD2B; opacity:0.35;}
#lampara:hover .st3{fill:#ED8A27; opacity:0.35;}
#lampara:hover .st4{fill:#FFE303; opacity:0.35;}
#lampara:hover .st5{fill:#F5C226; opacity:0.35;}
#lampara:hover .st6{fill:#FFFFFF; opacity:0.35;}
#lampara.turned-on .st2{fill:#FBCD2B; opacity:1;}
#lampara.turned-on .st3{fill:#ED8A27; opacity:1;}
#lampara.turned-on .st4{fill:#FFE303; opacity:1;}
#lampara.turned-on .st5{fill:#F5C226; opacity:1;}
#lampara.turned-on .st6{fill:#FFFFFF; opacity:1;}
#artefacto .st7{fill:#893040;}
#artefacto .st8{fill:#EE4553;}
#artefacto .st9{fill:#6A2030;}
#artefacto .st10{fill:#CD2C40;}

#cable-lampara{
    -webkit-transform-origin: top;
    transform-origin: top;
	animation-name: pendulum;
    animation-duration: 4s;
	animation-iteration-count:infinite;
	animation-timing-function: ease-in-out;
}

@keyframes pendulum {
  0%, 100% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(-10deg);
  }
}

#luz{
    background-color: #4e4d50;
	visibility:hidden;
	opacity:0;
    width: 10%;
	left:45%;
    height: 0;
    top: 330px;
    position: absolute;
	border-top-left-radius:0%;
	border-top-right-radius:0%;
    z-index: 0;
/*	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.5s  ease-in-out;*/
    -webkit-transform-origin: top center;
    transform-origin: top center;
	animation-name: pendulum2;
    animation-duration: 4s;
	animation-iteration-count:infinite;
	animation-timing-function: ease-in-out;
}

#luz.on{background-color: #e5e6e6; }

@keyframes pendulum2 {
  0%, 100% {
    transform: rotate(3deg);
  }
  50% {
    transform: rotate(-3deg);
  }
}

#intro .section-container{ position:absolute; bottom:10vh; box-sizing:border-box; }

/* AREAS */

#paises-container div{ visibility:hidden; }

#paises-wrapper-out{ position:relative; width:380px; height: 485px; z-index:10; top:0; left:6%;}
#paises-wrapper-out svg{ height:auto; width:100%; }
#paises-wrapper-out svg path, #paises-wrapper-out svg polygon{
	stroke:#78469a; stroke-width:0.25; stroke-miterlimit:10;
	fill:#e5e6e6;
	transition: fill ease-in-out 0.2s;
	cursor:pointer;
}

#paises-wrapper-out svg path:hover, #paises-wrapper-out svg polygon:hover, #paises-wrapper-out svg g:hover path, #paises-wrapper-out svg g:hover polygon, #paises-wrapper-out svg path.active, #paises-wrapper-out svg polygon.active,
paises-wrapper-out svg .active path, #paises-wrapper-out svg .active polygon{fill:#777298;}

#areas .numero-info{ position:absolute; left:0; top:185px; display: none; }

.document-container {
  position:absolute;
  left: 5%;
  top:200px;
  width: 100px;
  visibility: inherit !important;
  z-index: 99;
  display: none;
}
.document-container::before {
  content: "";
  position: absolute;
  top: 2px;
  right: 8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 0 20px;
  border-color: transparent transparent transparent #777298;
}
.document-container div {
  visibility: inherit !important;
}
.document-container .pdf {
  float: left;
  width: 80px;
  min-height: 100px;
  margin-left: 5%;
  border: 5px solid #777298;
  border-radius: 1px 2em 1px 1px;
}
.document-container .pdf .country_name {
  float: left;
  width: 80px;
  background: #777298;
  color: #fff;
  padding: 5px 10px;
  text-align: center;
  margin-top: 40px;
  margin-left: -10px;
  font-size: 12px;
  font-family: 'Gotham-Medium';
}
.document-container span{
  float: left;
  width: 100%;
  color: #fcbd13;
  margin-top: 10px;
  font-family: 'Gotham-Medium';
  text-align: center;
}

#areas .numero-info:after{ background-color:#fcbd13; }
#areas .numero-info .numero{ color:#fcbd13; }

.paises-select-wrapper{ position:absolute; right:0; top: 68px; width:280px;}
.paises-select-wrapper .select-out{ width:200px; height:26px; overflow:hidden; position:relative; margin-bottom:16px;}
.paises-select-wrapper .select-out:after{
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    z-index: 0;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    color: #636466;
    border-top: 5px dashed;
    border-top: 5px solid\9;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    -webkit-transform: translateX(0%) translateY(-50%);
    transform: translateX(0%) translateY(-50%);
}
.paises-select-wrapper .select-out select{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 12px;
    border-radius: 13px;
	border:none;
    box-sizing: border-box;
    background-color:#fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: 'Gotham-Book';
}

.pais-desc{ font-family: 'Gotham-Book'; width:100%; height:auto; box-sizing:border-box; padding:15px; background-color:#fff; font-size:13px; line-height:17px; color:#636466; font-family: 'FreightTextPro-Book';}
.pais-desc ul {
  list-style-type: disc;
  padding-left: 10px;
  font-family: 'Gotham-Book';
}
.pais-desc ul li span {
  font-family: 'Gotham-Medium';
}

/* ROL */
section#rol{ background-color:#fff; }

.text-block.rol-text-dos{ margin-left:0; }
.text-block.rol-text-dos .text{ width:385px; }

#ecuador-wrapper{width:168px; height: 185px; position:absolute;right: 100px;top: 10px; visibility:hidden;}
#ecuador-wrapper #ecuador-pais{fill:#898B8D;}
#ecuador-wrapper p{ position:absolute;}

#gota-wrapper{ width:20px; height: 27px; position:absolute; right:0; top:50%; margin-top:-10px; visibility:hidden;}
#gota-wrapper #gota{fill:#E5E6E6;}

section#rol h3{text-align:right;width:175px;float: right;margin-top: -30px; visibility:hidden; margin-right:0;}

/* ICEBERG */
#iceberg .numero-info{ position:absolute; right:12%; top:-20px; z-index:100; width:260px; margin-right:0; visibility:hidden;}
#iceberg .numero-info:after{ background-color:#ed4596; left:auto; right:0;}
#iceberg .numero-info .numero{ color:#ed4596; text-align:right;}
#iceberg .numero-info .text{ text-align:right; font-size:18px; font-family: 'Gotham-Medium';}

#iceberg-back-01-wrapper{width:305px; height: 204px; position:absolute;top: 87px;left: 10%;
    -webkit-transform-origin: 65% 45%;
    transform-origin: 65% 45%;

	animation: floating 10s ease infinite;
}
#iceberg-back-01-wrapper polygon, #iceberg-back-01-wrapper path{ visibility:hidden; }
#iceberg-back-01-wrapper .st0{opacity:0.2;}
#iceberg-back-01-wrapper .st1{fill:#FFFFFF;}
#iceberg-back-01-wrapper .st2{fill:#D6D4E2;}
#iceberg-back-01-wrapper .st3{opacity:0.6;}

#iceberg-back-02-wrapper{ width:370px; height: 256px; position:absolute; top:63px; right:10%;
    -webkit-transform-origin: 65% 60%;
    transform-origin: 65% 60%;

	animation: floating 12s ease infinite;
}
#iceberg-back-02-wrapper polygon, #iceberg-back-02-wrapper path{ visibility:hidden; }
#iceberg-back-02-wrapper .st0{opacity:0.2;}
#iceberg-back-02-wrapper .st1{fill:#D6D4E2;}
#iceberg-back-02-wrapper .st2{fill:#FFFFFF;}
#iceberg-back-02-wrapper .st3{opacity:0.6;}

#iceberg-main-wrapper{ width:560px; height: 604px; position:relative; left:50%; margin-left:-280px;
    -webkit-transform-origin: 50% 40%;
    transform-origin: 50% 40%;
	animation-name: floating-02;
    animation-duration: 14s;
	animation-iteration-count:infinite;
	animation-timing-function: ease;
}
#iceberg-main-wrapper .st0{opacity:0.45;}
#iceberg-main-wrapper .st1{fill:#FFFFFF;}
#iceberg-main-wrapper .st2{fill:#D6D4E2;}
#iceberg-main-wrapper .st3{fill:#C2BED4;}
#iceberg-main-wrapper .st4{ /*fill:#777298;*/ fill:#C2BED4;}
#iceberg-main-top polygon{}
#iceberg-main-bottom polygon{ }

#iceberg-main-wrapper polygon{ visibility:hidden; opacity:1;}
#iceberg-main-wrapper #iceberg-main-top polygon{ cursor:pointer;}
#iceberg-main-wrapper #iceberg-main-top polygon:hover, #iceberg-main-wrapper #iceberg-main-top polygon.current{ fill:#777298;
	transition: fill ease-in-out 0.3s;
}

#agua{background-color:#a0dae2;width:100%;height: 440px;position:absolute;top: 174px;z-index:-10;}
.agua-text-wrapper{width:100%;height: 420px;position:absolute;top: 186px;z-index:10;}
.agua-text{ position:relative; top:35% !important; visibility:hidden;}
.agua-text p.small{ font-size:20px; color:#656768; }
.agua-text p.big{ font-size:38px; color:#4e4d50; }

@keyframes floating {
  0%, 100% { transform: rotate(1deg) translateX(2%); }
  50% { transform: rotate(-2deg)  translateX(-1%); }
}
@keyframes floating-02 {
  0%, 100% { transform: rotate(-1deg) translateX(-2%); }
  50% { transform: rotate(2deg) translateX(1%); }
}

/* INVESTIGACION */

#investigacion{ background-color:#a0dae2; }

.nube-block{ position:absolute; z-index:0; width:60px;
	animation-name: nube;
	animation-iteration-count:infinite;
}
.nube-block svg{ width:100%; height:auto; }
.nube-block svg .st0{fill:#fff;}

#nube-01{ top:250px; animation-duration: 60s;	 animation-timing-function: ease; }
#nube-02{ top:55px; animation-duration: 80s;	 animation-timing-function: linear;}
#nube-03{ top:20px; animation-duration: 120s;	 animation-timing-function: ease-in-out;}
#nube-04{ top:150px; animation-duration: 100s;	 animation-timing-function: ease;}

@keyframes nube {
  0%{ right:-5%; }
  100% { right:105%; }
}

#investigacion .numero-info{ position:absolute; left:12%; top:0; z-index:100; width:260px; margin-left:0; visibility:hidden;}
#investigacion .numero-info:after{ background-color:#b271ae;}
#investigacion .numero-info .numero{ color:#b271ae; }

#arbol-wrapper{ width: 500px; height: 624px; display: block; margin: auto; position: relative; z-index: 10;}
#arbol-wrapper .st0{opacity:0.5;enable-background:new    ;}
#arbol-wrapper .st1{fill:#757578;}
#arbol-wrapper .st2{fill:#777298;}
#arbol-wrapper .st3{opacity:0.3;enable-background:new    ;}
#arbol-wrapper .st4{fill:#696686;}
#arbol-wrapper .st5{fill:#3C3A30;}
#arbol-wrapper .st6{fill:none;stroke:#3C3A30;stroke-miterlimit:10;}
#arbol-wrapper .st7{fill:#95C2E8;}
#arbol-wrapper .st8{fill:#92467D;}
#arbol-wrapper .st9{fill:#B271AE;}
#arbol-wrapper .st10{fill:#FCBD13;}
#arbol-wrapper .st11{fill:#B01F6C;}
#arbol-wrapper .st12{fill:#5AC1EE;}
#arbol-wrapper .st13{fill:#007F42;}
#arbol-wrapper .st14{fill:#ED4596;}
#arbol-wrapper .st15{fill:#EB2027;}
#arbol-wrapper .st16{fill:#F89A22;}
#arbol-wrapper .st17{fill:#F5A9CA;}
#arbol-wrapper .st18{fill:#5CBD80;}
#arbol-wrapper .st19{fill:#B35281;}
#arbol-wrapper .st20{fill:#005E96;}
#arbol-wrapper .st21{fill:#6EA2BA;}
#arbol-wrapper .st22{fill:#A8C538;}
#arbol-wrapper .st23{fill:#A79158;}
#arbol-wrapper .st24{fill:#9B9DA0;}
#arbol-wrapper g{ }
#circle-bg g{ visibility: hidden; transform-origin: 50%; 50%;}
#shadow{ visibility: hidden; transform-origin: 50%; 50%;}

#arbol{visibility: hidden; }
#branches g{visibility: hidden; }
#circle-colors-out g{ visibility: hidden; }
#circle-colors-out g path{
	transition: fill 0.3s ease;
	-webkit-transition: fill 0.3s ease;
}

#textos-out{ position: relative; z-index: 10000;}
#textos-out g{ visibility: hidden; }
#textos-out g{ cursor: pointer;}
#textos-out g path{
	transition: fill 0.3s ease;
	-webkit-transition: fill 0.3s ease;
}
#textos-out g#arbol-texto-01:hover path{ fill:#95C2E8;}
#textos-out g#arbol-texto-02:hover path{ fill:#92467D;}
#textos-out g#arbol-texto-03:hover path{ fill:#B271AE;}
#textos-out g#arbol-texto-04:hover path{ fill:#FCBD13; }
#textos-out g#arbol-texto-05:hover path{ fill:#B01F6C; }
#textos-out g#arbol-texto-06:hover path{ fill:#5AC1EE; }
#textos-out g#arbol-texto-07:hover path{ fill:#007F42; }
#textos-out g#arbol-texto-08:hover path{ fill:#ED4596; }
#textos-out g#arbol-texto-09:hover path{ fill:#EB2027; }
#textos-out g#arbol-texto-10:hover path{ fill:#F89A22; }
#textos-out g#arbol-texto-11:hover path{ fill:#F5A9CA; }
#textos-out g#arbol-texto-12:hover path{ fill:#5CBD80; }
#textos-out g#arbol-texto-13:hover path{ fill:#B35281; }
#textos-out g#arbol-texto-14:hover path{ fill:#005E96; }
#textos-out g#arbol-texto-15:hover path{ fill:#6EA2BA; }
#textos-out g#arbol-texto-16:hover path{ fill:#777298; }
#textos-out g#arbol-texto-17:hover path{ fill:#A8C538; }
#textos-out g#arbol-texto-18:hover path{ fill:#A79158; }
#textos-out g rect{ fill: transparent !important; }

#suelo-wrapper{ width: 100%; height: 150px;  background-color: #898B8D; margin-top: -60px;}


.tooltipster-base{}
.tooltipster-sidetip .tooltipster-box { background: #fff; border: none; border-radius: 0; }
.tooltipster-content{ padding: 16px;}
.tooltipster-content h3{ text-transform:uppercase; font-size: 16px; line-height: 20px; font-family: 'Gotham-Bold'; margin-bottom: 12px;}
.tooltipster-content .tooltip-close{ width: 18px; height: 18px; position: absolute; top: 6px; right: 14px; cursor: pointer; z-index: 100;}
.tooltipster-content .tooltip-close svg{ width: 100%; height: auto;}
.tooltipster-content .tooltip-close .st0{fill:none;stroke:#000;stroke-miterlimit:10;
	transition: stroke ease-in-out 0.3s;
}
.tooltipster-content .tooltip-close:hover .st0{stroke:#7f7f7f;}
.tooltipster-content .tooltip-text{color:#636466; font-size: 12px; line-height: 16px; font-family: 'Gotham-Book';}

/* CONOCIMIENTO */
#conocimiento{ background-color:#797a7d; }

#conocimiento .text-block{ color:#fff; }

#conocimiento-slider{ margin-top:60px; visibility: hidden; margin-bottom: 50px; }
.slick-track, .slick-list{ height: 100%; }
.slider-item{ width:100%; height: 100%; position:relative; overflow:hidden; display:table !important; outline: none; padding: 0 20px;}
.slider-info-out{ display:table-cell; vertical-align:top; height:100%; width:49%; margin-right:1%;}
.slider-info-out h3{ font-size:26px; line-height:32px; font-family: 'Gotham-Bold'; margin-bottom:40px;}

.slider-placeholder{ position: relative; }
.slider-placeholder p{font-size:16px; line-height:22px; font-family: 'FreightTextPro-Book'; max-width: 200px; display: inline-block; vertical-align: middle;}
.slider-placeholder svg{ width: 110px;  display: inline-block; vertical-align: middle;
}
.slider-placeholder .st0{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-miterlimit:10;}

.slider-info-close{ display: none; position: absolute; top: 15px; right: 15px; z-index: 10; cursor:pointer; width: 24px; height: 24px;}
.slider-info-close .st0{fill:none;stroke:#A0DAE2;stroke-miterlimit:10;
	transition: stroke ease-in-out 0.3s;
}
.slider-info-close:hover .st0{stroke:#5AD6E0;}

.slider-info{ display:none; max-width:84%;}
.slider-info .copete{ font-size:16px; line-height:22px; font-family: 'FreightTextPro-Bold'; margin-bottom:16px;}
.slider-info .texto{ font-size:13px; line-height:17px; font-family: 'FreightTextPro-Book';}

.slider-img-out{display:table-cell; vertical-align:top; height:100%; width:49%; text-align: center;}
.slider-img{ display: block; margin: auto; }

.custom-slick-arrow.slick-arrow{ background-repeat:no-repeat; background-position:center; background-size:contain; width:34px; height:66px; display:block;
position:absolute; top:50%; margin-top:-33px; z-index:100; cursor:pointer;}
.custom-slick-arrow.slick-prev{ left:-36px; background-image:url(img/conocimiento/slider-arrow-prev.svg); }
.custom-slick-arrow.slick-next{ right:-36px; background-image:url(img/conocimiento/slider-arrow-next.svg); }

.slick-dots{ text-align:center; margin-top:45px;}
.slick-dots li { display:inline-block; width:12px; height:12px; margin:0 4px;  padding: 0;}
.slick-dots li button{ border:1px solid #a0dae2; background-color:transparent; display:inline-block; width:100%; height:100%; border-radius:50%; overflow:hidden; cursor:pointer; text-indent:-9999px; margin: 0; padding: 0;
	transition: background-color ease-in-out 0.3s;
}
.slick-dots li button:hover, .slick-dots li[aria-hidden=false] button{ background-color:#a0dae2; }

.slider-img-out svg g{ fill:#fff; }

.slider-img-out svg g.items-info-wrapper g{ cursor:pointer; visibility: hidden;
	transition: fill ease-in-out 0.3s;
}
#libros-01-out g:hover rect, #libros-01-out g:hover path{ fill:#fff200;}
#libros-02-out g:hover rect, #libros-02-out g:hover path{ fill:#00FFFF;}
#cajas-01-out g:hover rect, #cajas-01-out g:hover path{ fill:#00FF00;}

#slider-item-01.slider-item h3{ color:#fff200; }
#slider-item-01.slider-item .slider-placeholder{ color:#fff200; }
#slider-item-01.slider-item .copete{ color:#fff200; }
#slider-item-01.slider-item .slider-img{ width: 364px; height: 335px;}

#slider-item-02.slider-item h3{ color:#00FFFF; }
#slider-item-02.slider-item .slider-placeholder{ color:#00FFFF; }
#slider-item-02.slider-item .copete{ color:#00FFFF; }
#slider-item-02.slider-item .slider-img{ width: 364px; height: 338px;}

#slider-item-03.slider-item h3{ color:#00FF00; }
#slider-item-03.slider-item .slider-placeholder{ color:#00FF00; }
#slider-item-03.slider-item .copete{ color:#00FF00; }
#slider-item-03.slider-item .slider-img{ width: 364px; height: 264px; }

#conocimiento .numero-info{ margin-bottom: -50px; visibility: hidden;}
#conocimiento .numero-info.layout-dos .numero{ color: #E5E6E6; }
#conocimiento .numero-info.layout-dos .text{ color: #E5E6E6; }

/* FUERZA */

section#fuerza{ padding: 80px 0; }

section#fuerza .text-block h2{ color: #B271AE; }
section#fuerza .text-block h2:after{ background-color: #B271AE; }

/* MAS */

section#mas{ background-color: #777298; padding: 60px 0 ;}

section#mas .text-block.layout-tres h2{ color: #fff;}
section#mas .text-block.layout-tres .text{ color:#fff; }
section#mas .text-block.layout-tres .text:after{ background-color:#FFF200; }

.info-block-wrapper{  padding-bottom: 70px; padding-top: 70px; border-top: 1px solid #fff; visibility: hidden;}
.info-block-wrapper:first-child{ margin-top: 80px; border: none; padding-top: 70px;}
.info-block{ position: relative; overflow:hidden; padding-left: 100px;}
.info-block-text{ float: left; width: 38%; margin-right: 2%; }
.info-block-text div{ visibility: hidden;}
.info-block-text h3{ font-size: 36px; line-height: 40px; font-family: 'Gotham-Bold'; margin-bottom:40px;}
.info-block-text p{ font-size: 15px; line-height: 23px; font-family: 'FreightTextPro-Book'; margin-bottom:40px; color: #fff;}

.custom-btn{ overflow: hidden; border-radius: 8px; border: 1px solid #fff; background-color: #fff; color: #777298; display: inline-block; text-align: center; height: 38px; padding: 0 18px; font-size: 14px; line-height: 38px; text-transform: uppercase; font-family: 'Gotham-Book';
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.custom-btn:hover{ background-color: #777298; color: #fff; }

.custom-btn.layout_dos{ border: 1px solid #3D79BD; background-color: #3D79BD; color: #fff; }
.custom-btn.layout_dos:hover{background-color: #fff; color: #3D79BD; }

.info-block-img{ float: left; width: 60%; }
.info-block-img svg{ max-width: 100%; height: auto; display: block; margin: auto;}
.info-block-img svg g{ visibility: hidden; }

#blog .info-block-text h3{ color: #FFF200; }
#ideas-wrapper .st0{fill:#FFFFFF;}
#ideas-wrapper .st1{fill:#1BA9E1;}
#ideas-wrapper .st2{fill:#DADCDC;}
#ideas-wrapper .st3{fill:#C9A08C;}
#ideas-wrapper .st4{fill:url(#SVGID_1_);}
#ideas-wrapper .st5{fill:#283B27;}
#ideas-wrapper .st6{fill:#5B6958;}
#ideas-wrapper .st7{fill:url(#SVGID_2_);}
#ideas-wrapper .st8{fill:#2E241C;}
#ideas-wrapper .st9{fill:#4389A4;}
#ideas-wrapper .st10{fill:#4E9FBE;}
#ideas-wrapper .st11{fill:url(#SVGID_3_);}
#ideas-wrapper .st12{fill:#80B4CD;}
#ideas-wrapper .st13{fill:none;stroke:#8BB9D0;stroke-width:0.5;stroke-miterlimit:10;}
#ideas-wrapper .st14{fill:url(#SVGID_4_);}
#ideas-wrapper .st15{fill:none;stroke:#44616F;stroke-width:0.2;stroke-miterlimit:10;}
#ideas-wrapper .st16{fill:#5B4A42;}
#ideas-wrapper .st17{fill:url(#SVGID_5_);}
#ideas-wrapper .st18{fill:#4D4038;}
#ideas-wrapper .st19{fill:#3B5664;}
#ideas-wrapper .st20{fill:#44616F;}
#ideas-wrapper .st21{fill:url(#SVGID_6_);}
#ideas-wrapper .st22{fill:#6082AA;}
#ideas-wrapper .st23{fill:url(#SVGID_7_);}
#ideas-wrapper .st24{fill:url(#SVGID_8_);}
#ideas-wrapper .st25{fill:#004D62;}
#ideas-wrapper .st26{fill:#1A596F;}
#ideas-wrapper .st27{fill:url(#SVGID_9_);}
#ideas-wrapper .st28{fill:#265A6F;}
#ideas-wrapper .st29{fill:url(#SVGID_10_);}
#ideas-wrapper .st30{fill:#69806D;}
#ideas-wrapper .st31{fill:url(#SVGID_11_);}
#ideas-wrapper .st32{fill:url(#SVGID_12_);}
#ideas-wrapper .st33{fill:url(#SVGID_13_);}
#ideas-wrapper .st34{fill:#AF686E;}
#ideas-wrapper .st35{fill:url(#SVGID_14_);}
#ideas-wrapper .st36{fill:#F7EA2F;}

#mooc .info-block-text h3{ color: #F58A44; }

#mooc .info-block-img svg .st0{fill:#FFFFFF;}
#mooc .info-block-img svg .st1{fill:none;}
#mooc .info-block-img svg .st2{fill:#3FBCA5;}
#mooc .info-block-img svg .st3{fill:#F58A44;}

#mooc .info-block-img .img-izq{ float: left; width: 254px; height: 272px; margin-right: 11px; }
#mooc .info-block-img .img-der{ float: left; position: relative; width: 135px; height: 206px; margin-top: 38px;}
#mooc .info-block-img .img-der img{ position: absolute; }
#mooc .info-block-img .img-der img:nth-child(1){ left: 6px; top: 24px; }
#mooc .info-block-img .img-der img:nth-child(2){ left: 68px; top: 0px; }
#mooc .info-block-img .img-der img:nth-child(3){ left: 0; top: 97px; }
#mooc .info-block-img .img-der img:nth-child(4){ left: 68px; top: 72px; }
#mooc .info-block-img .img-der img:nth-child(5){ left: 44px; top: 148px; }

/* TWITTER */

section#twitter{ background-color: #fff; }

.info-block-icon{ position: absolute; left: 0; top:0; width: 65px; z-index: 10; visibility: hidden;}
#twitter .info-block-icon svg{ fill:#D1D2D2; }
#twitter .info-block-text{ width: 100%; float: none;}
#twitter .info-block-text h3{ color: #3D79BD; }

/* RESPONSIVE */

@media screen and (max-width:740px){

	/* HEADER */
	.share-box > span { display: none; }

	header h3{ display: none;}


	/* ICEBERG */
	#iceberg-back-01-wrapper{width:305px; top: 87px;left: 3%;}
	#iceberg-back-02-wrapper{ width:370px; top:63px; right:3%;}

	/* INVESTIGACION */

	#investigacion .numero-info{ position:relative; left:auto; top:auto; margin-left: auto !important; margin-right: auto !important; margin-bottom: 30px;}
	#investigacion .numero-info .numero{ font-size:80px; line-height:80px; text-align:center;}
	#investigacion .numero-info .text{ text-align:center; }
	#investigacion .numero-info:after { left: 50%; right: auto; margin-left:-25px; }


	.section-container{ width: 100%; box-sizing: border-box; padding: 0 15px; }

	.text-block h2{ font-size:20px; line-height:24px; margin-bottom:16px;}
	.text-block .text{ font-size:14px; line-height:20px;}
	.text-block p{ line-height: 1.4em; }

	.text-block.layout-dos h2{ font-size: 28px; line-height: 34px; margin-bottom: 30px; padding-bottom: 20px;}

	.text-block.layout-tres h2{ font-size:50px; line-height:66px;}

	.numero-info.layout-dos .numero{ font-size:140px; line-height:140px; }


	/* INTRO */
	section#intro .section-content {top: 120px;}
	section#intro .section-content h1{ font-size: 44px; }
	#luz{ top:260px; }
	#intro .section-container{ bottom:50px; }

	/* AREAS */
	#paises-wrapper-out{ position:relative; max-width: 380px; width: auto; margin: auto; top:auto; left:auto;}
	#paises-wrapper-out:before{ content: ""; display: block; padding-bottom: 50%; }
	#paises-wrapper-out svg{ position: absolute; width: 100%; height: 100%; top:0; left: 0; }
	#areas .numero-info{ position:absolute; left:20px; top:auto; bottom: 50px; }
	#areas .numero-info .numero{ font-size:80px; line-height:80px; }
	.paises-select-wrapper{ position:relative; right:auto; top: auto; width:280px; margin: 0 auto 30px; }


	/* ROL */
	.text-block.rol-text-dos .text{ width:auto; }
	.text-block.rol-text-dos{ margin-bottom:30px; }
	#ecuador-wrapper{width:168px;position: relative;right: auto;margin: auto;float: left;top: auto;}
	#gota-wrapper{ position: relative;right: auto; margin-top: auto;margin-left: 50px;float: left;}
	section#rol h3 { width: 50%; margin-top: 55px;}

	/* ICEBERG */
	#iceberg .numero-info{ right:auto; top:-20px; width:90%; left:5%; }
	#iceberg .numero-info .numero{ font-size:80px; line-height:80px; text-align:center;}
	#iceberg .numero-info .text{ text-align:center; }
	#iceberg .numero-info:after { background-color: #ed4596; left: 50%; right: auto; margin-left:-25px; }

	#iceberg-back-01-wrapper{ display:none; }
	#iceberg-back-02-wrapper{ display:none;}

	#iceberg-main-wrapper{padding-top: 140px; }

	#agua{top: 310px; height: 550px;}
	.agua-text-wrapper{top: 56%; height: auto;}
	.agua-text{ width: 96%; left: 2% !important; top:auto;}
	.agua-text p.small{ font-size:16px; color:#656768; }
	.agua-text p.big{ font-size:24px; color:#4e4d50; }


	/* INVESTIGACION */
	#arbol-wrapper{ width: 94%; height: 100vw; left: auto;margin:auto; max-width: 500px; }

	.tooltipster-base { width: 94% !important; left: 3% !important; max-width: none !important; z-index: 100 !important; /*top: 50% !important;*/
		transform: translateY(-50%) !important;
		-webkit-transform: translateY(-50%) !important;
	}

	/* CONOCIMIENTO */
	#conocimiento-slider{ margin-top:60px; visibility: hidden; margin-bottom: 50px; }
	.slick-list.shown{ z-index: 1000; }
	.slider-item{ display:block !important;  padding: 0 50px; position: relative;}

	.custom-slick-arrow.slick-arrow{width:20px; height:40px;  margin-top:-20px; }


	.slider-info-out{ display:block; height:100%; width:100%; margin-right:0; margin-bottom: 20px;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
	.slider-placeholder{}
	.slider-placeholder svg{ display: none; }
	.slider-info-close{ display: block; }
	.slider-info{ display:none;display:none;max-width:100%;position: absolute;height: 100%;top: 0;left: 0;background-color: #fff;padding: 8%;z-index: 100000; overflow: auto; box-sizing: border-box;}
	.slider-info h3{ font-size:30px; line-height:34px; margin-bottom: 10px;}
	.slider-info .copete{ font-size:22px; line-height:28px;}
	.slider-info .texto{ font-size:16px; line-height:20px;}

	.slider-img-out{display:block; height:100%; width:100%; text-align: center;}

	.custom-slick-arrow.slick-prev{ left:5px; }
	.custom-slick-arrow.slick-next{ right:5px; }

	#conocimiento .numero-info{ margin-bottom: -40px;}


	/* MAS */

	.info-block-wrapper{  padding-bottom: 50px; padding-top: 50px; }
	.info-block-wrapper:first-child{ margin-top: 60px; border: none; padding-top: 50px;}
	.info-block{ padding-left: 0;}
	.info-block-text{ float: none; width:auto; margin-right: none; margin-bottom: 40px; }
	.info-block-img{ float: none; width:auto; margin-right: none; }
	.info-block-icon {position: relative; margin-bottom: 20px;}

	#blog .info-block-img svg{ max-width: 90%;}

	#mooc .info-block-img .img-izq{ margin-right: 10%; width: 55%; height: auto;}
	#mooc .info-block-img .img-der{float: left;position: relative;width: 34%; height: auto; margin-top: 0;}


}
@media screen and (max-width:700px){
  .document-container {
    position: relative;
    left: inherit;
    top: inherit;
    float: left;
    margin-top: -300px;
  }
}
@media screen and (max-width:480px){

	.text-block .text{ padding:2% 0; width: 100%;}

	.numero-info.layout-dos{ text-align: center; }
	.numero-info.layout-dos .numero{ font-size:80px; line-height:90px; display: block; width: auto; }
	.numero-info.layout-dos .text{ display: block; width: auto;}

	.text-block.layout-tres h2{ font-size:38px; line-height:44px;}
	.text-block.layout-tres .text{ padding-left: 80px; }

	/* INTRO */
	#intro .section-container{ bottom:10px; }
	#lampara-wrapper{ width:100%; padding:0 15px; box-sizing:border-box; }

	/* ROL */

	#ecuador-wrapper{ float: none; margin: 0;}
	section#rol h3{ float: none; text-align: left; margin-top: 30px; width: 100%;}
	#gota-wrapper{ position: absolute; right: 20%; }


	/* ICEBERG */
	#iceberg .section-container.full-container{ overflow: hidden;}
	#iceberg .numero-info{ top: 0; position: relative; margin-bottom: 30px; }
	#iceberg-main-wrapper{padding-top: 0;width: 96%;height: auto; left: auto;margin: auto;max-width: 560px;position: relative;}
	#iceberg-main-wrapper:before{ content: ""; display: block; padding-bottom: 100%;}
	#iceberg-main-wrapper svg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

	#agua{ top: auto; height: 63vw; bottom: 0;}
	.agua-text-wrapper{ top: auto; bottom: 0; height: 66vw; }


	/* CONOCIMIENTO */

	#conocimiento .numero-info{ margin-bottom: 0px;}

	.slider-img-out{ position: relative; width: 100%; }
	.slider-img-out:before{ content: ""; display: block; padding-bottom: 70vw;}
	.slider-img{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}




}