@charset "utf-8";
html, body, div, span, h1, h2, h3, h4, p, a, em, img, strong, ol, ul, li, form, label, table, caption, tr, th, td, article, figure, figcaption, footer, header, nav, section {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline}article, figcaption, figure, footer, header, nav, section, main {display: block}li, ol, ul {list-style: none} table {border-collapse: collapse;border-spacing: 0}
html{ overflow: hidden; height: 100%} a {cursor:pointer;}

body{ overflow: auto;  height: 100%; font-family: 'Roboto', Helvetica, Verdana, Arial, serif; line-height: 1; background-color: #d2d3d2; }
html * { -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale} *, *:after, *:before { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box}
a {text-decoration:none;outline:0; color: inherit;cursor:pointer;}a:hover {transition:0.3s all ease}

header {width: 100%;height:auto;position:fixed; background:#7d7d7d url("img/header-top-bkg-gray.jpg") repeat; height:4em; z-index:300}
.clearfix::after { content: ""; clear: both; display:block}

#logobkg {display: block; position: relative; margin:4em auto 0; background-color: #3b8e56;  background:#7d7d7d url("img/header-top-bkg-gray.jpg") repeat;  border-top:.7em solid #d2d3d2; }
#logobkg img {display: block; height:110px; margin: -4em auto 0;}
#logo {width:100%;margin: 0 auto; display: block; position: absolute; margin-top:-5em;}
#logo a {display: block; text-align:center; color:#eee; font-size:3.5em;font-weight:700;}
#logo h1{text-shadow:1.4px 0 #fff, -1.4px 0 #fff, 0 1.4px #fff, 0 -1.4px #fff, 1.1px 1.1px #fff, -1.1px -1.1px #fff, 1.1px -1.1px #fff, -1.1px 1.1px #fff;}

.Expo {color:#d43227}.Plantas {color:#038e30}

#navlist {display:none!important }

.topnav {width:100%;display:block; overflow: hidden;position:absolute;right:0; top: 0; z-index:400;}
.topnav.responsive {position:absolute;right:0; top: 0; }
.topnav .icon, .topnav.responsive .icon {font-size:270%; color:#ddd;font-family:Tahoma,Geneva,sans-serif;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none; text-shadow:1px 1px 2px #000;}
.topnav .icon {float:right;display:inline; padding: 0.15em .6em; z-index:700;    }
.topnav.responsive .icon { position: absolute;right: 0;  z-index:700;     }
.topnav a {display: none}
.topnav.responsive a {display:block;}
.topnav.responsive .top-list {margin-top:8.9em;border-top: none}
.down {text-align:center; color:#555555;text-shadow:2px 2px 3px #ddd;font-size:85%;padding: 1.7em 1em 1.5em;margin:0;border-bottom: dashed 1px #7d7d7d; background:#d2d3d2 url("img/header-top-bkg-inverted.jpg") repeat;display: block; }

.bars {display: inline-block;}
.bar1, .bar2, .bar3 {width: 26px;height: 4px;background-color: #ddd;margin: 5px 0;transition: 0.4s;}
.change .bar1 { -webkit-transform: rotate(-45deg) translate(-6px, 6px);transform: rotate(-45deg) translate(-6px, 6px);}
.change .bar2 {opacity: 0;}
.change .bar3 {-webkit-transform: rotate(45deg) translate(-7px, -7px);transform: rotate(45deg) translate(-7px, -7px);}

.container {width: 90%;max-width: 800px;margin: 0 auto;} 
.container::after {content: '';display: table;clear: both}

.container p{font-size: 1.1em;padding:1em 0 1em}
.container p{font-size: 1.1em;padding:1em 1em 1em 1.8em}


.container img{width:100%;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}

.main-content {height: 100%;  position: relative;  z-index: 1; } 

.tagline {width:100%;margin:8.3em auto 0 ;background-color: #3b8e56; } 
.tagline h1 {color:#ddd;padding: 1.4em 1.5em 1.3em;font-weight: normal;line-height:1em;font-size:1.9em;text-align:center; text-shadow:1px 1px 2px #000;}

.info-mobile {display:block!important}  
.info-desktop {display:none!important}  

.cta-btn {width:100%; margin:0 auto; padding: 0 .5em 2.7em;text-align:center;}
.cta-btn a {width:auto;color:#333;padding:.7em 1em;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; background-color:#eee; font-weight:400; cursor:pointer;z-index:300;}
.btn-dark {width:87%;max-width:516px;margin: 1em auto 1.5em; display:block; clear:both;background-color: #3d3536; padding:.3em 1%;text-align:center;font-size: 1.2em; color:#ddd;text-shadow:0 0 1px #000;font-weight: 300;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;border: dashed .1em #dedede;-webkit-box-shadow:0px 0px 8px #191919;-moz-box-shadow:0px 0px 8px #191919;box-shadow: 0px 0px 8px #191919;cursor:pointer}

.right {text-align:right; padding-right:1em}
.bold {font-size: inherit; font-weight:400}
.light {box-shadow: 7px 7px #ddd; }.dark {box-shadow: 7px 7px #555; }
.font-M {font-size:120%}  .font-L{font-size:125%}  
.pointer {cursor:pointer}

.video {width:96%; margin: 0 2%; height:auto;aspect-ratio: 16 / 9;}

.scrolling {position: relative; padding:3em 0; line-height: 1.6; z-index: 2;  font-weight: 300;}
.scrolling.c-1 {background-color:#d2d3d2; color: #1d1d1d; text-shadow:0px 0px 1px #ddd}
.scrolling.c-2 {background-color: #a1603e;color:#ddd;text-shadow:0px 0px 1px #000}
.scrolling.c-3 {background-color: #45433e; color: #ccc;text-shadow:0px 0px 1px #000}
.scrolling.c-4 {background-color:#5a7c57;color:#ddd;text-shadow:0px 0px 1px #000}  

.title {width:90%;font-size: 1.4em;padding-bottom:.7em; border-bottom:dotted}
.subtitle{padding:1em 0 0; display:block;font-size: 1.2em }

.shorter-heading{display:none}

.text-link {color: #ddd;text-shadow:1px 1px 2px #000}

.collapse {display: none; overflow: hidden}

.main-section {text-align:center; width:80%;margin:2em auto 1em;}
.main-section img {width:90%;margin: 1em auto 1.2em}
.main-section p {font-size: 1em;padding:0 .5em 2em; text-align:left}
.main-section h3 {font-size: 1.1em; font-weight:400;padding:1em .5em 2em;text-align:center}
.main-section a, .block-level a {font-weight:400; color: inherit}

.prelim {width:90%;margin: 0 0 1.5em 0; font-size:1.2em;font-weight:300;line-height:1.7em}
.block-level {display:block; clear:both;} 
.floating-img{width:80%; margin: 1.5em auto 2em;}

.share-social {width:100%; position:fixed; bottom: 0;z-index:10;height:95px;background:transparent url("img/bkg-1-mobile.png") no-repeat; background-size: contain;background-position:right bottom} 
.share-buttons{width:350px; margin:0 0 0 1em; display:table; position:absolute; bottom:50%;}
.share-buttons img {width:14.285%; padding:1.5% 1% 1%;border: 0;box-shadow: 0; display:inline }

.share-buttons-bkg {width:278px;float: right;margin:-100px 0 0 0;}
.share-buttons-bkg img {width:80%;margin:0 0 0 20%}

footer{background-color: #45433e; overflow:hidden;position: relative;z-index: 2;} 
footer p{color:#ddd;clear:both;font-size:.95em; z-index:10; margin:1.5em 1em 150px 1.1em;}


@media only screen and (min-width: 750px) {
	
.container {width: 90%;max-width: 800px;margin: 0 auto; padding: 0;} 
.container::after {content: '';display: table;clear: both} .container p{font-size: 1.1em;padding:1em 1em 1em 1.8em}
.container img{width:100%;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}

.main-content {height: 100%;  position: relative;  z-index: 1; } 

.intro {position: absolute;left: 50%;top: 40%;bottom: auto;right: auto;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(- 50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);text-align: center; width: 90%; max-width: 1170px} 

.resaltado {font-size:.7em}
.right {text-align:right; padding-right:1em}
.btn-dark {width:87%;max-width:516px;margin: 1em auto 1.5em; display:block; clear:both;background-color: #45433e; padding:.3em 1%;text-align:center;font-size: 1.2em; color:#ddd;text-shadow:0 0 1px #000;font-weight: 300;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;border: dashed .1em #dedede;-webkit-box-shadow:0px 0px 8px #191919;-moz-box-shadow:0px 0px 8px #191919;box-shadow: 0px 0px 8px #191919;cursor:pointer}
.pointer {cursor:pointer}

.fixed h1 {font-size:5rem;}

.video {width:80%; margin: 0 10%; height:auto;aspect-ratio: 16 / 9;}

.title {width:90%;font-size: 1.4em;padding-bottom:.7em; border-bottom:dotted}.shorter-heading{display:none}
.text-link {color: #ddd;text-shadow:1px 1px 2px #000}


}


@media only screen and (min-width: 860px) {
.info-mobile {display:none!important}  
.info-desktop {display:block!important}  	
	
header {position: fixed; top:0;left: 0; z-index: 2;border-top: dashed 1px #ddd;  border-bottom: dashed 1px #ddd;height:5em;}

#logobkg {width:auto;display: inline;}
#logobkg img {display: block; margin: .5px 0 0 2.7em; }
#logo {width:auto;margin: 0 0 0 1.4em; position: absolute; margin-top:-5.4em;}

.cta-btn {display:none!important}  

#navlist {position:absolute; top:0; right:0; display:inline!important }
#navlist li {float:right;display:table; padding:1.5em 5em .7em 1em;  }
#navlist a {display: block; padding:.7em .9em; color:#333; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; background-color:#eee;font-weight:normal;text-shadow:none;}

.topnav, .topnav.responsive{width:auto; background:none; margin-top:1.3em} 
.topnav a.icon { float: right; padding: 0 .5em 0 0;color:#ddd;z-index:400;} 
.down {padding:1.7em 4.5em 1.5em;} 

.topnav.responsive .top-list {margin-top:4.3em;}
.COLVIVEROS-link {padding-bottom:5.5em; background-color:transparent;background: url("img/Topnav-Tab-inverted.png") no-repeat; background-size: cover; background-position:bottom;border-bottom: none} 


.tagline {width:100%;margin:5.5em auto 0;} 

.share-social {background:transparent url("img/bkg-1-desktop.png") no-repeat; background-size: contain;background-position:right bottom} 
.share-buttons{margin:0 0 0 1.6em; }
.share-buttons-bkg {margin:-150px 0 0 0;}
.share-buttons-bkg img {width:100%;margin: 0}

.main-section {text-align:center; float: left;width: 33.33333333%;padding: 0 1.3em;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.main-section img {width:100%;}
.main-section p {font-size:1em;padding:0 .5em 2em; }

.scrolling {padding: 4em 0; font-weight: 300} 
.title {width:85%;font-size: 1.7em} 
.subtitle{font-size: 1.5em} 

.shorter-heading{display:inline} 
}


@media only screen and (min-width: 960px) {
		
.floating-img{width:35%;float:left; display:inline-block; margin: 1em 1.5% 2em;}
.float {width:57%;float:left; margin: 1em 0 1em 3%;}
.margin-right {margin: 1em 3% 1em 0; }
.float-wide{width:77%;float:left}.float-w-right{width:77%;float:right}

.block-level {display:block; clear:both} 
.share-buttons{bottom:65%; }

.leftimg {margin-top:2.5em;-webkit-transform:rotate(-4deg);-ms-transform:rotate(-4deg);transform:rotate(-4deg); float:left}
.rightimg {margin-top:2.5em; -webkit-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg); float:right}
}


@media only screen and (min-width:1024px) { 
.prelim h2 {width:70%;}
.container {max-width: 1000px}
.title {max-width: 800px}
.intro {top:25%} 

.tagline h1 {font-size:2.1em}

.mobile-icons{display:none!important} 
.desktop-icons {display:block!important}

.nav-box{width:100%; padding:1.5em 0 1em; margin: 0 0 1.5em 0}
.box {width: 16.666%; height:auto}  
.box a {color: #000; display: block; width: 100%; height: 100%; text-align: center; line-height: 1.3em}
.box:hover a{color:#6e6e6e;text-decoration:none}
.box a img{width:75%; margin: 0 auto}
.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}

.next-arrow {right: -28px}.prev-arrow {left: -28px} 
.next-arrow,.prev-arrow {background-color:transparent; border:none; outline:none; position: absolute; top: 50%; transform: translateY(-50%); z-index:1; font-size:270%;font-family:"Palatino Linotype","Book Antiqua",Palatino,serif;user-select:none} .next-arrow:hover,.prev-arrow:hover {cursor: pointer}

.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}
.col-sm-12{position:relative;width:100%;min-height:1px}
.clearfix::after{display:block;content:"";clear:both}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

}  

@media only screen and (min-width:1280px) { 
.fixed h1 {width:auto;margin:0;text-align:right;font-size: 5.7rem; left:auto; top:55%; right:9%;max-width: 800px} }

@media only screen and (min-width:1440px) {.fixed h1 {top:77%; right:17%;} .container {max-width: 1250px} .title {max-width:1250px}  }