/*ESTILOS PARA EL PLANNER TRIP FORM*/
#caja{
  width: 100%;
  height: 100px;
  position: fixed;
  transform: translateX(100%);
  transition: all .5s ease;
  bottom: 0px;
  background-color: #C90C0F;
  color: #fff;
  text-align: center;
  padding: 0.5% 0 1% 0;
}
#caja:after{
  content: ' ';
  border-top: 80vh solid white;
  border-right: 21vw solid transparent;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -17;
}
#caja .suscribe .c4:nth-child(2){
  padding-left: 0;
}
#caja .box_text_tri{
  color: black;
  padding: 0em 0.5em 1em 0.5em;
  text-align: left;
  line-height: 1.2;
}
#caja .box_text_tri h3{
  color: #C90C0F;
  font-size: 1.3em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-weight: 600;
  padding-right: 23px;
}
.caja p {
  margin: 0;
  padding-top: 1%;
  font-size: 20px;
  font-weight: bold;
  color: white;
}
.caja_dos{
  display: none;
}
#caja.entra {
  transform: translateX(0);
  z-index: 9000;
}
.people-travel .c3{
  padding: 0 0.5rem;
}
#caja .time-travel.c4{
  padding: 0 5px;
}
#caja .time-travel h3, .people-travel h3{
  color: #fff;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 0.9rem;
}
#caja .time-travel h4, .people-travel h4{
  font-size: 19px;
  margin-bottom: 7px;
}
/*ESTILOS DEL INPUT*/
#caja input[type=radio] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
#caja .people-travel label{
  width: 50px;
  height: 37px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
  padding: 0.4em 0.2em;
  cursor: pointer;
  transition: 0.2s ease-out;
  border-radius: 5px;
}
#caja .people-travel .c3:nth-child(1) label img{
  width: 22px;
}
#caja .people-travel .c3:nth-child(2) label img{
  width: 30px;
}
#caja .people-travel .c3:nth-child(3) label img{
  width: 40px;
}
#caja .people-travel .c3:nth-child(4) label img{
  width: 50px;
}
#caja .time-travel .col_box_day{
  width: 51px;
  text-align: center;
  background: white;
  cursor: pointer;
  padding: 2% 2.3%;
  font-weight: bold;
  display: inline-block;
  /* width: 11%; */
  border-radius: 5px;
  margin-right: 0.3rem;
  margin-left: 0.3rem;
  padding: 0.3rem 0.1rem;
}
#caja .time-travel label{
  background: white;
  color: #222222;
  padding: 0.4em 0.4em;
  cursor: pointer;
  transition: 0.2s ease-out;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  border-radius: 5px;
  width: 50px;
  height: 37px;
  margin-right: 2%;
  font-size: 14px;
}
#caja input[type=radio]:checked + label {
  background: #E6BA23;
  color: #D50803;
}
/*ESTILOS DEL INPUT DEL CORREO*/

#caja .enter-email{
  margin-top: 0.5%;
}
#caja .enter-email input{
  width: 92%;
  text-align: center;
  font-size: 1.3em;
  padding: 5px;
  font-weight: bold;
  border: none;
}
#caja .enter-email #buttom-email{
  background: #1B90CD;
  padding: 1%;
  border-radius: 5px;
  margin-top: 10px;
  border: none;
  font-weight: bold;
  color: #fff;
  box-shadow: none;
}
/***************************
ESTILOS DEL POPUP
****************************/
#caja-2 .box-email-dates input, #caja .enter-email input{
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
#caja-2 .box-email-dates .style_shadow:focus{
  border: 1px solid #bd1301;
  box-shadow: 0 0 5px #bd1301;
}
.none-popup{
  width: 100%;
  height: 35px;
  position: fixed;
  background: transparent;
  top: 0px;
  z-index: 1000;
}

#caja-2 {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  z-index: 9900;
}
#caja-2 .icono-close{
  display: block ;
  background: black;
  width: 30px;
  height: 28px;
  position: absolute;
  right: 0;
  top: 0;
  font-weight: bold;
  font-size: 1.2em;
  cursor: pointer;
  color: white;
}
.pop-exitBGR{
  background: white; /* For browsers that do not support gradients */
  /*background: linear-gradient(to bottom right, #BC0501, #720A00) !important; */ /* Standard syntax (must be last) */
  width: 520px ;
  color: black ;
  text-align: center ;
  position: relative ;
  left: 33% ;
  top: 14% ;
}
.popup_header{
  background: #C90C0F;
  padding: 1rem;
  position: relative;
  right: -15px;
  width: 520px;
  padding: 5% 11%;
}
.pop-exitBGR h2 {
  margin: 2px 0;
  color:white ;
  font-size: 38px;
  text-shadow: 2px 3px 4px rgb(27, 27, 27);
  font-family: Lato, sans-serif;
  font-weight: 900;
}
.pop-exitBGR form{
  padding: 1rem 4.5rem;
}
.pop-exitBGR form h3, .pop-exitBGR form h4 {
  color: black;
  margin: 0 0 0.5rem 0;
  word-spacing: 5px;
  font-size: 1.2rem;
  font-family: Lato, sans-serif;
  font-weight: 900;
}
.popup_header p {
  font-size: 20px;
  color: white;
  margin: 0;
  line-height: 1.2;
}
.bgr-text {
  background: #bd1301;
  padding: 0.5rem 5.5rem;
  width: 520px;
  position: relative;
  right: -15px;
}
.bgr-text span {
  font-size: 19px;
  color: white;
  font-family: 'Courgette', cursive;
}
.pop-exitBGR .c7 {
  padding: 0 !important;
}
.pop-exitBGR .c10{
  padding-left: 0 !important;
}

/* ESTILO DEL INPUT */
.pop-exitBGR .number-travel{
  border-top: 2px solid white;
}
.pop-exitBGR .number-travel .box-label-style input[type=radio],
.pop-exitBGR .trip-length .box-trip-length input[type=radio] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.pop-exitBGR .number-travel .box-label-style label{
  color: white;
  background: #949494;
  padding: 0.4em 0.4em;
  cursor: pointer;
  transition: 0.2s ease-out;
  display: inline-block;
  text-align: center;
  width: 100%;
  height: 40px;
  font-weight: bold;
  border-radius: 5px;
  font-size: 14px;
}
.pop-exitBGR .trip-length .box-trip-length label {
  color: white;
  background: transparent;
  padding: 0.4em;
  cursor: pointer;
  transition: 0.2s ease-out;
  display: inline-block;
  width: 100%;
  height: 50px;
  font-weight: bold;
  border-radius: 5px;
  border: 2px solid #949494;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pop-exitBGR .number-travel .box-label-style input[type=radio]:checked + label,
.pop-exitBGR .trip-length .box-trip-length input[type=radio]:checked + label{
  background: #E6BA23;
  color: #fff;
  border: 2px solid #E6BA23;
}
/*STYLE CALENDAR*/
.pop-exitBGR .box-email-dates{
  padding-top: 1em;
}
.pop-exitBGR .box-email-dates input{
  width: 100%;
}

/*STYLE PARA VIDEO DE FACEBOOK EN BLOGS*/
.row_spot_fb{
  display: flex;
  justify-content: center;
}
.content_spot_fb{
  width: 100%;
  height: 370px;
  border: 2px solid silver;
}
.box-anuncio{
  height: 85%
}
.box-text-anuncio{
  background: #F6F6F6;
  color: #333;
  height: 15%;
  padding: 0.5em 0;
}
.text-fb,.send-fb{
  width: 50%;
  float: left;
  }
.send-fb{
  text-align: right;
}
.text-fb .text_p_fb {
  font-size: 0.8em;
  color: #aaa;
  margin: -17px 0 0 10px;
}
.text-fb span {
  font-weight:500;
  margin-left:10px;
}
.box-botom{
  padding-top:0.5em;
}
.buttom-send-fb{
  background:linear-gradient(#fff, #f3f3f3);
  border: 1px solid silver;
  padding: 3px 10px 5px;
  color: #505050 !important;
  font-weight:500;
  margin-right:20px;
  font-size:.8rem;
  border-radius:5px;
  text-decoration: none;
  box-shadow: 0 0 2px silver;
}
.buttom-send-fb:hover{
  color:black;
}
/********/
/* STYLE BUTTON MOBILE - */
.box-btn-mobile{
  display: none;
}
#caja .close-mobile{
  display: none;
}
/*STYLE BUTTOM CLOSE SLIDER*/
#caja .icono_close_slider {
  display: block ;
  background: black;
  width: 30px;
  height: 26px;
  position: absolute;
  right: 0;
  top: 0;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
  color: white;
  padding: 0.1em;
}
/*STYLE POST*/

.BLOCK-POST{
  display: none;
}
@media (max-width: 1024px) and (min-width: 768px){
  
}
@media (max-width: 480px) {
  .none-popup{
    display: none;
  }
  #footer{
    height: 540px !important;
  }
  .btn_example{
    display: block;
  }
  /* estilos mobile tactil*/
  .scrollable {
    display: flex !important;
    flex-direction: row !important;
    -webkit-flex-direction: row !important;
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .text-h2{
    display: block;
  }
  .card {
    width: 200px !important;
    height: 250px !important;
    margin: 1rem;
  }
  .cardImage{
    height: 200px;
    width: 100%;
  }
  .cardImage img {
    max-width: 100%;
  }
  .cardText{
    width: 100%;
    text-align: left;
  }
  #caja:after{
    display: none;
  }
  #caja{
    width: 100%;
    height: auto;
    position: fixed;
    transform: translateY(100%);
    transition: all .5s ease;
    bottom: 0px;
    background-color: #D50803;
    color: #fff;
    text-align: center;
    padding-bottom: 1%;
  }
  #caja .close-mobile{
    display: block !important;
    background: black;
    width: 30px;
    height: 28px;
    position: absolute;
    right: 0;
    font-weight: bold;
    font-size: 1.2em;
    z-index: 10;
  }
  #caja .icono_close_slider{
    display: none;
  }
  #caja .suscribe .box_text_tri h3 {
    font-size: 24px;
    border-bottom: 2px solid white;
    margin: 0px 15px 0 25px;
    padding: 2% 0%;
    line-height: 1.5;
    color: white;
    text-align: center;
  }
  #caja .time-travel h4, .people-travel h4 {
    font-size: 18px;
    margin: 0.5em 0;
  }
  #caja .time-travel label{
    font-size: 14px;
    padding: 2% 1.4%;
    margin: 0 2%;
  }
  #caja .people-travel .c3{
    width: 20% !important;
    margin: 0 2%;
  }
  #caja .people-travel label{
    font-size: 22px;
    padding: 1% 4%;
    margin-right: 5px;
  }
  #caja .suscribe{
    margin-bottom: 0;
    padding: 0;
  }
  #caja .time-travel {
    margin-bottom: 0;
  }
  #caja .people-travel{
    margin-bottom: 0;
  }
  #caja .enter-email input{
    font-size: 1rem;
    margin: 0.5em 0 0.5em !important;
    width: 100%;
    padding: 0.5em 0.5em;
  } 
  #caja .enter-email{
    margin-bottom: 4px;
  }
  #caja.entra {
    transform: translateY(0);
    z-index: 9999;
    padding: 0;
  }
  .box-btn-mobile{
    position: fixed;
    bottom: 0;
    width:100%;
    text-align:center;
    display: block !important;
    z-index: 9999;
  }
  .btn-mobile{
    background: #D50803;
    padding: 13px 20px;
    border: none;
    color: white;
    width: 100%;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
  }
  /*STYLE PARA VIDEO DE FACEBOOK EN BLOGS*/

  .content_spot_fb{
    height: 250px;
    margin-bottom: 2em;
  }
  .box-anuncio {
    height: 75%;
  }
  .box-text-anuncio {
    height: 25%;
  }
  .text-fb span{
    font-size: 11px;
  }
}
/*STYLE ENCIMA DEL SCRIPT*/

.a1 {
    transition: all 3s cubic-bezier(.25, .8, .25, 1);
    background-color: red;
}
.activateanimation{
    animation: myanimation 5.5s;
}
@media only screen and (min-width: 350px) and (max-width: 500px) {
.a1 {
    display: inline-block;
    padding: 0px 108px !important;
    margin-top: -1px;
    box-shadow: 0.75px 2.5px 11px #191919;
}
}
@media only screen and (min-width: 300px) and (max-width: 320px) {
  .a1 {
    display: inline-block;
    padding: 0px 80px !important;
    margin-top: -1px;
    box-shadow: 0.75px 2.5px 11px #191919;
  }
 /*STYLE PARA VIDEO DE FACEBOOK EN BLOGS*/
  .content_spot_fb{
    height: 210px;
  }
  .text-fb span{
    font-size: 9.5px;
    margin-left: 3px;
  }
  .text-fb .text_p_fb{
    margin-left: 3px;
  }
}
.a1:hover {
box-shadow: 0.75px 2.5px 11px #191919;
background-color: #3cc47c;
}
.changecolor{
    transition: all 3s cubic-bezier(.25, .8, .25, 1);
    background-color: #3cc47c;
}
@keyframes myanimation {
75% {
    background-color: #cc0c00;
}
}
.c1{width:8.33%}
.c2{width:16.66%}
.c3{width:25%}
.c4{width:33.33%}
.c5{width:41.66%}
.c6{width:50%}
.c7{width:58.33%}
.c8{width:66.66%}
.c9{width:75%}
.c10{width:83.33%}
.c11{width:91.66%}
.c12,.w320 .c1,.w320 .c2,.w320 .c3,.w320 .c4,.w320 .c5,.w320 .c6,.w320 .c7,.w320 .c8,.w320 .c9,.w320 .c10,.w320 .c11,
.w640 .c1,.w640 .c2,.w640 .c3,.w640 .c4,.w640 .c5,.w640 .c6,.w640 .c7,.w640 .c8,.w640 .c9,.w640 .c10,.w640 .c11{width:100%}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{min-height:1px;float:left;padding-left:20px;padding-right:20px;position:relative}
.s1{margin-left:8.33%}
.s2{margin-left:16.66%}
.s3{margin-left:25%}
.s4{margin-left:33.33%}
.s5{margin-left:41.66%}
.s6{margin-left:50%}
.s7{margin-left:58.33%}
.s8{margin-left:66.66%}
.s9{margin-left:75%}
.s10{margin-left:83.33%}
.s11{margin-left:91.66%}

#trip-popup img {
  max-width: 100%;
  height: auto;
{