@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');

/** reset color theme */
.fh5co-nav ul li.btn-primary a {color:#fff;}
a, .fh5co-nav ul li a:hover, .fh5co-nav ul li a, .select-type a:hover h4, .select-type a:focus h4, #fh5co-offcanvas a:hover, #fh5co-offcanvas a:focus, .text-link {color:#042f6e;}
a:hover, a:focus, .text-link:hover, .text-link:focus {color: #507dbc}
.btn-primary {background: #EBEAE7; /*background: linear-gradient(90deg, rgba(104,167,47,1) 0%, rgba(0,134,100,1) 100%);*/ color: #042f6e; border: none !important; box-shadow: 1.5px 1.5px 3px #C8C8C8 !important; }
.fh5co-nav .menu-2 li.btn.btn-primary, .btn-primary, .form-control:active, .form-control:focus, .step .form-group {border-color:#042f6e !important;}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active, .section-cta, .btn-primary:hover, .btn-primary:focus, #fh5co-about a.btn-primary:hover, a.btn-primary:active, a.btn-primary:focus, .progress-bar-success {background: #042f6e; color: #fff/*background: linear-gradient(-90deg, rgba(104,167,47,1) 0%, rgba(0,134,100,1) 100%) !important;*/}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active, .section-cta, .btn-primary:hover, .btn-primary:focus, #fh5co-about a.btn-primary:hover, a.btn-primary:active, a.btn-primary:focus {border-color: #042f6e !important}
.fh5co-nav ul li a {color: #666}

/** reset apperances */
body {color: #6D6E71; font-size: 16px}
h2, #fh5co-about h2 {font-weight: 700; margin-bottom: 1.1em; color: #222; font-size: 3em; position: relative;}
h2:after {background-color: #042f6e; width: 60px; height: 2px; position: absolute; top: -0.4em; left: 0; content: '';}
#fh5co-page h3, h3 {color: #6D6E71; font-weight: 700; letter-spacing: -0.4px; font-size: 1.65em; line-height: 1.3; position: relative; margin-bottom: 1.5em}
#fh5co-page h3:after, h3:after {background-color: #6D6E71; width: 40px; height: 2px; position: absolute; bottom: -0.5em; left: 0; content: '';}
#intro-clip h3:after {background-color: #fff}
h4 {font-size: 1.35em}
p, #fh5co-about p {font-size: 1em; color: #6D6E71}
.fh5co-nav .menu-2 li.btn.btn-primary, .btn-outline, .btn-primary {border-radius: 25px}
#fh5co-page, #fh5co-about, #fh5co-contact, .sub-section {padding-top:10px; padding-bottom: 10px; position: relative; z-index: 0}
.sub-section.dual-column {padding-top: 101px;}
.section-cta > *, .section-cta h2, .section-cta p {color: #fff}
.section-cta .text-center {text-align: left}
.section-cta .btn-primary.btn-outline {border: 1px solid #fff !important; background-color: transparent !important;}
.section-cta .btn-primary.btn-outline:hover, .section-cta .btn-primary.btn-outline:focus {border-color: #fff !important; background-color: #fff !important; color: #042f6e !important}
.hr {border: 1px solid #ddd}
.feature-center {padding:0; float: none;}
#fh5co-footer ul li::after {content: ''}
#fh5co-footer p {color: #fff; font-size: 0.85em;margin-bottom:0.5rem;}
#fh5co-footer {padding-top: 20px; padding-bottom: 0}
#fh5co-footer a {color: #fff}
#fh5co-footer a:hover, #fh5co-footer a:focus {color: #cfe5df}
#fh5co-footer img {max-width: 160px}
#fh5co-footer .caption {border-top: 4px solid rgba(255,255,255,0.5); padding-top: 20px;}
#fh5co-footer .footer {font-size:1em; font-weight:700;}
.endfoot {background-color: rgba(0,0,0,0.1); /*margin-top: 15px; padding-top: 15px; */padding-bottom: 15px; color: #fff; font-size: 0.85em}
ul.benefits {padding:0; margin:0; list-style: none; max-width: 900px; margin-top: 3em; margin-left: 20px}
ul.benefits li {position: relative; font-size: 1.2em;}
ul.benefits li:before {content: '\f058'; font-family: 'Font Awesome 5 Free'; position: relative; font-size: 0.9em; color: #000; left: -1em; top:0 ; z-index: -1; font-weight: 600; color: #042f6e}
table thead {background-color: #042f6e; color: #fff}
.table>tbody>tr>td {vertical-align: middle;text-align:center;}
.section-login {padding-top: 98px; background-size: cover; background-repeat:no-repeat; background-position:right -55px bottom -55px; background-color: #fefdf3}
.section-login, .section-login .d-flex.main, .main-login-card, .main-register-card {height: 100%; min-height: 600px;}
.section-login .main-login-card {justify-content: flex-start;}
.section-login .main-login-card>.card {padding:0; background-color: transparent; max-width: 500px}
#mainColumnLeft, #mainColumnRight, #mainColumnFull {flex-basis: 50%; height: 100%; min-height: 700px; background-size: cover;}
#mainColumnLeft {background-size: cover; background-position: right center}
#mainColumnRight, #mainColumnRight .card {background-color: #f6f6f6}
#mainColumnRight {overflow-y: auto}
#mainColumnFull {flex-basis: 100%}
.fh5co-nav {position: fixed; left: 0; right: 0; margin:auto; box-shadow: 0 2px 24px rgba(0,0,0,0.08); z-index: 1090; font-family:'Avenir','Open Sans', sans-serif;}
.main-login-card, .main-register-card {justify-content: center; align-items: center;}
.main-login-card .card, .main-register-card .card {padding:2em; min-width: 500px; border:none; max-width: 500px;}
.main-login-card .card.bigger, .main-register-card .card.bigger {min-width: 600px; max-width: 1400px;}
.main-register-card .card {padding:1em;}
.main-login-card .text-link {font-size: 0.85em}
.select-type img {max-width: 55px; display: block; margin:0 25px;}
.select-type a {border:2px solid #ddd; padding:1.2em; border-radius: 60px; display: block; flex-wrap: nowrap; justify-content: center; align-items: center; background-color: #fff; transition: 150ms linear; box-shadow: 0 0 25px rgba(198, 48, 71, 0)}
.select-type a:hover, .select-type a:focus {border-color: #042f6e; box-shadow: 0 0 25px rgba(0, 134, 100, 0.2)}
.select-type h4 {margin-bottom: .6em; font-weight: 500;color:#042f6e;}
.select-type p {margin-bottom: 0; font-size: .9em}
#fh5co-offcanvas {background-color: #f6f6f6}
#fh5co-offcanvas a {color: #222}
.fh5co-nav ul li {margin-top: 0}
.fh5co-nav ul li.btn {margin-top: 0; line-height: 40px;}
.fh5co-nav-toggle.active i {background-color: transparent;}
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {background-color: #000}
#fh5co-offcanvas ul li.btn {margin-top: 15px}
#fh5co-offcanvas ul li.btn a {padding:8px 12px; display: block; color: #fff; font-size: 14px}
#fh5co-offcanvas ul li {margin:15px 0;}
.btn-login {min-width: 150px;}
.form-control {background-color: #fff}
header {margin-top: 80px; overflow: hidden;}
#pharmacyList p, #distributorList p, #docList p {position: relative; margin-left: 10px; padding-left: 10px; margin-bottom: 3px; line-height: 1.1}
#pharmacyList p:last-child, #distributorList p:last-child, #docList p:last-child {margin-bottom: 0}
#pharmacyList p i, #distributorList p i, #docList p i {position: absolute; top: 5px; left: -10px; color: #aaa}
.step .btn-group {margin-top: 25px}
.btn-group>.btn {background-color: transparent; background:none !important; border:2px solid #a11f38 !important; color: #222 !important; white-space: nowrap; margin:0;}
.step .btn>input {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.btn-group>.btn+.btn {border-radius: 0 25px 25px 0 !important; margin-left: -2px}
.step .form-group {padding:0; margin:10px -15px 30px; border:none}
.step .form-group .btn:hover, .step .form-group .btn:focus, .step .form-group .btn.active {color: #fff !important; background-color: #a11f38 !important; box-shadow: none;}
.step .form-group>[class*="col-"] {padding:0;}
.txt-color-green {color:#042f6e;font-weight:600;}
.bg-light-main {background-color: #EBEAE7}
.bg-main, .navTop {background-color: #042f6e}
.bg-main *, .bg-main p, .bg-main-gradient *, .bg-main-gradient p {color: #fff}
.sub-section .bg {background-repeat: repeat; width: 100%; height: 100%; position: absolute; z-index: 0;  background-size: 60px; opacity: 0.13; top: 0}
.sub-section img {max-width: 80%}
.bg-main-gradient {background: rgb(0,134,100); background: linear-gradient(90deg, rgba(0,134,100,1) 0%, rgba(85,162,174,1) 100%)}
.well li:not(:last-child) {margin-bottom: 10px;} 
.bg-light {background-color: #f1f1f1 !important}
.bg-light-yellow {background-color: #ebf6fd}
table.trim-smaller {font-size: 1em; background-color: #fff}
table.trim-smaller tbody th, table.trim-smaller tbody td {padding:7px;}
.fh5co-nav #fh5co-logo {flex-wrap: nowrap; display: flex; align-items: center;height:45px;}
.fh5co-nav #fh5co-logo a {position: relative; vertical-align: middle; display: block;}
.fh5co-nav #fh5co-logo a:first-child {padding-right: 15px;}
.fh5co-nav ul li.btn-primary a:hover, .fh5co-nav ul li.btn-primary a:focus {color: #fff !important}
.fh5co-nav {padding: 15px 0; transition: 150ms linear;}
.nav-top {font-size: 0.75em; margin-bottom: 8px; padding-bottom: 8px;}
.nav-top a {color: #6D6E71; text-transform: uppercase; font-weight: 600}
.nav-top i, i.fas, i.fa {color: #fff}
.fh5co-nav .flex-item>ul>li {margin-right: 12px; margin-left: 12px}
.fh5co-nav .flex-item>ul>li:first-child {margin-left: 0}
.fh5co-nav .flex-item>ul>li:last-child {margin-right: 0}
.fh5co-nav .flex-item>ul>li>a {padding: 10px 0; text-transform: uppercase; letter-spacing: 0.05em; color: #6D6E71; font-weight: 700; position: relative; line-height: 1.5}
.fh5co-nav .flex-item>ul>li>a:before {content: ''; background-color: transparent; transition: 250ms ease-out; height: 2px; width: 0; opacity: 0; position: absolute; top: -10px; left: 0}
.fh5co-nav .flex-item>ul>li:hover a:before {width: 100%; opacity: 1; background-color: #042f6e;}
.fh5co-nav .flex-item>ul>li.active a, .fh5co-nav .flex-item>ul>li a:hover, .fh5co-nav .nav-top a:hover {color: #042f6e !important;}
.fh5co-nav.shrink {padding:10px 0;}
.fh5co-nav.shrink .nav-top {opacity: 0; height: 0; margin-bottom: 0; padding-bottom: 0}
#fh5co-logo img {transition: 300ms ease-out;}
.fh5co-nav.shrink #fh5co-logo img {max-width: 90px}
.accordion .card {border:none;}
.accordion .card:not(:last-child) {border-bottom: 1px solid rgba(105, 148, 111, 0.3)}
.accordion .card-header {padding:10px 0; background-color: #fff}
.accordion .card-header a {display: block; text-align: left; transition: 100ms linear; margin: 0; padding-right: 40px; font-weight: 600; color: #6D6E71;font-size:1rem;}
.accordion .card-header a:after {content: '\f0da'; font-family: 'Font Awesome 5 Free'; position: relative; font-weight: 900; position: absolute; right: 15px; top: 18px; color: #55a2ae}
.accordion .card-header.active-acc a:after {content: '\f0d7';}
.accordion .card-header.active-acc a {color: #042f6e !important;}
.accordion .card-header.active-acc {border-bottom:2px solid #042f6e;}
.accordion .card-body {padding:2em 2.5em;}
.accordion ul {padding-left: 1rem}
.accordion ul li:not(:last-child) {margin-bottom: .6rem}
.accordion .card-body p {margin-bottom:1.35em;}
.accordion .card-body h4:not(:first-child) {margin-top:2em;}
.accordion .card-body h5 {margin-top:.8em; font-size:1.4em;}
.fh5co-nav ul li.has-dropdown .dropdown {top: 30px; background-color: #042f6e; padding:1em 1.5em; width: 200px}
.fh5co-nav ul li.has-dropdown .dropdown a {color: #fff !important; text-transform: uppercase !important;}
.fh5co-nav ul li.has-dropdown .dropdown:before {display: none;}
.section-cta .btn-primary.btn-outline:hover, .section-cta .btn-primary.btn-outline:focus {background-color: #fff !important; background:#fff !important;}
.sub-section {background-position: center; background-size: cover; clear: both}
.section-intro img {max-width: 100%}
.section-intro .flex-item {flex-basis: 25%}
.section-intro .card {background-color: transparent; border:none; padding:2em 2.5em;}
#intro-clip .flex-item.column-1 {flex-basis: 40%}
#intro-clip .flex-item.column-2 {flex-basis: 60%}
b, strong {font-weight: 600;}
header .bg-img {position: absolute;width: 100%; height: 100%; z-index: -1; left: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center; transform: translate3d(0,0,0) scale(1.15); opacity: 0.7;}
.loaded header .bg-img {transform: scale(1); transition: 3.5s transform; opacity: 1;}
header .container {position: relative; height: 100%}
#fh5co-header .caption {position: absolute; bottom: -75px; padding:1em; background-color: #042f6e; left: 15px; transition: 300ms linear; opacity: 0}
#fh5co-header .caption h1 {color: #fff; font-weight: 700; text-transform: uppercase; margin:0; font-size: 2em; letter-spacing:0.05em;}
#fh5co-header .caption p {color: #fff; letter-spacing: 2px; text-transform: uppercase;}
#fh5co-header .overlay {display: none}
.loaded #fh5co-header .caption {bottom: 0; opacity: 1;}
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.small-table {font-size: 0.9em;}
.small-table.table td, .small-table.table th {font-size: 0.9em; padding:0.65rem;}
.nav-pills {border:none; border-radius: 0}
.nav-pills .nav-link {color: #042f6e}
.nav-pills .nav-link.active {background-color: #042f6e; border-radius: .25rem .25em 0 0}
.tab-content {background-color: rgba(220,230,248,0.5); padding:1em;}
.tab-content ul {padding-left:25px;}
.tab-content ol {padding-left:25px;}
.tab-content ul li:not(:last-child), .tab-content ol li:not(:last-child) {margin-bottom: 6px}
.tab-content p {font-size: 1em; font-weight:500;line-height:1.5;}
.section-login .no-min-height.d-flex.main {min-height: inherit;}
#feature-xativa .flex-item {padding-right: 2em; flex-basis: 30%; margin-top: 2.5em; align-items: center;}
#feature-xativa .flex-item p {margin-bottom: 0}
#feature-xativa .img-holder {width: 70px; min-width: 70px;}
.group-logo img{max-width: 60px}
@media screen and (max-width:1024px) {
  .fh5co-nav .container {max-width: inherit;}
  .hidden-sm {display: none}
  .fh5co-nav-toggle {position: fixed;}
  .fh5co-nav #fh5co-logo img {max-width: 110px}
  #fh5co-offcanvas ul {margin-top: 40px}
  #fh5co-offcanvas {opacity: 0; visibility: hidden; display: none; width: 0; height: 0}
  .offcanvas #fh5co-offcanvas {opacity: 1; visibility: visible; display: block; width: 270px; height: 100%}
  .fh5co-nav-toggle {top: 34px}
  .fh5co-nav-toggle {display: block}
}
@media screen and (max-width:768px) {
  .fh5co-nav #fh5co-logo img {max-width: 95px}
  .section-login #mainColumnFull {background-image: none !important;}
  #mainColumnLeft, #mainColumnRight, .main-login-card, #intro-clip .flex-item.column-1, #intro-clip .flex-item.column-2 {width: 100%; flex-basis: 100%}
  #mainColumnLeft .card {min-width: 100% !important}
  .section-login, .section-login .d-flex.main, .main-login-card, .main-register-card {min-height: auto;}
  .main-login-card .card, .main-register-card .card {min-width: 100%}
  .select-type a {align-items: flex-start;}
  .select-type img {max-width: 35px; margin:0 15px;}
  #fh5co-header .display-tc h1, #fh5co-counter .display-tc h1, .fh5co-cover .display-tc h1 {font-size: 18px}
  header {margin-top: 80px;}
  .hidden-xs {display: none;}
  .section-login .d-flex.main {flex-direction: column;}
  #mainColumnLeft, #mainColumnRight {flex-basis: 100%}
  #mainColumnLeft {background-image: none !important;}
  .main-register-card .card {padding:2em;}
  .select-type a {border-radius: 4px}
  #mainColumnLeft {min-height: 300px}
  #mainColumnLeft iframe {height: 300px}
  #mainColumnRight {overflow: inherit}
  .fh5co-nav {padding-top: 8px; padding-bottom: 8px}
  #fh5co-header .caption {padding:0.5em;}
  #fh5co-header .caption h1 {font-size: 0.9em}
  #feature-xativa .flex-item {flex-basis: 100%}
  .group-logo img {max-width: 40px}
  .accordion .card-body {padding:20px;}
  #fh5co-page, #fh5co-about, #fh5co-contact, .sub-section {padding-top: 10px; padding-bottom: 10px;}
  .main>.flex-item .card {padding-left: 15px !important; padding-right: 15px !important}
  .main-login-card .card.bigger, .main-register-card .card.bigger {min-width: 100%; max-width: 100%}
  .section-login {background-size: 800px}
}
@media screen and (min-width:1025px) {
  .fh5co-nav #fh5co-logo img {max-width: 140px;}
  .section-login {background-attachment: fixed; background-position: right -55px bottom 0;}
}
@media screen and (max-height:700px) {
  .section-login, .section-login .d-flex.main, .main-login-card, .main-register-card, #mainColumnLeft, #mainColumnRight, #mainColumnFull {min-height: 500px}
  .section-login #mainColumnLeft.align-items-center {min-height: 715px;}
}

@media screen and (min-height:701px) {
  .section-login, .section-login .d-flex.main, .main-login-card, .main-register-card, #mainColumnLeft, #mainColumnRight, #mainColumnFull {min-height: 700px}
  .section-login #mainColumnLeft.align-items-center {min-height: 715px;}
}

@media screen and (min-height:900px) {
  .section-login, .section-login .d-flex.main, .main-login-card, .main-register-card, #mainColumnLeft, #mainColumnRight, #mainColumnFull {min-height: 800px}
  .section-login #mainColumnLeft.align-items-center {min-height: 715px;}
}

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 2.5rem, 0); transform: translate3d(0, 2.5rem, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 2.5rem, 0); transform: translate3d(0, 2.5rem, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.delay1 {animation-delay: 150ms;}
.delay2 {animation-delay: 300ms;}
.delay3 {animation-delay: 450ms;}
.delay4 {animation-delay: 600ms;}
.delay5 {animation-delay: 750ms;}
.delay6 {animation-delay: 900ms;}

.text-justify {text-align: justify;}

label.required::after{
	content: '*';
    color: #ca0000;
    font-size: 1em;
    margin: -2px 0 0 2px;
}

.table{ color: #6D6E71 !important; }
.table thead th,
.table tbody th{
  font-weight: 700; 
  vertical-align: middle;
  text-align: center;
}
/* loading effect */
#lock-modal{display:none;background-color: #000;opacity:0.6;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;}
#loading-circle{display:none;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:40px;height:40px;border:4px solid #f3f3f3;border-top: 4px solid #042f6e;border-radius:50%;animation:spin 0.6s ease-in infinite;}
@keyframes spin{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
/* loading effect */