@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,500,900);
body {font-family:'Roboto',sans-serif;-webkit-text-stroke-color:#FFF;-webkit-font-smoothing:antialiased;}
*,::before,::after {box-sizing:border-box;}
.content-intro {color:#fff;max-width:55%;padding:5% 50% 15% 10%;}
.content {max-width:700px;width:80%;margin:5em auto;}
.intro {font-size:4.5rem;position:relative;z-index:1;}
header {width:100%;height:50px;position:fixed;top:0;z-index:100;background-color:rgba(255, 255, 255, 0.9);transition:top 0.2s cubic-bezier(.42, 0, .57, .68);border-bottom: 2px #f6f6f6 solid;}
.entire-menu {position:absolute;top:20px;right: -80px;}
ul {margin: 0;list-style: none;}
a:hover{opacity:0.8;}
a {color: #5f5f5f;}
#logo {position:absolute;}
#logo a {float:left;opacity:1;}
#logo.ln a {width:162px;height:66px;left:15px;background:url(../svg/ln.svg) no-repeat center center;background-size:contain;margin:-8px 0 0 15px;}
#logo span {margin-left: 10px;line-height: 51px;font-weight: 400;font-size: 15px;text-transform: uppercase;color: #242424;}
.container {position:absolute;width:100%;heigh:100%;top:40%;left:0;font-family:'Roboto',sans-serif;margin:0 auto;}
.container a {display:inline-block;position:relative;color:#33a7b9;text-decoration:none;font-size:20px;overflow:hidden;top:5px;}
.container a:after {content:'';position:absolute;background:#fff;height:2px;width:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;bottom:0;-webkit-transition:.35s ease;transition:.35s ease;}
.button_container {position:absolute;top:11px;right:2%;height:25px;width:30px;cursor:pointer;z-index:100;-webkit-transition:opacity .25s ease;transition:opacity .25s ease;}
.button_container:hover {opacity:.7;}
.button_container.active .top {-webkit-transform:translateY(11px) translateX(0) rotate(45deg);-ms-transform:translateY(11px) translateX(0) rotate(45deg);transform:translateY(11px) translateX(0) rotate(45deg);background:#fff;}
.button_container.active .middle {opacity:0;background:#fff;}
.button_container.active .bottom {-webkit-transform:translateY(-11px) translateX(0) rotate(-45deg);-ms-transform:translateY(-11px) translateX(0) rotate(-45deg);transform:translateY(-11px) translateX(0) rotate(-45deg);background:#fff;}
.button_container span {background:#33a7b9;border:none;height:4px;width:100%;position:absolute;top:0;left:0;-webkit-transition:all .35s ease;transition:all .35s ease;cursor:pointer;}
.button_container span:nth-of-type(2) {top:11px;}
.button_container span:nth-of-type(3) {top:22px;}
.overlay {position:fixed;background:#33a7b9;top:0;left:0;width:100%;height:0;opacity:0;visibility:hidden;-webkit-transition:opacity .35s, visibility .35s, height .35s;transition:opacity .35s, visibility .35s, height .35s;overflow:hidden;}
.overlay.open {opacity:.95;visibility:visible;height:100%;}
.overlay.open li {-webkit-animation:fadeInRight .5s ease forwards;animation:fadeInRight .5s ease forwards;-webkit-animation-delay:.35s;animation-delay:.35s;}
.overlay.open li:nth-of-type(2) {-webkit-animation-delay:.4s;animation-delay:.4s;}
.overlay.open li:nth-of-type(3) {-webkit-animation-delay:.45s;animation-delay:.45s;}
.overlay.open li:nth-of-type(4) {-webkit-animation-delay:.50s;animation-delay:.50s;}
.overlay.open li span {font-size: 21px;color: #fff;font-family:'Roboto',sans-serif;}
.overlay nav {position:relative;height:70%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:50px;font-family:Open Sans, sans-serif;font-weight:400;text-align:center;}
.overlay ul {list-style:none;display:inline-block;position:relative;height:100%;margin:0 auto;padding:0;}
.overlay ul li {display:block;height:calc(100%/6);min-height:50px;position:relative;opacity:0;}
.overlay ul li a {display:block;position:relative;color:#fff;text-decoration:none;overflow:hidden;}
.overlay ul li a:after {content:'';position:absolute;bottom:0;left:50%;width:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:3px;background:#fff;-webkit-transition:.35s;transition:.35s;}
.container a:hover:after,.container a:focus:after,.container a:active:after,.overlay ul li a:hover:after,.overlay ul li a:focus:after,.overlay ul li a:active:after {width:100%;}
img {display:block;width:100%;height: auto;}
.caption {background-color: #f2f2f2;}
ol.f {list-style-type: decimal;}
.nav-hide {top: -60px;}
.float-left { float: left; }
.float-right { float: right; }
.clear {height: 20px;}
.scroll-down{position:absolute;left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:86px;bottom: 10%; height:64px;background:url("../img/cd-arrow-bottom.svg") no-repeat bottom;display:inline-block;overflow:hidden;text-indent:100%;white-space:nowrap;max-width:100%;z-index: 99999}
section {display:block;}
.img-bg {height:100vh;max-height:100vh;overflow:hidden;position:relative;width:100%;}
.img-bg-content {top:10%;left:0;opacity:1;position:absolute;right:0;}
.img-bg-content > .content {color:#FFF;padding:4rem;}
.img-src {background-position:left top;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0;}
.title {font-family:serif;font-size:50px;font-weight:700;letter-spacing:-.04em;margin-bottom:8px;margin-top:0;text-shadow:0 0 20px rgba(1,1,1,0.5);text-align: left;}
.title-note {font-size: 4rem;line-height: 1.1;margin-left: }
.title-section {font-family:"Goergia",serif;color: #000;font-size:5rem;font-weight: 900;font-size: 5rem;line-height: .95;padding-bottom: 20px;text-align: left;}
.title-section-img {position:relative;font-family:Goergia,serif;color:#000;font-weight:900;font-size:5rem;line-height:.95;margin-top:-242px;background-color:#fff;width:185%;right:75%;padding:11% 0 5% 55%;text-align: left;}
h3 {font-size: 1.5rem;color: #717171;font-family:'Roboto',sans-serif;font-weight: 300;margin-bottom: -50px;}
.byline {color:rgba(255,255,255,0.8);font-family:"Georgia",serif;font-size: 21px; font-weight:400;font-style:normal;letter-spacing:-.04em;line-height:1.5;margin: 0;padding-top: 30px;}
.more {color:#c6c6c6;font-family:'Roboto',sans-serif; font-size:14px;font-weight:400;letter-spacing:-.02em;margin-top: 5%; text-align:left;}
.more a {color:#4b4b4b;text-decoration:none;}
.more:hover img {opacity:0.6;}
.more-a {color:#242424;font-family:'Roboto',sans-serif; font-size:14px;font-weight:400;font-style:normal;letter-spacing:-.04em;line-height:1.5;text-align: left;max-width: 700px;right: 50%; left: 0; top: 5%;margin: 10px 60px 70px 0px;}
.tw {margin-left: 2px;margin-top: 2px;opacity: .5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);vertical-align: sub;width: 16px;height: 16px;display: inline-block;}
.tw-white{margin-left: 2px;margin-top: 2px;opacity: .5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);vertical-align: sub;width: 16px;height: 16px;display: inline-block;}
.note {font-family:"Goergia",serif;font-size:22px;color:rgba(0,0,0,0.7);font-style:normal;font-weight:lighter;letter-spacing:.01rem;line-height:1.5;text-align: justify;}
.note-moto {font-family:"Goergia",serif;font-size:22px;color:rgba(0,0,0,0.7);font-style:normal;font-weight:lighter;letter-spacing:.01rem;line-height:1.5;background: rgb(229,229,229);background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1)));background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%);background: -o-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%);background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );border-top: 1px #c6c6c6 solid;}
.quote {font-family:'Roboto',sans-serif;font-weight:900;border-left: 10px solid rgba(0,0,0,0.7);padding-left: 20px; margin: 8%; font-weight: 900;font-style: italic;font-size: 1.6rem;letter-spacing: -0.05rem;}
.image {margin: 80px; width: 140% !important;max-width: 140% !important;margin-left: -20%;}
.graphic {margin: 80px; width: 140% !important;max-width: 140% !important;margin-left: -20%;}
.cap {font-family: 'Roboto',sans-serif;float: left;font-size: 300px;height: 65px;font-weight: 900;padding: 33px 30px 200px 0px;position: relative;top: -160px;color: #747474;}
.pull-right {float:right;margin-left:2em;}
.pull-left {float:left;margin-right:3em;}
.img-article2 {display:flex;height:950px;background:url(../img/note2.jpg) top left/cover no-repeat;-webkit-transform:translate3D(0,0,0);-ms-transform:translate3D(0,0,0);transform:translate3D(0,0,0);max-height: 100%;}
.img-article3 {display:flex;height:800px;background:url(../img/note3.jpg) top left/cover no-repeat;-webkit-transform:translate3D(0,0,0);-ms-transform:translate3D(0,0,0);transform:translate3D(0,0,0);}
.img-article4 {display:flex;height:800px;background:url(../img/note5.jpg) top left/cover no-repeat;-webkit-transform:translate3D(0,0,0);-ms-transform:translate3D(0,0,0);transform:translate3D(0,0,0);}
.img-article5 {display:flex;height:800px;background:url(../img/note4.jpg) top left/cover no-repeat;-webkit-transform:translate3D(0,0,0);-ms-transform:translate3D(0,0,0);transform:translate3D(0,0,0);}
footer {text-align: center;padding: 50px;margin: auto;text-transform: uppercase;color: rgba(0,0,0,0.7);font-size: 10px;letter-spacing: 0.08rem; border-top: 1px #f4f4f4 solid;line-height: 0.9rem;max-width: 60%;}
.about a {border:1px solid #c2c2c2;border-radius:5px;color:rgba(0,0,0,0.7);font-size:10px;text-decoration:none;text-transform:uppercase;position:relative;top:10px;background-color:#fff;padding:5px 20px;}
.back a {border:1px solid #242424;border-radius:5px;color:rgba(0,0,0,0.7);font-family:'Roboto',sans-serif;font-size:12px;text-decoration:none;text-transform:uppercase;position:relative;top:0;background-color:#fff;padding:10px 20px;top:20px;}
.facebook a {background:url(../svg/facebook.svg) no-repeat center center;background-size:contain;display: inline;}
.twitter a {background:url(../svg/twitter.svg) no-repeat center center;background-size:contain;display: inline;}
.google a {background:url(../svg/google.svg) no-repeat center center;background-size:contain;display: inline;}
.share { margin: 0 auto;text-align: center;}
.creditos {position: absolute;right: 0;color: #fff;font-family:'Roboto',sans-serif;font-weight: 500;margin: 15px 15px 0px 0px;font-size: 0.7rem;text-shadow:0 0 10px rgba(1, 1, 1, 0.64);}
.creditos-i {position: relative;color: #242424;font-family:'Roboto',sans-serif;font-weight: 400;font-size: 0.8rem;margin: -20px auto;text-align: center;padding-bottom: 40px;}
.comentarios {text-align: center;}
#share {position:absolute;right:80px;top:13px;z-index: -1;}
#share li {float:left;}
#share li a {width:23px;height:23px;display:block;margin-left:8px;opacity:0.5;transition:opacity .5s ease 0;}
#share li a:hover {opacity:1;}
#share li.facebook a {background:url(../svg/share_facebook.svg) no-repeat center center;background-size:contain;}
#share li.twitter a {background:url(../svg/share_twitter.svg) no-repeat center center;background-size:contain;}
#share li.google a {background:url(../svg/share_google.svg) no-repeat center center;background-size:contain;}

@-webkit-keyframes fadeInRight {
  0% {opacity: 0;left: 20%;}
  100% {opacity: 1;left: 0;}
}

@keyframes fadeInRight {
  0% {opacity: 0:left: 20%;}
  100% {opacity: 1;left: 0;}
}
@media only screen and (max-device-width: 320px) {
    .content {width:85%;}
}
@media screen and max-width 480px {
    #logo span {display:none;}
    .byline {display: none;}
}
@media (min-width: 769px) {
    .content-intro {max-width:50%;padding:80px;}
    .title {font-size: 3.5rem;line-height: .85;}
    .title-note {font-size: 4.0rem;line-height: .90;}
    .byline {font-size: 0.25em;max-width: 450px;}
}
@media (max-width: 1024px) {
    .title-section-img {font-size: 3.5rem;}
    .title-section {font-size: 3.5rem;}
    .content-intro {;max-width:400px;padding:5%;}
    .content {margin: 3em auto;}
    .title {font-size: 3.5rem;line-height: .85;}
    .title-note {font-size: 3.5rem;line-height: .90;}
    .byline {font-size: 0.23em;max-width: 90%;display: none;}
    .image {margin: 80px auto; max-width: 100% !important;}
    .quote {font-size: 1.3rem;}
    .title-section-img {font-size:3.5rem;width: 100%;margin: 0 auto 20px 0;right: 0;padding: 0 0 40px 0;}
    #logo span {display: none;}
    footer {max-width: 90%;}
    .pull-right {float:left;margin-right:3em;}
    .cap {font-size: 150px;padding: 130px 20px 0px 0px;top: -180px;}
    .note {font-size: 20px;}
    #logo.ln a {width:162px;height:66px;left:15px;background:url(../svg/ln_o.svg) no-repeat center center;background-size:contain;margin:-8px 0 0 15px;}
    #share {position:absolute;right:60px;top:13px;z-index: -1;}
}
@media (min-width: 1200px) {
    .title {font-size: 3.5rem;line-height: .85;}
    .title-note {font-size: 4.0rem;line-height: .85;}
    .byline {max-width: 500px;}
}