/* ===== Home Content Styles ========================================================
   Author: Vinco Orbis [rp]
   ========================================================================== */

/* ===== CONTAINER ============================================================= */
body.home-cp{ background: #fff; }
#home-featured{
  height: 420px;
  color: #fff;
  background: #111;
}

#home-content{
  width: 980px;
  margin: 0 auto;
  box-shadow: 0 -1px 20px rgba(0,0,0,1);
}
.slide_content img{}
.slide_info{
  position: absolute;
  margin: 40px 0 0 60px;
  width: 500px;
  z-index: 9000;
}
.slide_info h2{
  font-size: 3em;
  margin: 0 0 30px 0;
}
.slide_info p{
  font-size: 2em;
  line-height: 30px;
  margin: 0 0 30px 0;
}
#home-sections-container{
  background: #ffffff;
  background: -moz-linear-gradient(top,  #dddddd 1%, #ffffff 74%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dddddd), color-stop(74%,#ffffff), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(top,  #dddddd 1%,#ffffff 74%,#ffffff 100%);
  background: -o-linear-gradient(top,  #dddddd 1%,#ffffff 74%,#ffffff 100%);
  background: -ms-linear-gradient(top,  #dddddd 1%,#ffffff 74%,#ffffff 100%);
  background: linear-gradient(to bottom,  #dddddd 1%,#ffffff 74%,#ffffff 100%);
}
#home-sections{
  width: 960px;
  margin: 0 auto;
  position: relative;
  top: -85px;
  background: url('https://s3.amazonaws.com/club_premier_staging/img/home_shadow_grid.png') no-repeat top center;
}
#home-sections h3{
  font-size: 1.15em;
  margin: 0;
  text-transform: uppercase;
  color: #757575;
}
#home-sections div{
}
#services{padding: 25px 0 0 20px;}
#services ul{margin: 0}
#services li{
  list-style: none;
  clear: both;
  overflow: auto;
  padding: 10px 0;
  border-bottom: 1px solid #bbbcbe
}
#services li:last-child{ border-bottom: none}
#services li:hover{
  background: -moz-linear-gradient(top,  #f3f3f4 1%, #c8cacc 74%, #c8cacc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dddddd), color-stop(74%,#c8cacc), color-stop(100%,#c8cacc));
  background: -webkit-linear-gradient(top,  #f3f3f4 1%,#c8cacc 74%,#c8cacc 100%);
  background: -o-linear-gradient(top,  #f3f3f4 1%,#c8cacc 74%,#c8cacc 100%);
  background: -ms-linear-gradient(top,  #f3f3f4 1%,#c8cacc 74%,#c8cacc 100%);
  background: linear-gradient(to bottom,  #f3f3f4 1%,#c8cacc 74%,#c8cacc 100%);
}
#services li .service_icon{
  float: left;
  width: 60px;

}
#services li .service_info{
  float: left;
  font-size: 0.85em;
}
#services li .service_info a{
  font-size: 1.1em;
  font-weight: bold;
}
#gifs{
  padding: 10px 20px 0 10px;
}
.gif{clear: both;  margin: 0 0 0 5px; overflow: auto; padding: 10px 0; }
.gif .thumb{float: left; width: 120px}
.gif .thumb img{ width: 100px; padding: 2px; margin-left: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.8)}
.gif .thumb-info{float: left; width: 65%;}
.gif .ver-mas{float: right}

#banner{
  margin: 0 0 0 ;
  padding: 35px 0 0 0;
}
.lt-ie8 #gifs, .lt-ie8 #banner{margin: 0;}
.lt-ie8 #gifs{ padding: 0; margin: 0 0 0 10px}
.lt-ie8 #gifs .gif .ver-mas{margin: 0 10px 0 0 ;}
#hulk-bg.fade{
  position:fixed;
  top:0; left:0;
  z-index:1000;
  width: 100%; height: 100%;
  background-color:#000;
    filter:alpha(opacity=80); -khtml-opacity:0.8; -moz-opacity:0.8; opacity:0.8;
}
#bruce-banner{
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  z-index: 1001;
  background: #fff;
  border-radius: 3px;
  padding: 10px;
  width: 800px;
}
#smash{
  background: url('https://s3.amazonaws.com/club_premier/img/fancybox_sprite.png') no-repeat 0 0;
  display: block;
  width: 35px;
  height: 35px;
  float: right;
  position: relative;
  margin: -30px -25px 0 0;
  cursor: pointer;
}
/* Oculta el Popup */
@media (max-width: 980px) { #bruce-banner, #hulk-bg {display: none !important} }

/*BEGIN_ Media Queries del ajuste del texto para mantenerlo flotando a la izquierda en todas las resoluiciones */
@media (max-width: 990px) {.gif .thumb-info{width: 58%;}}
@media (max-width: 870px) {.gif .thumb-info{width: 55%;}}
@media (max-width: 605px) {.gif .thumb-info{width: 75%;}}
@media (max-width: 515px) {.gif .thumb-info{width: 70%;}}
@media (max-width: 435px) {.gif .thumb-info{width: 67%;}}
@media (max-width: 400px) {.gif .thumb-info{width: 60%;}}
@media (max-width: 380px) {.gif .thumb-info{width: 53%;}}
/*END_*/
@media (max-width: 980px) {
  #home-content{
    width: 100%;
    margin: 0 auto;
  }
  #home-sections{
    top: 0;
    width: 100%;
    height: auto;
    background: none;
  }
  #home-featured{
    height: auto;
  }
}
@media (max-width: 785px) {
  #banner{ clear: both; margin: 0 auto; padding: 0;  width: 210px; background: red;}
  #services, #gifs{float:left; width: 49%; padding: 5px 0 0 10px}
}
@media (max-width: 750px) {
  .slide_info h2{
    font-size: 2em
  }
  .slide_info p{
    font-size: 100%
  }
  .slide_info{
    width: 60%;
  }
}
@media (max-width: 605px) {
  #services, #gifs{ clear: both;width: 100%; }
  #services ul li{ float: left; width: 50%; clear: none;}
  #gifs .ver-mas{ float: none; }
  .gif{
      clear: none;
      width: 45%;
      margin: 0 5px;
      float: left;
      text-align: center;
  }
  .gif .thumb, .gif .thumb-info{
    width: 100%;
  }
}
@media (max-width: 570px) {
  #services ul li{ min-height: 100px;}
  #services ul li .service_info{float: none; text-align: center;}
  #services ul li .service_icon{float: none; margin: 0 auto; min-height: 50px;}
}
@media (max-width: 360px) {
  .gif{
    width: 100%;
    margin: 0;
  }
}

/* Esaim */

#stickers {
	float: left;
  	margin-left: 10px;
  	width: 602px;
}
.sticker{
	padding: 5px;
	float: left;
	height: 121px;
}
.sticker-icon {
	width: 55px;
	height: 55px;
	margin: 10px 10px 5px 10px;
}
.sticker-description{
	width: 75px;
	height: 40px;
	/*background-color: orange;*/
	margin-bottom: 10px;
	text-align: center;
	font-size: 11px;
}
#home-side {
	float: left;
	width: 289px;
	background: url(../images/bg_sidebar_home_logo.png) no-repeat;
	padding: 10px 19px;
}
#home-info {
	width: 602px;
	float: left;
	margin-left: 26px;
}
.big-red {
	color: #c71e1e;
	font-size: 36px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}
.jcarousel-prev{
	right: 3px !important;
}
.jcarousel-next{
	left: 3px !important;
}

@media (max-width: 1050px) {
	#stickers{
		width: auto;
	}
	#tarjetas_nivel_cp{
		width: 346px !important;
		height: 420px !important;
	}
	#main-banner {
	    width: 212px !important;
	    float: none !important;
	}
}

@media (max-width: 1035px) {
	#home-info{
		float: none;
		margin-left: 0;
		width: auto;
	}
	#home-side{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	#home-carusel{
		float: none !important;
		margin-right: auto !important;
		margin-left: auto;
		width: 565px;
	}
}

@media(max-width: 960px){
	#login-wrap-corp{
		width: auto !important;
	}
}
@media(max-width: 800px){
	#login-wrap-corp{
		background-position-x: 30% !important;
		background-position-y: -12px !important;
	}
	#tarjetas_nivel_cp{
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

/*popup video Dulce*/

#videoDivModal{
     position: absolute;
     display: none;
     top: -85%;
     left: 16%;
     z-index: 1001;
     background: none;
     border-radius: 3px;
     padding: 10px;
     width: 560px;
   }
   #closeVideoModal{
     background: url('https://s3.amazonaws.com/club_premier/img/fancybox_sprite.png') no-repeat 0 0;
     display: block;
     width: 35px;
     height: 35px;
     float: right;
     position: relative;
     margin: -15px -12px 0 0;
     cursor: pointer;
   }
   #contentVideo{
     width:537px;
   }
   #contentVideo iframe{
     width:560px;
     height:315px;
   }
  @media(max-width:980px){
     #videoDivModal{
       top:-57%;
       left: 13%;
     }
  }
  @media(max-width:780px){
     #videoDivModal{
       top:-27%;
     }
  }
  @media(max-width:650px){
     #videoDivModal{
       top:-41%;
       left:5%;
     }
  }
  @media(max-width:610px){
     #videoDivModal{
        left:0;
     }
  }
  @media(max-width:500px){
     #videoDivModal{
       top:-22%;
       width:437px;
     }
     #contentVideo{
       width:414px;
     }
     #contentVideo iframe{
       width:437px;
     }
  }
  @media(max-width:330px){
     #videoDivModal{
       top:-11%;
       width:278px;
     }
     #contentVideo{
       width:255px;
     }
     #contentVideo iframe{
       width:286px;
       height:215px;
     }
  }
#videoDivModal1{
     position: absolute;
     display: none;
     top: 50%;
     left: 50%;
     z-index: 1001;
     background: none;
     border-radius: 3px;
     padding: 10px;
     width: 854px;
     margin-top: -230px;
     margin-left: -420px;
   }
   #closeVideoModal1{
     background: url('https://s3.amazonaws.com/club_premier/img/fancybox_sprite.png') no-repeat 0 0;
     display: block;
     width: 35px;
     height: 35px;
     float: right;
     position: relative;
     margin: -15px -12px 0 0;
     cursor: pointer;
   }
   #contentVideo1{
     width:806px;
   }
   #contentVideo1 iframe{
     width:854px;
     height:508px;
   }
  @media(max-width:980px){
      #videoDivModal1{
        
        margin-left: -382px;
        width: 740px;
      }
      #contentVideo1 {
        width: 715px;
      }
      #contentVideo1 iframe {
        width: 740px;
        height: 508px;
      }

  }
  @media(max-width:780px){
     #videoDivModal1{
        
        margin-left: -384px;
     }
  }
  @media(max-width: 730px){
      #videoDivModal1{
       
        margin-left: -350px;
        width: 665px;
      }
      #contentVideo1 {
        width: 605px;
      }
      #contentVideo1 iframe {
        width: 665px;        
      }

  }
  @media(max-width:650px){
     #videoDivModal1{
       
       margin-left: -298px;
       width: 574px;
     }
     #contentVideo1 {
        width: 527px;
     }
     #contentVideo1 iframe{
        width: 574px;
        height: 480px;
     }
  }
  @media(max-width:610px){
     #videoDivModal1{
        
        margin-left: -274px;
        width: 530px;
     }
     #contentVideo1 {
        width: 505px;
      }
      #contentVideo1 iframe {
        width: 530px;
        height: 445px;
      }
  }
  @media(max-width:500px){
     #videoDivModal1{
       
       margin-left: -227px;
       width:437px;
     }
     #contentVideo1{
       width:414px;
     }
     #contentVideo1 iframe{
       width:437px;
       height: 370px;
     }
  }
  @media(max-width:330px){
     #videoDivModal1{
       
       margin-left: -152px;
       width:278px;
     }
     #contentVideo1{
       width:255px;
     }
     #contentVideo1 iframe{
       width:286px;
       height:215px;
     }
  }