/*1.618033988749894848204586834365638117720309179805762862135*/

/*
==========================================================================
  ¿POR QUÉ PHARMACY SOFT? :: INDICADORES DE CRECIMIENTO :: PHARMACY SOFT by: KUBIK;
==========================================================================
*/
#home-section{ overflow: hidden; }
#slideshow{width:100%;height:100%; display:block;position:relative; }
#slideshow .item{}
/*#slideshow .item .slide{width:100%;height:687px; background-position:top left;background-repeat:no-repeat;background-size:cover;}*/


/* CONTENT */
.info{height: 100%; position: absolute; z-index: 2; display: block; top: 20%; width: 100%;}
.tile-main{ margin-bottom: 0px; font-size: 22px; font-weight: 300; color: #fff; margin-top: 80px; line-height: 30px; text-align: center; letter-spacing: 10px;font-family: 'Oswald', sans-serif !important; }
.tile-submain{ font-size: 50px; font-weight: 300; color: #fff; letter-spacing: 29px; text-align: center;font-family: 'Oswald', sans-serif !important; }
.tile-sm-txt{font-size:21px;color:#000;}

a.tile-btn{ position:relative; font-weight:300; /*display:block;*/ color:#fff; font-size:30px; padding: 5px 20px 8px 10px; border-radius: 3px; background: rgba(0,0,0,0); margin-left: -10px; transition: ease .168s; -webkit-transition: ease .168s; }
 a.tile-btn:after { content:''; position:absolute; left:50%; bottom:0px; width:0%; height:2px; background:#fff; font-weight: 600; transition:ease .168s; -webkit-transition:ease .168s; border:0px; margin: 0; }
a.tile-btn:hover:after{width:90%;left:5px;}
a.tile-btn i.fas.arrow{ position:relative; top:3px; left:3px; }

/*#initial #bg{ height:680px; display:block; position:relative; background-color:#e8e8e8; }
#initial.parallaxParent{ width:100%; padding-top: 30px; position:relative; z-index:1; overflow: hidden;}
#initial .image-parallax { height:150%; width:100%; position: absolute; top: -80%; background-size: cover; z-index:1; background:url(../images/que-es/doctor.png)no-repeat; background-position: left 24%  top 55%; }
#xs-header{display:none;}
*/
.half-container.right-sm-container{position: absolute; top: 0; left:calc(50% + 15px);}
.half-container.center-sm-container{position: absolute; top: 0; left:calc(50% + 15px);}

/*content*/
/*.gallery*/
.gallery{ width: 100%; display: block; min-height: 100vh; background-color: #ffffff; padding: 50px 0; }
.gallery-filter{ padding: 0 15px; width: 100%; text-align: center; position: absolute; }
.piramide{ display: inline-block; position: absolute; border-right: 60px solid transparent; border-left: 60px solid transparent; border-bottom: 80px solid #fff; width: 100%; top: -100px; /*left: 198px;  max-width: 720px;*/ max-width: 75%;}
.gallery-filter .filter-item{ color: #000000; font-size: 17px; font-weight: 600; text-transform: uppercase; display: inline-block; border-radius: 20px; cursor: pointer; padding: 20px 15px 8px 15px; line-height: 1.2; transition: all 0.3s ease; }
.filters .filter-item.active a{ color: #e72f2f; border-color : transparent; background: transparent; }
.filters .filter-item a:hover{ color: #e72f2f; border-color : transparent; background: transparent; }
.gallery .gallery-item{ /*width: calc(100% / 3);*/ padding: 15px; }
.gallery .gallery-item.show{ animation: fadeIn 0.5s ease; }

.item{position: relative !important; left: auto !important; top: auto !important;}
.projects{height: 100% !important;}


#nombre-producto{margin-top: 20px;margin-bottom: 10px;font-size: 24px;}
#productos .grid{margin-top:30px;}
#productos .grid .producto{
  height:auto;
  margin-bottom:30px;
  -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
#productos .grid .producto:hover{
  text-decoration:none; 
}
#productos .grid .producto.destacado{
  -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.imagen-producto{
  display: block;
  height: 0;
    padding-bottom: 80%;
    width: 80%;
    margin:0 auto;
    position:relative;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
}
.imagen-producto img{
  opacity: 1;
  -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    /*max-height: 100%;*/
}
.imagen-producto img:hover{
  opacity: 0;
}




.modal {

    z-index: 99999 !important;

}





#atajos{padding:30px 0 0;margin-top:0px;}
#atajos-slide{display:block;}
#atajos-slide .item{text-align:center;}
#atajos-slide .item i.icon{
  width:110px;
  height:110px;
  display:block;
  border-radius:50%;
  background:#000;
  margin:5px auto;
  position:relative;
}
#atajos-slide .item i.icon img{
  width:70px;
  height:70px;
  display:block;
  position:absolute;
  top:20px;
  left:20px;
}

#atajos-slide .item h3.titulo{
  font-size:28px;
  font-weight:700;
  text-transform:uppercase;
  min-height:60px;
  margin-bottom:15px;
  color:#0c98d5;
}
#atajos-slide .item p.data{
  margin:0 auto 30px;
  display:block;
  max-width:260px;
  height:64px;
  overflow:hidden;
}
#atajos-slide .owl-next {color: #0c98d5; font-size: 40px; top: 40%; right: -30px;}

#atajos-slide .owl-prev {color: #0c98d5; font-size: 40px; top: 40%; left: -30px;}



/* Custom dots */

.owl-dots{
  width: 100%;
    height: 60px;
    display: block;
    text-align:center;
    padding-top:10px;
    position:absolute;
    top:calc(100% - 73px);
    background: rgba(0,0,0,0);
  background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3981967787114846) 0%, rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(bottom, rgba(0,0,0,0.3981967787114846) 0%, rgba(0,0,0,0) 100%);
  background: linear-gradient(to top, rgba(0,0,0,0.3981967787114846) 0%, rgba(0,0,0,0) 100%);
    z-index:2;
}
.owl-dots .owl-dot{
  display:inline-block;
  width:calc(33% - 18px);
  height:25px;
  margin:0 10px;
  color:#fff;
}
.owl-dots .owl-dot .progress{
    height: 8px;
    background-color: rgba(255,255,255,0.3);
    border-radius: 0px;
    border-color:rgba(0,0,0,0);
    margin-top:8px;

}
.owl-dot .progress-bar{height:8px;background:#fff;width:auto;}
.owl-dots .owl-dot:hover{/*background:rgba(255,255,255,0.8);*/}
.owl-dots .owl-dot.active .progress .progress-bar{width:100% !important;}






.sku-label{color:#000000;width:100%;text-align:center;font-weight:400;text-transform:uppercase;}
.title-label{color:#565656;width:100%;text-align:center;font-weight:300;text-transform:uppercase;max-height: 17px; overflow: hidden;}
.colores{
  width:100%;
  display:block;
  height:16px;
  padding:4px 0;
}
.colores .colores-icons{
  list-style:none;
  display:block;
  margin:0;
  padding:0;
  text-align:center;
}
.colores .colores-icons li{
  display:inline-block;
  width:20px;
  height:20px;
  padding:2px;
  border:solid 1px #fff;
  border-radius:50%;
  margin: 0;
  margin-right: 3px;
    float: none;
}
.colores .colores-icons li.active,
.colores .colores-icons li:hover{
  border:solid 1px #ccc;
}
.colores .colores-icons li i.color{
  display:block;
  width:12px;
  height:12px;
  border-radius:50%;
}
i.color.blanco{background-color:#ffffff;}
i.color.azul{background-color:#263749;}
i.color.negro{background-color:#000000;}

.colores-icons.nav-tabs{
  border-bottom: 0;
}

.colores-icons.nav-tabs>li>a{
  margin: 0;
  padding: 0;
  line-height: 100%;
    border-radius: 50%;
    border: 1px solid #ccc;
    display: inline-block;
}



.imagen-producto{
  height: 0;
  padding-bottom: 80%;
  width: 80%;
  margin:0 auto;
  position:relative;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
}
.imagen-producto img{
  opacity: 1;
  -webkit-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
}

.imagen-producto img:hover{
  opacity: 0;
}

/* DETALLE */
.big-image{text-align: right;}
.big-image img{border:1px solid #ccc; max-width: 95%; max-height: 700px;}
.colores-icons-balls{
  list-style:none;
  display:block;
  margin:0;
  padding:0;
  text-align:center;
}
.colores-icons-balls li{
  display:block;
  width:40px;
  height:40px;
  padding:3px;
  margin:5px;
  float:left;
  border:solid 1px #fff;
  border-radius:0%;
}
.colores-icons-balls li.active,
.colores-icons-balls li:hover{
  border:solid 1px #009edd;
}
.colores-icons-balls li i.color{
  display:block;
  width:32px;
  height:32px;
  border-radius:0%;
  border: 2px solid #c8c8c8;
}


#tienda-cta-btn{width:100%;max-width:360px;margin:0 auto;}

.tienda{
  border-bottom:1px solid #e1e1e1;
  /*border-bottom:1px solid #898989;*/
  clear:both;
  display:block;
  height:170px;
  width:100%;
  float:right;
}
.tienda.selected{
  background-color: #ddd;
}
ul.thumbnails-carousel {padding: 5px 0 0 0;margin: 0;list-style-type: none;text-align: center;}
ul.thumbnails-carousel .center {text-align:center;}
ul.thumbnails-carousel li {/*margin-right: 5px;*/display: inline-block;cursor: pointer;margin-bottom:1em;}
ul.thumbnails-carousel li.active{border: 1px solid #000; opacity: .8;}
ul.thumbnails-carousel li img{max-width: 100%;}
.controls-background-reset {background: none !important;}
.active-thumbnail {opacity: 0.7;}
.indicators-fix {bottom: 70px;}
#carousel-tienda .owl-item{
  max-height: 500px;
}


#gal1{
  display:block;position:relative;width:100%;margin:0px auto 0px;
}

#gal1 .amazingcarousel-list-container{
  overflow: hidden;
}

#gal1 .amazingcarousel-list li{
  margin-bottom: 12px !important;
  text-align: center;
  list-style: none;
}

#gal1 a.active img{
  border: 1px solid #aaa;
  opacity: .8;
}

/*#gal1 .amazingcarousel-item img{
  max-width: 100%;
  max-height: 160px;
}*/
#gal1 a:hover img{
  opacity: .8;
}

#gal1 .amazingcarousel-next {
    left: 50%;
    bottom: 0%;
    margin-left: -16px;
    margin-bottom: -36px;
    z-index: 1000;
}

#gal1 .amazingcarousel-prev {
    left: 50%;
    top: 0%;
    margin-left: -16px;
    margin-top: -36px;
    z-index: 1000;
}

.specbullet{margin-bottom: 20px}

.masgrande{font-size: 10px !important}

.listmarkplaces{display:inline-block;width:48% !important}
.btnescribe{cursor: pointer;}

.content-descripcion{position: absolute; left: 0; top: 294px; background: #000; width: 100%; max-width: 660px; height: 189px; }
.description{width: 100%; padding: 2em; text-align: right; color: #fff;font-size: 18px; background: #555E62; }
.description p{font-family: 'Rubik', sans-serif !important;}
.title-proyect{ position: relative; margin-bottom: 20px; font-size: 26px; font-weight: 400; color: #000; padding-top: 7px; letter-spacing: 5px; font-family: 'Oswald', sans-serif !important; width: 100%; display: inline-block; white-space: normal; text-transform: uppercase; text-align: center; }
.pt-6{padding-top: 58px;}

.images-seccion-tablet{
  min-height: 130px;
}

@media screen and (max-width: 991px){
  #sidebar{
    clear: both;margin-top: 0;
  }


  #gal1 .amazingcarousel-next {
    left: auto;
    bottom: auto;
    right: -5px;
    top: calc(50% - 20px);
    margin-left: 0;
    margin-bottom: 0;
    transform: rotate(-90deg);
    background-color: rgba(255,255,255,.5) !important;
    border-radius: 25px;
  }

  #gal1 .amazingcarousel-prev {
    left: -5px;
    top: calc(50% - 20px);
    margin-left: 0;
    margin-top: 0;
    transform: rotate(-90deg);
    background-color: rgba(255,255,255,.5) !important;
    border-radius: 25px;
  }

  .big-image{text-align: center;}

}

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

/* LG/XL */
@media screen and (max-width: 1920px){}
@media screen and (max-width: 1880px){
  .tile-submain { font-size: 42px; }
  .tile-main {margin-top: 50px;}
}
@media screen and (max-width: 1770px){}
@media screen and (max-width: 1680px){}
@media screen and (max-width: 1600px){}
@media screen and (max-width: 1580px){}
@media screen and (max-width: 1500px){}
@media screen and (max-width: 1440px){}
@media screen and (max-width: 1400px){}

/* MD/SM */
@media screen and (max-width: 1360px){
  .tile-main { margin-top: 60px; }
  .tile-submain { font-size: 30px; letter-spacing: 20px; }
  #slideshow .item .slide{display: inline-block; position: relative; height: 70px; background: url('../images/portafolio/banner-proyectos1.jpg'); background-size: cover; background-repeat: no-repeat;background-position: center;}
  #slideshow .item .slide .images-seccion-tablet{display: none;}
  .gallery{margin-top: 46px;}
}
@media screen and (max-width: 1300px){} 
@media screen and (max-width: 1280px){}
@media screen and (max-width: 1200px){
  .piramide{left: 130px;}
  .gallery-filter .filter-item{padding: 9px 15px 8px 15px;}
  .title-proyect{ font-size: 18px; }
  .content-descripcion{    top: 260px;height: 183px; max-width: 320px; }
}
@media screen and (max-width: 1150px){}
@media screen and (max-width: 1100px){}
@media screen and (max-width: 1080px){}
@media screen and (max-width: 991px){
  .tile-submain { letter-spacing: 10px; }
  .piramide { left: 0px; }
  .gallery-filter .filter-item{font-size: 14px;}
  .content-descripcion { top: 79px; height: 213px; max-width: 100%; }
  .description{margin-top: 0%;margin-bottom: 8%;}

}
@media screen and (max-width: 880px){}
@media screen and (max-width: 767px){
  .piramide{position: relative; top: 0px; border: 0; max-width: 100%; height: 100px; padding: 0;}
  .content-descripcion{top: 111px;}
  .gallery{padding: 0 0 30px;margin-top: 0;}
}
@media screen and (max-width: 700px){}
@media screen and (max-width: 600px){
  .description{padding-right: 10%; }
  .title-proyect{padding-right: 0;text-align: center;}
}
@media screen and (max-width: 580px){
  .content-descripcion{display: none;}  
}
@media screen and (max-width: 480px){}
@media screen and (max-width: 360px){}