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

@import url(header.css);
@import url(middle.css);
@import url(content.css);
@import url(footer.css);
@import url(components.css);

/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
body {
	background-color: #fffff;
	margin: 0;
	padding: 0;
	color: #000;
}
html, body, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, b, input, select, textarea, p, span {
	font-family: 'Roboto', Tahoma, Arial, Helvetica, "Trebuchet MS", sans-serif;
}
h1, h2, h3, h4, h5, h6, 
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	font-family: 'Encode Sans', 'Roboto', Tahoma, Arial, Helvetica, "Trebuchet MS", sans-serif;
	font-weight: 200;
	color: #137d3f;
	line-height: inherit;
	padding: 0;
	margin: 0;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	color: #005d1e;
	padding: 0 20px;
}
p {
	color: #000;
	line-height: 120%;
	text-align: justify;
}
a, a i {
	text-decoration: none !important;
	color: #c82119;
	transition: all 1.0s  ease !important;
}
a:hover, a i:hover {
	color: #005d1e;
	text-decoration: none !important;
}
strong {
	font-weight: 700;
	color: #137d3f;
}

/* ---------------------------------------------------------- */
/* ESTILOS PERMANENTES -------------------------------------- */
/* ---------------------------------------------------------- */
.container {
	margin: 0;
	padding: 0;
}
/* ---------------------------------------------------------- */
.div-clear {
	display: block;
	clear: both;
}
/* ---------------------------------------------------------- */
.m-05  {margin: 5px !important;}
.mx-05 {margin-left: 5px; margin-right: 5px !important;}
.my-05 {margin-top: 5px; margin-bottom: 5px !important;}
.mt-05 {margin-top: 5px !important;}
.ml-05 {margin-left: 5px !important;}
.mb-05 {margin-bottom: 5px !important;}
.mr-05 {margin-right: 5px !important;}

.m-10  {margin: 10px !important;}
.mx-10 {margin-left: 10px; margin-right: 10px !important;}
.my-10 {margin-top: 10px; margin-bottom: 10px !important;}
.mt-10 {margin-top: 10px !important;}
.ml-10 {margin-left: 10px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mr-10 {margin-right: 10px !important;}

.m-15  {margin: 15px !important;}
.mx-15 {margin-left: 15px; margin-right: 15px !important;}
.my-15 {margin-top: 15px; margin-bottom: 15px !important;}
.mt-15 {margin-top: 15px !important;}
.ml-15 {margin-left: 15px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mr-15 {margin-right: 15px !important;}

.m-20  {margin: 20px !important;}
.mx-20 {margin-left: 20px; margin-right: 20px !important;}
.my-20 {margin-top: 20px; margin-bottom: 20px !important;}
.mt-20 {margin-top: 20px !important;}
.ml-20 {margin-left: 20px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mr-20 {margin-right: 20px !important;}

.m-25  {margin: 25px !important;}
.mx-25 {margin-left: 25px; margin-right: 25px !important;}
.my-25 {margin-top: 25px; margin-bottom: 25px !important;}
.mt-25 {margin-top: 25px !important;}
.ml-25 {margin-left: 25px !important;}
.mb-25 {margin-bottom: 25px !important;}
.mr-25 {margin-right: 25px !important;}

.m-30  {margin: 30px !important;}
.mx-30 {margin-left: 30px; margin-right: 30px !important;}
.my-30 {margin-top: 30px; margin-bottom: 30px !important;}
.mt-30 {margin-top: 30px !important;}
.ml-30 {margin-left: 30px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mr-30 {margin-right: 30px !important;}

.p-05  {padding: 5px !important;}
.px-05 {padding-left: 5px; padding-right: 5px !important;}
.py-05 {padding-top: 5px; padding-bottom: 5px !important;}
.pt-05 {padding-top: 5px !important;}
.pl-05 {padding-left: 5px !important;}
.pb-05 {padding-bottom: 5px !important;}
.pr-05 {padding-right: 5px !important;}

.p-10  {padding: 10px !important;}
.px-10 {padding-left: 10px; padding-right: 10px !important;}
.py-10 {padding-top: 10px; padding-bottom: 10px !important;}
.pt-10 {padding-top: 10px !important;}
.pl-10 {padding-left: 10px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pr-10 {padding-right: 10px !important;}

.p-15  {padding: 15px !important;}
.px-15 {padding-left: 15px; padding-right: 15px !important;}
.py-15 {padding-top: 15px; padding-bottom: 15px !important;}
.pt-15 {padding-top: 15px !important;}
.pl-15 {padding-left: 15px !important;}
.pb-15 {padding-bottom: 15px !important;}
.pr-15 {padding-right: 15px !important;}

.p-20  {padding: 20px !important;}
.px-20 {padding-left: 20px; padding-right: 20px !important;}
.py-20 {padding-top: 20px; padding-bottom: 20px !important;}
.pt-20 {padding-top: 20px !important;}
.pl-20 {padding-left: 20px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pr-20 {padding-right: 20px !important;}

.p-25  {padding: 25px !important;}
.px-25 {padding-left: 25px; padding-right: 25px !important;}
.py-25 {padding-top: 25px; padding-bottom: 25px !important;}
.pt-25 {padding-top: 25px !important;}
.pl-25 {padding-left: 25px !important;}
.pb-25 {padding-bottom: 25px !important;}
.pr-25 {padding-right: 25px !important;}

.p-30  {padding: 30px !important;}
.px-30 {padding-left: 30px; padding-right: 30px !important;}
.py-30 {padding-top: 30px; padding-bottom: 30px !important;}
.pt-30 {padding-top: 30px !important;}
.pl-30 {padding-left: 30px !important;}
.pb-30 {padding-bottom: 30px !important;}
.pr-30 {padding-right: 30px !important;}
/* ---------------------------------------------------------- */
.opacity {
	filter: alpha(opacity=1.0);
	-moz-opacity: 1.0;
	-webkit-opacity: 1.0;
	-ms-opacity: 1.0;
	-o-opacity: 1.0;
	opacity: 1.0;
}
.opacity:hover{
	filter: alpha(opacity=0.5);
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;
	-ms-opacity: 0.5;
	-o-opacity: 0.5;
	opacity: 0.5;
}
.opacity2 {
	filter: alpha(opacity=0.5);
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;
	-ms-opacity: 0.5;
	-o-opacity: 0.5;
	opacity: 0.5;
}
.opacity2:hover{
	filter: alpha(opacity=1.0);
	-moz-opacity: 1.0;
	-webkit-opacity: 1.0;
	-ms-opacity: 1.0;
	-o-opacity: 1.0;
	opacity: 1.0;
}
/*------------------------------------------*/
.shadow-outer {
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.6);
	-ms-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.6);
	-o-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.6);
}
.shadow-inner {
	-webkit-box-shadow: inset 0px 0px 20px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 0px 20px 10px rgba(0,0,0,0.5);
	-ms-box-shadow: inset 0px 0px 20px 10px rgba(0,0,0,0.5);
	-o-box-shadow: inset 0px 0px 20px 10px rgba(0,0,0,0.5);
	box-shadow: inset 0px 0px 20px 10px rgba(0,0,0,0.5);
}
/* ---------------------------------------------------------- */
.nowrap {
	white-space: nowrap;
}
.text-shadow {
	text-shadow: rgba(0,0,0,0.3) 1px 1px 2px;
}
.text-shadow-heading {
	text-shadow: rgba(0,0,0,0.3) 1px 1px 3px;
}
.text-color-white {
	color: #ffffff !important;
}
.text-color-black {
	color: #000000 !important;
}
.text-color-orange {
	color: #e94e1b !important;
}
.text-color-beige {
	color: #fdd496 !important;
}
.text-color-whatsapp {
	color: #00E676 !important;
}
.text-important-cian {
	background-color: #cce9f6;
}
.text-important-green {
	background-color: #eaf2cf;
}
.text-important-orange {
	background-color: #fce7d3;
}
.text-important-magenta {
	background-color: #f9ccd3;
}
.text-important-content {
	padding: 20px;
}
/* ---------------------------------------------------------- */
.border-radius {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border.htc);
}
.border-bottom-gray {
	border-bottom: #b5b5b5 solid 1px;
}
.border-bottom-cian {
	border-bottom: #0074b1 solid 2px;
}
.border-bottom-white {
	border-bottom: #FFF solid 2px;
}
/* ---------------------------------------------------------- */
.breadcrumb {
	margin-top: 20px;
	margin-bottom: 0px !important;
	font-size: 14px;
  background-color: rgba(200,211,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
.breadcrumb-item + .breadcrumb-item::before {
  color: #b2b3b5;
  content: "|";
}
.breadcrumb-item.active {
  color: rgba(0,0,0,0.5);
}
/* ---------------------------------------------------------- */
.fancybox-caption__body {
	font-size: 18px;
	line-height: 24px;
}
.fancybox-caption__body strong {
	color: #FF0;
}
/* ---------------------------------------------------------- */
.pagina-error img {
	width: 100% !important;
	height: auto;
	max-width: 800px;
}
/* ---------------------------------------------------------- */
.red, .green, .blue, .cian, .magenta, .yellow, .black {
	min-height: 113px;
	max-height: 300px;
}
.red {
	background-color: rgba(255,0,0,0.3);
}
.green {
	background-color: rgba(0,255,0,0.3);
}
.blue {
	background-color: rgba(0,0,255,0.3);
}
.cian {
	background-color: rgba(0,174,239,0.3);
}
.magenta {
	background-color: rgba(236,0,140,0.3);
}
.yellow {
	background-color: rgba(255,242,0,0.3);
}
.black {
	background-color: rgba(0,0,0,0.3);
}
.contact .icon {
	width: 144px;
	height: 144px;
	margin: 0 auto;
	
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	behavior: url(border.htc);
	
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);
	-ms-box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);
	-o-box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);

	background-color: #1b3c6a;

  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.contact .icon i {
	font-size: 80px;
	color: #FFF;
}
.btn-customer {
    padding: 15px 20px;
    font-size: 16px;
    line-height: 100%;
    color: #FFF;
    text-align: center;
    border: none;
    border-bottom: #a6e29d solid 5px;
    background-color: rgba(1,95,32,0.8);
    transition: all 1s ease;
}

.modal-body table p{
	margin:0;
	padding:0;
}

.pagination a{
	color: #137d3f;
}
.pagination .active .page-link{
	background-color: #137d3f;
	border-color:#137d3f;
}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 576px) {  
	.container {
		max-width: 100% !important;
	}
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.container {
		max-width: 100% !important;
	}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.container {
		max-width: 100% !important;
	}
/* ---------------------------------------------------------- */
	.modal-body img {
		/*float: left;
		width: 360px;
		margin-right: 20px;
		margin-bottom: 20px;*/
	}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
	.container {
		max-width: 1248px !important;
		margin: 0 auto;
	}
}
/* ---------------------------------------------------------- */