/*
==========================================================================
	DEMO by:Kubik/Armando Mtz.(@hippiechaka) - KUBIK;
==========================================================================
*/

* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
section{min-height:800px;padding:0;}

/* HTML5 ✰ Boilerplate ✰ normalize */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 16px;  }
body, button, input, select, textarea { font-family:'', sans-serif; color: #222; }
::-moz-selection { background: #feda9e; color: #fff; text-shadow: none; }
::selection { background: #feda9e; color: #fff; text-shadow: none; }
a { color: #225472; }
a:visited { color: initial; }
a:hover { color: #c9c9c9; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }
.btn-primary {
    border-color: #fff !important;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    text-decoration: none !important;
    background-color: #ff9200 !important;
}
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 0px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
/*input:invalid, textarea:invalid { background-color: #f0dddd; }*/
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

label {
    margin-bottom: .2rem !important;
}
.form-control {
    line-height: 1 !important;
}
select.form-control:not([size]):not([multiple]) {
    height: calc(2rem + 0px) !important;
}
.nopadding {
	padding: 0 !important;
}

.breadcrumb {
	margin-bottom: 0;
    padding: .75rem 0rem !important;
}


/* HalfContainer */

.half-container {
	padding-right: 15px;
	padding-left: 15px;
	max-width:100%;
}

.navbar-light .navbar-toggler-icon{background-image: url('../images/menu.png');}

.btn-pharmacy {
	font-family: 'Nunito Sans', sans-serif !important;
	font-weight: 800;
	padding: 0.2em 3em !important;
}

.btn-pharmacy-outline {
	font-family: 'Nunito Sans', sans-serif !important;
	font-weight: 800;
	border:2px solid white;
	background: none !important;
	color: #fff !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.subtitulocontacto {
	font-family: 'Nunito Sans', sans-serif !important;
	font-size: 19px !important;
	font-weight: 600 !important;
}

.subtituloperfil {
	font-family: 'Nunito Sans', sans-serif !important;
	font-size: 20px !important;
	font-weight: 600 !important;
}

.subtitulo {
	font-family: 'Maven Pro', sans-serif !important;
	font-size: 20px !important;
}

.subsubtitulo {
	font-family: 'Maven Pro', sans-serif !important;
	font-size: 18px !important;
}

.infosobreazul {
	font-family: 'Maven Pro', sans-serif !important;
	font-size: 16px !important;
	text-align: left;
}

.infosobreazulform {
	font-family: 'Maven Pro', sans-serif !important;
	font-size: 15px !important;
	text-align: left;
}

.textleft {
	text-align: left !important;
}


.maven {
	font-family: 'Maven Pro', sans-serif !important;
}

.nunito {
	font-family: 'Nunito Sans', sans-serif !important;
}



.fondoazul1 {
background-color: #1c608c !important;
}

.fondoazul2 {
background-color: #15486a !important;
}

.fondoazul3 {
background-color: #081d2e !important;
}


.fondogrisclaro{
background-color: #f2f2f2 !important;
}

.azul1 {
color: #1c608c !important;
}

.azul2 {
color: #15486a !important;
}

.azul3 {
color: #081d2e !important;
}


.azulmarino {
color: #123e5b !important;
}

.blanco {
color: #fff !important;
}




.bold {
	font-weight: 900 !important;
}

.semibold {
	font-weight: 700 !important;
}


.smalltitulo {
	font-family: 'Nunito Sans', sans-serif !important;
	font-size: 28px !important;
	margin-top: 0px;
	line-height: 1;
	text-align: center;
}


.textheader {
	font-size: 18px !important;
}

.smalltitulobloque {
	font-family: 'Nunito Sans', sans-serif !important;
	font-size: 22px !important;
	font-weight: 600;
	margin-top: -5px;
	margin-bottom: 6px;
	line-height: 1;
	text-align: center;
}

.swiper-slide-item p {
    font-size: 18px !important;
    font-weight: 400;
    margin-top: 5px;
}

.clear {
	clear: both;
}

.altopercent {
	height: 20%;
}

.alto {
	height: 15px;
}



.muyalto {
	height: 30px;
}


.centrado {
	text-align: center;
}

.padding {
	padding:1px 20px;
}

.paddingbig {
	padding:1px 30px;
}

.paddingbigger {
	padding:20px 40px;
}

.barraheight {
	height: 70px;
}

.textobajobloque {
	font-size: 18px;
	line-height: normal;
}

.bloquepartebaja {
	border-radius: 0 0 20px 20px; min-height: 150px;
}



.breadcrumb {
	font-size: 14px;
    background-color: #fff;
}



/* Text */




h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;font-family: 'Nunito Sans', sans-serif; }
h1 {font-size:36px;font-weight:700;}
h2 {font-size:24px;font-weight:700;}
h3 {font-size:18px;font-weight:500;}
a:hover {color: #225472;}
a, a:hover, a:visited {text-decoration: none;}



.texth1 {font-size:36px;font-weight:700;font-family: 'Nunito Sans', sans-serif !important;}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        LAYOUT
::::::::::::::::::::::::::::::::::::::::::::::::::
*/

.navbarHeight{width:100%;height:auto;display:block;}

/* layout */

/* navbar */

header#main-header{}
header#main-header nav#barra-negra{height:32px;top:0;}
header#main-header nav#barra-blanca{
	position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
	height:80px;
	/*background-color: #000;*/
	/*-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.33);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.33);
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.33);*/
}
.mainMenuBtn {
  position: relative;
  text-decoration: none;
  font-size:15px;
  font-weight:400;
  padding:10px 7px;
  top:0px;
  text-shadow:none;
  transition: ease .168s;
  -webkit-transition: ease .168s;
}
.mainMenuBtn:after {content: '';position: absolute;left:1%;bottom:-9px;width:98%;height: 0px;background: #e72f2f;transition: ease .168s;-webkit-transition: ease .168s;}
.mainMenuBtn:hover {/*color: #000;*/}
.mainMenuBtn:hover:after{height: 6px;}


.dropdown-item.current{color: #000 !important;/*background:#fff !important;*/cursor:default; background-color: #d2d2d2}
.dropdown-item.current:after{height: 6px;}

.mainMenuBtn.current{color: #fff !important;/*background:#fff !important;*/cursor:default;}
.mainMenuBtn.current:after{height: 6px;}

.dropdown-toggle::after {border:0 !important;}
.navbar-light .navbar-nav .nav-link { color: #fff; font-size: 18px; font-weight: 500; padding: 0.69rem; font-family: 'Oswald', sans-serif !important;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #fff !important; }
.dropdown-menu { top: 2.75rem; }
.dropdown-menu::before{
	display: none !important;
}
.navbar-dark .navbar-nav .nav-link {
	font-size: 16px;
	color: rgba(255,255,255,.75);
	-webkit-transition: all 309ms ease-in-out;
	-moz-transition: all 309ms ease-in-out;
}
.navbar-dark .navbar-nav .nav-link:hover{color: rgba(255,255,255,1);}
.subnavbar {
	background:#141414 !important;
    max-height: 50px !important;
    height: 34px !important;
}

/* footer */
.logo-footer{width: 100%; max-width: 50px; margin-top: 10px;}
footer{
	background-color:#555E62 !important;
	/* height: 250px; */
	font-size: 16px;
	color: #d3d3d3;
	position:relative;
}
.footercopy {
    border-top: 1px solid white;
    background:#6A7077;
    margin-bottom:15px;
}
.footercopy p.legal {
    margin: 0;
    padding: 20px 0;
    text-align: left;
}
.footercopy p.legal-links {
    margin: 0;
    padding: 20px 0;
}
.footercopy p.legal-links a{
	color:#9e9e9e;
	padding:0 5px;
	transition: ease .168s;
	-webkit-transition: ease .168s;
}
.footercopy p.legal-links a:hover{color:#fff;}
ul#redesFooter{
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	width:100%;
}
ul#redesFooter li{
	display:inline-block;
	margin:10px;
}
ul#redesFooter li a.redesIcon{
	background:rgba(0,0,0,0);
	width:45px;
	height:45px;
	position:relative;
	z-index:2;
	display:block;
	text-align:center;
	border-radius:50%;
	transition: ease .168s;
	-webkit-transition: ease .168s;
}
ul#redesFooter li a.redesIcon:before{
	content:'';
	position:absolute;
	top:-5px;
	left:-5px;
	width:55px;
	height:55px;	
	border-radius:50%;
	display:block;
	background: rgba(0,0,0,0);
	border:3px solid #fff;
	z-index:1;
}

a.redesIcon#linkedinF:hover{background:rgba(0, 115, 177,1);/*border-color:rgba(0, 115, 177,1);*/}
a.redesIcon#youtubeF:hover{background:rgba(245, 11, 11,1);/*border-color:rgba(245, 11, 11,1);*/}
a.redesIcon#instagramF:hover{background:rgba(210, 45, 120,1);/*border-color:rgba(210, 45, 120,1);*/}
a.redesIcon#twitterF:hover{background:rgba(57, 200, 255,1);/*border-color:rgba(57, 200, 255,1);*/}
a.redesIcon#facebookF:hover{background:rgba(40, 81, 165,1);/*border-color:rgba(40, 81, 165,1);*/}
ul#redesFooter li a.redesIcon i.fab{
	color:#fff;
	font-size:28px;
	line-height:45px;
}
/*ul#redesFooter li a.redesIcon:hover i.fab{
	color:#fff;
}*/
a.f-link{
	display:inline-block;
	width:auto;
	height:auto;
	transition: ease .168s;
	-webkit-transition: ease .168s;
	color:#fff;
}
a.f-link:hover{
	color:#d3d3d3;
}


footer {
    /*background-color: #555E62;*/
    padding-top: 0px !important;
}
#sitemap-footer a{
	color: #ffffff;
	font-family: 'Oswald', sans-serif !important;
	padding-right: 12px;
}
.legal-links a{
	color: #ffffff;
	font-family: 'Rubik', sans-serif !important;
	padding-right: 12px;
}
.f-link{
	color: #ffffff;
	font-family: 'Rubik', sans-serif !important;
	font-size: 28px;
}

#navigation{
	text-align:left;
} 
#navigation h5{font-size:15px; font-weight:bold; color:#ccc;}
#navigation ul.list-footer{
	list-style:none;
	list-style-image:url(../images/bullet-footer.png);
	margin:20px 0 0;
	padding:0 0 0 15px;
	display:block;
	font-family:'Maven Pro',sans-serif;
	font-weight:400;
	font-size:14px;
}
#navigation ul.list-footer li{margin:0;}
#navigation ul.list-footer li a{
	display:block;
	width:100%;
	height:20px;
	line-height:20px;
	position:relative;
	top:-5px;
	opacity:.8;
	color:#fff !important;
	-webkit-transition: all 309ms ease-in-out;
	-moz-transition: all 309ms ease-in-out;
}
#navigation ul.list-footer li a:hover{
	opacity:1;
	text-decoration:none;
	padding-left:5px;
}
footer ul li {
    line-height: 3 !important;
    margin: 20px 0px;
}
#navigation ul.redes{
	display:block;
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
	margin-top:15px;
}
#navigation ul.redes li{
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	margin:0 5px;
}
#navigation ul.redes li a{
	display:block;
}

#navigation ul.redes li a i{
	-webkit-transition: all 309ms ease-in-out;
	-moz-transition: all 309ms ease-in-out;
}

#navigation ul.redes li a i:hover{
	color:rgba(255,255,255,.75);
}
.logo-img{width: 100%;}



#suscribe-form{margin-top:15px;}
#suscribe-form .input-group-prepend .input-group-text{
	background-color:#828282;
	border:0;
}
#suscribe-form input.form-control{
	background:#cbcbcb;
	font-family:'Maven Pro',sans-serif;
	font-weight:400;
	font-size:14px;
	color:#141414;
}
footer #sub-footer {
    padding: 2em 0;
    margin-top: 33px !important;
    background-color: #000 !important;
    color:#999999;
    text-align:left;
    font-weight:500;
}
a.footer-legal{
	opacity:1;
	color: #999999 !important;
}
footer #sub-footer span a {
    color: #999999 !important;
    font-weight: bold;
}
ul.redes-mobile{display:none;}

/* common classes */



.btn-primary{
    box-shadow: 0 0 0 0rem rgba(0,0,0,0) !important;
}

.float {
    position: fixed;
    width: 50px;
    height: 46px;
    bottom: 0px;
    right: 0px;
    background-color: #00aac0 !important;
    color: #FFF !important;
    border-radius: 5px 0px 0px 5px;
    text-align: center;
    font-size: 22px;
    z-index: 100;
    border:2px solid white;
	-webkit-transition: all 309ms ease-in-out;
	-moz-transition: all 309ms ease-in-out;
}
.float:hover {
	background-color: #009ab0 !important;
}

.my-float {
    margin-top: 10px;
}

.g-recaptcha > div{
	margin: 0 auto;
}

.registroModal{
	z-index: 1000000000000000;
}

.registroModal .modal-body{
	padding: 2em 4em;
}

.registroModal .modal-header{
	padding: .5rem;
}

.registroModal .modal-title{
	font-size: 32px;
	text-align: center;
	font-weight: 700;
	display: block;
	width: 100%;	
}

.registroModal .nav-tabs .nav-item {
	border: 0;
}

.registroModal .nav-tabs{
	border: 0;
}

.registroModal .nav-tabs .nav-item{
	font-weight: bold;
}

.registroModal .nav-tabs .nav-item.active{
	color: #ed8237;
}

.registroModal .nav-tabs .nav-item:after {
    content: '';
    position: absolute;
    left: 1%;
    bottom: -9px;
    width: 98%;
    background: #ff9200;
    transition: ease .168s;
    -webkit-transition: ease .168s;
    height: 0px;
}

.registroModal .nav-tabs .nav-item.active:after{height: 6px;}
.registroModal .nav-tabs .nav-item:hover:after{height: 6px;}

#suscripcionModal-alto{
	font-size: 22px;
	font-weight: 700;
	color: #da5a00;
	margin-bottom: 1em;	
}

#registroModal-alto{
	font-size: 27px;
	font-weight: 700;
	color: #da5a00;
	margin-bottom: 25px;	
}

.zopim{
	right: 60px !important;
	margin-bottom: -500px !important;
}
body.zopim-up .zopim{
	margin-bottom: 0px !important;
}

#d-breadcrumb0{
	min-height: 45px;
}

#d-breadcrumb.d-breadcrumb-fix{
	position: fixed;
	width: 100%;
	z-index: 100;
	top: 100px;
	background: #fff;
}

.legal-links span{display: none;}

.firmaKBI {
	width: 15px;
	height: 20px;
	display: block;
	background: url(../images/firma.png)no-repeat;
	position: relative;
	top: inherit;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
}
.firmaKBI:hover {width: 70px;}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        QUERIES
::::::::::::::::::::::::::::::::::::::::::::::::::
*/
/* UP */
@media screen and (min-width: 991px){
	.dropdown-menu {top: 3.55em !important;}
}
@media screen and (max-width: 1200px){	
	.logo-img{max-width: 230px;}
}

@media screen and (max-width: 1200px){
	li.label-redes, ul.redes{display:none !important;}
	ul.redes-mobile{display:block;list-style:none;margin:5px 0 0;text-align:center;width:100%;height:auto;padding:0;}
	.redes-mobile li{display:inline-block;width:auto;}
	.bloquepartebaja {border-radius: 0 0 20px 20px;min-height: 180px;}
	.altopercent {
	height: 18%;
}
.paddingbigger {
	padding:20px 30px;
}
}
@media screen and (max-width: 991px){
	/*.navbar-light .navbar-nav .nav-link {font-size: 17px;padding: 0.69rem 0.3rem;}*/
	.navbar-brand img{width:200px;}
	.navbar-light .navbar-nav .nav-link{font-size:15px;padding:0 6px;}
	.bloquepartebaja {border-radius: 0 0 20px 20px;min-height: 150px !important;}
	.legal-links a{font-size: 12px;}
	#sitemap-footer a{font-size: 13px;}
	a.f-link { font-size: 20px; }
	ul#redesFooter li a.redesIcon{width: 30px; height: 30px; margin-left: 5px; margin-right: 5px;}
	ul#redesFooter li a.redesIcon i.fab { font-size: 24px; line-height: 40px; }
	ul#redesFooter li a.redesIcon:before{left: -11px; top: -7px; }
	ul#redesFooter{margin-bottom: 5%;}
}	
@media screen and (max-width: 767px){
	/*.navbarHeight{height:80px;}*/
	header#main-header nav#barra-blanca {height:auto;min-height:68px;padding:13px 0;}
	header#main-header nav#barra-negra{padding:0;}
	header#main-header nav#barra-negra a.nav-link{padding:0;}
	#navigation ul.list-footer{margin:20px 0;clear:both;}
	.subnavbar {height: auto !important;}
	.subnavbar ul.nav.navbar-nav.ml-auto{flex-flow:row;}
	.subnavbar ul.nav.navbar-nav.ml-auto li.nav-item{margin: 0 5px;}
	nav#barra-blanca ul.nav.navbar-nav{margin-top:25px;}
	.navbar-light .navbar-nav .nav-link{padding:10px 0px 15px;text-align:center;border-bottom: 0px solid #f2f2f2;}
	.mainMenuBtn:after {left:0;bottom:0px;width:100%;margin-left:0;}
	.bloquepartebaja {border-radius: 0 0 20px 20px;min-height: auto !important;}
	.subtitulo {font-size: 18px !important;}
	h1 {font-size: 25px;font-weight: 700;}
	.subsubtitulo {font-size: 15px !important;}
	.barraheight {height: 50px;}
	.altopercent {height: 10%;}
	.registroModal .modal-body{padding: 1em;}
	.navbar-brand img{ margin-bottom: 20px; }
	.legal-links a { font-size: 14px; width: 100%; display: inline-block; }
	#sitemap-footer a { font-size: 16px; }
	.collapse.show{background-color: #555E62;}
	.navbar-expand-md>.container, .navbar-expand-md>.container-fluid { padding-right: 0px; padding-left: 0; max-width: 100%; }
	.navbar-brand{padding-left: 10%;}
	.navbar-toggler{margin-right: 10%;}
	
}
@media screen and (max-width: 600px){
	header#main-header nav#barra-blanca {padding:0px;}
	.swiper-slide-item p {font-size: 14px !important;font-weight: 400;margin-top: 15px;}
	.floating-text p {width:100%;}
	#navigation ul.list-footer li a{height:auto;}
	.paddingbigger {padding:5px 20px;}
	/*.navbar-brand { padding-left: 5%; }
	.navbar-toggler { margin-right: 2%; }*/
}
@media screen and (max-width: 576px){
	footer #navigation .row .col-xl{width:50%;}
	.legal-links span{display: none;}
}
@media screen and (max-width: 480px){
	#sitemap-footer a { width: 100%; display: inline-block; font-size: 16px; padding-top: 5px;  padding-bottom: 5px;}

}
@media screen and (max-width: 400px){
	.navbar-brand { padding-left: 3%; }
	.navbar-toggler { margin-right: 2%; }
}

@media screen and (max-width: 360px){
	footer #navigation .row .col-xl{width:100%;padding:0 10px;text-align: center;}
	#navigation ul.list-footer {margin: 5px 0 20px;padding:0;list-style-image:none;}
	#navigation ul.list-footer li a {top: 0;text-align: center;}
	#navigation ul.list-footer li a:hover {padding-left: 0px;}
	#sub-footer .col-md-4 p{text-align:center;}
}


@media (min-width: 768px) {
 .half-container {width: calc(750px/2);}
}
@media (min-width: 1200px) {
 .half-container {width: calc(1170px/2);}
}
@media (min-width: 768px) {
 .half-container_sm.right-site_container {
    float: left;
   display: inline-block;
 }
 .half-container_sm.left-site_container {
   float: right;
   display: inline-block;
 }
}