/*
copyright codepack 2019
*/
/* 
    Created on : 05/06/2019, 08:33:03
    Author     : obi-wankenobi
*/
  
/*--- GENERAL ----*/
a{cursor: pointer;}
a:hover{opacity:0.7;}

/*---  LOADER  ----*/
#page-loader{position: fixed; width: 100vw; height: 100vh; background-color: rgba(256,256,256,0.5);background-repeat: no-repeat; background-image: url('../images/loading.gif'); background-position: center; background-size: 100px 100px; }
#page-loader.hide{display: none;}

/*--- IMATGES ----*/
.img-background{transition:opacity 0.5s ease-in-out; background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 27vw;max-height: 450px;}  
.img{width:100%;}
.back-hover > .hover{opacity: 0;}
.back-hover:hover > .hover{opacity:1}

/*--- TITOLS ----*/
h2.central{text-align: center;font-size: 30px;font-weight: 700 !important;color: #8abd24;text-transform: uppercase; margin-bottom: 40px;}
h2{font-size: 25px;font-weight: 700; text-transform: uppercase;}
.about-banner-section .about-banner-title h2 { font-size: 22px;}

/*HEADER*/
.nav-link-lang a{color:#5f6062;}
.nav-link-lang a.active, .nav-link-lang a:hover{color:#8abd24;}
header#top img{ max-width: 280px;}
.banner .social-icons.tablet{display:none;position: absolute;bottom: 0;right: 10px;margin: 0;}
.banner .social-icons ul li{margin: 0 6px 0 0;}
.banner .social-icons ul li a{  width: 30px;height: 30px;margin: 0;padding: 0;font-size: 17px;padding-top: 1px;}
.wrapper .banner::before{background-color:transparent;}
.top_navbar .navbar-toggler { background-color: #8abd24;}
.top_navbar .navbar-light .navbar-toggler{padding: 1px 3px 5px;margin-top: 5.5px;}
.top_navbar .navbar-light .navbar-toggler-icon .fa-bars { font-size: 20px;padding-top: 2px;}
.navbar-toggler-icon{height: auto;}

/*--- BLOG ---*/
.blog-section .date-box{width: 62.5px;padding: 2px 2px;}
.blog-section .date-box p{font-size: 11px;} 

/*--- HOME -----*/
.home_ .blue-background-section{padding:5px;}
.other-treatments-text{margin:80px 0 35px 0}
.new-letter.clearfix h5{color:#fff;}¡
.why-buy-from-us-main{left:0;}
.pharmachy-box-gallery{margin-top:100px;}
.why-buy-from-us-main{padding: 10px 18px;}
.new-letter-section { padding: 0; margin: 70px 0;}
.why-buy-from-us-main{left:0;}
.why-buy-from-us ul li{width:100%;}
.horari p{ text-align: center; width: 100%; }
/*targetamodal*/
#modalTargeta .modal-content, #modalInfo .modal-content{background-color: rgba(256,256,256,0.8);}
#modalTargeta .modal-dialog{background-color: rgba(256,256,256,0.8);}
#modalInfo .modal-dialog{background: rgba(256,256,256,0.5);}
/*serveis*/
.other-treatments .dropdown a.nav-link.dropdown-toggle{border: none;background: transparent;padding: 0;margin: 0;box-shadow: none;width: 100%;}
.other-treatments .nav-link.dropdown-toggle::after, .other-treatments .dropdown-toggle::after{display: none;}
.other-treatments .dropdown-item.active, .other-treatments .dropdown-item:active { color: #fff;    background-color: #347121;}
.other-treatments .dropdown-menu.show{min-width:100%; border-radius: 0; width: auto;}
.dropdown-submenu {  position: relative;}
.dropdown-submenu .dropdown-menu {  top: 0;  left: 100%;  margin-left: .1rem;  margin-right: .1rem;}
.other-treatments ul{margin:0;}
.other-treatments ul li{list-style: none;}
.other-treatments .fa-angle-right{color:#212529;}
.other-treatments h2{font-size: 15px; text-transform: uppercase;}
.about-planex-pharmacy{text-align: left;}
.collapse .other-treatments{background:#4a7e4a;}
.collapse .collapse .other-treatments{background: #629962;}
/*sub-menu-serveis*/
.accordion-cont{margin:0 -13px 0;}
.other-treatments .dropdown-menu.show{padding:0;}
.other-treatments .dropdown-menu.show li {padding: 20px 20px;background: #308630;color: #fff;  border-bottom: 2px solid #fff;}
.other-treatments .dropdown-menu.show li:last-child{border-bottom: none;}
.other-treatments .dropdown-menu.show li a:hover{background: transparent;color: #fff;}
.other-treatments .dropdown-menu.show li .fa{color:#fff;}

/*--- SLIDER HOME -----*/
#slide-home .img-background{height:553px; }
#slide-home.owl-theme .owl-dots{position:absolute; bottom: 0; left: 0; width: 100%;} 
#slide-home.owl-theme .owl-dots .owl-dot.active span, #slide-home.owl-theme .owl-dots .owl-dot:hover span { background: #8abd24;}
.blog-section.home{padding: 30px;min-height: 360px;}
.blog-section.home p{color:#272727;font-size: 18px;line-height: 35px;}
.btn-primary, .btn-secondary{margin-top: 0 !important;font-size: 12px !important;padding: 10px 50px;width: auto;height: auto;border-radius:0}


/*---- TARGETA CONFIANÇA ----*/
.container-fluid.targeta-confiansa{padding-top:70px;padding-bottom: 70px; margin: 100px 0 130px;}
.targeta-confiansa{ background: #e6e6e6;} 
/*
.targeta-confiansa .img{width:100%;}
.targeta-confiansa h1{color: #a1ce58; font-weight: 700;}
.targeta-confiansa li{list-style: none;}
.targeta-confiansa .targeta{position: relative;margin-top: 50px;padding: 10px 20px;  border-radius: 8px; box-shadow: 0 0 2px 2px #ccc; background:#fff;}
.targeta-confiansa h4{padding-bottom: 10px;}
.targeta-confiansa .aqui{position: absolute;right: 30px;bottom: 30px;font-size: 22px;text-decoration: underline !important; color: #a1ce58 !important; font-weight: 700;transform: rotate(-20deg);}
*/

.targeta-confiansa h1, .targeta-confiansa h2, .targeta-confiansa p{ width:100%;  text-align: center;}
.targeta-confiansa h1{font-weight: 300;font-size: 45px; color:#8abd24;}
.targeta-confiansa h2{font-size:50px; font-weight:900; color: #606060;}
.targeta-confiansa p{color: #606060; font-size: 20px;}
.targeta-confiansa button{margin: 25px 0 40px;padding: 11px 40px;background:#8abd24;color:#fff;border: 1px solid #8abd24;border-radius: 8px;font-size: 18px;font-weight: 700;text-transform: uppercase;}
.how-it-work-section .how-it-work p{cololr:#272727}
 .targeta-confiansa p.desktop{display:block;}
.targeta-confiansa p.mobile{display:none;}

/*--- MODAL --*/
.modal.fade .modal-dialog{max-width: 90%;}
.modal-content{border-radius: 0; border-color: transparent}
.modal-header{border:none;}

/*--- BLOG --*/
.blog-section-box a:not([href]):not([tabindex]){color:#fff;}
#blog-list-main article{display:block;}
.blog-section-box .img-background{max-height: 350px;}
.view-all-post{background-color: #347121;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.active:focus {    background-color: #347121 !important;}
.view-all-post a:hover {color: #8abd24;}
/*---- HEADER ----*/
.about-banner-section{background-image: url('../images/contact-us.jpg');}
header .dropdown-menu li{text-align: center;padding: 5px 10px;}
header .social-icons.tablet{display:none;}
header .social-icons{margin:0 0 0 20px;}
header .social-icons ul li a{width: 30px;height: 30px;font-size: 15px;border-radius: 100%;}

/*---- ABOUT US ----*/
.about-pharmacy-section .about-pharmacy-conten p{margin-bottom: 10px;}
.map-canvas{height: 30vw;}
.contact-section{margin-bottom: 0;}
.contact-form{border:none;}



/*--- formulari encàrregcs ---*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {    color:#333333; opacity: 1;}
input::-moz-placeholder,textarea::-moz-placeholder {  color:#333333; opacity: 1;  }
input:-moz-placeholder,textarea:-moz-placeholder { color:#333333; opacity: 1; } 
input::-ms-input-placeholder,textarea::-ms-input-placeholder {  color:#333333; opacity: 1;} 
.how-it-work-section{background-image: url('../images/guardies.jpg'); background-color: transparent; background-position: center; background-size: cover;}
.how-it-work-section .contact-form .form-group input, .how-it-work-section .contact-form .form-group textarea{background: rgba(256,256,256,1);color: #333333;}
.how-it-work-section .contact-form .form-group input:focus, .how-it-work-section .contact-form .form-group textarea:focus{background: #fff;}
.how-it-work-section h2{color:#8abd24}
.how-it-work-section .how-it-work {color:#8abd24}
.how-it-work-section{padding: 75px 0 75px;margin-bottom: 130px;}
.blog-section{margin:0; padding:75px 0;}
.blog-section.white{background: #fff;}
.work-section-esquerra{border: none;background:#fff;padding: 40px;border: none;}




/*--- FOOTER  ---*/
.footer-wrapper .copyright{border:none;}
.newsletter-bg{display: none;}
.logo-codepack{width: 100px; margin-top: -20px;}


.other-treatments {  margin: 15px 0px 0 0px;}
.servei_int .other-treatments{margin: 0;background:#b9b9b9;margin-bottom: 7px;}
.accordion-cont {    margin: 0;}
.col-sm-12.servei_int{padding:0;}
.servei_int .servei_int .other-treatments{background: #d3d3d3}
.servei_int.collapse, .servei_int.collapsing{margin-top:7px;}
.other-treatments {   padding: 15px 15px;  background-color: #347121;}
.fa.fa-angle-down{float:right;}

.top_navbar .navbar-light .navbar-nav .active > .nav-link, .top_navbar .navbar-light .navbar-nav .nav-link.active, .top_navbar .navbar-light .navbar-nav .nav-link.show, .top_navbar .navbar-light .navbar-nav .show > .nav-link {
    padding: 7px 12px;
    color: #8abd24;
    border: none;
    font-weight: 600;
}
.top_navbar .navbar-light .navbar-nav .nav-link:hover{  border:none;}
.nav-link-lang a.active, .nav-link-lang a:hover{font-weight: 600;}

.form-control{border:none; border-bottom: 1px solid #ccc;background:transparent;border-radius: 0; font-size: 12px;}

.modal img{width: 100% !important;height: auto !important;}

/*--- RESPONSIVE ----*/
@media (max-width: 991px) {
    .img-background{height: 45vw;}
    .map-canvas {    height: 45vw;}
    header .social-icons.tablet{display:block;}
    header .social-icons.desktop{display:none;}
    header .social-icons {    margin: 0 35% 0 0;} 
    .blog-section.home{ padding: 0; margin-top: 100px;  width: 80%;min-height: 200px;}
    .footer-wrapper .container {  max-width: 960px;}
    .top_navbar .navbar-nav {  margin-top: 10px;}
}

@media (max-width: 767px) {
    .h1, h1 { font-size: 1.5rem;}
    .img-background{height: 35vw;}
    .map-canvas {    height: 35vw;}
    .wrapper .banner {  height: 35vh;}
    .pharmachy-box-gallery {   margin-top: 0px;}
    header .social-icons.tablet{display:none;}
    .banner .social-icons.tablet{display:block;}
    .banner {  padding-top: 0;}
    #slide-home .img-background { height: 35vh;}
    .targeta-confiansa h1{font-size: 35px;}
    .targeta-confiansa h2{font-size:40px;}
    .targeta-confiansa p{ font-size: 19px;}
    .top_navbar .navbar-light .navbar-nav .active > .nav-link{padding-left: 0;}
    .logo-codepack{width: 100px; margin-top: 10px;}
    .col-sm-6.servei-prinicipal{width:50%;padding-left: 5px; padding-right: 5px;}
    .trainer-title {font-size: 16px; line-height: 19px;}
    .rounded-0.img-background{height: 50vw; margin-bottom: 10px;}
    .text h3 { font-size: 18px; line-height: 20px;margin-bottom: 14px;}
    .text p{line-height: 15px;font-size: 14px;}
    .text .start-consultation-btn a { padding: 10px 15px; font-size: 14px;}
}

@media (max-width: 575px) {
    .img-background{height: 85vw;}
    .dropdown-submenu .dropdown-menu {top: initial;left: 0; bottom: -91px;}
    contact-form {    margin-bottom: 30px;    padding: 30px 10px 30px;}
    .map-canvas {    height: 80vw;}
    .new-letter.clearfix h5{font-size: 15px;}
    .new-letter .fa.fa-credit-card{margin-top: -6px;}
    h2.central{font-size: 25px;}
    .about-planex-pharmacy h2{font-size: 21px;} 
    .accordion-cont{margin:0;}
    #slide-home .img-background { height: 130px;}
    .wrapper .banner {  height: 150px;}
    .targeta-confiansa h1, .targeta-confiansa h2, .targeta-confiansa p{ text-align: left;}
    .targeta-confiansa h1{font-size: 26px;}
    .targeta-confiansa h2{font-size:32px;}
    .targeta-confiansa p{ font-size: 19px;}
    .targeta-confiansa button{font-size: 25px;}
    .targeta-confiansa p.desktop{display:none;}
    .targeta-confiansa p.mobile{display:block;}
    .how-it-work-section{background-position: -750px center;}
    .work-section-esquerra {padding: 20px; margin: 0 10px;}
    .horari h2{    font-size: 19px; margin-top: 20px;  margin-bottom: 5px !important;}
    .horari p{    margin-bottom: 3px;  font-size: 13px;}
    
}