/* custom Styles */

/*  DOBLE PARALLAX */

#detalle{min-height:100vh;background:#0d0d0d;color:#ccc;}

/*
#parallax-parent{
	width:100%;
	display:block;
	height:75vh;
	position:relative;
	overflow: hidden;
}
#parallax-parent .main-img {
  height:1080px;
  width:1080px;
  position: absolute;
  top: -80%;
  left:calc(50% - 540px);
  z-index:2;
}
#parallax-parent .main-img img {
	width:100%;
	height:auto;
}
#parallax-parent .parallax-img {
  height:200%;
  width:100%;
  position: absolute;
  top: -120%;
  background:url(../images/detalle/bg-detalle.jpg)top center no-repeat;
  z-index:1;
}
#parallax-parent .main-label{
	width:100%;
	display:block;
	position:relative;
	top:20vh;
	z-index:3;
	text-align:center;
}
#parallax-parent .main-label h2{
	font-size:60px;
	font-weight:700;
	text-transform:uppercase;
	color:#fff;
	text-shadow:0 0 9px #000;
}
#parallax-parent .main-label h3{
	font-size:36px;
	font-weight:400;
	color:#fff;
	text-shadow:0 0 3px #000;
}
#parallax-parent .main-label .gradient-block{
	background: rgb(0,0,0);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6587009803921569) 50%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6587009803921569) 50%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6587009803921569) 50%, rgba(0,0,0,0) 100%);
}
*/

/* NUEVO (imagen principal a la derecha) */

.main-img{
	width:100%;
	display:block;
	height:auto;
	position:relative;
	overflow: hidden;
}
.main-img .image {
	width:50%;
	height:auto;  
	position:relative;
	top:0;
	right:0;
	z-index:2;
	float:right;
}
.main-img .bg-img {
	height:100%;
	width:100%;
	position: absolute;
	top:0;
	left:0;
	background:url(../images/detalle/bg-detalle-b.jpg)top right no-repeat;
	background-size:cover;
	z-index:1;
}
.main-img .main-label{
	width:50%;
	display:block;
	position:absolute;
	top:calc(50% - 110px);
	z-index:3;
	text-align:center;
	float:left;
}
.main-img .main-label h2{
	font-size:56px;
	font-weight:700;
	text-transform:uppercase;
	color:#0073c6;
	text-shadow:0 0 9px #000;
}
.main-img .main-label h3{
	font-size:20px;
	font-weight:400;
	color:#fff;
	text-shadow:0 0 3px #000;
}
.main-img .main-label .gradient-block{
	background: rgb(0,0,0);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6587009803921569) 50%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6587009803921569) 50%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6587009803921569) 50%, rgba(0,0,0,0) 100%);
}

/* ICONS */

.block-icon{}
.icon-circle{
	max-width: 100%;
    width: 130px;
    height: 130px;
	/*width:230px;
	height:230px;*/
	border-radius:50%;
	position:relative;
	z-index:0;
	/* background: rgb(255,255,255);
	background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.16) 100%);
	background: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.16) 100%);
	background: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.16) 100%)|; */
	margin-bottom: 0px;
}
.icon-circle:after{
	content:'';
	display:block;
	position:absolute;
	top:5px;
	left:5px;
	width:calc(100% - 10px);
	height:calc(100% - 10px);
	border-radius:50%;
	background:#0d0d0d;
	z-index:1;
}
.icon-circle img {
    width: 80px;
    height: auto;
    position: absolute;
    left: calc(50% - 50px);
    top: calc(50% - 45px);
    z-index: 2;
}
/*.icon-circle img{
	width:140px;
	height:auto;
	position:absolute;
	left:calc(50% - 70px);
	top:calc(50% - 60px);
	z-index:2;
}*/
.block-icon h4{
	text-align:center;
	font-size:22px;
	text-transform:uppercase;
	min-height:60px;
	color: #0073c6;
}
.block-icon p.data{
	text-align:center;
	font-size:16px;
	margin-top:15px;
	color: #babcbe;
	width: 250px;
}
.title-detail{
	width: 220px;
}

/* ANIMATED DESCRIPTIONS */

#punch-descriptions{
	width:100%;
	height:auto;
	display:block;
	position:relative;
}

#punch-descriptions.o-hiden{
	overflow:hidden;
}

#edition-txt{
	text-align:center;
	margin-bottom:45px;
}
hr.dotted-line {
    border: 0;
    border-bottom: 1px dashed #1d6062;
    background: #151515;
}
.blue-txt{color:#0073c6;}
#punch-descriptions .bloque{
	width:100%;
	height:auto;
	/*min-height:600px;
	padding:35px 0;*/
	min-height: 450px;
	padding: 0;
	margin:0;
	background:url(../images/detalle/bg-green.jpg)top center no-repeat;
	background-size:contain !important;
}
#punch-descriptions .bloque:nth-child(odd){
	background:url(../images/detalle/bg-violet.jpg)top center no-repeat;
}
h4.blue-txt{font-size:36px;font-weight:400;text-transform:uppercase;margin-bottom:15px;}
.punch-describe{font-size:24px;font-weight:400;}

.bloque .text-block{
	padding-top:180px;
	text-align:left;
}
.bloque:nth-child(odd) .text-block{
	padding-top:180px;
	text-align:right;
}
.bloque .img-block{
	padding-top:90px;
	position:relative;
}
.bloque:nth-child(odd) .img-block{
	padding-top:90px;
	position:relative;
}
.bloque .img-block img{
	top:90px;
	position:absolute;
	left:-30px;
	width:auto;
	max-width:100%;
	height:auto;
	max-height:100%;
}
.bloque:nth-child(odd) .img-block img{
	left: auto;
	right:-30px;
}

/* SLIDE */

#slide-container{
	width:100%;
	height:1000px;
	padding-top:140px;
	display:block;
	background:url(../images/detalle/bg-slides.jpg)top center no-repeat;
}
.slide-png{
	max-width:720px;
	height:auto;
	margin: 0 auto;
}

/* TABLE */

#ficha-tecnica-table{
	font-size:18px;
}
#ficha-tecnica-table h3.title-ft{
	font-size:24px;
	color:#fff;
}

#listmarketplaces{list-style: none;padding: 0}
#listmarketplaces li{width: 50%}

.d-ranking-coments-item {padding: 0 1em;}

#d-ranking-coments .owl-prev, #d-ranking-coments .owl-next{
	top: auto !important;
	bottom: -33px !important;
}

/* RANKING */

#d-ranking{}
#d-ranking h2.title-ft{}
#d-ranking  .fa.fa-star.checked {color:#0074c7;}
#d-ranking  .fa.fa-star.unchecked {color:rgba(255,255,255,0.66);}
#d-ranking-coments{text-align:center;}


.main-label button.btn{
	background-color: #0079c5;
}

.main-label button.btn:hover{
	background-color: #4aa1bc;
}

#d-boton-comprar{
	padding-bottom: 0 !important;
}
#d-boton-comprar .btn{
    margin: 0 auto;
    width: 100%;
    max-width: 220px;
    font-size: 18px;
}
#d-boton-fichas{
	padding-top: .5rem !important;
}

#reviewform_content .form-control{
	background: rgba(0,0,0,0) !important;
	color: #dedede;
	border: 2px solid #dedede;
}

.listmarkplaces a{
	display: inline-block;
	border: 1px solid #000;
}

.listmarkplaces a:hover{
	border: 1px dashed #1d6062;
}

.btn.ghostBtn{
	font-size: 12px;
    padding: 6px 8px 4px;
}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        QUERIES
::::::::::::::::::::::::::::::::::::::::::::::::::
*/

@media screen and (min-width: 1440px){}
@media screen and (max-width: 1200px){
	#parallax-parent .main-img {height:960px;width:960px;top:-65%;left:calc(50% - 480px);}
	.icon-circle{width:210px;height:210px;margin-bottom:40px;}
	.icon-circle img {width:120px;left:calc(50% - 60px);top:calc(50% - 50px);}
}
@media screen and (max-width: 991px){
	#parallax-parent .main-img {height:720px;width:720px;top:-30%;left:calc(50% - 360px);}
	.icon-circle{width:150px;height:150px;margin-bottom:30px;}
	.icon-circle img {width:90px;left:calc(50% - 75px);top:calc(50% - 60px);}
	#parallax-parent {height: 70vh;}
	#slide-container{ height: auto; padding: 4em 0 !important; }
}
@media screen and (max-width: 767px){
	#parallax-parent .main-img {height:640px;width:640px;top:-25%;left:calc(50% - 320px);}
	.bloque .text-block{padding:30px 40px 10px;text-align:center;}
	.bloque:nth-child(odd) .text-block{padding:30px 40px 10px;text-align:center;}
	.bloque .img-block{/*padding-top:0px;margin-bottom:25px;*/ display: none;}
	.bloque:nth-child(odd) .img-block{padding-top:0px;margin-bottom:25px;}
	.bloque .img-block img{top:0;position:relative;width:calc(100% - 30px);margin-left:30px;}
	.bloque:nth-child(odd) .img-block img{top:0;position:relative;width:calc(100% - 30px);}
	#parallax-parent {height: 65vh;}
	.main-img .image {width:100%;float:none;}
	.main-img .bg-img {background:url(../images/detalle/bg-detalle.jpg)top center no-repeat;background-size:cover;}
	.main-img .main-label{width:100%;float:none;position: relative;}
	.main-img .main-label .gradient-block button{width: calc(100% - 1rem);}
	/* .main-img .main-label h2{ font-size:60px; } */
	.block-icon p.data{width: 100%;}
	#punch-descriptions .bloque{min-height:auto; padding:35px 0;}
	#d-boton-comprar { padding-left: 8px; padding-right: 8px; }
	#d-boton-comprar .btn{ max-width: 100%; /*font-size: 14px;*/}
	#d-boton-fichas{padding-top: 0px !important;}
	.btn.ghostBtn{ font-size: 14px; padding: 10px 15px; }
}
@media screen and (max-width: 600px){
	#parallax-parent .main-img {height:510px;width:510px;top:-15%;left:calc(50% - 255px);}
	.bloque .text-block{padding:15px 20px 5px;}
	.bloque:nth-child(odd) .text-block{padding:15px 20px 5px;}
	#parallax-parent {height: 60vh;}
	.main-img .main-label{padding: 0px 30px;}
	.punch-describe { font-size: 16px; padding: 0px 20px;}
	h4.blue-txt { font-size: 24px; }
}
@media screen and (max-width: 480px){
	#parallax-parent .main-img {height:390px;width:390px;top:-9%;left:calc(50% - 195px);}
	.bloque .text-block{padding:10px 15px 2px;}
	.bloque:nth-child(odd) .text-block{padding:10px 15px 2px;}
	#parallax-parent {height: 50vh;}
	#rc-imageselect, .g-recaptcha {
		transform:scale(0.77);
		-webkit-transform:scale(0.77);
		/* transform-origin:0 0;
		 -webkit-transform-origin:0 0;*/
		margin:0 auto;
	}
	#d-ranking h2.title-ft { font-size: 20px; }
}
@media screen and (max-width: 360px){
	#parallax-parent .main-img {height:auto;width:100%;top:0;left:0;}
	.main-img .main-label h2 { font-size: 36px;}
	.main-img .main-label h3 { font-size: 18px;}
	
}