@font-face {
font-family: 'Druk Text Web Bold';
src: url('../druk/DrukText-Bold-Web.eot');
src: url('../druk/DrukText-Bold-Web.eot?#iefix') format('embedded-opentype'),
url('../druk/DrukText-Bold-Web.woff2') format('woff2'),
url('../druk/DrukText-Bold-Web.woff') format('woff');
font-weight: 700;
font-style: normal;
font-stretch: normal;
}
@font-face {
	font-family: 'Druk Text Web Medium';
	src: url('../druk/DrukText-Medium-Web.eot');
	src: url('../druk/DrukText-Medium-Web.eot?#iefix') format('embedded-opentype'),
	url('../druk/DrukText-Medium-Web.woff2') format('woff2'),
	url('../druk/DrukText-Medium-Web.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
}

.frase h1{
	text-align: center;
	font-size: 3em!important;
	font-weight: 500;
}

.row{
	margin-right: 0 !important;
	margin-left: 0 !important;
}

  
.col-12{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

html, body{
	font-family: /*'Georgia', serif*/'Montserrat', sans-serif;
	color: #000;
}
body{
	background-color: #fff;
}
h1 {
	font-family: 'Playfair Display' serif;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1em;
}

h6 {
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1em;
}


h2, h3, h5, h6 {
	font-family: 'Druk Text Web Medium', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1em;
}
h6{
	font-size: 10px;
}

p{
	/*text-indent: 10px;*/
	line-height: 1.3;
	font-size: 20px;
	font-weight: 300;
}




u{
	color: #000000;
}

/* estilos para cambio de img mobile/desk  */
.mobile{ 
	display: none;
}
.desk{
	display: block;
}
/* estilos para cambio de img mobile/desk  */

.personajes {
	margin-top: 2.9em;
	background-color: #000000 ;
}
.personajes a{
	text-decoration:  none;
	color: #000000;
}
.personajes h2, .personajes h3{
	color: #ffffff;
	line-height: 1.3;
}
.personajes h4{
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 18px;
}

.creditos p{
	color: #000000;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.4;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	padding-bottom: 1.2em;
}

.img-vertical p{
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;text-align: center;
	background-color: #000;
	color:#fff;
	margin-bottom: 0px;
}

.creditos p{
	font-weight: 400;
	font-size: 1em;
	line-height: 1.4;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	padding-bottom: 1em;
	
}


.creditos {
	background-color: #ffffff;
}

.capitular {
	margin-top: 2em;
}

.capitular h1{
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	font-weight: 900;
	color: #d4ed25;
	font-size: 7em;
}


.titulo h1{
    text-align: center;
    color: #000;
	line-height: 1;
	font-size: 4em;
	padding: 1em 0;
}

.intro1 {
	background-color: #ffffff;
	padding: 0em 0;
}

.intro1 p{
	color: #000000;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.4;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	/*text-transform: uppercase;*/
}

.back_v{
	border-right: 25px solid #000000;
	border-bottom: 25px solid #000000;
}

.back_bu{
	border-left: 25px solid #000000;
	border-bottom: 25px solid #000000;
}

.bg_img1{
	background-image: url(../img/LS_WEB_-RICH-YATRA_01.jpg);
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    padding-top: 3em;
    background-size: cover;
    min-height: 700px;
}

.bg_img2{
	background-image: url(../img/back2.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg_img3{
	background-image: url(../img/back3.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg_img4{
	background-image: url(../img/back4.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg_img5{
	color: #FFFFFF !important;
	background-color: #000000;
}

.bg_img2 h2, .bg_img3 h2, .bg_img4 h2, .bg_img5 h2{
	font-size: 6.5em;
	letter-spacing: -2px;
}

.bg_img2 h3, .bg_img3 h3, .bg_img4 h3, .bg_img5 h3{
	color: #ffffff;
	font-size: 3em;
	letter-spacing: -2px;
}

.titlebg2, .titlebg3, .titlebg4{
	padding: 3em 0;
}

.reproductor{
	padding: 30px,0;}


.s-1 {
	padding-top: 1em;
    padding-bottom: 1em;
}
.s-1 h1 {
	font-family: 'Montserrat', sans-serif;
	color: #000000;
	font-size: 1em;
	margin-top: 5px;
}
  
.s-1 span {
	color: #000000;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	font-size: 0.3em !important;
}
.s-1 h4 {
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	font-size: 1em;
}

.s-3{
	padding: 1em 0;
}

.s-3 h2{
	color: #000000;
    text-align: center;
    line-height: 1.3;
    font-size: 2.5em;
}
.s-3 h3 {
    font-family: 'Georgia', serif;
    /* color: #bbbbbb; */
    font-size: 1.5em;
    font-weight: 800;
    text-transform: none;
}
.s-3 h4 {
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	font-size: 0.9em;
}
.s-3{
	padding: 1em 0;
}

.s-3 span{
	font-size: 3em;
	line-height: 0.1;
	color: #f2c89e;
	vertical-align: -webkit-baseline-middle;
}

.s-3 .color{
	color: #ae7fb8 !important;
}

.s-3 .colorbbva{
	color: #3eaaa7 !important;
}

/***************** CARD *****************/
.card-container {
	flex: 300px;
	margin: 30px;
}
.card-container .card {
	background-color: #ffffff00;
    border: none;
	font-weight: bold;
	position: relative;
	width: 100%;
}
.card-container .card a {
	padding: 30px;
	width: 254px;
	height: 440px;
	border: 3px solid #000000;
	background: url(../img/back-pocket2.jpg) no-repeat center right fixed;
    background-size: contain;
    background-attachment: fixed;
	text-decoration: none;
	color: black;
	display: block;
	transition: 0.45s ease;
}
.card-container .card a:hover {
	transform: translate(-30px, -30px);
	background-color: #f2c89e;
	border: 3px solid #000000;
}
.card-container .card a:hover .card--display {
	display: none;
}
.card-container .card a:hover .card--hover {
	display: block;
}
.card-container .card a .card--display h2 {
	color: #ffffff;
	margin-top: 200px;
	font-size: 3em;
	line-height: 1;
}
.card-container .card a .card--display h4 {
	color: #ffffff;
	font-size: 15px;
}
.card-container .card a .card--hover {
	display: none;
}
.card-container .card a .card--hover h2 {
	margin: 20px 0;
	font-size: 3em;
	line-height: 1;
}
.card-container .card a .card--hover p {
	font-size: 22px;
	font-weight: normal;
	line-height: 1.5;
}
.card-container .card .card--border {
	position: absolute;
	width: 98%;
	height: 98%;
	left: 0;
	top: 0;
	border: 3px dashed black;
	z-index: -1;
}

.texto_cuadros p {
	line-height: 1.3;
	font-size: 20px;
	font-weight: 300;
	text-align: left;
	padding: 0 2%;
	font-family: 'Montserrat', sans-serif;
}

.gallery-container {
  display: flex;
  justify-content: center;
}

.thumbnails {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.thumbnails img {
  width: 0px;
  height: 0px;
  cursor: pointer;
}

.scrollbar {
  width: 1px;
  height: 720px;
  background: #ccc;
  display: block;
  margin: 0 0 0 8px;
}

.thumb {
  width: 1px;
  position: absolute;
  height: 0;
  background: #000;
}

.slides {
  margin: 0 16px;
  display: grid;
  grid-auto-flow: row;
  gap: 1rem;
  width: calc(540px + 1rem);
  padding: 0 0.25rem;
  height: 720px;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scroll-snap-type: y mandatory;
  scrollbar-width: none;
}

.slides > div {
  scroll-snap-align: start;
}

.slides img {
  width: 540px;
  object-fit: contain;
}

.slides::-webkit-scrollbar {
  display: none;
}


/*********************** scrollgaleria-pruebatif **************************/
/*p[data-v-22362f89] {
                max-width: 340px;
                font-size: 20px;
                margin-top: 20px;
                line-height: 1.25em
            }

            .details[data-v-22362f89] {
                padding-top: 110px;
                background: #fff;
                position: relative;
                z-index: 2
            }

            .details-left[data-v-22362f89] {
                position: sticky;
                top: 0;
                left: 0;
                width: 50vw;
                height: 100vh;
                display: flex;
                justify-content: center;
                align-items: center
            }

            .details-right[data-v-22362f89] {
                margin-left: auto;
                width: 50vw;
                margin-top: -100vh;
                padding-bottom: 92px
            }

            .details-logo[data-v-22362f89] {
                height: 15px;
                filter: invert(100%);
                margin-top: 25px
            }

            .full-img[data-v-22362f89] {
                width: 100%
            }

            .gallery img[data-v-22362f89] {
                max-width: 100%;
                padding: 0 30px;
                margin-top: 17px
            }

            .details-title[data-v-22362f89] {
                font-size: 32px;
                line-height: 1.4em
            }

            .details-price[data-v-22362f89] {
                font-size: 32px
            }

            .black a[data-v-22362f89],.black[data-v-22362f89] {
                color: #222
            }

            .places[data-v-22362f89] {
                display: grid;
                grid-template-columns: repeat(3,1fr);
                grid-gap: 17px;
                max-width: 426px;
                width: 100%;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 60px
            }

            .places-title[data-v-22362f89] {
                font-size: 22px;
                margin-top: 10px;
                text-transform: none
            }

            .place img[data-v-22362f89] {
                width: 100%;
                margin-bottom: 20px
            }

            .details-right-bottom[data-v-22362f89] {
                border-top: 1px solid rgba(103,125,123,.3)
            }

            .info[data-v-22362f89] {
                background: #95d6d0;
                display: grid;
                grid-template-columns: 1fr 1fr;
                text-align: left
            }

            .info-section[data-v-22362f89] {
                padding: 46px 34px 50px 25px
            }

            .info-section[data-v-22362f89]:first-child {
                border-right: 1px solid rgba(103,125,123,.3)
            }

            .info-section-title[data-v-22362f89] {
                font-size: 22px;
                color: #222;
                margin-bottom: 28px
            }

            .info-section-qa[data-v-22362f89] {
                margin-bottom: 23px;
                color: #115c55
            }

            .info-section-q[data-v-22362f89] {
                margin-bottom: 8px
            }

            .info-section-a[data-v-22362f89] {
                padding-left: 20px
            }

            .info-section-a a[data-v-22362f89] {
                color: #115c55
            }

            .info-section p[data-v-22362f89] {
                width: 100%;
                max-width: 100%
            }

            .footer[data-v-22362f89] {
                background: #47b8b5;
                padding-top: 56px
            }

            .footer-title[data-v-22362f89] {
                font-size: 22px;
                margin-bottom: 12px;
                line-height: 1.12em
            }

            .footer-desc[data-v-22362f89],.footer-title[data-v-22362f89] {
                max-width: 325px;
                margin-left: auto;
                margin-right: auto
            }

            .footer-desc a[data-v-22362f89] {
                color: #115c55
            }

            .footer img[data-v-22362f89] {
                max-width: 600px;
                width: 100%;
                margin-top: 63px
            }

            .details-price[data-v-22362f89],.details-title[data-v-22362f89],.footer-title[data-v-22362f89],.info-section-title[data-v-22362f89],.places-title[data-v-22362f89],.taglines[data-v-22362f89] {
                font-family: SterlingText
            }

            .hide[data-v-22362f89] {
                opacity: 0;
                pointer-events: none;
                transition: opacity .2s linear
            }

            .side-trophy[data-v-22362f89] {
                position: absolute;
                transform: translateY(calc(-100% + 92vh))
            }

            .left-trophy[data-v-22362f89] {
                left: calc(17% - 175px)
            }

            .right-trophy[data-v-22362f89] {
                right: calc(17% - 175px)
            }

            .modal-enter-active[data-v-22362f89],.modal-leave-active[data-v-22362f89] {
                transition: opacity .5s;
                opacity: 1
            }

            .modal-enter[data-v-22362f89],.modal-leave-active[data-v-22362f89] {
                opacity: 0
            }

            .mobile-only[data-v-22362f89] {
                display: none
            }

            .sold-out[data-v-22362f89] {
                pointer-events: none
            }

            @media only screen and (max-width: 1100px) {
                .side-trophy[data-v-22362f89] {
                    display:none
                }
            }

            @media only screen and (max-width: 800px) {
                .desktop-only[data-v-22362f89] {
                    display:none
                }

                .mobile-only[data-v-22362f89] {
                    display: block
                }

                .side-trophy[data-v-22362f89] {
                    display: none
                }

                .tiffany[data-v-22362f89] {
                    max-width: 280px
                }

                .title[data-v-22362f89] {
                    padding: 0 10px;
                    margin-bottom: -4px
                }

                .cta[data-v-22362f89] {
                    width: calc(100% - 20px);
                    margin-left: auto;
                    margin-right: auto
                }

                .details-left[data-v-22362f89] {
                    position: static;
                    width: 100%;
                    height: auto
                }

                .details-left-inner[data-v-22362f89] {
                    padding: 0 10px
                }

                .details-right[data-v-22362f89] {
                    margin-top: 0;
                    width: 100%
                }

                .details[data-v-22362f89] {
                    padding-top: 79px
                }

                .gallery img[data-v-22362f89] {
                    padding: 0 18px
                }

                .info[data-v-22362f89] {
                    display: flex;
                    flex-direction: column-reverse
                }

                .info-section[data-v-22362f89]:first-child {
                    border-right: none;
                    border-top: 1px solid rgba(103,125,123,.3)
                }

                .info-section-title[data-v-22362f89] {
                    margin-bottom: 17px
                }

                .info-section[data-v-22362f89] {
                    padding: 41px 19px 37px 18px
                }

                p[data-v-22362f89] {
                    margin-left: auto;
                    margin-right: auto;
                    margin-top: 19px
                }

                .dimensions[data-v-22362f89] {
                    width: 100%;
                    display: block;
                    margin-top: 40px;
                    margin-bottom: 33px;
                    padding: 0 5px
                }

                .details-right-inner[data-v-22362f89] {
                    display: flex;
                    flex-direction: column-reverse
                }

                .details-right-bottom[data-v-22362f89] {
                    margin-top: 46px
                }

                .places[data-v-22362f89] {
                    padding: 0 11px
                }

                .places-title[data-v-22362f89] {
                    font-size: 20px;
                    margin-top: 8px
                }

                .place img[data-v-22362f89] {
                    margin-bottom: 13px
                }

                .gallery[data-v-22362f89] {
                    margin-top: 45px
                }

                .desc[data-v-22362f89] {
                    margin-top: 252px
                }

                .middle-trophy[data-v-22362f89] {
                    top: 95px
                }

                p[data-v-22362f89] {
                    font-size: 30px
                }
            }

            .full-img {
                max-width: 100%;
                width: 100%;
                padding: 0 30px;
                margin-top: 17px
            }

            .all-trophies {
                width: 80%;
                margin-left: auto;
                margin-right: auto;
                margin-top: 50px
            }*/

/*********************** scrollgaleria-pruebatif **************************/
/*********************** burger **************************/
.card-container-burger {
	flex: 300px;
	margin: 30px;
}
.card-container-burger .card-burger {
	background-color: #ffffff00;
    border: none;
	font-weight: bold;
	position: relative;
	width: 100%;
}
.card-container-burger .card-burger a {
	padding: 30px;
	width: 254px;
	height: 400px;
	border: 3px solid #000000;
	background: url(../img/back-pocket3.jpg) no-repeat center right fixed;
    background-size: contain;
    background-attachment: fixed;
	text-decoration: none;
	color: black;
	display: block;
	transition: 0.45s ease;
}
.card-container-burger .card-burger a:hover {
	transform: translate(-30px, -30px);
	background-color: #b5d4f0;
	border: 3px solid #000000;
}
.card-container-burger .card-burger a:hover .card--display-burger {
	display: none;
}
.card-container-burger .card-burger a:hover .card--hover-burger {
	display: block;
}
.card-container-burger .card-burger a .card--display-burger h2 {
	color: #000000;
	margin-top: 170px;
	font-size: 3em;
	line-height: 1;
}
.card-container-burger .card-burger a .card--display-burger h4 {
	color: #000000;
	font-size: 15px;
}
.card-container-burger .card-burger a .card--hover-burger {
	display: none;
}
.card-container-burger .card-burger a .card--hover-burger h2 {
	margin: 20px 0;
	font-size: 3em;
	line-height: 1;
}
.card-container-burger .card-burger a .card--hover-burger p {
	font-size: 22px;
	font-weight: normal;
	line-height: 1.5;
}
.card-container-burger .card-burger .card--border-burger {
	position: absolute;
	width: 98%;
	height: 98%;
	left: 0;
	top: 0;
	border: 3px dashed black;
	z-index: -1;
}
/*********************** bbva ************************/
.card-container-bbva {
	flex: 300px;
	margin: 30px;
}
.card-container-bbva  .card-bbva  {
	background-color: #ffffff00;
    border: none;
	font-weight: bold;
	position: relative;
	width: 100%;
}
.card-container-bbva  .card-bbva  a {
	padding: 30px;
	width: 254px;
	height: 400px;
	border: 3px solid #000000;
	background: url(../img/back-pocket4.jpg) no-repeat center right fixed;
    background-size: contain;
    background-attachment: fixed;
	text-decoration: none;
	color: black;
	display: block;
	transition: 0.45s ease;
}
.card-container-bbva  .card-bbva  a:hover {
	transform: translate(-30px, -30px);
	background-color: #b5d4f0;
	border: 3px solid #000000;
}
.card-container-bbva  .card-bbva  a:hover .card--display-bbva  {
	display: none;
}
.card-container-bbva  .card-bbva  a:hover .card--hover-bbva  {
	display: block;
}
.card-container-bbva  .card-bbva  a .card--display-bbva  h2 {
	color: #ffffff;
	margin-top: 140px;
	font-size: 3em;
	line-height: 1;
}
.card-container-bbva  .card-bbva  a .card--display-bbva  h4 {
	color: #ffffff;
	font-size: 15px;
}
.card-container-bbva  .card-bbva  a .card--hover-bbva  {
	display: none;
}
.card-container-bbva  .card-bbva  a .card--hover-bbva  h2 {
	margin: 20px 0;
	font-size: 3em;
	line-height: 1;
}
.card-container-bbva  .card-bbva  a .card--hover-bbva  p {
	font-size: 22px;
	font-weight: normal;
	line-height: 1.5;
}
.card-container-bbva  .card-bbva  .card--border-bbva  {
	position: absolute;
	width: 98%;
	height: 98%;
	left: 0;
	top: 0;
	border: 3px dashed black;
	z-index: -1;
}
/******************salud digna***********************/
.card-container-sd {
	flex: 300px;
	margin: 30px;
}
.card-container-sd  .card-sd  {
	background-color: #ffffff00;
    border: none;
	font-weight: bold;
	position: relative;
	width: 100%;
}
.card-container-sd  .card-sd  a {
	padding: 30px;
	width: 254px;
	height: 400px;
	border: 3px solid #000000;
	background: url(../img/back-pocket5.jpg) no-repeat center right fixed;
    background-size: contain;
    background-attachment: fixed;
	text-decoration: none;
	color: black;
	display: block;
	transition: 0.45s ease;
}
.card-container-sd  .card-sd  a:hover {
	transform: translate(-30px, -30px);
	background-color: #ee97ae;
	border: 3px solid #000000;
}
.card-container-sd  .card-sd  a:hover .card--display-sd  {
	display: none;
}
.card-container-sd  .card-sd  a:hover .card--hover-sd  {
	display: block;
}
.card-container-sd  .card-sd  a .card--display-sd  h2 {
	color: #ffffff;
	margin-top: 100px;
	font-size: 3em;
	line-height: 1;
}
.card-container-sd  .card-sd  a .card--display-sd  h4 {
	color: #ffffff;
	font-size: 15px;
}
.card-container-sd  .card-sd  a .card--hover-sd  {
	display: none;
}
.card-container-sd  .card-sd  a .card--hover-sd  h2 {
	margin: 20px 0;
	font-size: 3em;
	line-height: 1;
}
.card-container-sd  .card-sd  a .card--hover-sd  p {
	font-size: 22px;
	font-weight: normal;
	line-height: 1.5;
}
.card-container-sd  .card-sd  .card--border-sd  {
	position: absolute;
	width: 98%;
	height: 98%;
	left: 0;
	top: 0;
	border: 3px dashed black;
	z-index: -1;
}
/***************** CARD *****************/

.quote-numero{
	background: url(../img/back-pocket2.jpg) no-repeat center right fixed;
    background-size: contain;
    background-attachment: fixed;
	color: #000000;
	border: 3px solid black;
	padding: 1em;
}

.quote-numero h2{
	color: #000000;
	font-family: 'Six Caps', sans-serif;
	padding: 0;
    font-size: 160px;
    text-align: center;
    line-height: 1;
}

.quote-numero h3{
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 400;
	font-size: 22px;
	text-transform: none;
}

.quote-numero2 {
	background: url(../img/back-pocket3.jpg) no-repeat center left fixed;
    background-size: contain;
	background-attachment: fixed;
	color: #000000;
	border: 3px solid black;
	padding: 1em;
}

.quote-numero2 h2 {
	font-family: 'Six Caps', sans-serif;
	padding: 0;
    font-size: 160px;
    text-align: center;
    line-height: 1;
}
.quote-numero2 h3{
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 400;
	font-size: 22px;
	text-transform: none;
}

b, strong {
    font-weight: 800;
}


.pie-foto{
  	text-align: center !important;
	color: #666666 !important;
	width: 100%;
	font-family: 'Montserrat', sans-serif !important;
}

.pie-foto p {
  	font-size: 0.8rem;
  	font-weight: 200;
}


.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}


.op-0{
  opacity: 0;
  transition: all 0.5s;
}
.op-1{
  opacity: 1;
  transition: all 0.5s;
}
/***************** list ***********/
ul {
	list-style: none;
}
  
li {
	border-bottom: 1px solid rgb(0, 0, 0);
}
/***************** list ***********/

.capitular{
  text-align: center;
  padding: 0px 0px 0px 0px;
}
/*.capi {
	width: 150px;
	height: 150px;
	background-image: url(../img/capitular.jpg"); 
	
	}*/
  
.quadrado {
	width: 150px;
	height: 150px;
	background-image: url("../img/scroll.svg");
	animation: girando 8s infinite linear;
	
  }

  
  @keyframes girando {
	0%   {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
  }


/********************* MENÚ - BOTONERA ******************/
.menu{
  background-color: #fff;
  height: 40px;
  padding: 0 !important;
  margin: 0 !important;
}
.menu .container-fluid{
	padding: 0 !important;
	margin: 0 !important;
}

.head_exp{top:0px;background-color: #000;padding: 0.4em;left: 0px;position: fixed;display: block;width: 100%; border-bottom-color: #000;
	border-right-width: 2px;border-bottom-style:solid;z-index: 99; -webkit-transition: background-color 0.5s ease-out; -moz-transition: 
	background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out;}

.head_exp:hover{
	background-color: #ed1c24;
}

ul.nav.justify-content-end {
  
  -webkit-margin-start: 0px !important;
  -webkit-margin-end: 0px !important;
}

.mobile {
	display: none;
}

.redes{ 
	opacity: 1;
	max-width: 40px !important;
	margin: 0px 5px;
	transition: transform .3s; /* Animation */
}
.redes:hover{
	opacity: 0.8;
	transform: scale(1.2);
}


/********************* / MENÚ - BOTONERA ******************/

.quadrado {
	width: 150px;
	height: 150px;
	background-image: url("../img/scroll.svg");
	animation: girando 8s infinite linear;
	
  }
.descripcion h3{
	text-align: center;
	color: #000 !important;
	font-family: 'Montserrat', sans-serif !important;
	text-transform: uppercase;
	font-size: .8em;
	line-height: .9em;
	padding-top: 6px;
	margin-bottom: 1px;
}


.creditos h4{
	font-size: 1.1em;
	margin-top: 60%;
}


.gif {
	
	background: #ebebeb; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 50%, #ebebeb 50%, #ebebeb 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 50%,#ebebeb 50%,#ebebeb 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 50%,#ebebeb 50%,#ebebeb 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
	padding: 3em 15px;
}

.gif h5{
	font-family: 'Scheherazade', serif;
	font-weight: 700;
	font-size: 1.7rem;
	padding-top: 1em;
}
.graficas{
	padding: 3em 0;
}

/**********gallery***********/

.phot {
  margin: 10px 0;
  transition: .6s ease;
  border: none !important;
}

.phot:hover {
  transform: scale(1.05);
}

.card-block {
   padding: 10px;
}

/* .cards_back{
	background-color: #4f3e34;
} */


.scrollphot {
  /* background-color: #8a8a8a82; */
  overflow: auto;
  cursor: grab;
  white-space: nowrap;
  
}

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background: transparent;
}

div.scrollphot .phot {
    display: inline-block;
    padding: 0px;
    text-decoration: none;
    height: auto; 
    width: 800px;
    border-radius: 0 !important;
}
/*****************************/

.video{
	margin-top: 50px;
	margin-bottom: -7px;
}

.nota p {
	text-align: center !important;
	font-size: 15px;
	font-weight: bold;
	color: #8e8e8e;
}

footer p{
	text-align: center;
	font-family: 'Georgia', serif;
	font-size: 1em;
	color: #c3c3c3;
}




@media (min-width: 1024px) and (max-width: 1200px) {
	.block h1{
	font-size: 4em;
	min-width: 500px;
	text-align: center;
	padding-top: 4em;
	line-height: 1em;
	}
}

@media (min-width: 801px) and (max-width: 1400px) {
	
}

@media (min-width: 300px) and (max-width: 560px) {
	.desk {
		display: none;
	}

	.mobile {
		display: block;
	}
}


@media (min-width: 375px) and (max-width: 800px) {
	.desk {
		display: none;
	}
	.redes {
	    width: 15% !important;
	}
	.mobile {
		display: block;
	}
	
}


@media (min-width: 200px) and (max-width: 775px) {
	.inicio{
		margin-top: 7.3em;
	}
	.personajes h2{
		font-size: 23px;
	}
	.personajes h3{
		font-size: 26px;
	}
	.personajes h4 {
		font-weight: 300;
		font-size: 18px;
	}
	.intro1 {
		padding: 2em 0;
	}
	.s-1 {
		padding-top: 0;

		padding-bottom: 1em;
	}
	.s-1 h2 {
		padding-top: 10px;
		font-size: 3em;
	}
	.s-1 h4 {
		text-transform: uppercase;
		font-family: 'Montserrat', sans-serif;
		font-weight: 200;
		font-size: 0.8em;
	}
	.s-3 h2 {
		line-height: 1.3;
		font-size: 1.8em;
	}

	.portada{
		margin-top: 70px;
	}

	
	.card-container .card a {
		padding: 30px;
		width: 254px;
		height: 450px;
		border: 3px solid #000000;
		background: url(../img/back-pocket2.jpg) no-repeat center;
		background-size: cover;
		background-attachment: scroll;
		text-decoration: none;
		color: black;
		display: block;
		transition: 0.45s ease;
	}
	.card-container .card a .card--display h2 {
		color: #ffffff;
		margin-top: 200px;
		font-size: 3em;
		line-height: 1;
	}
	.card-container-burger .card-burger a {
		padding: 30px;
		width: 254px;
		height: 450px;
		border: 3px solid #000000;
		background: url(../img/back-pocket3.jpg) no-repeat center;
		background-size: cover;
		background-attachment: scroll;
		text-decoration: none;
		color: black;
		display: block;
		transition: 0.45s ease;
	}
	.card-container-burger .card-burger a .card--display-burger h2 {
		color: #000000;
		margin-top: 200px;
		font-size: 3em;
		line-height: 1;
	}
	.card-container-bbva  .card-bbva  a {
		padding: 30px;
		width: 254px;
		height: 400px;
		border: 3px solid #000000;
		background: url(../img/back-pocket4.jpg) no-repeat center;
		background-size: cover;
		background-attachment: scroll;
		text-decoration: none;
		color: black;
		display: block;
		transition: 0.45s ease;
	}
	.card-container-sd  .card-sd  a {
		padding: 30px;
		width: 254px;
		height: 400px;
		border: 3px solid #000000;
		background: url(../img/back-pocket5.jpg) no-repeat center;
		background-size: cover;
		background-attachment: scroll;
		text-decoration: none;
		color: black;
		display: block;
		transition: 0.45s ease;
	}
	.bg_img2 h2, .bg_img3 h2, .bg_img4 h2, .bg_img5 h2 {
		font-size: 4.5em;
		letter-spacing: -2px;
	}
	
	.quote-numero{
		background: url(../img/back-pocket2.jpg) no-repeat center;
		background-size: cover;
		background-attachment: scroll;
		color: #000000;
		border: 3px solid black;
		padding: 1em;
	}
	.quote-numero h2 {
		font-size: 7em;
	}
	.quote-numero p {
		font-size: 19px;
	}
	.quote-numero2 {
		background: url(../img/back-pocket3.jpg) no-repeat center;
		background-size: cover;
		background-attachment: scroll;
		color: #000000;
		border: 3px solid black;
		padding: 1em;
	}
	.quote-numero2 h2 {
		font-size: 7em;
	}
	.quote-numero2 p {
		font-size: 19px;
	}
	.fixed-top{
		background-color: #000000;	
	}
	.video{
		margin-top: 112px;
	}
	.mobile{
		display: block;
	}
	.desk{
		display: none;
	}
	.redes {
	    width: 10% !important;
	}
	.redes a {
	    padding: 0 7px;
	}
	.boxes {
		margin: 1em auto;
		width: 92%;
	}
	.text-block {
		font-size: 25px;
	}
	.pie-foto{
		bottom:0;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
	}
	.pie-foto p{
		font-size: 0.8rem;
		font-weight: 200;
	}
	.cita p {
		color: #838383;
		font-size: 1.7rem;
		padding-top: 1.5em;
		line-height: 1.3;
	}
	p{
		padding-left: 15px;
		padding-right: 15px;
		line-height: 1.6;
		font-size: 22px;
		font-weight: 300;
	}

	h1, h2, h3, h4, h5, h6 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		position: relative;
		width: 100%;
		min-height: 1px;
		padding-right: 0px;
		padding-left: 0px;
	}

}