@charset "utf-8";
/* CSS Document */



body, html { 
	padding: 0; 
	margin: 0;
	line-height: 1;
	width:100%;
	font-size: 14px;
	color: #1c266c;
	font-weight: 500;
	font-family: 'Noto Sans', sans-serif;
	height: 100%;
	}


body{
	/*overflow: hidden;*/
	}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, h1,h2,h3,h4
{
	border: 0;
	font-style: inherit;
	font-weight: normal;
	margin: 0;
	outline: 0;
	padding: 0;
}

p, a, li, div{ margin:0; padding:0; }

a{ 
	text-decoration:none;
}

a img{ border:none;}

:focus, a:focus {
	outline: 0!important;
	text-decoration: none!important;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background: none;
}

ol, ul {
	list-style: none;
	margin:0;
	padding:0;
}

.clear{ clear:both;}

.clear:after{
	display: block;
	content: '';
	clear:both;
}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
}  



.padding-remove{
	padding: 0;
}

.padding-remove-l{
	padding-left: 0;
}


.padding-remove-r{
	padding-right: 0;
}


a:hover, a:focus{
	text-decoration: none;
	color: #787878;
}


form:after{
	display: block;
	content: '';
	clear: both;
}


.h-100{
	height: 100%;
}



/*HEADER --------------------------------------*/
header {
    padding: 17px 0;
	background-color: rgba(255,255,255,0.50);
	text-align: center;
}

header a{
	font-size: 11px;
    font-weight: 600;
	color: #1c266c;
	display: inline-block;
	padding: 0 15px;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}


header a + a{
	margin-left: 30px;
}

header a:hover{
	color: #61c7c5;
}


/*------------------------------------------------------------------

	SLIDER

-------------------------------------------------------------------*/


#slider{
	height: 100%;
	position: relative;
	z-index: 1;
	background-attachment: fixed;
	background-image: url(images/slider-bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	justify-content: center;
}

div#logo {
    margin-top: 40px;
}


#slider h1{
	font-size: 60px;
	line-height: 80px;
	color: #1c266c;
	font-weight: 600;
	text-align: center;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}


#slider a.bajar {
    position: absolute;
    margin: auto;
    bottom: 35px;
    left: 50%;
	opacity: 1;
	filter: alpha(opacity=100);
	transform:translateX(-50%);
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

#slider a.bajar:hover {
    opacity: .7;
	filter: alpha(opacity=70);
}


/*------------------------------------------------------------------

	CONTENIDO

-------------------------------------------------------------------*/

#fondo{
	position: relative;
	/*background-image: url(images/fondo.png);*/
	background-size: cover;
	background-position: top left;
	background-repeat: no-repeat;
	z-index: -1;
	overflow: hidden;
}

.medicamentos{
	padding-bottom: 250px;
    background-image: url(images/fondo1.png);
    background-size: auto;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-position-x: -22px;
}


h5{
	font-size: 20px;
	text-align: center;
	line-height: 33px;
	font-weight: 700;
	color: #1c266c;
}

span.color1{
	color: #909be2;
	font-weight: inherit;
}
span.color2{
	color: #62c8c6;
	font-weight: inherit;
}

.medicamentos h5{
	padding: 60px 0 30px;
}

.medibox{
	display: block;
	background-size: cover;
	background-position: bottom right;
	background-repeat: no-repeat;
	margin-top: 40px;
	padding: 66px 65px;
	border-radius: 20px;
	position: relative;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}


.medibox h3{
	font-size: 37px;
	color: #1c266c;
	line-height: 45px;
	font-weight: 600;
	position: relative;
	z-index: 3;
}

.medibox > img{
	position: absolute;
	z-index: 2;
	top: 50%;
	transform: translateY(-50%);
	right: 90px;
	width: 50px;
	height: auto;
}
.medibox:after{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.50);
	border-radius: 20px;
	z-index: 1;
	top: -15px;
	left: -21px;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.medibox:hover:after{
	background-color: rgba(255,255,255,0.20);
	top: 0px;
	left: 0px;
}



section.medicamentos a.btn {
    margin-top: 77px;
}


a.btn.enviar{
	font-size: 20px;
	color: #1c266c;
	font-weight: 400;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 30px;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}


a.btn.enviar strong{
	font-weight: 600;
}

a.btn.enviar img{
	margin-right: 12px;
}

a.btn.enviar:hover  {
	color: #62c8c6;
}



section.items {
    margin-top: -40px;
	margin-bottom: 70px;
}

section.items>.container>.row{
	display: flex;
	align-items: center;
}



.itembox{
    padding-top: 20px;
    padding-bottom: 20px;
	position: relative;
	
}

.col-md-5>.itembox {
	padding-left: 68px;
}

.col-sm-5 .itembox{
    padding-left: 71px;
	
}



.itembox + .itembox{
    margin-top: 355px;
    padding-left: 45px;
}


.itembox .icono{
    position: absolute;
}

.itembox .icono.cruz{
    left: -66px;
    top: -140px;
}

.itembox .icono.flecha{
    right: -130px;
    top: -140px;
	z-index: 1;
}


.itembox h2{
	font-size: 38px;
	line-height: 45px;
	margin-bottom: 30px;
	color: #1c266c;
	font-weight: 700;
}

.itembox h2:before{
	position: relative;
	content: url(images/iso-color.png);
	display: block;
	margin-bottom: 15px;
}


.itembox p{
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
}



.itembox img.colimg {
    left: -20px;
    position: relative;
    top: -46px;
}

.itembox + .itembox img.colimg {
    left: -46px;
}




.itembox > [class*="fondo"]{
	position: absolute;
	z-index: -1;
}

.itembox > .fondo2{
    top: -126px;
    left: -120px;
}


.itembox > .fondo3{
    top: -176px;
    right: -200px;
}


.itembox > .fondo4{
	top: -94px;
    left: -20px;
}



div#clientes {
    margin-top: 30px;
    margin-bottom: 40px;
}





.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    display: flex;
    align-items: center;
}


.owl-carousel .owl-item img {
	max-height: 84px;
    width: auto!important;
    margin: 0 auto;
    max-width: 100%;
}

#clientes .owl-nav {
    position: absolute;
    width: 100%;
    top: 38%;
}

#clientes .owl-nav>div {
    position: absolute;
}

#clientes .owl-nav>div.owl-prev {
    left: -10px;
}

#clientes .owl-nav>div.owl-next {
    right: -10px;
}


#contacto{
	background-image: url(images/contacto-bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	padding: 45px 0 35px;
}

#contacto h2{
	font-size: 47px;
	line-height: 55px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 30px;
}

#contacto h6{
	font-size: 20px;
	line-height: 29px;
	color: #909be2;
	font-weight: 300;
}

#contacto h6{
	font-weight: 600;
}

#contacto .contactar{
	text-align: center;
	width: 100%;
	margin-top: 40px;
	display: flex;
	justify-content: center;
}

#contacto ul li{
	font-size: 16px;
	color: #fff;
	font-weight: 300;
	display: inline-flex;
	align-items: center;
}

#contacto ul li span{
	color: #fff;
	font-weight: 300;
	margin-right: 19px;
}

#contacto ul li a{
	font-weight: 600;
	font-size: 16px;
	display: inline-block;
	color: #fff;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
#contacto ul li a:hover{
	color: #62c8c6;
}


#contacto ul .separador{
	margin: 0px 30px;
	display: inline-block;
}



.formulario{
	background-color: #fff;
	padding: 30px 0 35px;
	border-bottom: 1px solid #c6c8da;
	background-image: url(images/form-bg.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.formulario .form{
	margin: auto;
	max-width: 530px;
}

.form-group {
    margin-bottom: 23px;
    display: flex;
    align-items: end;
}



.form-group:after {
    display: block;
    content: '';
    clear: both;
}

label,input, textarea {
    float: left;
}


label {
	width: 33%;
    margin-right: 3%;
    font-size: 12px;
    color: #a2a29d;
    font-weight: 400;
    padding-bottom: 2px;
    line-height: 16px;
}

input.form-control, textarea.form-control {
	width: 64%;
    border-radius: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #e7e7e6;
    font-size: 12px;
    padding: 6px 12px 1px;
    color: #a2a29d;
    line-height: 16px;
    height: auto;
	background-color: transparent;
}

.form-group.mensaje {
    align-items: start;
	margin-top: 34px;
}

.form-group.mensaje textarea{
	resize: none;
}


.form-control:focus {
    border-color: #c6c6c6;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}


form > .boton {
    display: flex;
    width: auto;
    justify-content: center;
    margin-top: 30px;
    align-items: center;
}


form > .boton > img {
    position: relative;
    left: 35px;
}
input#enviar {
    margin-left: 0;
	position: relative;
    z-index: 2;
    padding: 0;
    padding-left: 47px;
    font-size: 14px;
    text-align: left;
    border: 0;
    color: #1c266c;
    font-weight: 500;
    margin-right: 30px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    background-color: transparent;
}

input#enviar:hover{
	color: #62c8c6;
}

.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.requestSuccess {
    text-align: center;
    margin-top: 40px;
}



/*------------------------------------------------------------------

	FOOTER

-------------------------------------------------------------------*/


footer {
    padding: 22px 0 30px;
    background: #fff;
}


footer .container {
    position: relative;
}


.logo-footer {
    margin-bottom: 5px;
}


footer h6{
    color: #1c266c;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
}
footer p, footer a {
	color: #1c266c;
    font-size: 13px;
    line-height: 27px;
    font-weight: 700;
}

footer p{
	text-align: left;
	display: inline-block;
}

footer a {
	display: block;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
footer a:hover {
    color: #61c7c5;
}

footer a span{
	font-size: 15px;
    color: inherit;
    font-weight: 400;
}

p.copyright .hidden-xs {
    display: inline-block;
}


footer .row {
    display: flex;
    align-items: end;
}





/*------------------------------------------------------------------

	BACK TO TOP

-------------------------------------------------------------------*/
#gotop {
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    right: -20px;
    display: none;
    z-index: 20;
    border: none;
    padding: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}


#gotop:hover{
	opacity: .7;
	filter: alpha(opacity=70);
}

#gotop img {
    width: 35px;
}




@media only screen and (max-width: 1750px) {
	section.items {
    margin-top: 0px;
	}
}


@media only screen and (max-width: 1650px) {
	.medicamentos {
    padding-bottom: 200px;
	}
	section.items {
    margin-top: 70px;
	}
}

@media only screen and (max-width: 1550px) {
	.itembox > .fondo3 img {
    width: 750px;
	}
	.itembox + .itembox {
    margin-top: 285px;
	}
	.medicamentos {
    background-size: contain;
	}
	
	.itembox > .fondo2 {
    top: -126px;
    left: -80px;
	}
	.itembox > .fondo2 img {
    width: 550px;
	}
}





@media only screen and (max-width: 1199px) {
	.medicamentos {
    padding-bottom: 100px;
	}
	.itembox img.colimg {
    left: -55px;
	}
	.itembox + .itembox img.colimg {
    left: 0px;
	}
	.itembox > .fondo3 img {
    width: 680px;
	}
	.itembox > .fondo2 {
    top: -134px;
    left: -97px;
	}

	.itembox > .fondo2 img {
    width: 548px;
	}
	.itembox + .itembox {
    margin-top: 250px;
	}
	.itembox .icono.flecha {
    right: -12px;
    top: -90px;
	}
	.itembox .icono.flecha img {
    width: 150px;
	}
	.itembox .icono.cruz {
    left: 0;
    top: -160px;
	}
	.itembox .icono.cruz img {
    width: 150px;
	}
	.itembox img.colimg {
    width: 250px;
	}
	
	#contacto ul li span, #contacto ul li a{
    font-size: 15px;
	}
	#contacto ul li span {
    margin-right: 12px;
	}
	
	.formulario {
    background-size: auto 68%;
	}
	
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.medibox {
    padding: 44px 42px 55px;
	}
	.medibox:before {
	top: 45%;
    right: 50px;
	}

}
@media only screen and (max-width: 991px) {
	.medicamentos {
    background-size: cover;
    background-position: top center;
    background-position-x: 85%;
	}
	section.items>.container>.row {
    display: block;
	}	
	section.items {
    margin-top: 160px;
	}
	.itembox {
    margin-bottom: 100px;
	}
	
	.itembox > .fondo2 {
    top: -134px;
    left: -50px;
	}
	
	.itembox > .fondo2 img {
    width: 500px;
	}
	
	.itembox {
    width: 100%;
	}
	
	
	.itembox .icono.cruz {
    left: 0;
    top: -160px;
	}
	.itembox .icono.flecha {
    right: -30px;
    top: -70px;
	}
	
	.itembox > .fondo3 {
    top: -80px;
    right: -80px;
	}
	
	.itembox > .fondo3 img {
    width: 500px;
	}
	
	.col-md-7 .itembox:first-child {
    margin-bottom: 70px;
    margin-top: 80px;
	}
	.col-md-7 .itembox:first-child>.row{
	display: flex;
    justify-content: end;
	}
	
	.itembox img.colimg {
    width: 100%;
    left: 0;
	}
	
	.itembox + .itembox {
    margin-top: 0px;
	}
	.col-md-5>.itembox p {
    max-width: 100%;
	}
	
	#contacto .contactar, footer .row  {
    display: block;
    justify-content: center;
	}
	#contacto ul li {
    justify-content: center;
	}
	#contacto ul li {
    display: block;
    margin: 13px 0;
	}
	footer [class*="col-"]{
	margin-bottom: 20px;
	}
	footer .col-sm-12.col-md-4.text-center {
    text-align: left;
	}
	#gotop {
    right: 20px;
	bottom: 20px;
	}
}

@media only screen and (min-width: 768px) {
	p.nowrap{
	white-space: nowrap;
	}
}


@media only screen and (max-width: 768px) {
	
	
	
}



@media only screen and (max-width: 767px) {
	#slider{
	background-attachment: inherit;
	}
	.itembox > .fondo2 {
    top: -134px;
    left: 0;
	}
	
	.itembox {
    width: 100%;
    padding-left: 84px;
	}
	.itembox > .fondo2 {
    top: -134px;
    left: 0;
    width: 100%;
	}
	.itembox > .fondo2 img {
    width: 500px;
    max-width: 98%;
	}
	
	.itembox > .fondo3 {
    top: -20px;
    right: 0px;
	}
	.itembox > .fondo3 img {
    width: 420px;
	}
	
	.col-md-7 .itembox:first-child {
    padding-right: 40px;
	padding-top: 60px;
	}
	.itembox .icono.flecha {
    right: 0;
    top: -70px;
	}
	
	#slider h1 {
    font-size: 47px;
    line-height: 67px;
	}
}

@media only screen and (max-width: 600px) {
	header a + a {
    margin-left: 10px;
	}
	.medibox {
    padding: 40px 35px;
	}
	.medibox > img {
    right: 40px;
    width: 30px;
	}
	
	
	
	.itembox > .fondo2 {
    top: -70px;
	}
	
	.itembox .icono.cruz {
    left: 0;
    top: -80px;
	}
	.itembox .icono.cruz img, .itembox .icono.flecha img {
    width: 100px;
	}
	.col-md-5>.itembox, .col-md-7 .itembox:first-child, .itembox + .itembox {
    padding-left: 40px;
    padding-right: 30px;
	}
	
	.itembox h2 {
    margin-bottom: 20px;
	}
	.col-md-7 .itembox:first-child>.row {
    display: block;
	}
	
	.itembox .col-xs-5, .itembox .col-xs-7{
	width: 100%;
	float: none;
	}
	
	.itembox > .fondo3, .itembox > .fondo4 {
    top: 110px;
    right: 0px;
	left: 0;
	}
	.itembox > .fondo4 {
	top: 75px;
	}
	
	
	.itembox > .fondo2 img, .itembox > .fondo3 img, .itembox > .fondo4 img {
    width: 100%;
    max-width: 100%;
	}
	
	.itembox .icono.flecha {
    right: 15px;
    top: 200px;
	}
	.col-md-7 .itembox:first-child {
    padding-top: 0px;
	}
	
	.itembox img.colimg {
    top: 0px;
    width: 150px;
	}
	
	.itembox + .itembox img.colimg {
    left: 0px;
    float: right;
	}
	
}


@media only screen and (min-width: 486px) {
	.visible-xxs {
    display: none;
	}
}

@media only screen and (max-width: 485px) {
	.hidden-xxs {
    display: none;
	}
	
	
	section.items {
    margin-top: 100px;
	}
	
}

@media only screen and (max-width: 414px) {	

}

@media only screen and (max-width: 375px) {
	#slider h1 {
    font-size: 42px;
    line-height: 56px;
	}
	
	
	.medibox h3 {
    font-size: 30px;
    line-height: 39px;
	}
	.medicamentos {
    padding-bottom: 20px;
	}
	
	.itembox .icono.cruz img, .itembox .icono.flecha img {
    width: 80px;
	}
	.itembox h2 {
    font-size: 33px;
    line-height: 39px;
	margin-bottom: 9px;
	}

}


@media only screen and (max-width: 360px) {
	
	
	#slider h1 {
    font-size: 39px;
    line-height: 50px;
	}
	
	.itembox > .fondo2 {
    top: -50px;
	}
	.itembox .icono.cruz {
    left: -15px;
    top: -40px;
	}
	.itembox h2:before {
    margin-bottom: 4px;
	}
	.itembox p {
    line-height: 18px;
	}
}

@media only screen and (max-width: 320px) {
	#slider h1 {
    font-size: 35px;
    line-height: 48px;
	}
	.medibox {
    padding: 40px 35px 50px;
	}
	.medibox h3 {
    font-size: 27px;
    line-height: 33px;
	}
	.medibox > img {
    right: 32px;
    width: 28px;
    top: 56%;
	}
	
	section.items {
    margin-top: 60px;
	}
}