/*---------------------------------
/// SWIPER  ///
----------------------------------*/

/* ALL*/


/* flechas */
body.single-nuevo .swiper-container .swiper-button-prev,
body.single-nuevo .swiper-container .swiper-button-next  {
  background-size:70px 70px!important;
  height:200px;
  margin-top:-100px;
  width:20%;
  } 
body.single-nuevo .swiper-container .swiper-button-prev  {
  background-image:url(../svg/arrow-left.svg)!important;
  background-position:left center!important;  
  }
body.single-nuevo .swiper-container .swiper-button-next  {
  background-image:url(../svg/arrow-rigth.svg)!important;
  background-position:right center!important;
  }








/* INDEX */
#index .swiper-container{
  max-height:100vh!important;
  position:absolute!important;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px!important;
  z-index:99!important;
  }
  @media only screen and (max-height:620px) {
  #index .swiper-container{
  bottom:0px!important;
  }}



#index .swiper-slide,
body #estudio .swiper-slide {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  }

 /*---------------------------------
/// BANNER COVER SWIPER ///
----------------------------------*/
#index .swiper-container.cover,
#estudio .swiper-container.cover {
  display:flex;
  text-align:center;
  flex-direction:row;
  justify-content: center;
  align-items:center;
  /*position:relative;*/
  /*height:80vh;*/
  width:100%;
  }

#index .swiper-container.cover,
#estudio .swiper-container.cover{
  position:relative;
  text-align: center;
  overflow:visible!important;
  }


.swiper-container.cover .swiper-wrapper picture{
  height:auto;
  position:absolute;
  bottom:0px;
  left:0px;
  right:0px;
  top:0px;
  width:auto;
  }

#index .swiper-container.cover .swiper-wrapper picture img,
#estudio .swiper-container.cover .swiper-wrapper picture img{
  height:100%;
  width:100%;
  object-fit:cover;
  }



#index .swiper-pagination {
   bottom:30px!important;
  }

#index .swiper-pagination-bullet {
  background:transparent;
  border:1px solid #5c5c5c!important;
  height:5px!important;
  margin:0px 2px!important;
  padding:0px!important;
  opacity:1.0!important;
  width:5px!important;;
  }

#index .swiper-pagination-bullet-active  {
  border:1px solid #ed3237!important;
  background:transparent;
  opacity:1.0;
  }

#index .swiper-slide p{
  background-color:#222;
  color:#888;
  height:25px;
  line-height:25px;
  position:absolute;
  bottom:-28px;
  left:2%;
  font-size:0.9em;
  margin: 0px;
  padding: 0px;
  width:96%;

  }
  @media only screen and (max-width:1600px) {
  #index .swiper-slide p{
  left:2%;
  width:65%;
  }}
  @media only screen and (max-width:1200px) {
  #index .swiper-slide p{
  left:2%;
  width:65%;
  }}
  @media only screen and (max-width:980px) {
  #index .swiper-slide p{
  left:2%;
  width:65%;
  }}
  @media only screen and (max-width:820px) {
  #index .swiper-slide p{
  left:2%;
  width:65%;
  }}
  @media only screen and (max-width:620px) {
  body#index .swiper-slide  p{
  background-color:#222222;
  color:#666;
  bottom:-50px;
  height:40px;
  left:0%;
  text-indent:2%;
  text-align: center;
  line-height:40px;
  padding:5px 0px;
  width:100%;
  }}


  @media (max-width:820px) and (max-height:420px){
  body#index .swiper-slide  p{
  background-color:#222222;
  color:#666;
  bottom:-50px;
  height:40px;
  left:0%;
  text-indent:2%;
  text-align: center;
  line-height:40px;
  padding:5px 0px;
  width:100%;
  }}


 /*---------------------------------
/// UL SOCIAL ///
----------------------------------*/
ul.social{
	margin:0px;
	padding:0px
	width:auto;
	}

ul.social li{
	display:block;
	float:left;
	padding:0px 0px;
	}


ul.social li a{
	display:block;
	height: auto;
	float:none;
	text-align: center;
	padding:0px 10px;
	width:auto;
	}

ul.social li a img{
	display: block;
	height:18px!important;
	margin:0px 0px;
	width:18px!important;
	}

ul.social li a:hover img{
	filter:brightness(2);
	}

/*------------------------------------
///BAR SOLCIAL ///
-------------------------------------*/
ul.bar-social {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	height:auto;
	justify-content:flex-end;
	list-style:none;
	margin:0px;
	padding:0px;
	width:100%;
	}


ul.bar-social li{
	height:auto;
	list-style:none;
	margin:0px 5px 0px 5px;
	padding:0px;
	width:auto;
	}


ul.bar-social li a{
	height: auto;
	display:block;
	margin:0px;
	padding:0px;
	width: auto;
	}

ul.bar-social li a svg{
	display:block;
	fill:#96989a;
	padding:0px;
	height:18px;
	width:18px;
	}

ul.bar-social li a:hover svg{
	fill:#fff;
	}





 /*---------------------------------
/// BACK TO TOP  ///
----------------------------------*/
.cd-top {
	background-color:rgba(0, 0, 0, 0.5);
	border-radius:4px 0px 0px 4px;
	left:auto;
	display:none;
	height: auto;
	position:fixed;
	top:auto;
	right:0px;
	padding:6px 8px 6px 8px;
	bottom:60px;
	width:40px;
	z-index:9998;
	/*
	border-radius:4px 4px 4px 4px!important;
	left:50%;
	padding:0px 0px 20px 0px;
	margin-left:-20px!important;
	*/
	}
	@media only screen and (max-width:620px) {
	.cd-top {
	display:block;
	}



.cd-top img {
	height:auto;
	margin:-2px 0px -2px 0px;
	padding:0px;
	width:100%;
	}




.desvanecer {
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s 0s, visibility 0s .3s;
}

.desvanecer.cd-is-visible, 
.desvanecer.cd-fade-out{
  transition: opacity .3s 0s, visibility 0s 0s;
}


.desvanecer.cd-is-visible {
  visibility: visible;
  opacity: 1;
  }




.lazyloading {
	opacity: 0;
	}

.loading,
.lazyload,
.lazyloaded,
.image  {
	opacity: 1;
	transition: opacity 1000ms;
	}
/*
.cd-top:before {
  background-color:rgba(0, 0, 0, 0.7);
  content:"";
  height:2px;
  position: absolute;
  bottom:-2px;
  left:-20px;
  right:-20px;
  top:auto;
  }
*/


/*DELETE 
ul.social{
	background-color:#736559;
	}
*/