@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700');
@charset "UTF-8";
/* CSS Document */
/*
#a46c23 ORO
#00e678 VERDE
*/
*{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
margin:0;
padding:0;
outline: 0;
}
img{
	border:none;
}
html,
body{
color:#535353;
font-family: "Montserrat", sans-serif;
font-size:1em;
box-sizing: border-box;
margin: 0;
padding: 0;
}
#pag{
display:inline-block;
margin: 0 auto;
text-align:center;
width:100%;	
}
.button{
background-color:#ccc;
border: solid 0px transparent;
border-radius: 42px 42px 42px 42px;
-webkit-border-radius: 42px 42px 42px 42px;
-moz-border-radius: 42px 42px 42px 42px;
color:black;
padding: .5em 1em;
transition: background-color 100ms;
width:100%;
}

button:hover{
background-color: #999;
}

@keyframes blink-smooth {
  50% {
    color: transparent;
  }
}
@keyframes blink {
  50% {
    color: transparent;
  }
}
.highlight {
  animation: 3s blink-smooth  1800 alternate;
}
.highlight-hard {
  animation: 3s blink 3 steps(1);
}
#contenido{
display: inline-block;
max-width:900px;
margin:0 auto;
padding-left:5%;
padding-right:5%;
text-align:left;
width:100%;
}
#contenido_FLEX{
display:flex;
max-width:900px;
margin:0 auto;
padding-left:5%;
padding-right:5%;
width:100%;
}
#contenido_IZQ{
float:left;
text-align:left;
margin-right:3%;
width:48%;
}
#contenido_DER{
float:right;
margin-left:3%;
text-align:right;
width:48%;
}
#contenido_IZQ2{
float:left;
text-align:left;
margin-right:3%;
width:48%;
}
#contenido_DER2{
float:right;
margin-left:3%;
text-align:right;
width:48%;
}
#contenido_70{
float:left;
text-align:left;
margin-right:3%;
width:68%;
}
#contenido_30{
float:right;
margin-left:3%;
text-align:right;
width:28%;
}
#hero{
min-height:100vh;
position:relative;
}
#coming_soon{
position:relative;
display:inline-block;
margin-top:190px;
width:100%;	
}
video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
}
.capa{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.parr{
margin-bottom:20px;
}
.bullets{
margin-left:20px;
}

.sub_cab{
color:black;
font-weight: bold;
font-size:1em;
margin-top:20px;
}
.sub_cab6{
color:black;
font-weight: bold;
font-size:1.3em;
margin-top:20px;
margin-bottom:-20px;
text-align:center;
}
.spc10{
display:inline-block;
height:10px;
width:100%;
}
.spc20{
display:inline-block;
height:20px;
width:100%;
}
.spc30{
display:inline-block;
height:30px;
width:100%;
}
.spc40{
display:inline-block;
height:40px;
width:100%;
}
.spc50{
display:inline-block;
height:50px;
width:100%;
}
.spc60{
display:inline-block;
height:60px;
width:100%;
}
.spc70{
display:inline-block;
height:70px;
width:100%;
}
.spc80{
display:inline-block;
height:80px;
width:100%;
}
.spc90{
display:inline-block;
height:90px;
width:100%;
}
.spc100{
display:inline-block;
height:100px;
width:100%;
}




.content{
width:90%;
position: absolute;
left: 50%;
bottom:10%;
z-index:1;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: left;
}
.content_banderas{
width:90%;
position: absolute;
left:50%;
top:25%;
z-index:1;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: left;
}
.content__title{
font-size:3em;
color: white;
padding: 0 10px;
margin: auto;
}
.content__sstitle{
font-size:2em;
color: white;
padding: 0 10px;
margin: auto;
}
.content__text{
color: white;
font-size:1.7em;
display: block;
text-align:center;
}

.banderas{
left:0px;
width:auto;
}




/* Home section */
.home{
width: 100%;
height: 100vh;
/*
background-image: url(images/roll_star_m_1_000.jpg);
background-position: center top;
background-size:cover;
*/
}
/* Media qurey section */

#promo{
background-color:#333;
color:white;
padding:9px;
position:fixed;
bottom:0;
text-align:center;
width:100%;
}
#pleca_regresar{
background-color:black;
color:white;
padding:9px;
position:fixed;
top:0;
text-align:center;
width:100%;	
}

.face{
background-image:url(images/icono-facebook_white.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
height:22px;
position:fixed;
right:150px;
top:60px;
width:22px;
z-index:9999999;
}
.facebook{
background-image:url(images/icono-facebook_white.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
height:22px;
position:fixed;
right:150px;
top:60px;
width:22px;
z-index:9999999;
}
.facebook:hover{
background-image:url(images/icono-facebook.png);
}
.facebook_dorado{
background-image:url(images/icono-facebook_black.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
height:22px;
position:fixed;
right:150px;
top:60px;
width:22px;
z-index:9999999;
}
.insta{
background-image:url(images/icono-instagram_white.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
position:fixed;
height:22px;
right:120px;
top:60px;
width:22px;
z-index:9999999;
}
.instagram{
background-image:url(images/icono-instagram_white.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
position:fixed;
height:22px;
right:120px;
top:60px;
width:22px;
z-index:9999999;
}
.instagram:hover{
background-image:url(images/icono-instagram.png);
}
.instagram_dorado{
background-image:url(images/icono-instagram_black.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
height:22px;
position:fixed;
right:120px;
top:60px;
width:22px;
z-index:9999999;
}
.tik{
background-image:url(images/icono-tiktok_white.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
height:22px;
position:fixed;
right:90px;
top:60px;
width:22px;
z-index:9999999;
}
.tiktok{
background-image:url(images/icono-tiktok_white.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
height:22px;
position:fixed;
right:90px;
top:60px;
width:22px;
z-index:9999999;
}
.tiktok:hover{
background-image:url(images/icono-tiktok.png);
}
.tiktok_dorado{
background-image:url(images/icono-tiktok_black.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
height:22px;
position:fixed;
right:90px;
top:60px;
width:22px;
z-index:9999999;
}
.cab_historia{
background-color:black;
background-image: url(images/rose_soria.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
color:white;
font-size:2em;
font-weight: bold;
padding:50px 5px;
text-align:center;
}
.cab_mi_propio{
background-color:black;
background-image: url(images/mi_propio.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
color:white;
font-size:2em;
font-weight: bold;
padding:50px 5px;
text-align:center;
}
.cab_historia_txt{
font-size:0.7em !important;
font-weight:normal !important;
}
.cab_historia_txt2{
font-size:0.6em !important;
font-weight:normal !important;
}

.info_wellness{
font-size:1em;
}

.info_wellness ul {
    list-style-position: inside;
    padding-left: 0;
}

.info_wellness li {
    margin-bottom: 5px;
}
.enmarcado{
font-weight: bold;
font-size:1.2em;
}

.affix{
background-color:white;
height:85px;
}
.ggg{
background-color:red;
}
.myH2{
text-align:center;
font-size: 4rem;
}
.myP{
text-align: justify;
padding-left:15%;
padding-right:15%;
font-size: 20px;
}
@media all and (max-width:700px){
.myP{
	padding:2%;
}
}

.txt_black{
color:white;
}
A.txt_black:link { color:black; text-decoration:underline; } 
A.txt_black:visited { color:black; text-decoration:underline; } 
A.txt_black:active { color:black; text-decoration:underline; } 
A.txt_black:hover { color:black; text-decoration:underline; } 

.txt_white{
color:white;
}
A.txt_white:link { color:white; text-decoration:none; } 
A.txt_white:visited { color:white; text-decoration:none; } 
A.txt_white:active { color:white; text-decoration:none; } 
A.txt_white:hover { color:white; text-decoration:underline; } 


/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/

****/
#ttst{
background-color:yellow;
height:30px;
position:fixed;
bottom:0;
right:0;
width:30px;
}
@media all and (max-width:700px){
#ttst{
background-color:maroon;
}
.content{
bottom:1%;
text-align:left;
}
.content__title{
font-size:2em;
}
.content__sstitle{
font-size:1.2em;
}
.content__text{
font-size:1.2em;
}
}



@media all and (orientation: portrait){
.v_h{
display:none;
}
.v_v{
display:inline-block;
}
}

@media all and (orientation: landscape){
.v_h{
display:inline-block;
}
.v_v{
display:none;
}
}











/*LONGEST DISPLAYS*/
@media only screen and (min-width:1401px) and (max-width:3000px){
#ttst{
background-color:red;
}
}
/*IPAD HORIZONTAL*/
@media only screen and (min-width:1280px) and (max-width:1400px){
#ttst{
background-color:purple;
}
}
@media only screen and (min-width:800px) and (max-width:1280px){
#ttst{
background-color:gray;
}
}
/*IPAD VERTICAL*/ /*IPHONE 6 HORIZONAL*/
@media only screen and (min-width:600px) and (max-width:800px){
#ttst{
background-color:black;
}
.info_wellness{
font-size:.8em;
}
.enmarcado{
font-size:1em;
}
#contenido_IZQ2{
width:100%;
}
#contenido_DER2{
display: none;
}
}
/*IPHONE 5 HORIZONTAL*/
@media only screen and (min-width:400px) and (max-width:600px){
#ttst{
background-color:cyan;
}
.info_wellness{
font-size:.8em;
}
.enmarcado{
font-size:1em;
}
#contenido_IZQ2{
width:100%;
}
#contenido_DER2{
display: none;
}
}
/*IPHONE 6 VERTICAL*/
@media only screen and (min-width:350px) and (max-width:400px){
#ttst{
background-color:fuchsia;
}
.face{
height:22px;
position:fixed;
right:70px;
top:60px;
width:22px;
}
.facebook{
height:22px;
position:fixed;
right:70px;
top:60px;
width:22px;
}
.insta{
height:22px;
right:45px;
top:60px;
width:22px;
}
.instagram{
height:22px;
right:45px;
top:60px;
width:22px;
}
.tik{
height:22px;
right:20px;
top:60px;
width:22px;
}
.tiktok{
height:22px;
right:20px;
top:60px;
width:22px;
}
.info_wellness{
font-size:.8em;
}
.enmarcado{
font-size:1em;
}
#contenido_IZQ2{
width:100%;
}
#contenido_DER2{
display: none;
}
}
/*IPHONE 5 VERTICAL*/
@media only screen and (min-width:1px) and (max-width:350px){
#ttst{
background-color:pink;
}
.content_banderas{
top:26%;
}
.content{
bottom:6%;
}
.face{
position:fixed;
right:80px;
top:60px;
width:22px;
}
.facebook{
height:22px;
position:fixed;
right:80px;
top:60px;
width:22px;
}
.insta{
height:22px;
right:55px;
top:60px;
width:22px;
}
.instagram{
height:22px;
right:55px;
top:60px;
width:22px;
}
.tik{
height:22px;
right:30px;
top:60px;
width:22px;
}
.tiktok{
height:22px;
right:30px;
top:60px;
width:22px;
}
.info_wellness{
font-size:.8em;
}
.enmarcado{
font-size:1em;
}
#contenido_IZQ2{
width:100%;
}
#contenido_DER2{
display: none;
}
}