@charset "UTF-8";
/* CSS Document */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, input, select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none; }
  
html {
  overflow-y: scroll; }
  
html {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	-moz-osx-font-smoothing: grayscale;
	/* fixes FF over-bolding */
  /*font-size: 1.5em;*/
	/* 10px reset */
  position: relative;
	min-height: 100%;
	background: #faf6f0;
}  
body{ background-color:#FFC }
ul {
  list-style: none; }
li, .text-menu {
 font-family: 'Source Sans Pro' ,sans-serif;
   
}

p{
font-family:'Crimson Pro', serif;
color:#630;
font-size:1.2rem;}

a{
    text-decoration: none;
    -webkit-transition: all 0.125s;
    -moz-transition: all 0.125s;
    -o-transition: all 0.125s;
    transition: all; 0.125s;
	   } 
h1 {
  position: fixed;
  top: -70px;
  left: 50px;
  display: block;
  width: 70px;
  height: 70px;
  background: url(img/logo.svg) 0 0 no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  text-indent: 1500%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 101;
  cursor: pointer; }
  h1.no-hide, h1.show {
    top: 50px; }
h2{
            color:#630;
            font-size:1.2rem;
        }
h3{
	font-size:5.5vw;
    color:#633;
    font-family: 'Century Old Style Std';
	text-align:center;
    font-weight: bold;
	-webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
	transition: scale 1s all linear;
	}
	h3:hover{
	text-decoration:line-through;
}
.layout:hover h3{
	color:#0C9;	
	text-decoration:line-through;
}
.layout2:hover h3{
	color:#c39;
	text-decoration:line-through;
}
.layout3:hover h3{
	color:#3CF;
	text-decoration:line-through;
}
h4{
    font-family:'Crimson Pro', serif;
    font-size:2.8rem;
}

.animacorchete{}

@font-face {
    font-family: 'Century Old Style Std';
    src: url('fonts/CenturyOldStyleStd-Regular.eot');
    src: url('fonts/CenturyOldStyleStd-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/CenturyOldStyleStd-Regular.woff2') format('woff2'),
        url('fonts/CenturyOldStyleStd-Regular.woff') format('woff'),
        url('fonts/CenturyOldStyleStd-Regular.ttf') format('truetype'),
        url('fonts/CenturyOldStyleStd-Regular.svg#CenturyOldStyleStd-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Century Old Style Std';
    src: url('fonts/CenturyOldStyleStd-Bold.eot');
    src: url('fonts/CenturyOldStyleStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/CenturyOldStyleStd-Bold.woff2') format('woff2'),
        url('fonts/CenturyOldStyleStd-Bold.woff') format('woff'),
        url('fonts/CenturyOldStyleStd-Bold.ttf') format('truetype'),
        url('CenturyOldStyleStd-Bold.svg#CenturyOldStyleStd-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chronicle Display';
    src: url('ChronicleDisplay-Roman.eot');
    src: url('ChronicleDisplay-Roman.eot?#iefix') format('embedded-opentype'),
        url(fonts/'ChronicleDisplay-Roman.woff2') format('woff2'),
        url(fonts/'ChronicleDisplay-Roman.woff') format('woff'),
        url(fonts/'ChronicleDisplay-Roman.ttf') format('truetype'),
        url(fonts/'ChronicleDisplay-Roman.svg#ChronicleDisplay-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Source Sans Pro';
    src: url(fonts/'SourceSansPro-Bold.eot');
    src: url(fonts/'SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
        url(fonts/'SourceSansPro-Bold.woff2') format('woff2'),
        url(fonts/'SourceSansPro-Bold.woff') format('woff'),
        url(fonts/'SourceSansPro-Bold.ttf') format('truetype'),
        url(fonts/'SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.episodes-wrap a{
    cursor:url(img/cur-link.png), pointer;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (-webkit-device-pixel-ratio: 3){
    h3{
        font-size:15.5vw;
    }    
}
/*------ ESTRUCTURA ---------*/
.paper {
  position: fixed;
  border: solid #630;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }
  .paper.edge-top {
    top: 0;
    right: 68px;
    left: 24px;
    height: 27px;
    border-width: 0 0 3px 0;
    z-index: 101; }
  .paper.edge-right {
    top: 68px;
    right: 0;
    bottom: 24px;
    width: 27px;
    border-width: 0 0 0 3px;
    z-index: 102; }
  .paper.edge-bottom {
    bottom: 0;
    right: 24px;
    left: 24px;
    height: 26px;
    border-width: 3px 0 0 0;
    z-index: 103; }
  .paper.edge-left {
    top: 24px;
    left: 0;
    bottom: 24px;
    width: 27px;
    border-width: 0 3px 0 0;
    z-index: 104; }
  .paper.corner {
    top: 24px;
    right: 24px;
    width: 46px;
    height: 46px;
    border: 0;
    background: url(img/corner.svg) 0 100% no-repeat;
    background-size: 100% 100%;
    text-indent: 1500%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    z-index: 105; }
    .paper.corner:after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      visibility: hidden;
      background: url(img/corner.svg) 0 100% no-repeat; }
  .paper.open.edge-top {
    right: 146px; }
  .paper.open.edge-right {
    top: 97px;
    right: 48px; }
  .paper.open.edge-bottom {
    right: 72px; }
  .paper.open.corner {
    right: 72px;
    width: 76px;
    height: 76px;
    background-image: url(img/corner.svg); }

  @media only screen and (min-width: 600px) {
    .paper.open.edge-top {
      right: 218px; }
    .paper.open.edge-right {
      top: 97px;
      right: 120px; }
    .paper.open.edge-bottom {
      right: 144px; }
    .paper.open.corner {
      right: 144px;
      width: 76px;
      height: 76px;
      background-image: url(img/corner-open.svg); } }

menu {
  position: fixed;
  right: -72px;
  top: 0;
  bottom: 0;
  width: 24px;
  padding: 20px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 126; }
  menu.open {
    right: 24px; }
  menu ul {
    width: 24px;
    /*
    		@include transform(rotate(90deg));
    		@include transform-origin(0 0);
    		width: 100vw;
    */ }
  menu li {
    text-align: center; 
-webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);}
    menu li + li {
    }
  menu a, menu button, menu .rsvp-button a, .rsvp-button menu a {
      color:#630;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1;
    /*padding: 6px 24px;*/ }
    menu a span, menu button span, menu .rsvp-button a span, .rsvp-button menu a span {
      display: block;
      margin: 0 auto; }
  menu .side-menu {
    position: absolute;
    bottom: 24px;
    left: 24px;
    right: 24px;
    display: none; }
    menu .side-menu button, menu .side-menu .rsvp-button a, .rsvp-button menu .side-menu a {
    width: 100%;
    padding: 6px; }
    menu .side-menu button + button, menu .side-menu .rsvp-button a + button, .rsvp-button menu .side-menu a + button, menu .side-menu .rsvp-button button + a, .rsvp-button menu .side-menu button + a, menu .side-menu .rsvp-button a + a, .rsvp-button menu .side-menu a + a {
    margin-top: 12px; }
    menu .side-menu button.keyboard-button, menu .side-menu .rsvp-button a.keyboard-button, .rsvp-button menu .side-menu a.keyboard-button {
        border: 0;
        height: 0;
        padding-bottom: 32%;
        text-indent: 1500%;
        white-space: nowrap;
        overflow: hidden;
        background: url(img/tumblr.png) 50% 100% no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        /*
        				@include explorer() {
        					display: none;
        				}
        */ }

@media only screen and (min-width: 600px) {
    menu {
      right: -148px;
      width: 144px; }
    menu.open {
        right: 0; }
    menu.open ∫.social-butt{
        right: 20px!important;
    }
      menu .side-menu {
        display: block; }
      menu ul {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
        /* FF Hack for sharper renders */
        width: 100%; }
menu li {
        display: block;
        text-align: left; }
menu li + li {
        border-top: 0; }
menu a {
        display: block;
        padding: 6px 0; }
menu a span {
        display: inline; } }
@media only screen and (min-width: 960px) {
menu .side-button {
      display: none; } }

.table {
  display: table;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }
  .table .table-cell {
    display: table-cell; }
    .table .table-cell.v-middle {
      text-align: center;
      vertical-align: middle; }

.full {
  width: 100%;
  height: 100%; }
  .full .table-cell {
    width: 100%;
    height: 100%; }
/*intro*/

	   
section {
  position: relative;
  width: 100%;
  min-height: 100%;
  min-height: 100vh;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }
  section.open, section.open .intro-wrap-inner {
    padding-right: 51px; }
@media only screen and (min-width: 600px) {
      section.open, section.open .intro-wrap-inner {
        padding-right: 120px; } 
}

.wrap {
  min-height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s; }

body.loaded .wrap {
  opacity: 0.99999; }
		
.intro-wrap {
  overflow: hidden; }

.intro-wrap-inner {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  z-index: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; 
  }

.intro {
  position: relative;
  width: 100%;
  height: 100%;
  height: 100vh;
  cursor: pointer;
background: linear-gradient(115deg, #FCC 20px, #FCC 50%, #FFC 40px, #FFC 60px);}
  .intro div {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: 300px auto;
    -moz-background-size: 300px auto;
    -o-background-size: 300px auto;
    background-size: 300px auto; }

 @media only screen and (min-width: 600px) {
    .intro div {
        -webkit-background-size: auto 55%;
        -moz-background-size: auto 55%;
        -o-background-size: auto 55%;
        background-size: auto 55%; }
}
    .intro div.be {
      background-image:  url(img/hrt1-lap.png);
      z-index: 6;
	animation: animaHeart2 1.3s infinite ease alternate;	}
    .intro div.yond {
      background-image:url(img/hrt4-lap.png);
      z-index: 5; 
     animation: animaHeart 1s infinite ease alternate;}
    .intro div.this {
      background-image: url(img/hrt3-lap.png);
      z-index: 4; }
    .intro div.point {
      background-image:url(img/hrt5-lap.png) ;
      z-index: 2; 
animation: animaHeart2 1.3s infinite ease alternate;}
    .intro div.colbot {
      background-image: url(img/hrt2-lap.png);
      z-index: 3; 
animation: animaHeart 1s infinite ease alternate;}
    .intro div.coltop {
      background-image: url(img/hrt6-lap.png);
      z-index:1;
animation: animaHeart 1s infinite ease alternate;}
  .intro.phone div {
    background-position: 50% 35%; }
@keyframes animaHeart{
	from{
    width: 100%;
    height: 100%;
  }
	to{
    width: 99%;
    height: 99%;
  }
}
@keyframes animaHeart2{
	from{
    width: 100%;
    height: 100%;
  }
	to{
    width: 98%;
    height: 98%;
  }
}
.ejemplo2 span{
	animation: animaHeart 2s infinite ease alternate;	
}



.moving .coltop {
  background-position: 50% 0%;
  animation: moving 12s linear infinite;
  -webkit-animation: moving 12s linear infinite; }

.moving .colbot {
  background-position: 50% 100%;
  animation: moving2 16s linear infinite;
  -webkit-animation: moving2 16s linear infinite; }

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (-webkit-device-pixel-ratio: 3) {
.intro div{
        -webkit-background-size: auto 35%;
        -moz-background-size: auto 35%;
        -o-background-size: auto 35%;
        background-size: auto 35%;
    }
  
}


/*-----EPISODIOS----*/
.ilustracion {
    width: 88px;
    height: 93px;
    background-image: url(img/logo-sm.png);
    margin: 0 auto;
    background-position: bottom;
    background-repeat: no-repeat;}

.go-bottom{
width:40px;
height:120px;
background-image:url(img/flecha-bottom.png);
margin:0 auto;
}
.origin{
    width:100%;
    height:40px;
}
.origin h4{
    color:#3CF;
    text-decoration: line-through;
}
.sub-servicios{
}
.cuadro-pp p{width:200%;}
.portfolio{width:100%; height:60px; margin-bottom:60px;}
.portfolio a{margin:0 auto;}
.text-menu{
    opacity:0;
    transition:  all .1s ease-out;
    margin-top:145px;
  	color:#633;
	font-size:2vw;
    font-weight: 550;
	text-decoration:none;
    /*font-weight: 600;*/
 		}
.layout .tex-menu{            

}
.layout:hover .text-menu, .layout2:hover .text-menu, .layout3:hover .text-menu{
margin-top:130px;
transform: translate(0, -30px);
opacity:1;
}

.episodes-wrap {
background: linear-gradient(90deg, #FCC 20px, #FCC 50%, #FFC 40px, #FFC 60px); 
border-top:2px dashed #630;}
  .episodes-wrap .episodes {
    display: block;
    text-align: center;
    /*padding: 72px 51px;*/ }

.pre{
	top: 49%;	
	}

@media only screen and (min-width: 600px) {
      .episodes-wrap .episodes {
        /*padding: 72px 120px; */} }
  .episodes-wrap .episode-icon {
    display: block;
    height: 56px;
    margin: 0 auto 48px;
    background: url(i/bricks.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain; }
  .episodes-wrap .episode-intro {
    display: block;
    max-width: 500px;
    margin: 0 auto; }
    .episodes-wrap .episode-intro + .episode-intro {
      margin-top: 48px; }
    .episodes-wrap .episode-intro h3 {
      /*font-weight: 400;
      font-size: 1.6rem;
      text-transform: uppercase; */}
    .episodes-wrap .episode-intro p {
      /*margin: 0.4rem 0;*/ }
    .episodes-wrap .episode-intro button, .episodes-wrap .episode-intro .rsvp-button a, .rsvp-button .episodes-wrap .episode-intro a {
      padding: 6px 12px;
      margin-top: 1rem;
      text-transform: uppercase; }
      .episodes-wrap .episode-intro button:hover, .episodes-wrap .episode-intro .rsvp-button a:hover, .rsvp-button .episodes-wrap .episode-intro a:hover {
        color: #faf5cc; }

.section-button {
  position: fixed;
  right: 0px;
  top: 75%;
  width: 96px;
  height: 76px;
  background-image:url(img/form-btton.svg);
  margin-top: 40px;
  /*font-size: 1.6rem;
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
  font-weight: 800;*/
  cursor: pointer;
  z-index: 99;
  /*-webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  backface-visibility: hidden;
  display: none;*/ }
  @media only screen and (min-width: 960px) {
    .section-button {
      display: block; } }
  .section-button:hover {
background-image:url(img/form-btton.svg);
 }
  .section-button .section-button-wrap {
    position: relative; }
    .section-button .section-button-wrap > div {
      position: absolute;
      visibility: hidden;
      opacity: 0;
      width: 75px;
      height: 75px; }
  .section-button.square .subscribe-button {
    visibility: visible;
    opacity: 0.99999;
    transition-delay: 0s;
    padding: 1rem 1rem 0rem 0rem;
 }


  .section-button.circle {
    border-radius: 50%; }
    .section-button.circle .join-button {
      visibility: visible;
      opacity: 0.99999;
      transition-delay: 0s;
      padding: 1.9rem 1rem; }
  .section-button[data-section="intro"] {
    visibility: hidden;
    opacity: 0;
    cursor: default; }

    .section-button[data-section="intro"]:hover {
      color: #faf6f0; }
  .section-button[data-section="episodes"]:hover {
    /*color: #faf5cc;*/ }
  .section-button[data-section="upcoming"]:hover {
    color: #dbf6d8; }
  .section-button[data-section="about"] {
    /*visibility: hidden;
    opacity: 0;
    cursor: default;*/ }
    .section-button[data-section="about"]:hover {
      color: #feede5; }
.box {
	overflow:hidden;
	display: flex;
	align-items:center;
	flex-direction:row;
	flex-wrap:wrap;
	height:100vh;
    background: url(img/personal-lap.png) no-repeat center, repeating-linear-gradient(135deg, #e5f6fe 30px, #e5f6fe 50px, #fff 50px, #fff 70px);
	
	}
.box a{
width:33.33%;
height:100%;
flex-direction:column;
display:flex;}



	

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (-webkit-device-pixel-ratio: 3){
h4 {
    font-size: 2rem;
    }
p {
    font-size: 1rem;
}
.cuadro-pp {
    width:100%!important;
    display:flex!important;
    }
.box a{   
    width: 100%;
    height: 33.3%;
    flex-direction: column;
    display: flex;
    } 
    .portfolio{margin-bottom:1px;}
    .origin{display:none;}
    .ruleta-r{margin-right: -100px;
    }
}
 /*----ABOUT---*/
.about-wrap p{
    color:#FFC;
}
.lema{
font-size: 2.5rem;
    font-family: 'Source Sans Pro' ,sans-serif;
	text-align:center;
    font-weight: 300;
}
 .about-wrap {
  background: #f8096e;
  display: table;
  width: 100%;
  height: 100%;
  min-height: 100%;
  min-height: 100vh; 
     border-top:2px dashed #630;}
.about-wrap > div {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle; }
.about { }
.about-wrap .about {}
.info-star{
width: 150px;
        height: 150px;
        background-image: url(img/about.gif);
        float: right;
        background-size: 150px;
        margin-top: -20%;
        margin-right: 13%;
    }
    
.boton-reel{
    width: 100px;
    height: 100px;
    background-image: url(img/btn-reel.gif);
    float: left;
    background-size: 100px;
    margin-top: -10%;
    margin-left: 17%;   
}   


@media only screen and (min-width: 600px) {
      .about-wrap .about {
        /*--padding: 72px 120px;--*/ } }
  .about-wrap .about-content {
    display: block;
    max-width: 600px;
    margin: 0 auto;
    text-align: center; }
.about-content img{
    width:85%;
}
@media only screen and (min-width: 800px) {
    .about-wrap .about-content {
       /* font-size: 2.5rem;
        line-height: 3.5rem; } */}
  .about-wrap .about-icon {
   position: relative;
        display: block;
        width: 499px;
        height: 316px;
        margin: 0 auto;
        background: #feede5;
        background: url(img/knife-w.gif) 100% 6px no-repeat;
        background-size: 90%;

 }
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (-webkit-device-pixel-ratio: 3){
 
    .about-wrap .about-icon {
        position: relative;
        height: 236px;
        margin: 0 auto;
        /* background: #feede5; */
        background: url(img/knife-w.gif) 80% 6px no-repeat;
        background-size: 80%;

 }   
    .lema {
        font-size: 1.7em;
    }

    .subscribe{
        background-size:440px!important;
    }
    .info-star {
    margin-top: -0.5%;
    margin-right: 23%;
    }
}
footer{
         width:100%;
        height:10vh;
        display: table-row;
        text-align: center;
        }
        footer a{
        color:#633;
        }
 footer a:hover{
        text-decoration:line-through;
        }
        .languages{
        width:20%;
        height:100%;
        float:left;
        padding-top:15px;
        visibility: hidden;
        }
        .submenu{
        width:60%;
        float:left;
        height:100%;
        padding-top:15px;

        }
.submenu a{
    font-family: 'Source Sans Pro', sans-serif;
}
.social{
            width:20%;
            float:left;
            height:100%;
       }

.social-butt {
    float: left;
    /*transform: rotate(-25deg);*/
    /*margin: 3%;*/
    /* width: 60%; */
    margin-left: 2%;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .intro div{
        background-size: auto 45%;
    }
    .info-star{margin-top:5%;}

}

/*----END ABOUT---*/


body.rsvp .intro {
  background-color: #e5f6fe; }
  body.rsvp .intro div.coltop {
    background-image: url(i/coltop-blue.svg); }
  body.rsvp .intro div.colrsvp {
    z-index: 7;
    mix-blend-mode: multiply;
    -webkit-mix-blend-mode: multiply;
    -webkit-background-size: auto 42%;
    -moz-background-size: auto 42%;
    -o-background-size: auto 42%;
    background-size: auto 42%; }
 @media only screen and (min-width: 600px) {
      body.rsvp .intro div.colrsvp {
        -webkit-background-size: auto 57%;
        -moz-background-size: auto 57%;
        -o-background-size: auto 57%;
        background-size: auto 57%; } 
}


	  
/*----MODAL----*/
        .modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  overflow: auto;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.25s, opacity 0.25s linear; }
  .modal.show {
    visibility: visible;
    opacity: 0.99999;
    transition-delay: 0s;
    /*overflow-y: scroll;*/
    -webkit-overflow-scrolling: touch; }
  .modal.hidden {
    display: none; }
  .modal.open .table {
    padding-right: 51px; }
.modal-close{
    width: 70px;
    height: 70px;
    background-image: url(img/close-s.png);
    margin: 0 auto;
}
@media only screen and (min-width: 600px) {
      .modal.open .table {
        padding-right: 120px; } }
  .modal .table-cell {
    padding: 51px; }
@media only screen and (min-width: 600px) {
      .modal .table-cell {
        padding: 72px 0px; } }
@media only screen and (min-width: 800px) {
      .modal .table-cell {
        padding: 72px 0px; } }

		 
@keyframes moving {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */
    -webkit-transform-origin: 50% 25%;
    -moz-transform-origin: 50% 25%;
    -ms-transform-origin: 50% 25%;
    -o-transform-origin: 50% 25%;
    transform-origin: 50% 25%; }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */
    -webkit-transform-origin: 50% 25%;
    -moz-transform-origin: 50% 25%;
    -ms-transform-origin: 50% 25%;
    -o-transform-origin: 50% 25%;
    transform-origin: 50% 25%; } }
@-webkit-keyframes moving {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */
    -webkit-transform-origin: 50% 25%;
    -moz-transform-origin: 50% 25%;
    -ms-transform-origin: 50% 25%;
    -o-transform-origin: 50% 25%;
    transform-origin: 50% 25%; }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */
    -webkit-transform-origin: 50% 25%;
    -moz-transform-origin: 50% 25%;
    -ms-transform-origin: 50% 25%;
    -o-transform-origin: 50% 25%;
    transform-origin: 50% 25%; } }
@keyframes moving2 {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */
    -webkit-transform-origin: 50% 75%;
    -moz-transform-origin: 50% 75%;
    -ms-transform-origin: 50% 75%;
    -o-transform-origin: 50% 75%;
    transform-origin: 50% 75%; }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */
    -webkit-transform-origin: 50% 75%;
    -moz-transform-origin: 50% 75%;
    -ms-transform-origin: 50% 75%;
    -o-transform-origin: 50% 75%;
    transform-origin: 50% 75%; } }
@-webkit-keyframes moving2 {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */
    -webkit-transform-origin: 50% 75%;
    -moz-transform-origin: 50% 75%;
    -ms-transform-origin: 50% 75%;
    -o-transform-origin: 50% 75%;
    transform-origin: 50% 75%; }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */
    -webkit-transform-origin: 50% 75%;
    -moz-transform-origin: 50% 75%;
    -ms-transform-origin: 50% 75%;
    -o-transform-origin: 50% 75%;
    transform-origin: 50% 75%; } }
	
	/*Boton emergente*/


.sm-button{
    position:fixed;
    width:120px;
    height:140px;
    background-image:url(img/logo-sm.png);
     z-index: 101;
        }

/*---SECCION CONTACTO---*/

.subscribe {
  background-color: #cee6e3;
background-image:url(img/retrato.jpg);
    background-position-y: bottom;
    background-size: 600px;
    background-repeat: no-repeat;
  color: #630; }

.subscribe ul {
    letter-spacing: -0.65em;
    text-rendering: optimizeLegibility;
    margin: 24px auto; }
.table-cell p, .modal-ti{
    transform: rotate(-25deg);
}
.info-redes{
    font-size:1rem;
}
    .subscribe ul li {
      letter-spacing: normal;
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      vertical-align: middle;
      margin: 0 24px 24px;
      position: relative; }
    .subscribe ul img {
      height: 70px; }
  .subscribe .rss-button {
    cursor: pointer;
    position: relative; }
    .subscribe .rss-button:after {
      content: 'RSS Copied to Clipboard';
      position: absolute;
      top: 100%;
      left: -50px;
      width: 170px;
      display: block;
      /*background: #231F20;*/
      color: #e5f6fe;
      margin-top: 12px;
      padding: 6px 12px;
      font-size: 1.2rem;
      visibility: hidden;
      opacity: 0;
      transition: visibility 0s linear 0.25s, opacity 0.25s linear; }
    .subscribe .rss-button.copied:after {
      visibility: visible;
      opacity: 0.99999;
      transition-delay: 0s; }
    .subscribe .rss-button input {
      position: fixed;
      left: 99999px; }
 /*----ESTRUCTURA EPISODIOS------*/
.pie-ep{
    font-family:'Source Sans Pro' , sans-serif;
}

 /*----SECCION-COMERCIALES----*/
        .cabecero-cc{
            height:40vh;
            width:100%;
            display:table;
            border-bottom: 2px dashed #630;
        }  
        .c-info{
        display:table-cell;
        vertical-align:middle;
        text-align:center;
        }
        .c-info h4{
            color:#0C9;
            text-decoration: line-through;
        }
        .menu-cc {
            height:8vh;
            width:100%;
            display:table;
            border-bottom:2px dashed #630;
        }
        .cc-logo{
            width:80px;
            height:80px;
            background-image:url(img/logo-cc.png);
            margin: 0 auto;
        }
#nav {
display: table-cell;
        text-align: center;
        padding: 0;
        margin: 0;
        vertical-align: middle;
}
#nav li {
    display:inline-block;
    width: 33%;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1;
}
        #nav li:active>a {
    text-decoration:line-through;

}
#nav a {
    display:block;
    margin:0 1em;
    text-decoration:none;
    color:#630;
}
#nav li:hover>a {
    text-decoration:line-through;

}
        
#content {
    /*---margin:1em auto;---*/
    width:100%;
    overflow:hidden;
    position:relative;
    /*---padding-top:3em;---/
}
#slide { /* initialisé en javascript */
/*    position:relative; /**/
/*    width:400%;   /* contient 4 éléments donc 4x100 = 400% */
}
.article { /* initialisé en javascript */
/*    width:25%;    /* il y a 4 éléments donc 100/4 = 25% */
/*    float:left;/**/
}
.fleche {

    width:90px;
    height:30px;
   margin:10px;
    z-index:1000;
}

.droite {
    margin-left:65%;
    background-image:url(img/snext.png);
}
.gauche {
    margin-left:10%;
        background-image:url(img/sback.png);

}
.grid{
overflow:hidden;
display:flex;
align-items:center;
flex-direction:row;
flex-wrap:wrap;
/*---margin-top:1%;---*/
	}

.List-style{
 padding-top:23px;
        }
.logos-style{
            padding:0px 23px 0px 23px;
        }

.rect-1{
	width:65%;
	height:100%;
	flex-direction:column;
	border-bottom:2px dashed #630;
	/*display:table-cell;*/
	vertical-align:middle;
	}
.rect-1 a{
    width: 100%;
    height: 100%;
    flex-direction: column;
    display: flex;
        }
.rect-1 a:hover{
background-color:#0C9;
opacity:40%;
        }
.rect-2{
	width:35%;
		height:100%;
	flex-direction:column;
	display:table-cell;
	vertical-align:middle;
	}
.rect-2 a{
    width: 100%;
    height: 100%;
    flex-direction: column;
    display: flex;}
.cuadrado{
	width:50%;
	height:100%;
	flex-direction:column;
	border-bottom:2px dashed #630;
	display:table-cell;
	vertical-align:middle;
	}
.cuadrado a{
    width: 100%;
    height: 100%;
    flex-direction: column;
    display: flex;}
       
.izq-s{
    border-right:2px dashed #630;
        }
.List{
	width:100%;
	height:4%;
	flex-direction:column;
	display:table;
	vertical-align:middle;
    border-bottom:2px dashed #630;
        margin: 0px 27px 0px 27px;
	
	}
.content-list{
    width:100%;
     display:table-cell;
     vertical-align:middle;
     text-align: center;
        }
        .view-button {
                width: 60px;
        height: 79px;
        background-image: url(img/list-button.svg);
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        margin-left: 130vh;
        margin-top: -58px;
        }
        .List h2:hover{
            color:#0C9;
        }
        .List:hover .view-button{
         background-image: url(img/list-button-h.svg);   
        }
.box-f{
overflow:hidden;
display:flex;
align-items:center;
flex-direction:row;
flex-wrap:wrap;
	}

.idbox{
	width:33.33%;
    height:352px;
	flex-direction:column;
	display:table;
	}
.id-content:hover{    
    opacity:0;
    transition: opacity 1s linear;
}
.id-content{
 
display:table-cell;
vertical-align:middle;
text-align:center;
opacity:1;
        }
.enunciadocc{

    display:table-cell;
    text-align: center;
    vertical-align: middle;
    margin:0 auto;
}
 /*----SECCION-SERIES----*/
    .cabecero-ss{
            position:fixed;
    height:35vh;
    width:100%;
    display:table;
    z-index:91;
        }
    
    .ss-logo{
    width:80px;
    height:80px;
    background-image:url(img/logo-ss.png);
    margin: 0 auto;}
    .s-info{
        display:table-cell;
        vertical-align:middle;
        text-align:center;
        }
    .s-info h4{
    color:#ED2590;
    text-decoration: line-through;
        }
        .wide-rect{
            display:table;
            width:100%;
            height:350px;}
        .menu-ss{
          display:table;
            width:100%;
            height:200px;      
            }
.box-ss{
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    width:33.3%;
    height:100%;
    float:left;
        }
.obj-button{
    position:fixed;
    Width:55px;
    height:400px;
    margin-top: 15%;
    margin-left:3%;
    background-image:url(img/objetos-btn.png);
    background-size:55px;
    z-index: 101;
    animation: button-objetos 2s linear;
}
@keyframes button-objetos{
	from{
    margin-top: 105%;
    /*transform: translateY()*/
  }
	to{
    margin-top: 15%;

  }
}
 .artes-button{
    position:fixed;
    Width:159px;
    height:55px;
    margin-top: 56%;
    margin-left: 77%;
    background-image:url(img/artes-btn.png);
    background-size:159px;
    z-index: 101;
    animation: button-artes 4s linear;
}
@keyframes button-artes{
	from{
    margin-left: 105%;
    /*transform: translateY()*/
  }
	to{
    margin-left: 77%;

  }
}
 .ropa-button{
    position:fixed;
    Width:55px;
    height:205px;
    margin-top: 8%;
    margin-left:93%;
    background-image:url(img/ropa-btn.png);
    background-size:55px;
    z-index: 101;
    animation: button-ropa 4s linear;
}
@keyframes button-ropa{
	from{
    margin-top: -20%;
    /*transform: translateY()*/
  }
	to{
    margin-top: 8%;

  }
}
.slider__contenido1 img{
    animation: birdanime 1s infinite ease alternate;
    margin-left:35%;
    margin-top:10%;
}
@keyframes birdanime{
	from{
    width: 445px;
    height: 600;
  }
	to{
    width: 470px;
    height: 625px;
  }
}
    animation: button-objetos 9s infinite linear;


/*----SECCIÓN POLÍTICAS------*/
.politicas footer, .series footer, .comercials footer{
    display:table;
}
.grid-pp{
    width: 95.5%;
    margin-left: 27px;
    display: table;
        
}
 .grid-pr{
    text-align:center;
    width: 95.5%;
    margin-left: 27px;
    height: 100%;
    display: table;
}
 .cabecero-pp {
    height: 45vh;
    width: 95.5%;
    margin-left: 27px;
    display: table;
     padding-top: 10px;}           

.pp-logo{
    width:200px;
    height:200px;
    background-image:url(img/politic.png);
    background-size:200px;
     margin: 0 auto;
        }
.raiz-il{
    margin:0 auto;
    height: 1000px;
    display:table-cell;
}
.p-info{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
        }
.rect-p{
	width:65%;
	height:352px;
	flex-direction:column;
	display:table-cell;
	vertical-align:middle;
    padding:20px 20px 20px 50px;
	}
.cuadro-pp{
    width:50%;
	flex-direction:column;
    display:table-cell;
    overflow: hidden;
}
.cuadr-pp p{
    display:inline-block;
    width:100vh;
}

.sub-servicios h4{color:#f8096e;}

.colab{
    color:#FFC;
    background-color:#3CF;
}
.fondofijo{
    width:100%;
    height:100%;
    background-image:url(img/tramacielo-lap.jpg);
    background-attachment: fixed;
}
.p-info h4{
    color:#3CF;
    text-decoration: line-through;
        }
.etic-tittle ,.right-tittle{
    display:table;
    height:10vh;
    width: 95.5%;
    margin-left: 27px;    
    border-bottom:2px dashed #630;
    border-top:2px dashed #630;
        }
.etic-tittle h4{
    color:#3CF;
    padding-left:23px;
    padding-top: 10px;
}
.right-tittle h4{
    color:#3CF;
    padding-right:23px;
    float:right;
    padding-top: 10px;
}
.content-pp{
    width:60%;
    display:table-cell;
    padding:10px 70px 10px 20px;
        }
.content2-pp{
    width:40%;   
    display:table-cell;
    padding:10px 70px 10px 20px;
        }

.ruleta-r{
    /*margin:5px;*/
    width:40px;
    height:40px;
    float:left;
    background-image:url(img/ruleta.svg);
    animation: animaRuleta 9s infinite linear;
}
@keyframes animaRuleta{
	from{
    transform: rotate(0);
  }
	to{
    transform: rotate(360deg);
  }
}

.text-moving{
     animation: moveText linear 20s -3s forwards infinite;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:0.9em;
    margin-top:5px;
    }

.text-moving2 {
  animation: moveText linear 20s forwards infinite;  font-family: 'Source Sans Pro', sans-serif;
    font-size:0.9em;

}
.text-moving3 {
  animation: moveText linear 14s 5s forwards infinite;  
    font-family: 'Source Sans Pro', sans-serif;
        font-size:0.9em;

}
@keyframes moveText {
	from { transform: translateX(100%); }
	to { transform: translateX(-150%); }
}
.news-open{
    float:right;
    width: 70px;
    height: 70px;
    background-image: url(img/close-s.png);
    transform:rotate(45deg);
    z-index: 101;
}
.news{
	width:100%;
	height:10vh;
	flex-direction:column;
	display:table;
	vertical-align:middle;
    border-bottom:2px dashed #630;
    transition: all .5s ease;
    background: -webkit-linear-gradient(45deg, #fff calc(50% - 1px), #cde4d9 calc(50% - 1px), #cde4d9 calc(50% + 1px), #fff calc(50% + 2px));
    background:linear-gradient(3deg, transparent calc(50% - 1px), #3CF calc(50% - 1px), #3CF calc(50% + 1px), transparent calc(50% + 2px));
}
	
.news.big{
	height: 50vh;
	transition: all .5s ease-in-out;
 background: -webkit-linear-gradient(45deg, #fff calc(50% - 1px), #cde4d9 calc(50% - 1px), #cde4d9 calc(50% + 1px), #fff calc(50% + 2px));
    background:linear-gradient(15deg, transparent calc(50% - 1px), #3CF calc(50% - 1px), #3CF calc(50% + 1px), transparent calc(50% + 2px));}
.news.big .content-article{
    display:table-cell;
    vertical-align:middle;
    text-align: center;
    height:50vh;
}
.news-head{
    height:10vh;
    display:table-cell;
    vertical-align:middle;
    width:150vh;
}
.news-head h4{
    color:#3CF;
    float:left;
    padding-left:27px;
}
.titular{
    padding-top: 23px;
    padding-left:30px;
    font-size:1.2em;
    float:left;
}
.news.big .news-head{
	display:none;}

article{
    width:60vh;
    float:left;
}
.news-foto{
    float:left;
}
.content-article{
    display:none;
}
.news-blog{	width:100%;
	height:10vh;
	flex-direction:column;
	display:table;
	vertical-align:middle;
    background-color:#3CF;}

/*----ESTRUCTURA SUBMENUS----*/

.close-sm{
    position: fixed;
    width: 70px;
    height:70px;
    background-image: url(img/close-s.png);
    left:50px;
    top:70px;
    z-index: 101;
}

.logo-sm{
    position: fixed;
    width: 190px;
    height:70px;
    background-image: url(img/smanimate.gif);
    right:50px;
    top:70px;
    z-index: 101;
}
.grid-sm{
overflow: hidden;
    display: table;
    flex-wrap: wrap;
    align-items: center;
    flex-direction:row;
}
.grid-sm-content{
	width:50%;
	height:100%;
	border-bottom:2px dashed #630;
	display:table;
	vertical-align:middle;
	}
.sm-contentcell{
    width:33.3%;
	height:100%;
	border-bottom:2px dashed #630;
    border-left:2px dashed #630;
	display:table;
}
.sm-contentfull{
width:100%;
	height:100%;
	border-bottom:2px dashed #630;	
    display:table;
	vertical-align:middle;
    text-align:center;
}
.sm-adjust{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
.grid-sm img{
    /*width:100%;
    height:100%;*/
}
.cabecero-subs{
    height:30vh;
    width:100%;
    display:table;
    border-bottom:2px dashed #630;
        }
.pagina{
    width: 90px;
    height: 30px;
    margin: 10px;
    display:table-cell;
    vertical-align: middle;
}
.sig{
      background-image: url(img/snext.png);
    float: right;
    margin-right: 100px;  
}
.ant{        background-image: url(img/sback.png);
 float: left;
    margin-left: 100px;}
/*---- CONTENEDOR ---*/


.contenedor-slider {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 1;
    background: repeating-linear-gradient(135deg, #e5f6fe 30px, #e5f6fe 50px, #fff 50px, #fff 70px);
}

.slider {
  display:flex;
  height: 100%;
  width: 500%; /*Cambiar el ancho de acuerdo a la cantidad de imágenes, por ejm 10 imagenes = 1000%*/
  cursor:url(img/play-butt.png), pointer;
}
 
.slider__section {
  width: 100%;
  height: 100%;
  position: relative;
}
.entry{
    left: 50%;
    position: fixed;
    bottom: 50px;
    z-index: 102;
}
/*--------------- SECCIONES ----------------*/
.slider__contenido{
  /*position: absolute;*/
  z-index: 50;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: white;
  width: 100%;
  /*background: rgba(0, 0, 0, 0.4);*/
  padding: 20px;
  text-align: center;
}

/*.slider__img {
  position: absolute;
  width: 100%;
  height: 100%;
}*/
h5 {
    font-family: 'Source Sans Pro', sans-serif;
    color:deeppink;
    opacity:50%;
}
/*--- PORTADA ----*/
.slider__contenido1{
  /*position: absolute;*/
  /*z-index: 50;*/
  /*color: white;*/
display:table;
  width: 100%;
  height:100%;
  /*padding-top: 35vh;*/
padding-bottom:90px;
  /*text-align: center;*/

}
 .la{
         position:absolute;

	background-image:url(img/la.svg);
    background-repeat:no-repeat;
    background-size:35%;
  	margin:100px 250px;
	width:35%;
	height:35%;
	}
.lifeis{
	font-family:"Courier New", Courier, monospace;
	font-size:1rem;
}


.vie{
    position:absolute;
	background-image:url(img/vie.svg);
    background-repeat:no-repeat;
    background-size:35%;
    margin:200px 270px;
	width:35%;
	height:25%;
	}
.est{
        position:absolute;
	background-image:url(img/est.svg);
    background-repeat:no-repeat;
    background-size:35%;
    margin: 280px 290px; 
	width:35%;
	height:30%;
	}
.text-box1{
	position:absolute;
	width:220px;
	left:69%;
	top:69%;
	color:#633;
    border-top:3px dashed #630;

	}
/*--- OBJETOS --------*/
.slider__contenido2{
  /*position: absolute;*/
  /*z-index: 50;*/
  /*transform: translateX(-50%) translateY(-50%);*/
  width: 100%;
  height:100%;
  /*padding: 20px;
  text-align: center;*/
  color:#996;


}

.artsn{
        position:absolute;
        font-size:8rem;
    margin-left:26%;
    margin-top:52%;
        float:left;
    color:#1eff05 ;

}
#artisan1{
    height:50vh;
    width:100%;
    margin:20% auto;
    border-top:2px dashed #630;
        border-bottom:2px dashed #630;

}
/*--- OBJETOS II --------*/
.sus{
    position:absolute;
    font-size:10rem;
    margin-left:10%;
    color:#1eff05 ;

}
.ten{
    position:absolute;
    font-size:10rem;
    margin-left:10%;
    margin-top:25%;
    float:left;
    color:#1eff05 ;

}
.ta{
        position:absolute;
        font-size:10rem;
    margin-left:15%;
    margin-top:48%;
        float:left;
    color:#1eff05 ;

}
.ble{
        position:absolute;

        font-size:10rem;
    margin-left:70%;
        float:left;

    color:#1eff05 ;

}


.slider__contenido3{
	color:#FFF;
  /*position: absolute;*/
  /*z-index: 50;*/
  /*transform: translateX(-50%) translateY(-50%);*/
  width: 100%;
  height:100%;
  /*padding: 20px;
  text-align: center;*/
  /*  background:  repeating-linear-gradient( 135deg, #e5f6fe 30px, #e5f6fe 50px, #fff 50px, #fff 70px );*/
}
.slider__contenido3 video{
    width:300px;
    height:55%;
    margin-top:15%;
    float:left;
}
.text-box3{
    position: absolute;
    width: 500px;
    left: 65%;
    top: 60%;
	}
/*---ARTES-----*/
.slider__contenido4{
	color:#c33;

  /*position: absolute;*/
  /*z-index: 50;*/
  /*transform: translateX(-50%) translateY(-50%);*/
  width: 100%;
  height:100%;
  /*padding: 20px;
  text-align: center;*/
    background-image: url(img/fondo-s.jpg);
    background-size: cover;
}

.doggy-img{
position: absolute;
    /* margin: 0 auto; */
    width: 75%;
    height: 100vp;
    bottom:0px;
    left:10%;
	}
.doggy-img img{width:90%;
height:90%;
}
.text-box4{
    position: absolute;
    width: 500px;
    right: 4%;
    top: 70%;
	}
	.apli{
		font-size: 5.5rem;
    line-height: 5.5rem;
    font-weight: initial;
		}
	-non-dig{
		    font-family: "Courier New", Courier, monospace;
    font-size: 1.5rem;
		
		}
.cr{
    position:absolute;
    font-size: 15em;
    font-weight: bold;
    left: 10%;
    top: 4%;	
}
.tv{
    position:absolute;
    font-size: 11em;
    font-weight: initial;
    right: 18%;
    top: 29%;	
}
.dd{
    position:absolute;
    font-size: 8em;
    font-weight: initial;
    font-style: italic;
    top: 63%;
    left: 10%;	
	}
/*---THE BRAND-----*/
.slider__contenido5{
	color:#633;
  /*position: absolute;*/
  /*z-index: 50;*/
  /*transform: translateX(-50%) translateY(-50%);*/
  width: 100%;
  height:100%;
  /*padding: 20px;
  text-align: center;*/

}
.text-box5{
    position: absolute;
    width: 150px;
    left: 16%;
    top: 45%;
    border-top:3px dashed #630;

}
.the{
    	    position: absolute;

    font-size: 6rem;
    left: 15%;
    top: 15%;
	}
.br{
    	    position: absolute;

	font-size: 8rem;
    left: 15%;
    top: 28%;
	}
.a{
    	    position: absolute;

    font-size: 12rem;
    font-weight: bold;
    font-style: italic;
    top: 28%;
    left: 80%;
	}
.nd{
    	    position: absolute;

    font-size: 5rem;
    font-style: italic;
    top: 58%;
    left: 80%;
	}


/*----BOTONES PREV/RIGHT---*/ 


.btn-prev, .btn-next {
    width: 9%;
    height: 100%;
    /*background: rgba(255, 255, 255, 0.7);*/
    position: absolute;
    top: 35vh;
    position: fixed;
    line-height: 40px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
     z-index: 90;
} 
 
.btn-prev {
	left:0px;
	cursor:url(next-butt.png),pointer;
	
}
 
.btn-next {
  right: 0px;
  cursor:url(prev-butt.png),pointer;

}
/*----MODAL1--------*/

	
/*--- DESPEGABLE---*/
.box-s {
	overflow:hidden;
	display: flex;
	align-items:center;
	flex-direction:column;
	flex-wrap:wrap;
    padding: 50px 30px 0px 30px;
	height:54vh;	}
.box-s h4{
    transform:rotate(-25deg);
}
#cuento {
   visibility: hidden;
   opacity: 0;
   margin-top: -600px;
}
#cuento:target {
    visibility: visible;
    opacity: 10;
    /* background-color: #FFF; */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    z-index: 50;
    transition: all 1s ease-in-out;
}
.cuento-contenedor {
    	background-color:#FFFBED;   
}

a.cuento-cerrar {
   position: absolute;
   bottom:50px;
   right:50%;
   width: 70px;
    height: 70px;
    background-image: url(img/close-s.png);
   padding:7px 10px;
}
header2 {
	width:100%;
	height:31vh;
	display:flex;
	background-color:#FFFBED;
	align-items:center;
	flex-wrap:wrap;
	flex-direction:row;
    z-index:90;
	}
.shop-footer{
	width:100%;
	height:15vh;
	display:flex;
    	background-color:#FFFBED;

    flex-wrap:wrap;
	flex-direction:row;
    z-index:90;

}
	
.layout-s,
.layout2-s,
.layout3-s{
	width:33.33%;
	height:100%;
	flex-direction:ROW;
	display:flex;
	background:#FFFBED;
	color:#633;
	padding-top:10%;
	text-align:center;
    
	}
.layout-s h1,
.layout2-s h1,
.layout3-s h1 {
	cursor:url(img/cur-link.png),progress;
}

.layout-s h1:hover, .layout-s2 h1:hover, .layout3-s h1:hover{
	}

.layout2-s{
	border-left:2px dashed #630;
	border-right:2px dashed #630;
	
	
	}
.layout2-s
	}
.layout3-s{
	border:#600 4px;
	
	}
.layout3:hover{
	
}
	
 /*----ENVIVO--------*/
#content p{
    font-size:1.4em;
}
h6{
    font-family: 'Crimson Pro', serif;
    font-size: 3.2rem;
    color:#0C9;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.ti2{
    font-family: 'Crimson Pro', serif;
    font-size: 2rem;
    color: #f8096e;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.ti3{font-family: 'Crimson Pro', serif;
    font-size: 1.4rem;
    color:#1556a0;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.grid-pt{
        overflow: hidden;
    display: table;
    flex-wrap: wrap;
    align-items: center;
 /* Vincula la animación al scroll */
  view-timeline-name: --image;
  view-timeline-axis: block;
  
  /* Aplica la animación */
  animation-timeline: --image;
  animation-name: portada;
  
  /* Ajusta cuándo empieza/termina */
  animation-range: entry 10% cover 40%;
  animation-timing-function: ease-in-out;
animation-fill-mode:both;
}
.grid-ti{
    overflow: hidden;
    display: table;
    align-items: center;
    height:40vh;
  /* Vincula la animación al scroll */
  view-timeline-name: --image;
  view-timeline-axis: block;
  
  /* Aplica la animación */
  animation-timeline: --image;
  animation-name: aparecer;
  
  /* Ajusta cuándo empieza/termina */
  animation-range: entry 20% cover 60%;
}

.t-envivo{
        width: 251px;
    height: 59px;
    background-image: url(img/tit-envivo.png);
    margin: 0 auto;
}
.ev-button{
    position: fixed;
    margin-left: 30px;
    margin-top: 30px;
    width: 150px;
    height: 150px;
    background-image: url(img/logo-caricatura.png);
    z-index: 101;
}
.modal-butt{

    /* float: left; */
    /* transform: rotate(-25deg); */
    margin: 3%;
    /* width: 60%; */
    margin-left: 2%;
}
.c-grid{
    display: table-cell;
    /* vertical-align: middle; */
    text-align: center;
    align-items: center;
    width: 50%;
    vertical-align: middle;
}

.cabecero-ev{
    height: 30vh;
    width: 100%;
    display: table;
    /* border-bottom: 2px dashed #630;*/
}
.grid-pe{

    margin-left: 27px;
    display: table;
    /* align-items: center; */
    /*text-align: center;*/
    /*margin: 0 auto;*/
    width: 100%;
}

.tig1{
position: absolute;
    font-size: 1.4rem;
    /* display: grid; */
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    /* float: right; */
    left: 14.5%;
    margin-top: -5%;
}
.tig2{
position: absolute;
    font-size: 1.4rem;
    /* display: grid; */
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    /* float: right; */
    left: 14.5%;
    margin-top: -4.6%;
}
.tig3{
position: absolute;
    font-size: 1.4rem;
    /* display: grid; */
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    /* float: right; */
    left: 20.7%;
    margin-top: -6%;
}
.tig4{
position: absolute;
    font-size: 1.4rem;
    /* display: grid; */
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    /* float: right; */
    left: 20.7%;
    margin-top: -5.6%;
}
.tig5{
position: absolute;
    font-size: 1.4rem;
    /* display: grid; */
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    /* float: right; */
    left: 20.7%;
    margin-top: -5.2%;
}
.tig6{
position: absolute;
    font-size: 1.4rem;
    /* display: grid; */
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    /* float: right; */
    left: 20.7%;
    margin-top: -4.8%;
}
.tig7{
position: absolute;
    font-size: 1.4rem;
    /* display: grid; */
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    /* float: right; */
    left: 146.6%;
    margin-top: -5%;
}
.tig8{
position: absolute;
    font-size: 1.4rem;
    /* display: grid; */
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    /* float: right; */
    left: 146.6%;
    margin-top: -4.6%;
}
@keyframes aparecer {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes portada {
  from {
    transform: translateY(500px);
  }
  to {
    
    transform: translateY(0);
  }
}
.tercio{
    overflow: hidden;
    display: table;
    align-items: center;
    height: 40vh;
    margin-left:15%;
    margin-right:15%;
    view-timeline-name: --image;
    view-timeline-axis: block;
    animation-timeline: --image;
    animation-name: aparecer;
    animation-range: entry 20% cover 60%;
}
.envivo{
    background-image: url(img/mano-lap.jpg);
    background-repeat:no-repeat;
    background-position:top center;
}

.grid-tercio {
    display:table-cell;
    width:33.3%;
    vertical-align: middle;
    text-align-last: center;
    padding-left: 3%;
    padding-right: 3%;
}
.grid-gallery {
    display:table-cell;
    width:60%;
    vertical-align: middle;
    padding-left:20%;
    /*text-align-last: center;*/

}
.grid-gallery2{
    display:table-cell;
    width:60%;
    vertical-align: middle;
    padding-left:1%;
    /*text-align-last: center;*/
}
.grid-gallery-txt {
    display:table-cell;
    width:40%;
    vertical-align: middle;
    /*text-align-last: center;*/

}
.grid-gallery-txt2 {
    display:table-cell;
    width:40%;
    vertical-align: middle;
    text-align: right;

}
.article p{
-webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);   
}

.txt-green{
    color:#0C9;
}
.txt-blue{
    color:#1556a0;
}
.txt-pink{
    color:#f8096e;
}
.footer2 {
width:100%;
display:table;
height:30vh;
}
.sub-foot{
    display:table-cell;
    width:33.3%;
    text-align: center;
    vertical-align: middle;
}
.sub-foot2{    
    display:table-cell;
    width:33.3%;
    text-align: center;
    vertical-align: middle;}
.logo-movil{
    display: none;
}
    .footer2 p{color:#1556a0;}
/*_____MEDIA QUERIES EN VIVO___*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 3) {
    .cabecero-ev {
        height: 20vh;}
    .ev-button{
            width: 50px;
    height: 50px;
    background-image: url(img/logo-caricatura.png);
    background-size: 50px;
    }
    .grid-pt{    animation-range: entry 20% cover 60%;}
    .envivo {
        background-image: url(img/mano-mov.jpg);
    }
    h6{font-size:2.6rem;}
    .ti2{
    font-size:1.4rem;
    width: 80%;
    margin: 0 auto;}
    .ti3{
    font-size:0.9rem;
    width: 80%;
    margin: 0 auto;
}
.t-envivo {
    width: 125px;
    height: 29px;
    background-size: 125px;
        }
.grid-gallery-txt {
    display: flex;
    width: 88%;

    flex-direction: column;
    text-align: center;
    padding-top: 20px;
}
.grid-gallery-txt2 {
    display: flex;
    width: 88%;

    flex-direction: column;
    text-align: center;
    padding-top: 20px;
}
.grid-gallery {
    display: flex;
    width: 88%;
    flex-direction: column;
    padding-left:3%;
}
.grid-gallery2 {
    display: flex;
    width: 88%;
    flex-direction: column;
    padding-left:3%;
}
.grid-tercio {
    display: flex;
    width: 100%;
    vertical-align: middle;
    flex-direction: column;
    text-align: center;
    padding-left: 3%;
    padding-right: 3%;
}
.grid-tercio img{
        width:50%;
    }
    #content p {font-size:0.9rem;}
.sub-foot2 {
        display:none;
    }
    .sub-foot {
        width:50%;
    }
    .logo-movil{
        display:table;
        width:100%;
        margin: 0 auto;
        text-align: center;
    }

}