/*
  drdv.css: Archivo personalizado que sobreescribe todos los css del template (en este caso Purity3)
  Para que funcione, es necesario copiar la siguiente linea de código al final del archivo templates/purity_iii/index.php
  Con esto se hace el llamado de últimas al archivo drdv.css que sobreescribe los otros archivos de estilo cargados previamente.

    // Custom css (drdv)
    JHtml::_('stylesheet', JUri::root() . 'templates/' . $this->template . '/css/drdv.css');

  Fuente: https://joomla.stackexchange.com/questions/3877/how-do-i-override-the-css-styles-in-my-template

  Directorios:
    Local:      https://pickyholds.com/
    BitJaguar:  https://bitjaguar.co/demo-01/pickyholds/
    Online:     https://pickyholds.com/

  Última modificación: 2020-09-24
*/


/******************************************************************************* BANNER PRESAS: INI*/
.picky-banner-presas{
  position: relative;
  height: 750px;
  background: url(https://pickyholds.com/images/banner/banner_presas.jpg) center no-repeat;
}
.picky-banner-presas-title{
  position: absolute;
  top: 210px;
  right: 28%;
  color: #000000;
  font-family: 'Audiowide';
  font-size: 45px;
}
.picky-banner-presas-subtitle1{
  position: absolute;
  top: 270px;
  right: 28%;
  text-align: left;
  color: #000000;
  font-family: 'Roboto';
  font-size: 20px;
  line-height: 35px;
}
.picky-banner2-presas{
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 200px;
  background-color: #FFFFFF;
}
.picky-banner2-presas-subtitle{
  padding: 50px;
  text-align: center;
  color: #f6632d;
  font-family: 'Roboto';
  font-size: 24px;
  line-height: 35px;
}
@media screen and (max-width: 767px) {
  .picky-banner-presas-title{
    top: 150px;
    right: 5%;
    font-size: 35px;
  }
  .picky-banner-presas-subtitle1{
    top: 195px;
    right: 5%;
    font-size: 18px;
  }
  .picky-banner2-presas{
    height: 150px;
    padding-bottom: 50px;
  }
  .picky-banner2-presas-ico{
    width: 70px;
  }
  .picky-banner2-presas-subtitle{
    padding: 10px;
    font-size: 16px;
    line-height: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .picky-banner-presas-title{
    top: 170px;
    right: 12%;
    font-size: 40px;
  }
  .picky-banner-presas-subtitle1{
    top: 225px;
    right: 12%;
    font-size: 18px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1540px) {
  .picky-banner-muros{
    height: 600px;
  }
  .picky-banner-presas-title{
    top: 180px;
    right: 20%;
    font-size: 40px;
  }
  .picky-banner-presas-subtitle1{
    top: 235px;
    right: 20%;
    font-size: 18px;
  }
}
/******************************************************************************* BANNER PRESAS: FIN*/



/******************************************************************************* BANNER PAQUETES: INI*/
.picky-banner-paquetes{
  position: relative;
  height: 750px;
  background: url(https://pickyholds.com/images/banner/banner_paquetes.jpg) center no-repeat;
  background-size: auto;
}
.picky-banner-paquetes-title{
  position: absolute;
  top: 370px;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000000;
  font-family: 'Audiowide';
  font-size: 40px;
  text-align: center;
  width: 300px;
}
.picky-banner-paquetes-subtitle2{
  display: block;
  position: absolute;
  top: 415px;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000000;
  font-family: 'Roboto';
  font-size: 18px;
}
@media screen and (max-width: 991px) {
  .picky-banner-paquetes{
    height: 650px;
  }
  .picky-banner-paquetes-title{
    top: 320px;
  }
  .picky-banner-paquetes-subtitle2{
    top: 360px;
  }
}
/******************************************************************************* BANNER PAQUETES: FIN*/



/******************************************************************************* BANNER TABLAS: INI*/
.picky-banner-tablas{
  position: relative;
  height: 750px;
  background-color: #000000 !important;
  background: url(https://pickyholds.com/images/banner/banner_tablas.jpg) center no-repeat;
  background-size: contain;
}
.picky-banner-tablas-title{
  position: absolute;
  top: 630px;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-family: 'Roboto';
  font-size: 32px;
  white-space: nowrap;
}
.picky-banner-tablas-subtitle1{
  position: absolute;
  top: 670px;
  left: 50%;
  width: 100%;
  text-align: center;
  transform: translate(-50%, -50%);
  color: #dfdfdf;
  font-size: 17px;
}
.picky-banner-tablas-subtitle2{
  display: none;
}
@media screen and (max-width: 991px) {
  .picky-banner-tablas{
    height: 600px;
  }
  .picky-banner-tablas-title{
    top: 60px;
    font-size: 32px;
  }
  .picky-banner-tablas-subtitle1{
    top: 100px;
    font-size: 16px;
  }
  .picky-banner-tablas-subtitle2{
    display: block;
    position: absolute;
    top: 560px;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-family: 'Audiowide';
    font-size: 14px;
  }
}
/******************************************************************************* BANNER TABLAS: FIN*/



/******************************************************************************* BANNER TABLAS INSTALACIÓN: INI*/
.picky-banner-tablas-instalacion{
  position: relative;
  background-color: #f6632d;
  padding: 80px 15% 100px 15%;
}
.picky-banner-tablas-instalacion-title{
  padding-bottom: 40px;
  color: #ffffff;
  font-family: 'Roboto';
  font-size: 24px;
  text-align: center;
  white-space: nowrap;
}
.picky-banner-tablas-instalacion-title i{
  font-size: 50px;
  padding-bottom: 20px;
}
.picky-banner-tablas-instalacion-img{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0px;
}
.picky-banner-tablas-instalacion-img div{
  padding: 10px;
}
@media screen and (max-width: 767px) {
  .picky-banner-tablas-instalacion{
    padding: 60px 20px 60px 20px;
  }
  .picky-banner-tablas-instalacion-title{
    font-size: 18px;
  }
  .picky-banner-tablas-instalacion-title i{
    font-size: 40px;
    padding-bottom: 20px;
  }
  .picky-banner-tablas-instalacion-img{
    padding: 0px;
  }
  .picky-banner-tablas-instalacion-img div{
    padding: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .picky-banner-tablas-instalacion{
    padding: 70px 60px 80px 60px;
  }
  .picky-banner-tablas-instalacion-title{
    font-size: 20px;
  }
  .picky-banner-tablas-instalacion-title i{
    font-size: 40px;
    padding-bottom: 20px;
  }
  .picky-banner-tablas-instalacion-img{
    padding: 0px;
  }
  .picky-banner-tablas-instalacion-img div{
    padding: 5px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .picky-banner-tablas-instalacion{
    padding: 70px 90px 80px 90px;
  }
  .picky-banner-tablas-instalacion-title{
    font-size: 20px;
  }
  .picky-banner-tablas-instalacion-title i{
    font-size: 40px;
    padding-bottom: 20px;
  }
  .picky-banner-tablas-instalacion-img{
    padding: 0px;
  }
  .picky-banner-tablas-instalacion-img div{
    padding: 5px;
  }
}
/******************************************************************************* BANNER TABLAS INSTALACIÓN: FIN*/



/******************************************************************************* BANNER MUROS: INI*/
.picky-banner-muros{
  position: relative;
  height: 750px;
  background: url(https://pickyholds.com/images/banner/banner_muros_v2.jpg) center no-repeat;
}
.picky-banner-muros-title{
  position: absolute;
  top: 300px;
  right: 15%;/*left: 20%;*/
  color: #ffffff;
  font-family: 'Roboto';
  font-size: 47px;
  white-space: nowrap;
}
.picky-banner-muros-subtitle1{
  position: absolute;
  top: 370px;
  right: 15%;/*left: 20%;*/
  text-align: left;
  color: #e7e7e7;
  font-size: 21px;
  line-height: 35px;
}
.picky-banner-muros-subtitle2{
  display: none;
}
@media screen and (max-width: 991px) {
  .picky-banner-muros{
    height: 600px;
  }
  .picky-banner-muros-title{
    top: 230px;
    right: 8%;
    width: 200px;
    font-size: 38px;
    line-height: 35px;
	text-align: right;
    white-space: normal;
  }
  .picky-banner-muros-subtitle1{
    top: 330px;
    right: 8%;
    width: 200px;
    font-size: 18px;
    line-height: 22px;
	text-align: right;
  }
  .picky-banner-muros-subtitle2{
    display: block;
    position: absolute;
    top: 560px;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-family: 'Audiowide';
    font-size: 20px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1400px){
  .picky-banner-muros-title{
    top: 260px;
    right: 12%;
	width: 300px;
    font-size: 47px;
	text-align: right;
	line-height: 50px;
	white-space: normal;
  }
  .picky-banner-muros-subtitle1{
    top: 400px;
    right: 12%;
	width: 300px;
    font-size: 21px;
    line-height: 25px;
	text-align: right;
  }
}
/******************************************************************************* BANNER MUROS: FIN*/



/******************************************************************************* BANNER PERSONALIZADO: INI*/
.picky-banner-personalizado{
  position: relative;
  height: 750px;
  background-color: #000000 !important;
  background: url(https://pickyholds.com/images/banner/banner_personalizado.jpg) center no-repeat;
  background-size: 100%;
}
.picky-banner-personalizado-title{
  position: absolute;
  top: 160px;
  right: 17%;/*left: 20%;*/
  color: #ffffff;
  font-family: 'Roboto';
  font-size: 47px;
  white-space: nowrap;
}
.picky-banner-personalizado-subtitle1{
  position: absolute;
  top: 230px;
  right: 17%;/*left: 20%;*/
  text-align: left;
  color: #e7e7e7;
  font-size: 21px;
  line-height: 35px;
}
.picky-banner-personalizado-subtitle2{
  display: none;
}
@media screen and (max-width: 991px) {
  .picky-banner-personalizado{
    height: 600px;
	background-size: 150%;
  }
  .picky-banner-personalizado-title{
    top: 100px;
    right: 7%;
    width: 600px;
    font-size: 32px;
    line-height: 35px;
	text-align: right;
    white-space: normal;
  }
  .picky-banner-personalizado-subtitle1{
    top: 150px;
    right: 7%;
    width: 600px;
    font-size: 18px;
    line-height: 22px;
	text-align: right;
  }
  .picky-banner-personalizado-subtitle2{
    display: block;
    position: absolute;
    top: 560px;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-family: 'Audiowide';
    font-size: 20px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1400px){
  .picky-banner-personalizado{    
	background-size: 140%;
  }
  .picky-banner-personalizado-title{
    top: 150px;
    right: 10%;
	width: 600px;
    font-size: 47px;
	text-align: right;
	line-height: 50px;
	white-space: normal;
  }
  .picky-banner-personalizado-subtitle1{
    top: 220px;
    right: 10%;
	width: 600px;
    font-size: 21px;
    line-height: 25px;
	text-align: right;
  }
}
/******************************************************************************* BANNER PERSONALIZADO: FIN*/



/******************************************************************************* BANNER OTROS: INI*/
.picky-banner-otros{
  position: relative;
  height: 750px;
  background-color: #ffffff !important;
  background: url(https://pickyholds.com/images/banner/banner_otros.jpg) center no-repeat;
  background-size: contain;
  background-size: 100%;
}
.picky-banner-otros-title{
  position: absolute;
  top: 120px;
  left: 49%;
  transform: translate(-50%, -50%);
  color: #000000;
  font-family: 'Roboto';
  font-size: 40px;
  white-space: nowrap;
}
.picky-banner-otros-subtitle2{
  display: none;
}
@media screen and (max-width: 991px) {
  .picky-banner-otros{
    height: 600px;
	background-size: 150%;
  }
  .picky-banner-otros-title{
    top: 100px;
    font-size: 40px;
  }
  .picky-banner-otros-subtitle1{
    top: 160px;
    font-size: 16px;
  }
  .picky-banner-otros-subtitle2{
    display: block;
    position: absolute;
    top: 620px;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
	text-shadow: 1px 1px 2px #000000;
    font-family: 'Audiowide';
    font-size: 14px;
  }
}
/******************************************************************************* BANNER otros: FIN*/