/*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: 80px 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: -130px; /*left: 198px; */ 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; }
.filter-item.active a{ color: #e72f2f; border-color : transparent; background: transparent; }
.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; }

.projects{height: 100% !important;}
.card{
  border: 0px; overflow: hidden; cursor: pointer;
}
.card-body{padding: 0; }
.title-proyect{ 
  position: absolute;
  bottom: -170px;/*25px;*/
  left: 0;
  /*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;
    background: rgba(255,255,255,.5);
    -webkit-transition: all 309ms ease-in-out;
  -moz-transition: all 309ms ease-in-out;
  transition: all 309ms ease-in-out;
 }
.card:hover .title-proyect{
  bottom: 25px;
}
.card-head{display: inline-block;}
.triangulo{ width: 0; height: 0; border-right: 50px solid transparent; border-top: 50px solid transparent; border-left: 50px solid #e72f2f; border-bottom: 50px solid #e72f2f; position: absolute; left: 0; bottom: 0; }
.height1 .card{height: auto; margin-bottom: 30px;/*370px 510px;*/}
.height2 .card{height: 1020px;}
.proyectosgrid{display: block;}
.projects .card:hover img{opacity: .8;}
.projects .card:hover a{ color: #0056b3;}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        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){
  .tile-submain { font-size: 28px; }
}
@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: 175px; 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;}

}
@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: 22px; }
}
@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: 14px; }
  .piramide { left: auto; }
  .gallery-filter .filter-item{font-size: 14px;}
}
@media screen and (max-width: 880px){}
@media screen and (max-width: 767px){
  .piramide{position: relative; top: 0px; border: 0; max-width: 100%; height: 170px; padding: 0;}
  .gallery{padding: 30px 0;}
  .triangulo{ border-right: 25px solid transparent; border-top: 25px solid transparent; border-left: 25px solid #e72f2f; border-bottom: 25px solid #e72f2f; }
  .item{ position: relative !important; top: auto !important; margin-bottom: 1em;  }
  .item .card{ height: auto !important; }
  .projects > .row{ height: auto !important; }
  .title-proyect{ bottom: 0; }
}
@media screen and (max-width: 700px){}
@media screen and (max-width: 600px){
  .tile-submain { font-size: 22px; letter-spacing: 12px; }
  .gallery{padding: 0px 0px 40px;}
}
@media screen and (max-width: 580px){}
@media screen and (max-width: 480px){
  .tile-submain { letter-spacing: 8px; }
}
@media screen and (max-width: 360px){}