/*--------------------------------------------------
 Contenedor de Screen para los Feed 
--------------------------------------------------*/
/*---------------------------- 320 -----*/
.ctd320-rpsv {
  padding: 0;
  margin: 0;
  position: relative;
  padding-bottom: calc(1rem + 65vh);
  width: 100%;
  overflow: hidden;   
  text-align: center;
}
.ctd320-rpsv iframe,
.ctd320-rpsv object,
.ctd320-rpsv embed {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(1rem + 99vw);
  height: 107%;
  overflow-y: auto;
}
/*---------------------------- 360 -----*/
.ctd360-rpsv {
  padding: 0;
  margin: 0;
  position: relative;
  padding-bottom: calc(1rem + 65.5vh);
  width: 100%;
  overflow: hidden;   
  text-align: center;
}
.ctd360-rpsv iframe,
.ctd360-rpsv object,
.ctd360-rpsv embed {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(1rem + 99vw);
  height: 107%;
  overflow-y: auto;
}
/*---------------------------- 420 -----*/
.ctd420-rpsv {
  padding: 0;
  margin: 0;
  position: relative;
  padding-bottom: calc(2rem + 99vh);
  width: 100%;
  overflow: hidden;   
  text-align: center;
}
.ctd420-rpsv iframe,
.ctd420-rpsv object,
.ctd420-rpsv embed {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(1rem + 95vw);
  height: 105%;
  overflow-y: auto;
}
/*---------------------------- 480 -----*/
.ctd480-rpsv {
  padding: 0;
  margin: 0;
  position: relative;
  padding-bottom: calc(2rem + 99vh);
  width: 100%;
  overflow: hidden;   
  text-align: center;
}
.ctd480-rpsv iframe,
.ctd480-rpsv object,
.ctd480-rpsv embed {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(1rem + 95vw);
  height: 105%;
  overflow-y: auto;
}
/*---------------------- 640 -----*/
.ctd640-rpsv {
  padding: 0;
  margin: 0;
  position: relative;
  padding-bottom: calc(2rem + 99vh);
  width: 100%;
  overflow: hidden;   
  text-align: center;
}
.ctd640-rpsv iframe,
.ctd640-rpsv object,
.ctd640-rpsv embed {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(1rem + 90vw);
  height: 105%;
  overflow-y: auto;
}
/*----------------------- 720 ---*/
.ctd720-rpsv {
  padding: 0;
  margin: 0;
  position: relative;
  padding-bottom: calc(2rem + 99vh);
  width: 100%;
  overflow: hidden;   
  text-align: center;
}
.ctd720-rpsv iframe,
.ctd720-rpsv object,
.ctd720-rpsv embed {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(1rem + 70vw);
  height: 104%;  
  overflow-y: auto;
}
/*----------------------- 800 ---*/
.ctd800-rpsv {
  padding: 0;
  margin: 0;
  position: relative;
  padding-bottom: calc(2.9rem + 29vh);
  width: 110%;
  overflow: hidden;   
  text-align: center;
}
.ctd800-rpsv iframe,
.ctd800-rpsv object,
.ctd800-rpsv embed {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(1rem + 40vw);
  height: 110%;
  overflow-y: auto;
}
/*----------------------- 900 ----*/
.ctd900-rpsv {
  padding: 0;
  margin: 0;
  position: relative;
  padding-bottom: calc(2rem + 31vh);
  width: 110%;
  overflow: hidden;   
  text-align: center;
}
.ctd900-rpsv iframe,
.ctd900-rpsv object,
.ctd900-rpsv embed {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(1rem + 40vw);
  height: 110%;
  overflow-y: auto;
}
/*----------------------- 1024 -----*/
.ctd1024-rpsv {
  padding: 0;
  margin: 0;
  position: relative;
  padding-bottom: calc(2.5rem + 40vh);
  width: 110%;
  overflow: hidden;   
  text-align: center;
}
.ctd1024-rpsv iframe,
.ctd1024-rpsv object,
.ctd1024-rpsv embed {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(1rem + 40vw);
  height: 110%;
  overflow-y: auto;
}
/*----------------------- 1280 ------*/
.ctd1280-rpsv {
  padding: 0;
  margin: 0;
  position: relative;
  padding-bottom: 129%;
  width: 100%;
  overflow: hidden;   
  text-align: center;
}
.ctd1280-rpsv iframe,
.ctd1280-rpsv object,
.ctd1280-rpsv embed {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(1rem + 50vw);
  height: 108%;
  overflow-y: auto;
}
/*----------------------- > 1281 ----*/
.ctd1281-rpsv {
  padding: 0;
  margin: 0;
  position: relative;
  padding-bottom: 127%; 
  width: 100%;
  overflow: hidden;   
  text-align: center;
}
.ctd1281-rpsv iframe,
.ctd1281-rpsv object,
.ctd1281-rpsv embed {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(1rem + 50vw);
  height: 107%;
  overflow-y: auto;
}

/*----- END Screen FEED---------------------------*/
.bg-primary-1 {
    background-color: #C4001C;
    border: none;
}

.bg-secondary-1 {
  background: #ffffff;
  border: none;
}

.bg-primary-2 {
    background-color: #C4001C;
    border: none;
}

.bg-secondary-2 {
  background: #fbb600;
  border: none;
}


.text-underline {
  text-decoration: underline;
  border: none;
}

.text-bold {
  font-weight: 700;
}

.text-italic {
  font-style: italic;
}

.text-small {
  font-size: 0.8em;
}

.flex-grow-1 {
  flex-grow: 1;
}

.link { color: #FF0000; } /* CSS link color (red) */
.link:hover { color: #00FF00; } /* CSS link hover (green) */


.nav-link{
  padding: 3px;
  margin: 1px;
  font-family: "arial";
  font-weight: normal;
  font-size: calc(0.5rem + 0.5vw); 
  line-height: calc(0.8rem + 0.5vw);
  color: #c4002c;
  }

.nav-link:hover{
   color: #ffffff;
   background-color: #c4001c;
}  
.psp-txt {
  padding: 2vw; 
  color: #ffffff;
  font-size: calc(0.6rem + 3vw);
  line-height: calc(0.8rem + 3vw);  
}

.nav-link1{
    text-decoration: none;
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: helvetica;
    font-weight: 300;
    font-size: 16px;
    font-style: none;
    color: #000000;
    background-color: #ffb600;
    border-radius: 15px;
    border: 3px double #ffb600;
  }

.nav-link1:hover{
    color: #ffffff;
    background-color: #c4001c;
}

#btn-top {
  position: fixed;
  z-index: 999;
  bottom: 1em;
  top: auto;
  left: auto;
  right: 1em;
  margin-left: -1.9rem;
  opacity: .66;
  display: none;
  border: none;
}

.instagram_feed {
  overflow:hidden;
}


#jsonHere {
  max-height: 60vh;
  overflow: auto;
}

        /*Loading page*/
.jm-loadingpage {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999999;
  background: url(../feed/carga1.gif) center no-repeat #fff;
}

.jm-loadingpage1 {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999999;
  background: url(../feed/carga1.gif) center no-repeat #fff;
}

.jm-loadingpage2 {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999999;
  background: url(../feed/carga2.gif) center no-repeat #fff;
}

.jm-loadingpage3 {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999999;
  background: url(../feed/carga3.gif) center no-repeat #fff;
}

.a1 {
  color: #00FF00;
}

.a1:hover{
  color: #c4001c;
}

.a1:active{
  color: blue;
}

#number {
  font-size:50px;
  color:#434343;
}

.boton_S{
    text-decoration: none;
    padding: 5px;
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
    background-color: #c4001c;
    border-radius: 6px;
    border: 2px solid #0016b0;
}

.boton_S:hover{
    color: #ffb600;
    background-color: #ffffff;
}

.textos1{
    text-decoration: none;
    padding: 3px;
    font-weight: 350;
    font-family: helvetica;
    font-size: 16px;
    color: #000000;
}

.footerFeed {
 text-decoration: none;  
  display:block;
  width: 100%; 
  margin: 0;
  padding: 0;
  background: #c4001c;
  color: #fff;
  text-align:center; 
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing: border-box;
  /*color:#2a363b;*/ 
}

.footerFeed span{
 text-decoration: none;
 width: 95%; 
 display:block;
 padding: 5px 5px;
 margin: 5px 5px;
 font-family: "arial"; 
 font-weight: normal;
 font-size: 18px;   
 line-height: 22px;
 background: #c4001c;
 color: #fff;
 text-align:center; 
 -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing: border-box;
  /*color:#2a363b;*/ 
}

.fondoBtnFeed {
  text-decoration: none;
  padding:0px;
  margin: 0px;
  font-family: "arial";
  font-weight: normal;
  font-size: 14px;   
  line-height: 14px;
  background-color: rgba(0, 0, 0, 0.03);
  color: #c4001c;
  text-align: center;
}
.BtnImg {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  top:10px;
  left:10%;  
  font-family: "arial";
  font-weight: 600;
  font-size: 22px;   
  line-height: 22px;
  color: #c4001c;
  background-color: rgba(8, 8, 8, 0.35);
}
.BtnImg1 {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  top:50px;
  left:10%;  
  font-family: "arial";
  font-weight: 600;
  font-size: 22px;   
  line-height: 22px;
  color: #c4001c;
  background-color: rgba(8, 8, 8, 0.35);
}
.BtnImg2 {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  top:50px;
  right:90%;  
  font-family: "arial";
  font-weight: 600;
  font-size: 22px;   
  line-height: 22px;
  color: #c4001c;
  background-color: rgba(8, 8, 8, 0.35);
}

#imagenFeed {
    position: relative; 
    width: 100%;
    height: 320px;
    background-size: cover;
}