

.logo-cabezal {
	margin-left: 10px;
}

.navbar-toggle {
	margin-top: 20px;
}

.navbar-nav {
	margin: 0px -15px;
}

.image {
	background-color: #ffffff;
	background: url("../assets/img/bg-home.jpg") no-repeat center center;
	background-size: cover;
	height: 570px;
	margin-top: -20px;
	-webkit-filter: opacity(1);
}

.image .heading {
	color: #004498;
	text-align: left;
	padding-left: 8%;
	padding-top: 200px;
}

.image h1 {
	font-size: 30px;
	font-weight: bold;
	padding-left: 8%;
}

.image h2 {
	color: #004498;
	font-size: 25px;
	padding-left: 10%;
}

.image p {
	background-color: transparent;
	color: white;
	padding: 10px;
	font-size: 1.2em;
	text-align: left;
	padding-left: 12%;
}

.image p .btn:hover {
	color: #5076BB;
	border-color: #5076BB;
}

.navbar {
	height: 80px;
	background-color: transparent;
	border: none;
	color: white;
	z-index: 100;
	-webkit-transition: background-color 1s ease 0s;
	transition: background-color 1s ease 0s;
}

.navbar-default .navbar-brand {
	margin-top: 10px;
	color: white;
}

.navbar-default .navbar-brand:hover {
	color: #5076BB;
	border: 1px solid #5076BB;
}

.navbar-default .navbar-nav>li>a {
	color: white;
	margin: 10px 5px 5px 5px;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active, .navbar-default .navbar-nav>li>a:focus {
	color: #5076BB;
}

.navbar-default .navbar-nav>li>a:visited {
	color: #fff;
	text-decoration: none;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	background-color: transparent;
	color: #5076BB;
}

.navbar-default .navbar-toggle {
	border-color: transparent;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: transparent;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
	color: #000;
	background-color: #000;
}

.navbar-default .navbar-collapse.collapse.in ul {
	background-color: gainsboro;
}

/*featured*/

#info-destacada {
	background: #f3f3f3;
	border-top: solid 1px gray;
}

.our-features {
	float: left;
	width: 100%;
}

.feature {
	float: left;
	width: 100%;
}

.feature-icon {
	float: left;
}

.feature-icon img {
	max-height: 45px;
}

.feature-details {
	float: left;
	width: 80%;
	padding-left: 15px;
}

.feature-details h3 {
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 5px;
	padding-top: 5px;
}

.feature-details span {
	color: #666666;
	font-size: 14px;
	display: block;
}

.bd-btm {
	border-bottom: 1px solid #eeeeee;
}

.bd-top {
	border-top: 1px solid #eeeeee;
}

/*general*/

/*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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}*/

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

a:hover {
	text-decoration: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

.btn-primary {
	background-color: #004498;
	border-color: #004498;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
	margin: 0;
	padding: 0;
}

a:focus {
	text-decoration: none;
	outline: none;
}

button {
	outline: none;
}

input {
	outline: none;
}

textarea {
	outline: none;
}

.block {
	float: left;
	width: 100%;
	position: relative;
	z-index: 99;
	padding: 25px 0;
}

.block2 {
	float: left;
	width: 100%;
	position: relative;
	z-index: 99;
	padding: 50px 0;
}

.block3 {
	float: left;
	width: 100%;
	position: relative;
	z-index: 99;
	padding: 30px 0 60px 0;
}

.block4 {
	float: left;
	width: 100%;
	position: relative;
	z-index: 99;
	padding: 120px 0;
}

.block5 {
	float: left;
	width: 100%;
	position: relative;
	z-index: 99;
	padding: 110px 0 70px 0;
}

.container-fluid {
	padding: 0;
}

.block.no-padding {
	padding: 0;
}

.block.less-padding {
	padding: 80px 0;
}

.block.less-padding2 {
	padding: 60px 0;
}

.block.less-padding3 {
	padding: 90px 0;
}

.block.footer-pd {
	padding: 120px 0 80px 0;
}

.remove-btm-gap {
	padding-bottom: 0 !important;
}

.remove-top-gap {
	padding-top: 0 !important;
}

.overlay {
	position: relative;
}

.overlay:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(to left, #2a741c, #bfa61c);
	background: -moz-linear-gradient(to left, #2a741c, #bfa61c);
	background: -ms-linear-gradient(to left, #2a741c, #bfa61c);
	background: -o-linear-gradient(to left, #2a741c, #bfa61c);
	background: linear-gradient(to left, #2a741c, #bfa61c);
	z-index: 0;
	opacity: 0.90;
}

.fixed-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-size: cover;
}

.bg1 {
	background-color: #f6f6f6;
}

.bg2 {
	background-image: url(http://placehold.jp/1920x450.png);
}

.bg3 {
	background-color: #f4f4f4;
}

.bg4 {
	background-image: url(http://placehold.jp/1920x150.png);
	background-position: center;
}

.bg5 {
	background-color: #f0f1f3;
}

.wrapper {
	float: left;
	width: 100%;
	overflow: hidden;
}

.wrapper.boxed {
	float: none;
	margin: 0 auto;
	width: 1230px;
	background: #fff;
	z-index: 1;
	box-shadow: 0 0 10px #909090;
}


/*titulo/*

/* ========= title ========== */

.title {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 60px;
}

.title h2 {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 300;
	position: relative;
	width: auto;
	display: inline-block;
	padding-bottom: 10px;
	color: #004498;
	font-weight: bolder;
}

.title h2:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 80%;
	height: 3px;
}

.title.style2 h2 {
	font-size: 18px;
	font-weight: 500;
}

/* Solid class attached on scroll past first section */

.navbar.solid {
	background-color: #ffffff;
	-webkit-transition: background-color 1s ease 0s;
	transition: background-color 1s ease 0s;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

.navbar.solid .navbar-brand {
	color: #5076BB;
	-webkit-transition: color 1s ease 0s;
	transition: color 1s ease 0s;
}

.navbar.solid .navbar-nav>li>a {
	color: #5076BB;
	-webkit-transition: color 1s ease 0s;
	transition: color 1s ease 0s;
}

.about {
	background-color: #5076BB;
	color: #490D40;
	height: 600px;
	text-align: center;
	margin-top: -20px;
}

.about h2 {
	padding-top: 220px;
}

.about p {
	padding: 20px 80px;
}

.recomendacion {
	border-top: solid 1px gainsboro;
	border-bottom: solid 1px gainsboro;
	margin-bottom: 2%;
	padding-top: 1%;
}

.pie-fedex {
	text-align: center;
}

.planeta {
	width: 100px;
	padding: 0;
}

.planeta img {
	text-align: center;
	margin-bottom: 20px;
	max-width: 63px;
}

.fedex {
	width: 25vh;
	padding: 0;
}

.fedex img {
	text-align: center;
	margin-bottom: 20px;
}

.web {
	text-align: center;
	margin-bottom: 2%;
	color: #666666;
	font-size: 15px;
	margin-left: auto;
	margin-right: auto;
	border: 0;
	padding: 0;
}

/*formulario de contacto*/

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
	outline: none;
}

/*TITULO*/

.section-heading .section-title {
	position: relative;
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 50px;
}

.section-heading .section-title:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 50px;
	height: 4px;
	background: #004498;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.contact-form-wrap {
	padding: 30px;
	border-radius: 10px;
	-webkit-box-shadow: 0 23px 49px 0 rgba(61, 82, 96, 0.15);
	box-shadow: 0 23px 49px 0 rgba(61, 82, 96, 0.15);
}

.contact-form-wrap .contact-form-group {
	position: relative;
	margin-bottom: 30px;
}

.contact-form-wrap .contact-form-group>i {
	left: 14px;
	top: 14px;
	width: 32px;
	height: 32px;
	position: absolute;
	text-align: center;
	line-height: 32px;
	border-radius: 50%;
	display: inline-block;
	pointer-events: none;
	color: #004498;
	background: rgba(10, 192, 131, 0.2);
	font-size: 12px;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
}

.contact-form-wrap .contact-form-group .form-control {
	height: 60px;
	color: #000;
	outline: none;
	font-size: 15px;
	border: solid 1px gainsboro;
	border-radius: 5px;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
	-webkit-box-shadow: 0 5px 20px 0 rgba(61, 82, 96, 0.15);
	box-shadow: 0 5px 20px 0 rgba(61, 82, 96, 0.15);
}

@media screen and (max-width: 576px) {
	.contact-form-wrap .contact-form-group .form-control {
		font-size: 14px;
	}
}

.contact-form-wrap .contact-form-group .form-control:focus {
	outline: none;
	border: none;
	color: #000;
	-webkit-box-shadow: 0 23px 49px 0 rgba(61, 82, 96, 0.15);
	box-shadow: 0 23px 49px 0 rgba(61, 82, 96, 0.15);
}

.contact-form-wrap .contact-form-group #txtInput {
	padding-left: 90px;
}

.contact-form-wrap .contact-form-group #txtCaptchaSpan {
	position: absolute;
	top: 50%;
	height: 60px;
	padding-left: 14px;
	padding-right: 14px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #004498;
	color: #fff;
	border-radius: 5px 0 0 5px;
}

.contact-form-wrap .contact-form-group textarea.form-control {
	height: auto;
	padding-top: 20px;
}

.contact-form-wrap .empty-form span, .contact-form-wrap .email-invalid span, .contact-form-wrap .phone-invalid span, .contact-form-wrap .terms-alert span, .contact-form-wrap .subject-alert span, .contact-form-wrap .security-alert span {
	display: block;
	padding: 20px;
	margin-bottom: 10px;
	border-radius: 5px;
	color: #721c24;
	background: rgba(242, 116, 116, 0.2);
}

#error_message {
	margin-top: 30px;
	display: block;
	padding: 20px;
	border-radius: 5px;
	word-break: break-word;
	background: rgba(242, 116, 116, 0.2);
	color: #721c24;
}

.custom-modal .modal-header {
	text-align: center;
	padding: 20px;
}

.custom-modal .modal-header h5, .custom-modal .modal-header button {
	color: #fff;
}

.custom-modal .modal-header.danger {
	background: #f27474;
	color: #fff;
}

.custom-modal .modal-header.success {
	background: #004498;
	color: #fff;
}

.custom-modal .modal-header.terms {
	background: #07f;
	color: #fff;
}

.custom-modal .modal-body {
	padding: 20px;
}

.custom-modal .modal-body .form-popup-inner {
	text-align: center;
}

.custom-modal .modal-body .form-popup-inner .form-icon {
	margin-bottom: 30px;
}

.custom-modal .modal-body .form-popup-inner .form-icon svg {
	width: 100px;
	height: 100px;
	border-radius: 50%;
}

.custom-modal .modal-body .form-popup-inner .form-icon.danger svg {
	fill: #f27474;
	stroke: #f27474;
	background: rgba(242, 116, 116, 0.1);
}

.custom-modal .modal-body .form-popup-inner .form-icon.success svg {
	fill: #004498;
	stroke: #004498;
	background: rgba(10, 192, 131, 0.1);
}

.custom-modal .modal-footer {
	padding: 20px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.path {
	stroke-dasharray: 1000;
	stroke-dashoffset: 0;
}

.path.circle {
	-webkit-animation: dash 0.9s ease-in-out;
	animation: dash 0.9s ease-in-out;
}

.path.line {
	stroke-dashoffset: 1000;
	-webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
	animation: dash 0.9s 0.35s ease-in-out forwards;
}

.path.check {
	stroke-dashoffset: -100;
	-webkit-animation: dashCheck 0.9s 0.35s ease-in-out forwards;
	animation: dashCheck 0.9s 0.35s ease-in-out forwards;
}

@-webkit-keyframes dash {
	0% {
		stroke-dashoffset: 1000;
	}
	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes dash {
	0% {
		stroke-dashoffset: 1000;
	}
	100% {
		stroke-dashoffset: 0;
	}
}

@-webkit-keyframes dashCheck {
	0% {
		stroke-dashoffset: -100;
	}
	100% {
		stroke-dashoffset: 900;
	}
}

@keyframes dashCheck {
	0% {
		stroke-dashoffset: -100;
	}
	100% {
		stroke-dashoffset: 900;
	}
}

.custom-control {
	padding: 0;
}

.custom-control .custom-control-input {
	position: relative;
}

.custom-control span {
	vertical-align: middle;
	margin-left: 14px;
	color: #000;
}

.custom-control span a {
	color: #004498;
}

@media screen and (max-width: 576px) {
	.custom-control span {
		font-size: 14px;
	}
}

.custom-control .custom-control-label {
	margin-left: 0;
	width: 32px;
	height: 32px;
	outline: none;
	text-align: center;
	line-height: 32px;
}

.custom-control .custom-control-label::before {
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	cursor: pointer;
	text-align: center;
	line-height: 32px;
	position: absolute;
	border: none !important;
	pointer-events: initial;
	border-radius: 50% !important;
	display: inline-block;
	color: #004498;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	background: rgba(10, 192, 131, 0.2);
	font-size: 12px;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
}

.custom-control-input:checked~.custom-control-label::before, .custom-control-label:active::before, .custom-control-input:not(:disabled):active~.custom-control-label::before {
	border: none;
	content: "\f00c";
	color: #004498;
	background: rgba(10, 192, 131, 0.2);
}

.custom-control-label::after {
	display: none;
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
	border: none;
}

.form-validate-icons {
	top: 0;
	right: 14px;
	height: 60px;
	position: absolute;
	line-height: 60px;
}

.form-validate-icons span {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.form-validate-icons span:before {
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
}

.form-validate-icons span.error {
	opacity: 1;
	visibility: visible;
}

.form-validate-icons span.error:before {
	content: "\f00d";
	color: #f27474;
	background: rgba(242, 116, 116, 0.2);
}

.form-validate-icons span.success {
	opacity: 1;
	visibility: visible;
}

.form-validate-icons span.success:before {
	content: "\f00c";
	color: #004498;
	background: rgba(10, 192, 131, 0.2);
}

.custom-select-wrapper {
	position: relative;
}

.custom-select-wrapper select, .custom-select-wrapper .select-hide {
	display: none;
}

.custom-select-wrapper .select-selected {
	border-radius: 5px;
	outline: none;
	padding: 18px 60px;
	font-size: 15px;
	border: none;
	cursor: pointer;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
	background-color: #fff;
	color: #677294 !important;
	-webkit-box-shadow: 0px 5px 20px 0px rgba(61, 82, 96, 0.15);
	box-shadow: 0px 5px 20px 0px rgba(61, 82, 96, 0.15);
}

.custom-select-wrapper .select-selected:focus {
	outline: none;
	border: none;
	-webkit-box-shadow: 0px 23px 49px 0px rgba(61, 82, 96, 0.15);
	box-shadow: 0px 23px 49px 0px rgba(61, 82, 96, 0.15);
}

.custom-select-wrapper .select-selected:after {
	right: 14px;
	top: 14px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 50%;
	content: "\f078";
	position: absolute;
	pointer-events: none;
	display: inline-block;
	color: #004498;
	background: rgba(10, 192, 131, 0.2);
	font-size: 14px;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
}

.custom-select-wrapper .select-selected.select-arrow-active:after {
	content: "\f077";
}

.custom-select-wrapper .select-items {
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
	margin-top: 10px;
	position: absolute;
	background-color: #fff;
	-webkit-box-shadow: 0px 23px 49px 0px rgba(61, 82, 96, 0.15);
	box-shadow: 0px 23px 49px 0px rgba(61, 82, 96, 0.15);
}

.custom-select-wrapper .select-items .same-as-selected {
	background-color: #004498;
	border-bottom-color: #004498;
	color: #fff !important;
}

.custom-select-wrapper .select-items .same-as-selected:after {
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
}

.custom-select-wrapper .select-items div {
	color: #000;
	outline: none;
	width: 100%;
	display: block;
	padding: 18px 60px;
	font-size: 15px;
	border: none;
	cursor: pointer;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

@media screen and (max-width: 576px) {
	.custom-select-wrapper .select-items div {
		font-size: 14px;
	}
}

.custom-select-wrapper .select-items div:focus {
	outline: none;
	border: none;
	-webkit-box-shadow: 0 23px 49px 0 rgba(61, 82, 96, 0.15);
	box-shadow: 0 23px 49px 0 rgba(61, 82, 96, 0.15);
}

.custom-select-wrapper .select-items div:last-child {
	border-bottom: 0;
}

.custom-select-wrapper .select-items div:after {
	content: "\f036";
	left: 14px;
	top: 14px;
	width: 32px;
	height: 32px;
	z-index: 14;
	position: absolute;
	text-align: center;
	line-height: 32px;
	border-radius: 50%;
	display: inline-block;
	color: #004498;
	background: rgba(10, 192, 131, 0.2);
	font-size: 12px;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
}

.custom-select-wrapper .select-items div:hover {
	background-color: #004498;
	border-bottom-color: #004498;
	color: #fff;
}

.custom-select-wrapper .select-items div:hover:after {
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
}

.contact-btn-left {
	text-align: center;
}

.col-lg-9 {
	width: 78%;
	padding: 0;
}

/* ============= fedex-banner ============= */

.fedex-banner {
	float: left;
	width: 100%;
	position: relative;
}

.fedex-banner:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.fedex-banner img {
	width: 100%;
}

.fedex-banner-description {
	position: absolute;
	bottom: 160px;
	width: 100%;
	text-align: center;
}

.fedex-banner-description h3 {
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 300;
	padding-bottom: 20px;
	position: relative;
	line-height: normal;
}

.fedex-banner-description h3:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 49%;
	width: 187px;
	height: 3px;
	transform: translateX(-50%);
}

.fedex-banner-description h2 {
	color: #ffffff;
	font-size: 48px;
	font-weight: 500;
	text-transform: uppercase;
	padding-bottom: 30px;
}

.fedex-banner-description>a {
	display: inline-block;
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	border: 2px solid #ffffff;
	padding: 14px 20px 13px 20px;
}

.fedex-banner-description>a i {
	font-size: 12px;
	padding-left: 5px;
}

.fedex-banner button {
	margin-top: 10px;
}

.fedex img {
	width: auto;
	max-width: 45px;
}

/* =============== footer-style2 =============== */

/*.footer-style2 {
	float: left;
	width: 100%;
	padding: 100px 0;
}

.footer-data2 {
	float: left;
	width: 100%;
}

.widget {
	float: left;
	width: 26%;
}*/

.widget-about img {
	max-width: 100%;
	margin-bottom: 40px;
}

.widget-about.style2 img {
	margin-bottom: 20px;
}

.widget-about.style2 p {
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 20px;
}

.widget-about.style2 h2 {
	color: #666666;
	font-size: 24px;
	font-weight: 500;
	float: left;
	width: 100%;
	margin-bottom: 35px;
}

.widget-about.style2 ul li a {
	font-size: 24px;
}

.widget-about.style2 ul li {
	padding: 0 15px;
}

.widget-about p {
	color: #666666;
	font-size: 14px;
	line-height: 26px;
	width: 100%;
	margin-bottom: 30px;
}

.widget-about ul {
	float: left;
	width: 100%;
}

.widget-about ul li {
	display: inline-block;
	padding: 0 10px;
}

.widget-about ul li:first-child {
	padding-left: 0;
}

.widget-about ul li a {
	color: #cccccc;
	font-size: 16px;
	transition: all 0.4s ease-in-out;
}

.widget-about ul li a:hover {
	color: #000000;
}

.widget-title {
	float: left;
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.widget-links ul {
	float: left;
	width: 100%;
}

.widget-links ul li {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.widget-links ul li:last-child {
	margin-bottom: 0;
}

.widget-links ul li a {
	color: #666666;
	font-size: 14px;
	font-weight: 400;
	text-transform: capitalize;
	position: relative;
	padding-left: 20px;
	display: inline-block;
}

.widget-links ul li a:before {
	content: '';
	position: absolute;
	top: 40%;
	left: 0;
	width: 7px;
	height: 8px;
	border: 1px solid #666666;
	transform: translateY(-50%);
	border-radius: 200px;
	transition: all 0.4s ease-in-out;
}

.widget-links ul li a:hover:before {
	background-color: #666666;
}

.footer-data2.hp2 .widget-about.style2 ul li a {
	font-size: 16px;
}

.footer-data2.hp2 .widget-about.style2 ul li {
	padding: 0 10px;
}

.footer-data2.hp2 .widget-about.style2 img {
	margin-bottom: 32px;
}

.footer-data2.hp2 .widget-about.style2 p {
	margin-bottom: 32px;
}

.msp img {
	max-width: 200px;
}

.latu img {
	max-width: 100px;
}

/* ============== widget-contact-info ============== */


.widget-contact-info ul {
	float: left;
	width: 100%;
}

.widget-contact-info ul li {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.widget-contact-info ul li:last-child {
	margin-bottom: 0;
}

.widget-contact-info ul li i {
	float: left;
	color: #666666;
	font-size: 14px;
	width: 16px;
	margin-top: 3px;
}

.widget-contact-info ul li:first-child i {
	font-size: 18px;
}

.widget-contact-info ul li:last-child i {
	font-size: 22px;
	margin-top: 0px;
}

.widget-contact-info ul li span {
	color: #666666;
	font-size: 14px;
	line-height: 24px;
	float: left;
	width: 80%;
	padding-left: 10px;
}

.widget-contact-info ul li span b {
	font-weight: 500;
}

.widget-contact-info ul li span strong {
	font-weight: 500;
	font-size: 18px;
}

.footer-medical {
	text-align: center;
}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| OTRA VEZ ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*/// GENERAL ///*/

:root {
    --azul: #004498;
    --azul-claro: #0267ff;
    --celeste: #daeaff;
}

* {
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

html {
    scroll-behavior: smooth;
}

body {
    background: #fff;
    color: #333;
    font-family: "Rubik", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;
	overflow-x: hidden;
}

strong {
    font-weight: 500;
}

button {
    background: var(--azul);
    border: none;
    border-radius: 25px;
    color: #fff;
    font-weight: 300;
    line-height: 1em;
    text-transform: uppercase;
    padding: 15px 25px;
}

button:hover {
    background: var(--azul-claro);
}

button.secundario {
    background: #999;
}

button.secundario:hover {
    background: #777;
}

/*/// DESTACADOS ///*/

#destacados {
    background: var(--celeste);
    padding: 50px 0;
}

#destacados .item {
    position: relative;
}

#destacados .item img {
    width: auto;
    height: 45px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

#destacados .item p {
    margin: 0;
    padding-left: 60px;
}

@media (min-width: 768px) {
    
    #destacados .row {
        display: flex;
        align-items: center;
    }
    
}

@media (max-width: 767px) {
    
    #destacados .container {
        width: 85%;
    }
    
    #destacados .item {
        width: 100%;
        margin-bottom: 30px;
    }
    
    #destacados .row .item:last-child {
        margin-bottom: 0;
    }
    
}

/*/// PRODUCTOS ///*/

#productos {
    padding: 90px 0 50px;
}

#productos h2 {
    color: #111;
    font-size: 40px;
    letter-spacing: 2px;
    line-height: 1.3em;
    margin: 0 0 50px;
    text-align: center;
}

.producto {
    background: #f2f2f2;
    border: 1px solid #ccc;
    font-size: 0;
    margin-bottom: 50px;
    overflow: hidden;
}

.producto .imagen {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 50%;
}

.producto .imagen img {
    float: none;
    width: 100%;
    height: auto;
    position: relative;
}

.producto .info {
    background: #f2f2f2;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    padding: 50px;
    width: 50%;
    position: relative;
}

.producto .info .titulo {
	color: var(--azul);
	font-size: 36px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0 0 15px;
}

.producto .info .subtitulo {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.producto .info .precio {
    color: #111;
    font-size: 32px;
    line-height: 1.2em;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.producto .info .datos {
    margin-bottom: 10px;
}

.producto button {
    margin-top: 20px;
    margin-right: 15px;
}

.producto button.consultar {
    margin-right: 0;
}

@media (max-width: 1199px) {
    
    .producto .info .titulo {
        font-size: 32px;
    }
    
    .producto .info .precio {
        font-size: 28px;
    }
    
}

@media (max-width: 1199px) and (min-width: 768px) {
    
    .producto .imagen img {
        width: 120%;
        left: -10%;
    }
    
}

@media (max-width: 991px) and (min-width: 768px) {
    
    .producto .imagen.zoom img {
        width: 160%;
        left: -30%;
    }
    
}

@media (min-width: 768px) {
    
    .producto .imagen::before {
        content: "";
        background: #fff;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 100%;
        height: 250%;
    }
    
}

@media (max-width: 767px) {
    
    #productos {
        padding: 75px 0 30px;
    }
    
    #productos h2 {
        font-size: 36px;
    }
    
    .producto {
        display: block;
        width: 85%;
        margin: 0 auto 50px;
    }
    
    .producto .imagen, .producto .info {
        display: block;
        text-align: center;
        width: 100%;
    }
    
    .producto .info {
        padding: 30px;
    }
    
    .producto .info .titulo {
        font-size: 30px;
    }
    
    .producto .info .precio {
        font-size: 26px;
    }
    
}

@media (max-width: 650px) {
    
    .producto button.solicitar {
        margin-right: 0;
    }
    
}

@media (max-width: 500px) {
    
    .producto button {
        display: block;
        width: 100%;
        margin: 10px 0 0;
    }
    
    .producto button.cotizar {
        margin-top: 30px;
    }
    
}

/*/// FORMULARIOS ///*/

.modal {
    padding: 0 !important;
}

.modal .modal-dialog {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) !important;
}

.modal .modal-content {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

@media (max-width: 767px) {
    
    .modal .modal-dialog {
        width: 85%;
        margin: 50px auto 0;
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0,0) !important;
    }
    
}

@media (max-width: 767px) and (max-height: 925px) {
    
    .modal .modal-dialog {
        height: calc(100vh - 100px);
        overflow-y: scroll;
    }
    
}

/* Titulo */

.modal .modal-header {
    padding: 30px;
    position: relative;
}

.modal .modal-header h5 {
    font-weight: 400;
    line-height: 1.3em;
	text-transform: uppercase;
	text-align: center;
}

.modal .modal-header span {
	color: #004498;
	font-size: 25px;
	font-weight: bold;
	display: block;
	margin-top: 5px;
}

.modal .modal-header button {
    background: transparent;
    color: #999;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 10px;
    right: 15px;
}

.modal .modal-header button:hover {
	color: #9c2a08;
    
}

@media (max-width: 767px) {
    
    .modal .modal-header h5 {
        font-size: 14px;
    }
    
    .modal .modal-header span {
        font-size: 20px;
    }
    
}

/* Cuerpo */

.modal .modal-body {
    padding: 30px;
    position: relative;
}

.modal label {
	color: #333;
	font-weight: 400;
}

.modal .form-control {
    border-radius: 0;
}

.modal .btn-enviar {
	text-align: center;
	margin-bottom: 10px;
}

.modal .btn-send {
    border-radius: 25px;
	font-weight: 300;
    line-height: 1em;
    text-transform: uppercase;
    padding: 15px 25px;
}

.modal .btn-send:hover {
    background: var(--azul-claro);
}

/* Errores y Mensajes */

.modal .has-error .form-control {
    box-shadow: none;
}

.modal .help-block.with-errors {
	color: #ff5050;
    font-size: 12px;
	margin-top: 5px;
}

.modal .messages button:hover {
    background: transparent;
}

/*/// CATÁLOGO ///*/

#catalogo {
    background: var(--celeste);
    padding: 100px 0;
    text-align: center;
}

#catalogo .container {
    position: relative;
}

#catalogo img {
    width: 100px;
    height: auto;
    margin: 0 0 50px;
}

#catalogo p {
    font-size: 25px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.3em;
    text-transform: uppercase;
    margin: 0 0 50px;
}

#catalogo a {
    background: var(--azul);
    border: none;
    border-radius: 25px;
    color: #fff;
    font-weight: 300;
    line-height: 1em;
    display: inline-block;
    text-transform: uppercase;
    padding: 15px 25px;
}

#catalogo a:hover {
    background: var(--azul-claro);
}

@media (max-width: 767px) {
    
    #catalogo {
        padding: 80px 0;
    }
    
    #catalogo p {
        font-size: 20px;
    }
    
}

/*/// MUESTRAS ///*/

#muestras {
    background: url("../assets/img/bg-fedex.jpg") no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 100px 0;
}

#muestras::before {
    content: "";
    background: #000;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#muestras .container {
    position: relative;
}

#muestras img {
    width: 85%;
    max-width: 500px;
    height: auto;
}

#muestras p {
    font-size: 25px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.3em;
    text-transform: uppercase;
    margin: 50px auto 0;
    width: 85%;
    max-width: 800px;
}

@media (max-width: 767px) {
    
    #muestras {
        padding: 80px 0;
    }
    
    #muestras img {
        max-width: 300px;
    }
    
    #muestras p {
        font-size: 20px;
    }
    
}

/*/// FOOTER ///*/

.widgets {
    padding: 100px 0;
    /*text-align: center;*/
}

@media (max-width: 767px) {
    
    .widgets {
        width: 85%;
        padding: 80px 0;
        margin: 0 auto;
    }
    
    .widgets .widget-about {
        text-align: left;
        margin: 0;
    }
    
    .widgets .certificados {
        margin-bottom: 30px;
    }
        
}

/* Copyright */

.footer-medical {
    background: var(--celeste);
    padding: 30px 7.5%;
}

.footer-medical p {
    margin: 0;
}

@media (max-width: 767px) {
    
    .footer-medical p {
        font-size: 14px;
    }
    
}