/*1.618033988749894848204586834365638117720309179805762862135*/

/*
==========================================================================
  NUESTRO EQUIPO :: FMSTUDIO by: KUBIK;
==========================================================================
*/

#porque-pharmacy-soft-section{padding:0;position:relative;background:#fff;}
#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;}*/

.owl-prev, .owl-next {color: #fff !important;}
.owl-prev{left:50px !important;}
.owl-next {right:50px !important;}

/* 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*/
.nosotros-val1{background-color: #343F42;}
.nosotros-val2{background-color: #e72f2f;}
.nosotros-val3{background-color: #7d7d7d;}
.nosotros-val4{background-color: #fff;}
.titulo-val{padding-bottom: 40px; font-size: 56px; font-weight: 300; color: #fff; padding-top: 70px; letter-spacing: 14px; font-family: 'Oswald', sans-serif !important;}
.titulo-val2{padding-bottom: 30px; font-size: 56px; font-weight: 300; color: #000; padding-top: 70px; letter-spacing: 14px; font-family: 'Oswald', sans-serif !important;}

.back-historia{background: #f0f0f2; padding: 6% 0px 0px 15%; height: 570px;}
.title-history{margin-bottom: 0px; font-size: 56px; font-weight: 300; color: #000; margin-top: 0px; letter-spacing: 14px; font-family: 'Oswald', sans-serif !important;}
.text1{margin-bottom: 40px; font-size: 22px; font-weight: 500; color: #000; margin-top: 20px; line-height: 30px; font-family: 'Rubik', sans-serif !important;}
.text2{font-weight: 400; font-size: 18px; font-family: 'Rubik', sans-serif !important; height: 300px; padding-bottom: 20px; color: #fff; margin-bottom: 0px;}
.text3{font-weight: 400; font-size: 18px; font-family: 'Rubik', sans-serif !important; height: 200px; padding-bottom: 20px; color: #000; margin-bottom: 0px;}


.icon-espacio .titulo-icons{}
.icon-espacio .images-height .titulo-icons{position: relative; margin-bottom: 10px; font-size: 26px; font-weight: 400; color: #000; padding-top: 30px; line-height: 26px; letter-spacing: 2px; font-family: 'Oswald', sans-serif !important;}
.icon-espacio .images-height .name{position: relative; margin-bottom: 10px; font-size: 54px; font-weight: 300; color: #000; padding-top: 30px; line-height: 46px; letter-spacing: 10px; font-family: 'Oswald', sans-serif !important;}


.mb-7{margin-bottom: 6%;}
.info-btn{margin-bottom: 10px; font-size: 20px; font-weight: 400; color: #000; margin-top: 10px; line-height: 30px; text-align: left; letter-spacing: 5px; font-family: 'Oswald', sans-serif !important; border: 1px solid #000; padding: 2px 15px; border-radius: 5px;}
.mt-8{margin-top: 13%;}
.z1{z-index: 1;}
.marg{margin-top: 5%; margin-bottom: 10%;}
.empresa{position: absolute; width: 1000px; left: 0%;}
.mt{margin-top: 45px;}



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

/* LG/XL */
@media screen and (max-width: 1920px){
}

@media screen and (max-width: 1880px){
  .back-historia{ height: 530px; }
  .empresa{width: 970px;}
  .mt-8 { margin-top: 10%; }
  .tile-submain { font-size: 42px; }
  .tile-main {margin-top: 80px;}
}

@media screen and (max-width: 1770px){
  .empresa{width: 920px;}
  .back-historia { height: 480px; }
  .tile-submain { font-size: 30px; letter-spacing: 20px; }
  
}

@media screen and (max-width: 1680px){
  .empresa{width: 860px;}
  .back-historia { height: 460px; }
  .title-history{font-size: 44px;letter-spacing: 12px;}
  .text1 { margin-bottom: 20px; font-size: 18px; }
  .text2{font-size: 18px;}
  .tile-main {margin-top: 72px; font-size: 16px; }
  .tile-submain { font-size: 34px; }

}

@media screen and (max-width: 1600px){
  .tile-main {margin-top: 62px; }
  .tile-submain { font-size: 28px; }
}

@media screen and (max-width: 1580px){
  .empresa{width: 810px;}
  .back-historia { height: 430px; }
}

@media screen and (max-width: 1500px){
  .empresa{width: 780px;}
  .mt { margin-top: 30px; }
  .back-historia { height: 400px; }
}

@media screen and (max-width: 1440px){
  .empresa{width: 750px;}
  .title-history { font-size: 40px; }
  .text1 {margin-bottom: 10px;font-size: 16px;}
  .tile-main {margin-top: 50px; }
  .tile-submain{ etter-spacing: 26px;letter-spacing: 22px;}
  .icon-espacio .images-height .name{ line-height: 39px; font-size: 46px; }
}

@media screen and (max-width: 1400px){
  .empresa{width: 720px;}
}

/* MD/SM */
@media screen and (max-width: 1360px){
  .empresa{width: 700px;}
  .back-historia { height: 380px; padding: 3% 0px 0px 15%; }
  .titulo-val{font-size: 40px;padding-bottom: 30px;}
  .titulo-val2{font-size: 40px;padding-bottom: 30px; padding-top: 70px; }
  .text2 { font-size: 16px; height: 270px; }
  .text3 { font-size: 16px; }
  .tile-main { margin-top: 60px; }
  .tile-submain { font-size: 30px; letter-spacing: 20px; }
  #slideshow .item .slide{display: inline-block; position: relative; height: 250px; background: url('../images/nuestro-equipo/banner1.jpg'); background-size: cover; background-repeat: no-repeat;}
  #slideshow .item .slide .images-seccion-tablet{display: none;}

}

@media screen and (max-width: 1300px){
  .empresa{width: 660px;}
  .title-history { font-size: 36px;letter-spacing: 10px }
  .text1 { margin-bottom: 7px; font-size: 14px; }
  .text2 { font-size: 14px; }
  .info-btn{font-size: 16px;}
  .back-historia { height: 350px; }
}  
  
@media screen and (max-width: 1280px){
  .empresa { width: 640px; }

}

@media screen and (max-width: 1200px){
  .empresa { width: 620px; }  
  .icon-espacio .images-height .name { line-height: 32px; font-size: 36px; margin-top: 0px; }
  .icon-espacio .images-height .titulo-icons{margin-bottom: 0px;}
}

@media screen and (max-width: 1150px){
  .empresa { width: 590px; }  
  .back-historia { height: 320px; }
}

@media screen and (max-width: 1100px){
  .empresa { width: 560px; }  
  .back-historia { height: 320px; }
  .mt { margin-top: 20px;}
}

@media screen and (max-width: 1080px){
  .empresa { width: 540px; }  
  .title-history { font-size: 32px; }
  .text1{margin-top: 10px;}
  .back-historia { height: 280px; }
  .mt { margin-top: 20px;}
  .text2 { font-size: 12px; height: 180px; }
  .text3 { font-size: 13px; height: 180px; }
  .titulo-val2 { font-size: 32px; padding-bottom: 20px; }
  .titulo-val { font-size: 32px; }
}

@media screen and (max-width: 991px){
  .empresa{position: relative; width: 100%;}
  .title-history { font-size: 56px;}
  .text1 { margin-top: 30px;font-size: 19px; }
  .text2 {font-size: 18px; }
  .back-historia {height: 440px; padding: 3% 0px 0px 27%;}
  .mt{margin-top: 30px;}
  .info-btn { font-size: 20px; }
  #myImg1{width: 100%;padding: 10px;}
  #myImg2{width: 100%;padding: 10px;}
  .icon-espacio .images-height .titulo-icons { margin-bottom: 0px; font-size: 24px; padding-top: 20px; line-height: 18px; }
  .icon-espacio .images-height .name { line-height: 27px; font-size: 30px; margin-top: 0px; letter-spacing: 8px; }
  .titulo-val { font-size: 30px; }
  .titulo-val2 { font-size: 30px; }
  .mb-7 { margin-bottom: 0%; }
  .text2 { font-size: 16px;height: 230px; }
  .text3 { font-size: 16px;height: 230px; }
  .tile-submain { letter-spacing: 14px; }

  

}

@media screen and (max-width: 880px){
  .text-pgatm { font-size: 28px; }
  .text-cada { font-size: 34px; }
  .back-historia {padding: 3% 0px 0px 20%;}

}
@media screen and (max-width: 767px){
  .text2 { font-size: 18px; }
  #myImg1{max-width: 300px;}
  #myImg2{max-width: 300px;}
}
@media screen and (max-width: 700px){
  .back-historia {padding: 3% 0px 0px 15%;}
}

@media screen and (max-width: 600px){
  .back-historia { padding: 3% 10px 0px 20px; }
  .tile-submain { font-size: 22px; letter-spacing: 12px; }
}
@media screen and (max-width: 580px){
  .img-resp { max-width: 300px; }
  

}
@media screen and (max-width: 480px){
  .tile-submain { letter-spacing: 8px; }
}
@media screen and (max-width: 360px){}