/*1.618033988749894848204586834365638117720309179805762862135*/

/*
==========================================================================
  HOME :: 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: 200px; 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: 162px; 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);}
header#main-header nav#barra-blanca{background-color: #6A7077!important;}
.owl-carousel .owl-item img {width: 100% !important;}
.owl-item, .owl-item.active{padding-top: 0!important;}
.owl-item p{display: block !important;visibility: visible;}
.owl-carousel .owl-item p{visibility: visible;font-size: 16px;}
.owl-carousel .owl-item p.tile-submain{font-size: 34px;}
.owl-item.active.cloned p,.owl-item.active p{display: block !important;visibility: visible;}

/*content*/


.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;}
.icon-espacio .titulo-icons{}
.icon-espacio .images-height .titulo-icons{top: 0; position: absolute; height: 100%; left: 0; margin-bottom: 10px; font-size: 20px; font-weight: 400; color: #000; padding-top: 100px; line-height: 26px; text-align: left; letter-spacing: 2px; font-family: 'Oswald', sans-serif !important;}

.icon-espacio .images-height .titulo-icons{top: 0; background: #0009; position: absolute; height: 100%; left: 0; margin-bottom: 10px; font-size: 20px; font-weight: 400; color: #FFF; padding-top: 100px; line-height: 26px; text-align: left; letter-spacing: 2px; font-family: 'Oswald', sans-serif !important;}
.icon-espacio .images-height .titulo-icons:hover{background: rgba(0, 0, 0, 0.363);cursor: pointer;}
.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;}
.info-btn:hover{background: #000; color: #fff;}
.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: 148px;}
}

@media screen and (max-width: 1770px){
  .empresa{width: 920px;}
  .back-historia { height: 480px; }
  
}

@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: 148px; font-size: 16px; }
  .tile-submain { font-size: 34px; }

}

@media screen and (max-width: 1600px){
  .tile-main {margin-top: 122px; }
  .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: 100px; }
  .tile-submain{ letter-spacing: 26px;;}
}

@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%; }
  .tile-submain { letter-spacing: 22px; }
}

@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; }
  .tile-submain { letter-spacing: 20px; }
  .tile-main { margin-top: 80px; }
  .title-history { font-size: 30px;}
}

@media screen and (max-width: 1200px){
  .empresa { width: 620px; } 
  .tile-submain { letter-spacing: 18px; font-size: 26px; }
}

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

@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; }
  .tile-submain { letter-spacing: 15px;}
  .tile-main { margin-top: 60px; }
}

@media screen and (max-width: 991px){
  .empresa{position: relative; width: 100%;}
  .title-history { font-size: 28px;}
  .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; }
  .tile-submain { letter-spacing: 12px;}
  .tile-main { margin-top: 40px; }
  /*.navbarHeight { height: 70px; background: #000; position: relative; display: inline-block; }*/
  .owl-item, .owl-item.active{padding-bottom: 0 !important;margin-bottom: 0 !important;}

}
@media screen and (max-width: 880px){
  .text-pgatm { font-size: 28px; }
  .text-cada { font-size: 34px; }
  .back-historia {padding: 3% 0px 0px 20%;}
  .tile-main { margin-top: 30px; font-size: 14px; letter-spacing: 6px; }
  .tile-submain { letter-spacing: 10px; font-size: 24px; }
}
@media screen and (max-width: 767px){
  .back-historia { height: 460px; }
  .tile-submain { letter-spacing: 8px; font-size: 22px; }
  .owl-item, .owl-item.active{padding-bottom: 0 !important;height: auto !important;}
  .owl-carousel .owl-stage{height: auto !important;}
  .owl-carousel .owl-item img{margin-top: -12px !important;}
  .owl-carousel .owl-item p.tile-submain{    font-size: 22px;}
}
@media screen and (max-width: 700px){
  .tile-main { margin-top: 0px; }
  .back-historia {padding: 3% 0px 0px 15%;}
}

@media screen and (max-width: 600px){
  .back-historia { padding: 3% 10px 0px 20px; }
  .text2 br{display: none;}
  
}
@media screen and (max-width: 580px){
  .img-resp { max-width: 300px; }
}

@media screen and (max-width: 540px){
  .text1{font-size: 18px;}
  .text2 { font-size: 15px; }
  .back-historia { height: 400px; }

}

@media screen and (max-width: 480px){
  .text2 br{display: none;}
  .text2 { font-size: 18px; text-align: justify !important; }
  .back-historia { height: 500px; }
  .back-historia { padding: 0% 10px 0px 10px; }
  .f-link{font-size: 24px;}
}
@media screen and (max-width: 360px){}