/*
Frontend Essbio / Nuevosur
Author: AMS / Vivi MS
Author URI: http://ams.asicom.cl/
Version: 1.1;
*/
/*******************************************
			BASIC
*******************************************/
:root{
	--color-blanco: #FFFFFF;
	--color-blanco-op-80: rgba(255,255,255,0.8);
	--color-blanco-op-16: rgba(255,255,255,0.16);
	--color-negro: #000000;
	--color-negro-op-16: rgba(0,0,0,0.16);
	--color-negro-op-30: rgba(0,0,0,0.3);
	--color-negro-op-60: rgba(0,0,0,0.6);
	--color-gris-clarom: #F7F7F7;
	--color-gris-claro: #F1F1F1;
	--color-gris-perla: #E5E5E5;
	--color-gris: #C8C8C8;
	--color-gris-oscuro: #707070;
	--color-marengo: #292F33;
	--color-select:#18385e;
	--color-azul: #0035AD;
	--color-azul-hover: #002B8D;
	--color-celeste-claro: #EBF6FF;
	--color-celeste: #0092DD;
	--color-celeste-op-06: rgba(0,146,221,0.05);
	--color-celeste-op-30: rgba(0,146,221,0.3);
	--color-celeste-hover: #0079B7;
	--color-verde: #009482;
	--color-verde-hover: #008575;
	--color-lila: #B52372;
	--color-lila-hover: #a32068;
	--color-naranjo: #D45C1E;
	--color-naranjo-op-10: rgba(212,92,30,0.1);
	--color-naranjo-hover: #B44D18;
	--color-rojo: #FF0000;
	--color-whatsapp: #25d366;
	--font-12: 0.8rem;
	--font-13: 0.867rem;
	--font-14: 0.933rem;
	--font-15: 15px;
	--font-16: 1.067rem;
	--font-17: 1.133rem;
	--font-18: 1.2rem;
	--font-19: 1.267rem;
	--font-20: 1.333rem;
	--font-21: 1.4rem;
	--font-22: 1.467rem;
	--font-23: 1.533rem;
	--font-24: 1.6rem;
	--font-25: 1.667rem;
	--font-26: 1.733rem;
	--font-27: 1.8rem;
	--font-28: 1.867rem;
	--font-30: 2rem;
	--font-32: 2.133rem;
	--font-35: 2.333rem;
	--font-40: 2.667rem;
	--font-48: 3.2rem;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none !important;
}
@font-face {
	font-family: 'Avenir';
	src: url(../fonts/Avenir-Roman.eot);
	src: url(../fonts/Avenir-Roman.eot?#iefix) format('embedded-opentype'),
		 url(../fonts/Avenir-Roman.otf) format('otf'),
		 url(../fonts/Avenir-Roman.svg#Avenir-Roman) format('svg'),
		 url(../fonts/Avenir-Roman.ttf) format('truetype'),
		 url(../fonts/Avenir-Roman.woff) format('woff'),
		 url(../fonts/Avenir-Roman.woff2) format('woff2');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Avenir';
	src: url(../fonts/Avenir-Medium.eot);
	src: url(../fonts/Avenir-Medium.eot?#iefix) format('embedded-opentype'),
		 url(../fonts/Avenir-Medium.otf) format('otf'),
		 url(../fonts/Avenir-Medium.svg#Avenir-Medium) format('svg'),
		 url(../fonts/Avenir-Medium.ttf) format('truetype'),
		 url(../fonts/Avenir-Medium.woff) format('woff'),
		 url(../fonts/Avenir-Medium.woff2) format('woff2');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Avenir';
	src: url(../fonts/Avenir-Black.eot);
	src: url(../fonts/Avenir-Black.eot?#iefix) format('embedded-opentype'),
		 url(../fonts/Avenir-Black.otf) format('otf'),
		 url(../fonts/Avenir-Black.svg#Avenir-Black) format('svg'),
		 url(../fonts/Avenir-Black.ttf) format('truetype'),
		 url(../fonts/Avenir-Black.woff) format('woff'),
		 url(../fonts/Avenir-Black.woff2) format('woff2');
	font-weight: 900;
	font-style: normal;
}
html, body {
	height: 100%;
	margin: 0;
	position: relative;
	overflow-x: hidden !important;
	max-width: 100vw;
}
body{
	font-family: 'Avenir', sans-serif;
	font-weight: 400;
	font-size: var(--font-15);
	color: var(--color-negro);
	background: var(--color-blanco);
	outline: none !important;
}
.wrapper-custom{
	position: relative;
	overflow-x: hidden !important;
	max-width: 100vw;
}
a,
a:hover,
a:focus,
a:visited{
	color: var(--color-marengo);
	text-decoration: none !important;
	outline: none !important;
	cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.5;
	font-weight: normal;
	margin: 0 0 1.5rem;
	cursor: pointer;
}
h1 {
	font-size: var(--font-24);
}
h2 {
	font-size: var(--font-22);
}
h3 {
	font-size: var(--font-20);
}
h4 {
	font-size: var(--font-18);
}
h5 {
	font-size: var(--font-16);
}
h6 {
	font-size: var(--font-14);
}
b,
strong{
	font-weight: 700;
}
p{
	margin: 0 0 1.5rem;
}
.mark, mark {
	background-color: var(--color-celeste);
	color: var(--color-blanco);
}
::-moz-selection {
	background: var(--color-select);
	color: var(--color-blanco);
}
::selection { 
	background: var(--color-select);
	color: var(--color-blanco);
}
.bg-celeste{
	background: var(--color-celeste);
}
.bg-azul{
	background: var(--color-azul);
}
.txt-celeste{
	color: var(--color-celeste) !important;
}
.txt-azul{
	color: var(--color-azul) !important;
}
.main {
	padding-top: 105px;
}
.main-404{
	height: calc(100vh - 142px);
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.section{
	padding: 50px 0;
}
.section-accesos-directos{
	padding: 50px 0 75px;
	margin-bottom: -25px;
}
.cont-directos {
	background: var(--color-celeste);
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 1rem 0.5rem;
	border-radius: 1rem;
}
.cont-directos p{
	min-height: 45px;
}
/*------------------------------------------
		MEDIA QUERY
------------------------------------------*/
@media(min-width: 445px){
	.main-404{height: calc(100vh - 120px);}
}
@media(min-width: 768px){
	.main {padding-top: 100px;}
	.section-accesos-directos{padding: 50px 0 105px;margin-bottom: -65px;}
	.main-404{height: calc(100vh - 160px);}
	.accesos-directos{padding: 0 70px;}
}
@media(min-width: 1200px){
	.section-accesos-directos{padding: 50px 0 130px;margin-bottom: -80px;}
	.main-404{height: calc(100vh - 175px);}
	.accesos-directos{padding: 0 100px;}
}
/*******************************************
			HEADER
*******************************************/
.header {
	position: fixed;
	background: var(--color-blanco);
	box-shadow: 0 3px 6px var(--color-negro-op-16);
	z-index: 999;
	width: 100%;
	-webkit-transition:all 0.25s ease-out;
	   -moz-transition:all 0.25s ease-out;
		-ms-transition:all 0.25s ease-out;
		 -o-transition:all 0.25s ease-out;
			transition:all 0.25s ease-out;
}
.header.shrink {
	box-shadow: 0 1px 3px var(--color-negro-op-16);
}
.menu-sup {
    background: var(--color-azul);
}
.navbar{
	padding: 0 1rem;
}
a.btn-header {
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	padding: 0.675rem 1.40rem;
	text-transform: uppercase;
	font-size: var(--font-14);
	border:  0 none;
	color: var(--color-blanco);
	border-radius: 0;
	margin-right: -4px;
	line-height: 40px;
	padding-top: 0;
	padding-bottom: 0;
}
a.btn-header:hover,
a.btn-header:focus {
	color: var(--color-azul);
	background: var(--color-blanco);
}
.menu-sup .dropdown{
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
}
.btn-header ~ .dropdown-menu {
	min-width: 320px;
}
.btn-header ~ .dropdown-menu .dropdown-item{
	text-transform: uppercase;
}
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover{
	background: var(--color-azul);
	color: var(--color-blanco);
}
.img-idioma{
	width: 25px;
	border: 1px solid var(--color-celeste);
	border-radius: 50%;
	padding: 1px;
	margin-right: 8px;
}
.dropdown-toggle::after {
	font-family: "flaticon";
	vertical-align: middle;
	content: "\f10b";
	border: 0 none;
	margin-top: -4px;
}
#loginDropdown ~ .dropdown-menu{
	padding: 20px 15px;
}
.dropdown-menu{
	min-width: 260px;
	margin: 1px 0 0;
	border: 0 none;
	border-radius: 0;
	box-shadow: 0 3px 6px var(--color-negro-op-16);
	color: var(--color-azul);
}
a.dropdown-item{
	color: var(--color-azul);
	font-size: var(--font-14);
	padding: 7px 55px 7px 25px;
}
a.collapse-item{
	color: var(--color-azul);
	background: var(--color-gris-claro);
	display: block;
	font-size: var(--font-14);
	padding: 7px 25px 7px 35px;
}
.dropdown-item{
	position: relative;
}
.dropdown-submenu .dropdown-item::after,
.dropdown-submenu .dropdown-item.collapsed::after {
	font-family: "flaticon";
	border: 0 none;
	top: 6px;
	right: 25px;
	position: absolute;
	font-size: 16px;
}
.dropdown-submenu .dropdown-item.collapsed::after{
	content: "\f10b";
}
.dropdown-submenu .dropdown-item::after {
	content: "\f10e";
}
.dropdown-submenu ul{
	padding: 0;
	background: var(--color-gris-claro);
}
.dropdown-submenu .dropdown-submenu{
	list-style: none;
}
.dropdown-submenu .dropdown-submenu .dropdown-item{
	padding: 7px 55px 7px 35px;
}
.dropdown-submenu .dropdown-submenu .collapse-item{
	padding: 7px 35px 7px 45px;
}
.collapse-item:hover,
.collapse-item:focus{
	background: var(--color-celeste);
	color: var(--color-blanco);
}
.navbar-brand {
	padding: 15px 0;
}
.navbar-brand .logo-essbio,
.navbar-brand .logo-nuevosur{
	height: 35px;
}
.navbar-brand .logo-agua{
	margin-left: 5px;
	width: 80px;
	height: 25px;
}
#collapsibleNavbar {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: var(--color-celeste-claro);
	z-index: 99999;
}
#collapsibleNavbar .navbar-brand {
	padding: 0;
}
.navbar-nav{
	width: 100%;
	justify-content: end;
	padding: 15px 0;
}
.nav-item{
	padding: 0 15px;
}
.navbar-dark .navbar-nav .nav-link{
	color: var(--color-azul);
	font-size: var(--font-15);
	font-weight: 400;
	line-height: 30px;
	padding: 5px 15px;
	border-bottom: 1px solid var(--color-azul);
	position: relative;
}
.nav-link.dropdown-toggle::after {
	position: absolute;
	right: 15px;
	top: 5px;
	margin: 0;
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link[aria-expanded="true"] {
	color: var(--color-blanco);
	background: var(--color-azul);
}
.navbar-dark .navbar-nav .nav-link .flaticon{
	font-size: 25px;
	height: 25px;
	line-height: 25px;
	display: inline-block;
	vertical-align: middle;
}
.navbar-dark .navbar-toggler-icon{
	background-image: none;
}
.navbar-dark .navbar-toggler{
	border: 0 none;
}
.navbar-dark .navbar-toggler.collapsed{
	background-color: var(--color-celeste);
	border-radius: .75rem;
	padding: 0.475rem .75rem;
}
.navbar-toggler-icon{
	position: relative;
}
.navbar-dark .navbar-toggler.collapsed .navbar-toggler-icon:before{
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	content: 'MENÚ';
	font-weight: 600;
	font-size: 9px;
	color: var(--color-blanco);
}
.navbar-dark .navbar-toggler.collapsed .navbar-toggler-icon:after{
	content: "\f128";
	font-family: "flaticon";
	color: var(--color-blanco);
	font-size: 30px;
	position: absolute;
	top: -5px;
	left: 0;
}
.navbar-dark .navbar-toggler .navbar-toggler-icon:after{
	content: "\f129";
	font-family: "flaticon";
	color: var(--color-negro);
	font-size: 30px;
	background-color: transparent !important;
	padding: 0 !important;	
}
.menu-home{
	color: var(--color-negro);
	font-size: 30px;
}
.cont-menu .nav-item{
	width: 100%;
}
.nav-link.dropdown-toggle ~ .dropdown-menu{
	box-shadow: 0 0 0;
	padding: 0;
	border-bottom: 1px solid var(--color-azul);
}
.dropdown-submenu .dropdown-item{
	white-space: inherit;
}
.dropdown-menu.collapsing {
	display:block;
}
.header.shrink a.btn-header{
	line-height: 35px;
}
.header.shrink a.btn-header.bg-naranjo{
	line-height: 13px;
}
.header.shrink .navbar-brand{
	padding: 5px 0;
}
.navbar-logueado.navbar-nav .nav-link{
	padding: .5rem 1rem;
}
.cambio-idioma #bs-select-1-0,
.btn.dropdown-toggle.btn-light[title="Español"] .filter-option-inner-inner {
	background: url(../images/banderas/espanol.svg);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 25px;
}
.btn.dropdown-toggle.btn-light[title="Español"] .filter-option-inner-inner{
	background-position: 0px center;
}
.cambio-idioma #bs-select-1-1,
.btn.dropdown-toggle.btn-light[title="Inglés"] .filter-option-inner-inner {
	background: url(../images/banderas/ingles.svg);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 25px;
}
.btn.dropdown-toggle.btn-light[title="Inglés"] .filter-option-inner-inner{
	background-position: 0px center;
}
.cambio-idioma #bs-select-1-2,
.btn.dropdown-toggle.btn-light[title="Mapudungún"] .filter-option-inner-inner {
	background: url(../images/banderas/mapudungun.svg);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 25px;
}
.btn.dropdown-toggle.btn-light[title="Mapudungún"] .filter-option-inner-inner{
	background-position: 0px center;
}
.cambio-idioma #bs-select-1-3,
.btn.dropdown-toggle.btn-light[title="Creolé"] .filter-option-inner-inner {
	background: url(../images/banderas/creole.svg);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 25px;
}
.btn.dropdown-toggle.btn-light[title="Creolé"] .filter-option-inner-inner{
	background-position: 0px center;
}
.cambio-idioma #bs-select-1-0:hover,
.cambio-idioma #bs-select-1-0:focus,
.cambio-idioma #bs-select-1-0:active,
.cambio-idioma #bs-select-1-0.active {
	background: url(../images/banderas/espanol.svg) var(--color-azul);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 25px;
}
.cambio-idioma #bs-select-1-1:hover,
.cambio-idioma #bs-select-1-1:focus,
.cambio-idioma #bs-select-1-1:active,
.cambio-idioma #bs-select-1-1.active {
	background: url(../images/banderas/ingles.svg) var(--color-azul);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 25px;
}
.cambio-idioma #bs-select-1-2:hover,
.cambio-idioma #bs-select-1-2:focus,
.cambio-idioma #bs-select-1-2:active,
.cambio-idioma #bs-select-1-2.active {
	background: url(../images/banderas/mapudungun.svg) var(--color-azul);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 25px;
}
.cambio-idioma #bs-select-1-3:hover,
.cambio-idioma #bs-select-1-3:focus,
.cambio-idioma #bs-select-1-3:active,
.cambio-idioma #bs-select-1-3.active {
	background: url(../images/banderas/creole.svg) var(--color-azul);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 25px;
}
.cambio-idioma .filter-option-inner-inner{
	padding-left: 30px;
	color: var(--color-blanco);
}
.cambio-idioma .btn.dropdown-toggle.btn-light:after{
	color: var(--color-blanco);
}
.cambio-idioma .dropdown-item{
	padding: 7px 25px 7px 45px;
}
.cambio-idioma .btn.dropdown-toggle.btn-light {
	max-width: 75px;
	height: 40px;
	border: 0 none;
	border-radius: 0 0 15px !important;
	background: var(--color-azul);
}
.cambio-idioma.bootstrap-select .dropdown-toggle .filter-option{
	line-height: 40px;
}
.shrink .cambio-idioma .btn.dropdown-toggle.btn-light {
	height: 35px;	
}
.shrink .cambio-idioma.bootstrap-select .dropdown-toggle .filter-option{
	line-height: 35px;
}
.cambio-idioma .btn.dropdown-toggle.btn-light:hover{
	background: var(--color-blanco);
}
.cambio-idioma .btn.dropdown-toggle.btn-light:hover .filter-option-inner-inner,
.cambio-idioma .btn.dropdown-toggle.btn-light:hover:after{
	color: var(--color-azul);
}
#collapsibleNavbarSucursalVirtual.navbar-collapse {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: var(--color-negro-op-16);
}

#collapsibleNavbarSucursalVirtual.navbar-collapse.collapsing {
	left: -75%;
	transition: height 0s ease;
}

#collapsibleNavbarSucursalVirtual.navbar-collapse.show {
	left: 0;
	transition: left 300ms ease-in-out;
}

#collapsibleNavbarSucursalVirtual.navbar-toggler.collapsed~.navbar-collapse {
	transition: left 500ms ease-in-out;
}
#collapsibleNavbarSucursalVirtual .navbar-nav{
	width: 90%;
	height: 100%;
	background: var(--color-blanco);
	justify-content: start;
}
.navbar-dark .navbar-toggler.navbar-sc.collapsed .navbar-toggler-icon:after{
	content: "\f128";
}
.navbar-dark .navbar-toggler.navbar-sc .navbar-toggler-icon:after{
	content: "\f128";
}
#collapsibleNavbarSucursalVirtual .nav-item {
	padding: 0;
}
#collapsibleNavbarSucursalVirtual.navbar-dark .navbar-nav .nav-link,
#collapsibleNavbarSucursalVirtual .nav-item .navbar-toggler{
	border-bottom: 1px solid var(--color-gris-claro);
	padding: 7px 15px;
}
#collapsibleNavbarSucursalVirtual .nav-item .navbar-toggler{
	width: 100%;
	text-align: right;
}
#collapsibleNavbarSucursalVirtual .nav-item span{
	padding: 0;
	display: inline-block;
}
#collapsibleNavbarSucursalVirtual.navbar-dark .navbar-nav .active > .nav-link,
#collapsibleNavbarSucursalVirtual.navbar-dark .navbar-nav .nav-link.active,
#collapsibleNavbarSucursalVirtual.navbar-dark .navbar-nav .nav-link.show,
#collapsibleNavbarSucursalVirtual.navbar-dark .navbar-nav .show > .nav-link {
	color: var(--color-blanco);
	background: var(--color-azul);
	border-bottom: 1px solid var(--color-azul);
}
#collapsibleNavbarSucursalVirtual.navbar-dark .navbar-nav .nav-link:hover,
#collapsibleNavbarSucursalVirtual.navbar-dark .navbar-nav .nav-link:focus,
#collapsibleNavbarSucursalVirtual.navbar-dark .navbar-nav .nav-link[aria-expanded="true"] {
	color: var(--color-blanco);
	background: var(--color-celeste);
	border-bottom: 1px solid var(--color-celeste);
}
#collapsibleNavbarSucursalVirtual .nav-link.dropdown-toggle ~ .dropdown-menu{
	border-bottom: 0 none;
	background: var(--color-gris-claro);
	margin: 0;
	min-width: inherit;
	width: 100%;
	padding: 10px 0;
}
#collapsibleNavbarSucursalVirtual .nav-link.dropdown-toggle ~ .dropdown-menu.show {
	position: relative !important;
	transform: translate3d(0, 0, 0) !important;
}
#collapsibleNavbarSucursalVirtual .nav-link.dropdown-toggle ~ .dropdown-menu a.dropdown-item{
	color: var(--color-negro);	
	padding: 7px 15px;
}
#collapsibleNavbarSucursalVirtual .nav-link.dropdown-toggle ~ .dropdown-menu .dropdown-item:focus,
#collapsibleNavbarSucursalVirtual .nav-link.dropdown-toggle ~ .dropdown-menu .dropdown-item:hover,
#collapsibleNavbarSucursalVirtual .dropdown-item.active,
#collapsibleNavbarSucursalVirtual .dropdown-item:active {
	background: var(--color-gris-perla);
	color: var(--color-negro);
}
#collapsibleNavbarSucursalVirtual .dropdown .dropdown-toggle::after,
#collapsibleNavbarSucursalVirtual .dropdown.show .dropdown-toggle::after {
	font-family: "flaticon";
	vertical-align: middle;
	content: "\f104";
	border: 0 none;
	margin-top: 0px;
	font-size: 20px;
}
#collapsibleNavbarSucursalVirtual .dropdown.show .dropdown-toggle::after {
	content: "\f105";
}
#collapsibleNavbarSucursalVirtual.navbar-dark .navbar-nav .videollamada .nav-link{
	background: var(--color-naranjo);
	color: var(--color-blanco);
	position: relative;
	padding: 7px 45px 7px 15px;
	line-height: 1.3;
	border: 0 none;
}
#collapsibleNavbarSucursalVirtual.navbar-dark .navbar-nav .videollamada .nav-link:after{
	content: '';
	position: absolute;
	width: 21px;
	height: 13px;
	background: url(../images/sucursal-virtual/videollamada.svg) no-repeat;
	top: 15px;
	right: 15px;
}
#collapsibleNavbarSucursalVirtual.navbar-dark .navbar-nav .videollamada .nav-link:hover,
#collapsibleNavbarSucursalVirtual.navbar-dark .navbar-nav .videollamada .nav-link:focus{
	background: var(--color-naranjo);
	color: var(--color-blanco);
	border: 0 none;
}
#collapsibleNavbarSucursalVirtual .nav-tabs .nav-item {
	margin-bottom: -1px;
}

#collapsibleNavbarSucursalVirtual .nav-tabs .nav-link.active{
	border-color: var(--color-azul);
}
#collapsibleNavbarSucursalVirtual .nav-tabs .nav-item.show .nav-link,
#collapsibleNavbarSucursalVirtual .nav-tabs .nav-link:focus,
#collapsibleNavbarSucursalVirtual .nav-tabs .nav-link:hover{
	border-color: var(--color-celeste);
}
#collapsibleNavbarSucursalVirtual .nav-tabs .nav-link{
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
/*------------------------------------------
		MEDIA QUERY
------------------------------------------*/
@media(min-width: 1px) and (max-width: 991px){
	.navbar .show > .dropdown-menu {max-height: 800px;visibility: visible;margin-top: 0px;}  
	.navbar .dropdown-menu {display: block;max-height: 0;visibility: hidden;transition: all 0.6s ease-in-out;overflow: hidden;margin-top: -1px;	}
}
@media(min-width: 379px){
	.navbar-brand .logo-essbio, .navbar-brand .logo-nuevosur{height: 40px;}
	.navbar-brand .logo-agua{width: 96px;height: 30px;}
}
@media(min-width: 768px){
	.navbar-brand .logo-essbio, .navbar-brand .logo-nuevosur {height: 50px;}
	.navbar-brand .logo-agua{width: 112px;height: 35px;}
	.navbar-brand{padding: 5px 25px;}
	.header.shrink .navbar-brand{padding: 5px 25px;}
	.cambio-idioma .btn.dropdown-toggle.btn-light {max-width: 200px;}
	.header.shrink a.btn-header.bg-naranjo{padding-top: 0.6rem; padding-bottom: 0.6rem;line-height: 16px;}
}
@media(min-width: 992px){
	a.btn-header{font-size: var(--font-15);}
	.navbar-nav{background: transparent;margin-right: 15px;padding: 0;}
	.navbar-dark .navbar-nav .nav-link {border-bottom: 0 none;padding: 5px 7px;}
	.nav-item {padding: 0;}
	.nav-link.dropdown-toggle::after {position: relative;right: initial;top: initial;height: 16px;line-height: 16px;margin-top: -4px;}
	.nav-link.dropdown-toggle{cursor: pointer;}
	.navbar-dark .navbar-nav .nav-link:focus,
	.navbar-dark .navbar-nav .nav-link:hover,
	.navbar-dark .navbar-nav .nav-link[aria-expanded="true"]{color: var(--color-blanco);background: var(--color-azul);}
	.nav-link.dropdown-toggle ~ .dropdown-menu{margin: 1px 0 0;border: 0 none;border-radius: 0;box-shadow: 0 3px 6px var(--color-negro-op-16);color: var(--color-azul);}
	.navbar-logueado.navbar-nav{margin: 0;}
	#collapsibleNavbarSucursalVirtual{display: block;}
	#collapsibleNavbarSucursalVirtual.navbar-collapse{position: relative;background: transparent; height: inherit;box-shadow: 0 0 6px var(--color-negro-op-16);z-index: inherit;}
	#collapsibleNavbarSucursalVirtual .navbar-nav{width: 100%; height: inherit;margin: 0;display: block;}
	#collapsibleNavbarSucursalVirtual .nav-link.dropdown-toggle::after {position: absolute;right: 15px; top: 13px;}
	#collapsibleNavbarSucursalVirtual .nav-link.dropdown-toggle ~ .dropdown-menu.show{box-shadow: 0 0 0 transparent;}
	#collapsibleNavbarSucursalVirtual .dropdown-item.active,
	#collapsibleNavbarSucursalVirtual .dropdown-item:active{background: var(--color-gris-perla);}
	#collapsibleNavbarSucursalVirtual .nav-link.dropdown-toggle ~ .dropdown-menu{z-index: inherit;}
	#collapsibleNavbar {padding: 20px;}
}
@media(min-width: 1200px){
	.navbar-dark .navbar-nav .nav-link{text-transform: uppercase;padding: 5px 15px;}
	.navbar-brand .logo-agua{margin-left: 15px}
	#collapsibleNavbarSucursalVirtual.navbar-dark .navbar-nav .nav-link{text-transform: none;}
}
@media(min-width: 1300px){
	.cont-menu .nav-item {width: 20%; display: inline-block;vertical-align: top;margin-right: -4px; padding:0 15px;}
	.cont-menu .nav-item.nav-ingles {width: 33.33333%; display: inline-block;vertical-align: top;margin-right: -4px; padding:0 15px;}
	.cont-menu .nav-item .nav-link {font-weight: 900; border-bottom: 2px solid var(--color-azul);}
	.cont-menu .nav-item .nav-link.dropdown-toggle::after {content:'';}
	.cont-menu .nav-item .dropdown-menu {display: block;min-width: 234px;box-shadow: 0 0px 0px var(--color-negro-op-16);color: var(--color-negro);background: transparent;}
	.cont-menu .nav-item .dropdown-menu a.dropdown-item {color: var(--color-negro);}
	.cont-menu .nav-item .dropdown-menu a.dropdown-item:focus, .cont-menu .nav-item .dropdown-menu a.dropdown-item:hover {color: var(--color-blanco);}
	.cont-menu .nav-item .dropdown-menu a.collapse-item{color: var(--color-negro);background: var(--color-blanco);padding: 7px 25px;}
	.cont-menu .nav-item .dropdown-menu .dropdown-submenu ul{background: var(--color-blanco);}
	.cont-menu .nav-item .dropdown-menu .dropdown-submenu .dropdown-submenu .dropdown-item {padding: 7px 45px 7px 25px;}
	.cont-menu .nav-item .dropdown-menu .dropdown-submenu .dropdown-submenu a.collapse-item {background: var(--color-gris-clarom);}
}


/*******************************************
			FORMULARIOS
*******************************************/
label{
	font-size: var(--font-14);
	color: var(--color-negro);
	font-weight: 400;
}
.form-control{
	color: var(--color-negro);
	border: 1px solid var(--color-azul);
	border-radius: 0 0 18px !important;
	padding: 0 .75rem;
	height: 48px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-shadow: 0 3px 6px var(--color-negro-op-16);
}
select.form-control{
	padding: 10px .75rem;	
}
.form-control:focus,
.bootstrap-select .btn.dropdown-toggle:focus,
.bootstrap-select .btn.dropdown-toggle:active {
	border-color: var(--color-azul);
	box-shadow: 0px 0px 0px 1px var(--color-azul) inset;
}
.input-group-text{
	color: var(--color-blanco);
	background-color: var(--color-azul);
	border: 1px solid var(--color-azul);
	border-radius: 0;
	font-size: var(--font-25);
	padding: 0.475rem .75rem;
}
.input-group-text .flaticon{
	height: 25px;
	line-height: 25px;
	font-size: 25px;
}
.form-control::-webkit-input-placeholder {
	color: var(--color-gris);
	opacity: 1;
	font-size: var(--font-15);
}
.form-control:-moz-placeholder {
	color: var(--color-gris);
	opacity: 1;
	font-size: var(--font-15);
}
.form-control::-moz-placeholder {
	color: var(--color-gris);
	opacity: 1;
	font-size: var(--font-15);
}
.form-control:-ms-input-placeholder {
	color: var(--color-gris);
	opacity: 1;
	font-size: var(--font-15);
}
.form-control.is-invalid,
.was-validated .form-control:invalid{
	border-color: var(--color-naranjo);
	border-bottom-right-radius: 18px !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23D45C1E' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23D45C1E' stroke='none'/%3e%3c/svg%3e");
}
.invalid-feedback{
	color: var(--color-naranjo);
	font-size: 90%;
}
.input-group-prepend.is-invalid .input-group-text{
	background-color: var(--color-naranjo);
	border: 1px solid var(--color-naranjo);
}
.form-control.disabled,
.input-group-prepend.disabled{
	opacity: 0.6;
}
.btn .flaticon{
	display: inline-block;
	vertical-align: middle;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	font-size: 20px;
	margin-top: 0;
	height: 20px;
	line-height: 20px;
}
/* INPUT FILE */
.js .inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile-custom + label {
	color: var(--color-azul);
}
.inputfile-custom + label {
	border: 1px solid var(--color-azul);
	background-color: var(--color-blanco);
	padding: 0;
	width: 100%;
}
.custom-file-input{
	height: 50px;
}
.custom-file-label{
	height: 50px;
	line-height: 48px;
	padding: 0 .75rem;
	border: 1px solid var(--color-azul);
	border-radius: 0;
}
.custom-file-input ~ .custom-file-label::after {
	content: "Elegir";
	height: 48px;
	line-height: 48px;
	background-color: var(--color-azul);
	color: var(--color-blanco);
	border-radius: 0;
	padding: 0 .75rem;
}
.custom-file-input ~ .custom-file-label::after{
	
}
.inputfile-custom:focus + label,
.inputfile-custom.has-focus + label,
.inputfile-custom + label:hover {
	border-color: var(--color-azul);
}
.inputfile-custom + label span {
	padding: 0.675rem;
	width: calc(100% - 205px);
	min-height: 2em;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: top;
}
.inputfile-custom + label strong {
	padding: 0.675rem;
	height: 100%;
	color: var(--color-blanco);
	background-color: var(--color-azul);
	display: block;
	width: 200px;
	text-align: center;
	font-weight: 400;
	cursor: pointer;
	font-size: var(--font-14);
}
.inputfile-custom + label strong .flaticon {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	font-size: 20px;
	margin-top: 0;
	height: 20px;
	line-height: 20px;
}
.inputfile-custom:focus + label strong,
.inputfile-custom.has-focus + label strong,
.inputfile-custom + label:hover strong {
	background-color: var(--color-azul-hover);
}
.check-container {
	display: block;
	position: relative;
	padding-left: 35px;
	min-height: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 14px;
	padding-top: 12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.check-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.checkclick {
	position: absolute;
	top: 10px;
	left: 0;
	height: 25px;
	width: 25px;
	border-radius: 4px;
	border: 2px solid var(--color-azul);
	background-color: var(--color-blanco);
}
.check-container:hover input ~ .checkclick {
	background-color: var(--color-gris);
}
.check-container input:checked ~ .checkclick {
	background-color: var(--color-celeste);
}
.checkclick:after {
	content: "";
	position: absolute;
	display: none;
}
.check-container input:checked ~ .checkclick:after {
	display: block;
}
.check-container .checkclick:after {
	left: 8px;
	top: 3px;
	width: 7px;
	height: 13px;
	border: solid var(--color-blanco);
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.medios-pago {
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.medios-pago label{
	margin: 0 auto 30px;
}
.medios-pago [type=radio] { 
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}
.medios-pago [type=radio] + img {
	cursor: pointer;
	border: 1px solid var(--color-gris);
	border-radius: 10px;
	opacity: 0.7;
}
.medios-pago [type=radio]:checked + img {
	border: 1px solid var(--color-celeste);
	box-shadow: 0px 0px 6px var(--color-celeste);
	opacity: 1;
}
/*------------------------------------------
		MEDIA QUERY
------------------------------------------*/
@media(min-width: 768px){
	.inputfile-custom + label strong {display: inline-block;}
	.medios-pago {flex-direction: row;}
	.medios-pago label{margin: 0 15px 30px;}
}


/*******************************************
			BOTONES
*******************************************/
button:focus{
	outline: none;
	box-shadow: none;
}
.btn{
	padding: 0.675rem 1.50rem;
	border-radius: 50px;
	text-transform: uppercase;
	font-size: var(--font-14);
	color: var(--color-blanco) !important;
	display: block;
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.btn-block{
	display: block;
	width: 100%;
	max-width: 100%;
}
.btn-lg {
	display: block;
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.btn-sm {
	display: block;
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.btn + .btn {
	margin-top: .5rem;
}
.btn.btn-login + .btn.btn-login {
	margin-top: 0rem;
}
.btn-primary{
	background-color: var(--color-azul);
	border-color: var(--color-azul);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
	background-color: var(--color-azul-hover);
	border-color: var(--color-azul-hover);
}
.btn-secondary{
	background-color: var(--color-celeste);
	border-color: var(--color-celeste);
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
	background-color: var(--color-celeste-hover);
	border-color: var(--color-celeste-hover);
}
.btn-third {
	color: var(--color-blanco);
	background-color: var(--color-verde);
	border-color: var(--color-verde);
}
.btn-third:hover,
.btn-third:focus,
.btn-third:active  {
	background-color: var(--color-verde-hover);
	border-color: var(--color-verde-hover);
}
.btn-fourth{
	color: var(--color-blanco);
	background-color: var(--color-lila);
	border-color: var(--color-lila);
}
.btn-fourth:hover,
.btn-fourth:focus,
.btn-fourth:active {
	background-color: var(--color-lila-hover);
	border-color: var(--color-lila-hover);
}
.btn-fifth {
	color: var(--color-blanco);
	background-color: var(--color-naranjo);
	border-color: var(--color-naranjo);
}
.btn-fifth:hover,
.btn-fifth:focus,
.btn-fifth:active {
	background-color: var(--color-naranjo-hover);
	border-color: var(--color-naranjo-hover);
}
.btn-blanco {
	color: var(--color-marengo) !important;
	background-color: var(--color-blanco);
	border-color: var(--color-gris-claro);
}
.btn-blanco:hover,
.btn-blanco:focus,
.btn-blanco:active{
	color: var(--color-marengo) !important;
	background-color: var(--color-gris);
	border-color: var(--color-gris);
}
.btn-azul {
	color: var(--color-blanco) !important;
	background-color: var(--color-azul);
	border-color: var(--color-azul);
}
.btn-azul:hover,
.btn-azul:focus,
.btn-azul:active{
	color: var(--color-blanco) !important;
	background-color: var(--color-azul-hover);
	border-color: var(--color-azul-hover);
}
.btn-celeste {
	color: var(--color-blanco) !important;
	background-color: var(--color-celeste);
	border-color: var(--color-celeste);
}
.btn-celeste:hover,
.btn-celeste:focus,
.btn-celeste:active{
	color: var(--color-blanco) !important;
	background-color: var(--color-celeste-hover);
	border-color: var(--color-celeste-hover);
}
.btn-violeta {
	color: var(--color-blanco) !important;
	background-color: var(--color-lila);
	border-color: var(--color-lila);
}
.btn-violeta:hover,
.btn-violeta:focus,
.btn-violeta:active{
	color: var(--color-blanco) !important;
	background-color: var(--color-lila-hover);
	border-color: var(--color-lila-hover);
}
.btn-verde {
	color: var(--color-blanco) !important;
	background-color: var(--color-verde);
	border-color: var(--color-verde);
}
.btn-verde:hover,
.btn-verde:focus,
.btn-verde:active{
	color: var(--color-blanco) !important;
	background-color: var(--color-verde-hover);
	border-color: var(--color-verde-hover);
}
.btn:hover,
.btn:focus,
.btn:active,
.btn:not(:disabled):not(.disabled).active:focus,
.btn:not(:disabled):not(.disabled):active:focus,
.show > .btn.dropdown-toggle:focus{
	box-shadow: 0 0 0 0 transparent;
}
.btn-multipago.paginate_button{
	background-color: var(--color-azul);
	border-color: var(--color-azul);
	width: 60px;
	margin: 0;
}
.btn-multipago{
	background-color: var(--color-blanco);
	border-color: var(--color-azul);
	width: 100px;
	height: 50px;
	margin: 0;
	cursor: default; 
}
.btn-multipago span{
	color: var(--color-azul);
}
.btn-multipago.paginate_button span i{
	color: var(--color-blanco);	
}
.btn-login{
	border-radius: 8px;
	height: 40px;
	width: 40px;
	padding: 0;
	line-height: 40px;
	display: inline-block;
}
a.btn-header2{
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
	padding: 0.675rem 1rem;
	text-transform: uppercase;
	font-size: var(--font-14);
	border: 0 none;
	color: var(--color-blanco);
	border-radius: 0.75rem;
	height: 46px;
	padding-top: 2px;
	padding-bottom: 0;
	text-align: center;
}
a.btn-header2 .flaticon{
	font-size: var(--font-20);
	position: relative;
	top: 5px;
}
a.btn-header2.bg-violeta:hover,
a.btn-header2.bg-violeta:focus {
	color: var(--color-blanco);
	background: var(--color-lila-hover);
}
a.btn-header2.bg-azul:hover,
a.btn-header2.bg-azul:focus {
	color: var(--color-blanco);
	background: var(--color-azul-hover);
}
a.btn-pago-express p{
	font-size: 10px;
	line-height: 1;
	margin: 0;
}
a.btn-pago-express img{
	margin-bottom: 3px;
}

/*------------------------------------------
		MEDIA QUERY
------------------------------------------*/
@media(min-width: 420px){
	a.btn-header2{
		padding: 2px 1.40rem;
	}
}
@media(min-width: 768px){
	.btn {max-width: 50%;}
	.btn-block{max-width: 100%;}
	.btn-lg {max-width: 66.66666%;}
	.btn-sm {max-width: 33.33333%;}
	a.btn-header2{
		height: inherit;
		line-height: 46px;
		padding: 0 1.40rem;
	}
}


/*******************************************
			BREADCRUMB
*******************************************/
.breadcrumb{
	background: var(--color-celeste-op-30);
	border-radius: 0;
}
.breadcrumb-item{
	color: var(--color-marengo);
}
.breadcrumb-item.active {
	color: var(--color-negro);
}
.breadcrumb-item + .breadcrumb-item::before {
	color: var(--color-negro);
	content: '|';
}
.breadcrumb .flaticon{
	font-size: 20px;
	line-height: 20px;
	height: 20px;
	display: block;
}
/*------------------------------------------
		MEDIA QUERY
------------------------------------------*/
@media(min-width: 1200px){
	.bread{position: absolute;bottom: 0;width: 100%;max-width: 1110px;left: 0;right: 0;margin: 0 auto;z-index: 2;}
	.slider-principal ~ .bread{position: relative;}
	.breadcrumb{background: var(--color-blanco-op-80);text-transform: uppercase;}
	.slider-principal ~ .bread .breadcrumb{background: var(--color-celeste-op-30);}
	.slider-home {}
}


/*******************************************
			HOME
*******************************************/
.alertas-home{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background: var(--color-naranjo-op-10);
	padding: 5px;
	line-height: 1.2;
	font-size: 0.875rem;
}
.alertas-home img{
	margin-right: 5px;
}
.alertas-link-home{
	position: absolute;
	width: 100%;
	height: 100%;
}
.line{
	display: block;
	height: 2px;
	width: 100%;
	background: var(--color-azul);
	margin: 5px 0;
}
.ico-home-box{
	width: 40px;
	height: 40px;
	margin-bottom: 10px;
	display: block;
}
.btn .ico-home-box {
	width: 20px;
	height: 20px;
	margin-bottom: 0;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
}
.txt-home-box{}
.rrss-home{}
.rrss-home a{
	color: var(--color-azul);
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
} 
.rrss-home a .flaticon{
	font-size: 35px;
	height: 35px;
	margin: 0 5px;
}
.rrss-home a:hover {
	-webkit-transform: scale(1.2);
	   -moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		 -o-transform: scale(1.2);
			transform: scale(1.2);
}
iframe.mapa{
	margin-bottom: -6px;
}
.consultar-corte {
}
.consultar-corte .card{
	border-radius: 0;
}
.consultar-corte .btn{
	border-radius: 0px;
}
.consultar-corte button.btn{
	border-radius: 50px;
}
iframe {
    width: 1px;
    min-width: 100%;
    *width: 100%;
}
.info-home .section-home{
	padding: 50px 0;
}
.info-home .section-home.bg-celeste{
	background: var(--color-celeste-claro) !important;
	color: var(--color-negro) !important;
}


/*******************************************
			PAGES / PAGINAS
*******************************************/
.cabecera{
	position: relative;
}
.img-cabecera,
.img-sc{
	height: 150px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.img-sc{
	height: 75px;
}
.overlay{
	background: var(--color-negro-op-30);
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.img-cabecera h1{
	position: relative;
	z-index: 2;
}
.tit-int{
	text-transform: uppercase;
	color: var(--color-azul);
	border-bottom: 1px solid var(--color-azul);
	padding-bottom: 5px;
	font-size: var(--font-14);
}
.tit-int .ico{
	margin-right: 10px;
}
.nav-tabs-int.nav-tabs .nav-link{
	border-color: var(--color-celeste);
	background: var(--color-blanco);
	color: var(--color-azul);
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	display: flex;
	justify-content: center;
	height: 60px;
	flex-direction: column;
	line-height: 1;
	font-size: var(--font-15);
}
.nav-tabs-int.nav-tabs .nav-link:hover{
	border-color: var(--color-celeste);
	background: var(--color-celeste);
	color: var(--color-blanco);
}
.nav-tabs-int.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active{
	background: var(--color-azul);
	color: var(--color-blanco);
}
.nav-tabs-accordion.nav-tabs-int.nav-tabs {
	display:none;
}
.nav-tabs-int .nav-item {
	padding: 0;
	align-content: stretch;
	display: grid;
}
.card{
	border: 0 none;
	border-radius: 15px 15px 0 0;
	margin-bottom: 10px;
}
.card-header:first-child {
	border-radius: 0;
}
.card-header{
	padding: 0;
	border: 0 none;
}
.card-header a {
	text-transform: uppercase;
	display: block;
	padding: .75rem 1.25rem;
	margin-bottom: 0;
	background-color: var(--color-azul);
	color: var(--color-blanco);
}
.card-header a:first-child {
	border-radius: 15px 15px 0 0;
}
.card-body{
	padding: 1.25rem 10px;
	box-shadow: 0 3px 6px var(--color-negro-op-16);
}
.cont-imagen-ancho{
	position: relative;
}
.cont-imagen-ancho:before{
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	background: url(../images/mascara-imagen-arriba.svg);
	background-repeat: repeat-x;
	background-size: cover;
	background-position: center top;
	width: 100%;
	height: 15px;
}
.cont-imagen-ancho:after{
	content: '';
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	background: url(../images/mascara-imagen-abajo.svg);
	background-repeat: repeat-x;
	background-size: cover;
	background-position: center bottom;
	width: 100%;
	height: 15px;
}
.cont-imagen-texto{
	position: relative;
}
.texto-sobre-imagen-ancho{
	position: absolute;
	z-index: 2;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.box-test {
	border: 1px solid var(--color-gris-oscuro);
	width: 100%;
	margin: 0 auto;
	box-shadow: 0 3px 6px var(--color-negro-op-16);
	position: relative;
	margin-top: 75px;
	padding: 85px 30px 30px;
}
.img-persona{
	border: 8px solid var(--color-azul);
	border-radius: 50%;
	width: 150px;
	overflow: hidden;
	position: absolute;
	top: -75px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.img-boleta{
	height: 180px;
	overflow: hidden;
}
.cont-equipo{
	background: var(--color-celeste);
	padding: 40px 20px;
	border-radius: 0 0 18px 0;
}
.cont-equipo:hover{
	background: var(--color-azul);
}
.img-equipo{
	display: block;
	width: 200px;
	height: auto;
	margin: 0 auto 30px;
	border-radius: 50%;
	overflow: hidden;
}
.nombre-equipo,
.cargo{
	color: var(--color-blanco);
	text-align: center;
	font-size: var(--font-16);
}
.nombre-equipo{
	text-transform: uppercase;
	margin-bottom: 15px;
}
.accordion > .card {
	overflow: inherit;
}
.accordion .card-header a {
	background: var(--color-celeste);
}
.accordion .card-header a.collapsed {
	background: var(--color-azul);
}
.accordion .card-header a.collapsed:after,
.accordion .card-header a:after {
	font-family: "flaticon";
	content: "\f10b";
	color: var(--color-blanco);
	position: absolute;
	top: 12px;
	right: 15px;
	font-size: 20px;
}
.accordion .card-header a:after {
	content: "\f10e";
}
.cont-resultado{
	border: 1px solid var(--color-gris-oscuro);
	box-shadow: 0 3px 6px var(--color-negro-op-16);
	padding: 20px;
}
.tit-resultado{
	font-size: var(--font-18);
	color: var(--color-azul);
	border-bottom: 1px solid var(--color-azul);
}
.tit-resultado.border-0{
	border: 0 none;
}
.list{
	list-style: disclosure-closed;
	color: var(--color-celeste);
}
.tab-content-int{
	box-shadow: 0 0 6px var(--color-negro-op-16);
}
.link-ultimas-boletas{
	display: inline-block;
	vertical-align: middle;
}
.boletas img{
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}
/*------------------------------------------
		MEDIA QUERY
------------------------------------------*/
@media(min-width: 440px){
	.cont-imagen-ancho:before, .cont-imagen-ancho:after{height: 22px;}
}
@media(min-width: 576px){
	.cont-imagen-ancho:before, .cont-imagen-ancho:after{height: 25px;}
}
@media(max-width: 767px){
	.tab-content-int > .tab-pane {display: block !important;opacity: 1;}
}
@media(min-width: 768px){
	.nav-tabs-accordion.nav-tabs-int.nav-tabs {display: flex;}
	#sucursalVirtualContent .card, #adultomayorContent .card, #pagosContent .card {border: none;}
	#sucursalVirtualContent .card > .card-header, #adultomayorContent .card > .card-header, #pagosContent .card > .card-header {display:none;}
	#sucursalVirtualContent .card > .collapse, #adultomayorContent .card > .collapse, #pagosContent .card > .collapse{display:block;}
	#sucursalVirtualContent .card-body, #adultomayorContent .card-body, #pagosContent .card-body {padding: 0;box-shadow: 0 0 0 var(--color-negro-op-16);}
	.tit-int{font-size: var(--font-15);}
	.cont-imagen-ancho:before, .cont-imagen-ancho:after{height: 34px;}
	.col-12.col-md-10.col-lg-6 .cont-imagen-ancho:before, .col-12.col-md-10.col-lg-6 .cont-imagen-ancho:after{height: 28px;}
	.col-12.col-sm-10.col-md-6.col-lg-4 .cont-imagen-ancho:before, .col-12.col-sm-10.col-md-6.col-lg-4 .cont-imagen-ancho:after{height: 16px;}
	.card-header.d-md-none ~ .collapse .card-body{padding: 0;box-shadow: 0 0 0;} 
	.alertas-home{font-size: 1rem}
}
@media(min-width: 992px){
	.nav-tabs-int.nav-tabs .nav-link{height: 60px;}
	.cont-imagen-ancho:before, .cont-imagen-ancho:after{height: 46px;}
	.col-12.col-lg-10 .cont-imagen-ancho:before, .col-12.col-lg-10 .cont-imagen-ancho:after{height: 37px;}
	.col-12.col-md-10.col-lg-6 .cont-imagen-ancho:before, .col-12.col-md-10.col-lg-6 .cont-imagen-ancho:after{height: 22px;}
	.col-12.col-sm-10.col-md-6.col-lg-4 .cont-imagen-ancho:before, .col-12.col-sm-10.col-md-6.col-lg-4 .cont-imagen-ancho:after{height: 14px;}
	.box-test{width: calc(100% - 220px);}
	.dropdown.dropdown-search{position: initial;}
	.dropdown-search .dropdown-menu {min-width: calc(100% - 30px);top: 55px;right: 15px;}
	.shrink .dropdown-search .dropdown-menu {top: 45px;	}
}
@media(min-width: 1200px){
	.img-cabecera{height: 260px;}
	.img-sc{height: 130px;}
	.img-cabecera h1{text-transform: uppercase;}
	.tit-int{font-size: var(--font-16);}
	.cont-imagen-ancho:before, .cont-imagen-ancho:after{height: 61px;}
	.col-12.col-lg-10 .cont-imagen-ancho:before, .col-12.col-lg-10 .cont-imagen-ancho:after{height: 45px;}
	.col-12.col-md-10.col-lg-6 .cont-imagen-ancho:before, .col-12.col-md-10.col-lg-6 .cont-imagen-ancho:after{height: 27px;}
	.col-12.col-sm-10.col-md-6.col-lg-4 .cont-imagen-ancho:before, .col-12.col-sm-10.col-md-6.col-lg-4 .cont-imagen-ancho:after{height: 18px;}
	.boletas img{width: 100%;}
}


/*******************************************
			NOTICIAS
*******************************************/
.rrss-share{
	text-align: center;
}
.ico-rrss{
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	width: 40px;
	margin: 0 8px;
}
.box-noticias{
	min-height: 500px;
}
.box-noticias.border{
	border-color: #cfd9de !important;
}
.box-noticias.rounded-lg{
	border-radius: 12px !important;
}
/*------------------------------------------
		MEDIA QUERY
------------------------------------------*/
@media(min-width: 576px){
	.img-not-home{width: 50%;margin: 0 auto;}
}
@media(min-width: 992px){
	.img-not-home{width: 100%;}
}


/*******************************************
			SLIDERS
*******************************************/
.slick-slider,
.slick-dotted.slick-slider{
	margin: 0;
}
.slick-prev {
	left: 25px;
}
.slick-next {
	right: 25px;
}
.arrows-out .slick-prev{
	left: -55px;
}
.arrows-out .slick-next {
	right: -55px;
}
.slick-prev,
.slick-next{
	z-index: 1;
	width: 48px;
	height: 48px;
}
.slick-prev::before,
.slick-next::before{
	font-size: var(--font-48);
}
.slick-dots{
	bottom: 15px;
}
.slick-dots li{
	width: 30px;
	height: 6px;
}
.slick-dots li button{
	width: 30px;
	height: 6px;
	padding: 0;
}
.slick-dots li button::before{
	width: 30px;
	height: 6px;
	content: '';
	background: var(--color-blanco);
	opacity: 1;
}
.slick-dots li.slick-active button::before{
	background: var(--color-azul);
	opacity: 1;
}
.slick-arrow{
	display: none !important;
}
.slider-columnas .slick-prev,
.slider-columnas .slick-next,
.slider-noticias .slick-prev,
.slider-noticias .slick-next{
	width: 20px;
	height: 20px;
}
.slider-columnas .slick-prev::before,
.slider-columnas .slick-next::before,
.slider-noticias .slick-prev::before,
.slider-noticias .slick-next::before{
	font-size: var(--font-20);
}
.testimonio .slick-prev::before,
.testimonio .slick-next::before,
.slider-noticias .slick-prev::before,
.slider-noticias .slick-next::before{
	color: var(--color-azul);
}
.slider-noticias .slick-dots li button::before{
	background: var(--color-celeste);
}
.slider-noticias .slick-dots li.slick-active button::before{
	background: var(--color-azul);
}
.slider-noticias{
	min-height: 420px;
}
.slider-index {
	width: 100%;
	height: auto;
}
#slideAccesos .slick-prev::before,
#slideAccesos .slick-next::before{
	color: var(--color-celeste);
}
/*------------------------------------------
		MEDIA QUERY
------------------------------------------*/
@media(min-width: 992px){
	.slick-arrow{display: inline-block !important;}
}


/*******************************************
			BOX SLIDER HOME
*******************************************/
.box-slider{
	margin: 20px 15px;
	position: relative;
	background: var(--color-blanco);
	border-radius: 20px;
	box-shadow: 0 0 6px var(--color-negro-op-16);
}
.box-slider .nav-tabs{
	border-bottom: 1px solid var(--color-gris-oscuro);
	height: 50px;
}
.box-slider .nav-tabs .nav-link{
	border: 0 none;
	text-transform: uppercase;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.box-slider .nav-link{
	padding: 0;
}
.box-slider .nav-tabs .nav-item:nth-child(1) .nav-link{
	border-radius: 20px 0 0;
}
.box-slider .nav-tabs .nav-item:nth-last-child(1) .nav-link{
	border-radius: 0 20px 0 0;
}
.box-slider .nav-tabs .nav-item.show .nav-link,
.box-slider .nav-tabs .nav-link.active {
	color: var(--color-blanco);
	background-color:var(--color-azul);
	border-color: transparent;
}
.box-slider .nav-item{
	padding: 0;
}
.box-slider .tab-content > .tab-pane{
	padding: 20px;
}
/*------------------------------------------
		MEDIA QUERY
------------------------------------------*/
@media(min-width: 1200px){
	.box-slider{position: absolute;top: 20px;left: 100px;width: 40%;max-width: 460px;min-height: 360px;z-index: 2;margin: 0;box-shadow: 0 3px 6px var(--color-negro-op-16);}
	.box-slider p {margin: 0 0 5px;font-size: var(--font-14);}
	.box-slider .form-group{margin-bottom: 10px;}
	.box-slider .tab-content > .tab-pane {padding: 10px 20px;}
}
@media(min-width: 1360px){
	/*.box-slider{height: calc(100% - 60px);top: 30px;}
	.box-slider .nav-tabs{height: 12%;}
	.box-slider .form-group{margin-bottom: 1rem;}
	.box-slider .tab-content > .tab-pane {padding: 20px;}*/
	.box-slider p {font-size: var(--font-16);}
}
@media(min-width: 1410px){
	/*.box-slider .nav-tabs {height: 10%;}*/
}
@media(min-width: 1600px){
	/*.box-slider p {margin: 0 0 1.5rem;}
	.box-slider .form-group {margin-bottom: 1.5rem;}*/
}


/*******************************************
			ACCESIBILIDAD / WHATSAPP
*******************************************/
.whatsapp{
	position: fixed;
	z-index: 9;
	bottom: 60px;
	right: 15px;
	padding: 10px 15px;
	border-radius: 25px;
	box-shadow: 0 5px 5px var(--color-negro-op-30);
	background: var(--color-whatsapp);
}
.whatsapp .flaticon{
	font-size: 20px;
	height: 20px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	color: var(--color-blanco);
}
.whatsapp span{
	display: inline-block;
	vertical-align: middle;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	color: var(--color-blanco);
	text-shadow: 0 0 10px var(--color-negro-op-30);
}
.accesibilidad{
	position: fixed;
	z-index: 9;
	bottom: 0;
	width: 100%;
	height: 50px;
	background: var(--color-naranjo);
	color: var(--color-blanco);
	display: flex;
	justify-content: center;
	align-items: center;
}
.accesibilidad .ico-acc{
	padding: 0 7px;
	border-right: 2px solid var(--color-blanco);
}
.accesibilidad .ico-acc:nth-last-child(1){
	border-right: 0 none;
}
.accesibilidad .ico-acc a{
	display: inline-block;
	color: var(--color-blanco);
}
.accesibilidad .flaticon{
	font-size: 32px;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
}
.accesibilidad .flaticon2{
	font-size: 24px;
	height: 24px;
	margin: 0 10px;
	display: inline-block;
	vertical-align: middle;
}
.accesibilidad .ico-acc.ico-hover span{
	display: none;
}
/*------------------------------------------
		MEDIA QUERY
------------------------------------------*/
@media(min-width: 992px){
	.accesibilidad{bottom: 30vh;width: 50px;height: 272px;right: 0;justify-content: inherit;align-items: inherit;display: block;text-align: center;background: var(--color-blanco);border-radius: 10px 0 0 10px;}
	.accesibilidad .ico-acc {width: 50px;padding: 7px 0;border-right: 0 none;background: var(--color-naranjo);position: absolute;right: 0;height: 48px;}
	.accesibilidad .ico-acc:nth-child(1) {border-radius: 10px 0 0 0;top: 0;}
	.accesibilidad .ico-acc:nth-child(2) {top: 50px;height: 124px;}
	.accesibilidad .ico-acc:nth-child(3) {top: 176px;}
	.accesibilidad .ico-acc:nth-child(4) {top: 226px;}
	.accesibilidad .ico-acc:nth-last-child(1) {border-bottom: 0 none;border-radius: 0 0 0 10px;}
	.accesibilidad .ico-acc.ico-hover{
		text-align: left;
		width: 200px;
		cursor: pointer;
		right: -150px;
		-webkit-transition:all 0.25s;
		   -moz-transition:all 0.25s;
			-ms-transition:all 0.25s;
			 -o-transition:all 0.25s;
				transition:all 0.25s;
	}
	.accesibilidad .ico-acc.ico-hover .flaticon{padding: 0 9px;}
	.accesibilidad .ico-acc.ico-hover span{display: inline-block;vertical-align: middle;padding-left: 9px;}
	.accesibilidad .ico-acc.ico-hover:hover{right: 0;}
	.accesibilidad .flaticon2{margin: 10px 0;}
	.whatsapp{bottom: 20px;}
}


/*******************************************
			SUCURSAL VIRTUAL
*******************************************/
.box-cont {
	border-radius: 18px;
}
.box-cont + .box-cont{
	margin-top: 30px;
}
.tit-box {
	background: var(--color-celeste);
	cursor: pointer;
	border-radius: 18px 18px 0 0;
	overflow: hidden;
}
.tit-box span{
	background: var(--color-celeste);
	padding: 0 15px;
	height: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: var(--color-blanco);
	text-transform: uppercase;
	position: relative;
}
.tit-box span.collapsed:after,
.tit-box span:after{
	font-family: "flaticon";
	content: "\f10b";
	color: var(--color-blanco);
	position: absolute;
	top: 12px;
	right: 15px;
	font-size: 20px;
}
.tit-box span.collapsed:after{
	content: "\f10b";
}
.tit-box span:after{
	content: "\f10e";
}
.tit-box span.collapsed{
	background: var(--color-azul);
}
.txt-box {
	padding: 15px;
	border: 1px solid var(--color-celeste);
	border-radius: 0 0 18px 18px;
}
.carga-texto{
	position: relative;
	overflow: hidden;
	-webkit-filter: blur(5px);
	   -moz-filter: blur(5px);
		-ms-filter: blur(5px);
		 -o-filter: blur(5px);
			filter: blur(5px);
}
.carga-texto:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 98;
	background: var(--color-blanco-op-80);
	overflow: hidden;
}
.carga-texto:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 99;
	background:linear-gradient(to right,transparent,var(--color-gris-perla),transparent);
	animation: leftright ease-in-out infinite 2s;
	overflow: hidden;
}
@keyframes leftright {
	0% {
		left: -80%;
	}

	100% {
		left: 120%;
	}
}


/*******************************************
			MODALES
*******************************************/
.modal-content{
	border: 0 none;
	border-radius: 18px;
}
.modal-header{
	background: var(--color-celeste);
	color: var(--color-blanco);
	border-bottom: 0 none;
	border-top-left-radius: calc(18px - 1px);
	border-top-right-radius: calc(18px - 1px);
}
.modal-header.error{
	background: var(--color-celeste);
}
.close{
	color: var(--color-blanco);
	text-shadow: 0 0 0;
}
.close:hover {
	color: var(--color-blanco);
	opacity: 1;
}
.modal-footer{
	justify-content: center;
	-ms-flex-pack: center;
}
.modal-footer > * {
    margin: 0 auto;
    width: 100%;
}
#modal-home .modal-content{
	border-radius: 0 0 18px 18px;
}
#modal-home .modal-body{
	padding: 0;
}
#modal-home .close{
	background: var(--color-azul);
	color: var(--color-blanco);
	text-shadow: 0 0 0;
	width: 50px;
	height: 50px;
	position: absolute;
	top: -50px;
	right: 0;
	opacity: 1;
}
.modal.show ~ .modal.show  {
	z-index: 1052 !important;
}
.modal-backdrop.show ~ .modal-backdrop.show {
	z-index: 1051 !important;
}

/*******************************************
			ENCUESTAS
*******************************************/
.respuestas {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.cont-resp {
	position: relative;
	margin-right: -1px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	width: 35px;
	height: 35px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.cont-resp input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 35px;
	width: 35px;
	line-height: 35px;
	background-color: var(--color-gris-claro);
	color: var(--color-negro);
	text-align: center;
	border: 1px solid var(--color-gris-oscuro);
}
.cont-resp:hover input ~ .checkmark {
	background-color: var(--color-gris);
}
.cont-resp input:checked ~ .checkmark {
	background-color: var(--color-celeste);
	color: var(--color-blanco);
	border-color: var(--color-celeste);
}
.ol-modal {
	padding: 0 15px;
}
/*------------------------------------------
		MEDIA QUERY
------------------------------------------*/
@media(min-width: 768px){
	.ol-modal {padding: 0 30px;}
	.cont-resp {width: 50px;height: 50px;}
	.checkmark {height: 50px;width: 50px;line-height: 50px;}
}
/*******************************************
			ACCESOS DIRECTOS
*******************************************/
.ico-directos{
	background: var(--color-blanco);
	border-radius: 50%;
	width: 80px;
	height: 80px;
	margin: 0 auto 15px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 3px 6px var(--color-negro-op-16);
}
.ico-directos img{
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 15px;
}
.cont-directos:hover .ico-directos{
	background: var(--color-azul);
	box-shadow: 0 0 0;
}
.cont-directos:hover .ico-directos img{
	top: initial;
	bottom: 15px;
}
/*******************************************
			ACCESOS DIRECTOS SV
*******************************************/
.box-acsv{
	background: var(--color-celeste);
	color: var(--color-blanco);
	display: flex;
	align-items: center;
	border-radius: 12px;
	padding: 10px;
	line-height: 1.1;
	font-size: 14px;
	-webkit-transition:all 0.25s ease-out;
	   -moz-transition:all 0.25s ease-out;
		-ms-transition:all 0.25s ease-out;
		 -o-transition:all 0.25s ease-out;
			transition:all 0.25s ease-out;
}
.box-acsv img{
	width: 35px;
	height: 35px;
	margin-right: 3px;
	border-radius: 100%;
	box-shadow: 0 3px 6px var(--color-negro-op-16);
}
.box-acsv:hover {
	background: var(--color-celeste-hover);
}
/*------------------------------------------
		MEDIA QUERY
------------------------------------------*/
@media(min-width: 490px){
	.box-acsv img{
		margin-right: 8px;
	}
}
@media(min-width: 768px){
	.box-acsv{
		font-size: 15px;
	}
	.box-acsv img{
		width: 50px;
		height: 50px;
	}
}
@media(min-width: 992px){
	.box-acsv{
		font-size: 16px;
	}
}

/*******************************************
			TABLAS
*******************************************/
.table thead th{
	background: var(--color-azul);
	color: var(--color-blanco);
}
.table td,
.table th{
	vertical-align: middle;
	padding: .45rem .75rem;
	border-top: 1px solid var(--color-celeste);
}
.table-striped tbody tr.odd {
	background-color: var(--color-blanco);
}
.table-striped tbody tr.even {
	background-color: var(--color-celeste-op-06);
}
.table .flaticon{
	display: block;
	text-align: center;
}
.table .flaticon i{
	font-size: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	color: var(--color-azul);
}
div.dataTables_wrapper div.dataTables_filter input{
	max-width: 160px;
}
#grillaPsContactos.table tr,
#grillaPsContactos.table td{
	cursor: pointer;
}
/*------------------------------------------
		MEDIA QUERY
------------------------------------------*/
@media(min-width: 370px){
	div.dataTables_wrapper div.dataTables_filter input{max-width: initial;}
}


/*******************************************
			SELECT BOOTSTRAP
*******************************************/
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
}
.bootstrap-select .btn,
.bootstrap-select .btn:hover,
.bootstrap-select .btn:focus,
.bootstrap-select .btn:visited{
	padding: 0 .75rem;
	height: 48px;
	color: var(--color-negro) !important;
	border: 1px solid var(--color-azul);
	background: var(--color-blanco);
	border-radius: 0 0 18px !important;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus-visible,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover{
	color: var(--color-negro) !important;
	border: 1px solid var(--color-azul);
	border-radius: 0 0 18px !important;
}
.bootstrap-select .dropdown-toggle .filter-option{
	line-height: 48px;
}
.bootstrap-select .btn {
	font-weight: 400;
}
.bootstrap-select > .dropdown-toggle{
	max-width: 100%;
}
.bootstrap-select > .dropdown-toggle::after {
	border: 0 none !important;
	background-repeat: no-repeat;
	background-size: 25px 12px;
	background-position: center;
	width: 25px;
	height: 12px;
	margin-top: -8px;
}
.bootstrap-select.btn-header .btn,
.bootstrap-select.btn-header .btn:hover,
.bootstrap-select.btn-header .btn:focus,
.bootstrap-select.btn-header .btn:visited{
	border-radius: 0 !important;
}
.bootstrap-select.btn-header .dropdown-menu{
	padding: 0;
	margin: 0;
}


/*******************************************
			FOOTER
*******************************************/
.footer{
	background: var(--color-blanco);
	position: relative;
	color: var(--color-blanco);
}
.info-footer{
	background: var(--color-azul);
	border-radius: 0 0 1.5rem;
	padding: 40px 0;
}
.footer-404{
	margin-bottom: 0;
}
/*.footer:before{
	content: '';
	background-image: url(/assets/images/footer-mob.svg);
	background-size: auto 25px;
	background-repeat: repeat-x;
	background-position: center;
	top: -25px;
	position: absolute;
	width: 100%;
	height: 25px;
}*/
.navbar-brand-footer{
	background: var(--color-blanco);
	width: 100%;
	padding: 10px 15px;
	display: block;
	text-align: center;
}
.navbar-brand-footer .logo-essbio{
	width: 100px;
	height: 30px;
}
.navbar-brand-footer .logo-nuevosur{
	width: 140px;
	height: 30px;
}
.tit-foo{
	font-weight: 900;
	text-transform: uppercase;
	font-size: var(--font-14);
}
.tit-foo span{
	height: 2px;
	width: 100%;
	display: block;
	margin: 5px auto 15px;
	background: var(--color-blanco);
}
.footer .navbar-nav{
	background: transparent;
	padding: 0;
}
.footer .nav-link{
	color: var(--color-blanco);
	font-size: var(--font-14);
}
.nav-item span{
	display: block;
	padding: .5rem 0;
	font-size: var(--font-20);
}
.nav-item span .flaticon{
	margin-right: 10px;
}
.rrss{
	text-align: center;
}
.rrss a{
	color: var(--color-blanco);
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
} 
.rrss a .flaticon,
.rrss a img{
	font-size: 35px;
	height: 35px;
	margin: 0 5px;
	display: block;
	line-height: 1;
}
.rrss a:hover {
	-webkit-transform: scale(1.2);
	   -moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		 -o-transform: scale(1.2);
			transform: scale(1.2);
}
.direcciones{
	background: var(--color-blanco);
	color: var(--color-azul);
	padding: 1rem 0;
	position: relative;
	font-size: var(--font-14);
}
/*.direcciones:before{
	content: '';
	background-image: url(/assets/images/dire-mob.svg);
	background-size: auto 25px;
	background-repeat: repeat-x;
	background-position: center;
	top: -25px;
	position: absolute;
	width: 100%;
	height: 25px;
}*/
.creditos{
	background: var(--color-celeste);
	padding: 1rem 0 7rem;
}
.footer-404 .creditos{
	padding: 1rem;
}
/*------------------------------------------
		MEDIA QUERY
------------------------------------------*/
@media(min-width: 576px){
	.navbar-brand-footer{border-radius: 0 25px 25px 0;width: auto;display: inline-block;}
}
@media(min-width: 768px){
	.tit-foo, .footer .nav-link, .direcciones{font-size: var(--font-15);}
	.navbar-brand-footer .logo-essbio {width: 120px;height: 50px;}
	.navbar-brand-footer .logo-nuevosur {width: 160px;height: 50px;}
}
@media(min-width: 992px){
	.navbar-brand-footer .logo-essbio {width: 180px;height: 60px;}
	.navbar-brand-footer .logo-nuevosur {width: 240px;height: 60px;}
	.creditos{padding: 1rem 0;}
}
@media(min-width: 1200px){
	.tit-foo, .footer .nav-link, .direcciones{font-size: var(--font-16);}
}


/*******************************************
			LOADING
*******************************************/
.all-loading{
	position: fixed;
	background-color: var(--color-negro-op-60);
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 99998;
}
.all-loading > div {
	margin-top: 20px;
}
.loading {
	width: 100px;
	height: 100px;
	clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
	-webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
	position: absolute;
	top: 40vh;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: var(--color-azul);
	overflow: hidden;
	display: block;
	border-radius: 15% 15% 30% 30%;
}
.loading::before {
	content: "";
	width: 200px;
	height: 200px;
	background: var(--color-blanco);
	position: absolute;
	bottom: 50px;
	left: -50px;
	border-radius: 40%;
	animation: loading1 2s linear infinite;
}
@keyframes loading1 {
	0% {
		transform: rotate(0deg);
		bottom: 5px;
	}
	100% {
		transform: rotate(360deg);
		bottom: 85px;
	}
}
.loading::after {
	content: "";
	width: 200px;
	height: 200px;
	background: var(--color-blanco);
	position: absolute;
	bottom: 50px;
	left: -50px;
	opacity: 0.6;
	border-radius: 35%;
	animation: loading2 2s linear infinite;
}
@keyframes loading2 {
	0% {
		transform: rotate(0deg);
		bottom: 0px;
	}
	100% {
		transform: rotate(340deg);
		bottom: 80px;
	}
}
.box {
	width: 200px;
	height: 30px;
	border: 1px solid var(--color-negro);
	position: relative;
	overflow: hidden;
}
.box::before {
	content: "";
	width: 200px;
	height: 30px;
	background: linear-gradient(45deg,var(--color-azul),var(--color-celeste));
	position: absolute;
	animation: boxloading 4s linear infinite;
}
@keyframes boxloading {
	0% {
		left: -200px;
	}
	
	100% {
		left: 0;
	}
}
/*******************************************
			ADULTO MAYOR
*******************************************/
.contenido-adulto-mayor .nav-tabs-int.nav-tabs .nav-link,
.contenido-adulto-mayor .tit-info-adulto-mayor{
	font-size: var(--font-18);
}
.contenido-adulto-mayor label,
.contenido-adulto-mayor .btn,
.contenido-adulto-mayor .form-control{
	font-size: var(--font-17);
}
.big .contenido-adulto-mayor .nav-tabs-int.nav-tabs .nav-link,
.big .contenido-adulto-mayor .tit-info-adulto-mayor{
	font-size: var(--font-20);
}
.big .contenido-adulto-mayor label,
.big .contenido-adulto-mayor .btn,
.big .contenido-adulto-mayor .form-control{
	font-size: var(--font-19);
}
.small .contenido-adulto-mayor .nav-tabs-int.nav-tabs .nav-link,
.small .contenido-adulto-mayor .tit-info-adulto-mayor{
	font-size: var(--font-16);
}
.small .contenido-adulto-mayor label,
.small .contenido-adulto-mayor .btn,
.small .contenido-adulto-mayor .form-control{
	font-size: var(--font-15);
}



/*******************************************
			MODO OSCURO
*******************************************/
body.oscuro,
.oscuro .card,
.oscuro .form-control,
.oscuro .box-slider,
.oscuro .direcciones,
.oscuro .bootstrap-select .btn,
.oscuro .bootstrap-select .btn:hover,
.oscuro .bootstrap-select .btn:focus,
.oscuro .bootstrap-select .btn:visited,
.oscuro .dropdown-menu,
.oscuro .nav-tabs-int.nav-tabs .nav-item.show .nav-link,
.oscuro .nav-tabs .nav-link.active,
.oscuro .table-striped tbody tr.odd,
.oscuro .modal-content,
.oscuro .consultar-corte {
	background: var(--color-marengo);
}
.oscuro tbody{
	background: var(--color-blanco);
}
.oscuro .table-striped tbody tr.even {
	background-color: var(--color-gris-oscuro);
}
body.oscuro,
.oscuro .tit-int,
.oscuro label,
.oscuro .form-control,
.oscuro .footer .nav-link,
.oscuro .rrss a,
.oscuro .ico-acc a,
.oscuro .box-slider a,
.oscuro .direcciones,
.oscuro .bootstrap-select .btn,
.oscuro .bootstrap-select .btn:hover,
.oscuro .bootstrap-select .btn:focus,
.oscuro .bootstrap-select .btn:visited,
.oscuro .dropdown-menu,
.oscuro .dropdown-item,
.oscuro .nav-tabs-int.nav-tabs .nav-item.show .nav-link,
.oscuro .nav-tabs .nav-link.active,
.oscuro .table-striped tbody tr.odd,
.oscuro .table-striped tbody tr.even,
.oscuro .testimonio .slick-prev::before,
.oscuro .testimonio .slick-next::before,
.oscuro .slider-principal ~ .bread .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
	color: var(--color-blanco) !important;
}
.oscuro .tit-int,
.oscuro .img-persona{
	border-color: var(--color-blanco);
}
.oscuro .tab-content-int,
.oscuro .form-control,
.oscuro .dropdown-menu,
.oscuro .bootstrap-select .btn.dropdown-toggle:focus,
.oscuro .bootstrap-select .btn.dropdown-toggle:active {
	box-shadow: 0 3px 6px var(--color-blanco-op-16);
}
.oscuro .tit-int .ico,
.oscuro .table .flaticon{
	webkit-filter: invert(89%) sepia(73%) saturate(0%) hue-rotate(189deg) brightness(101%) contrast(103%);;
	filter: invert(89%) sepia(73%) saturate(0%) hue-rotate(189deg) brightness(101%) contrast(103%);;
}
.oscuro .form-control:focus {
	border-color: var(--color-azul);
	box-shadow: 0px 0px 0px 1px var(--color-azul) inset;
}
.oscuro .slider-principal ~ .bread .breadcrumb {
	background: var(--color-celeste);
}
.oscuro .direcciones:before{
	background-image: url(/assets/images/dire-osc-mob.svg);
}
.oscuro .cont-imagen-ancho:before{
	background: url(../images/mascara-osc-imagen-arriba.svg);
	background-repeat: repeat-x;
	background-size: cover;
	background-position: center top;
	width: 100%;
	height: 15px;
}
.oscuro .cont-imagen-ancho:after{
	background: url(../images/mascara-osc-imagen-abajo.svg);
	background-repeat: repeat-x;
	background-size: cover;
	background-position: center bottom;
	width: 100%;
	height: 15px;
}
.oscuro .dropdown-submenu .dropdown-submenu a.dropdown-item {
	color: var(--color-azul) !important;
}
.oscuro .dropdown-submenu .dropdown-submenu a.dropdown-item:focus,
.oscuro .dropdown-submenu .dropdown-submenu a.dropdown-item:hover{
	color: var(--color-blanco) !important;
}
/*------------------------------------------
		MEDIA QUERY
------------------------------------------*/
@media(min-width: 440px){
	.oscuro .cont-imagen-ancho:before, .oscuro .cont-imagen-ancho:after{height: 22px;}
}
@media(min-width: 576px){
	.oscuro .cont-imagen-ancho:before, .oscuro .cont-imagen-ancho:after{height: 25px;}
}
@media(min-width: 768px){
	.oscuro .direcciones:before{background-image: url(/assets/images/dire-osc-tab.svg);}
	.oscuro .cont-imagen-ancho:before, .oscuro .cont-imagen-ancho:after{height: 34px;}	
	.oscuro .col-12.col-md-10.col-lg-6 .cont-imagen-ancho:before, .oscuro .col-12.col-md-10.col-lg-6 .cont-imagen-ancho:after{height: 28px;}
	.oscuro .col-12.col-sm-10.col-md-6.col-lg-4 .cont-imagen-ancho:before, .oscuro .col-12.col-sm-10.col-md-6.col-lg-4 .cont-imagen-ancho:after{height: 16px;}
}
@media(min-width: 992px){
	.oscuro .cont-imagen-ancho:before, .oscuro .cont-imagen-ancho:after{height: 46px;}
	.oscuro .col-12.col-lg-10 .cont-imagen-ancho:before, .oscuro .col-12.col-lg-10 .cont-imagen-ancho:after{height: 37px;}
	.oscuro .col-12.col-md-10.col-lg-6 .cont-imagen-ancho:before, .oscuro .col-12.col-md-10.col-lg-6 .cont-imagen-ancho:after{height: 22px;}
	.oscuro .col-12.col-sm-10.col-md-6.col-lg-4 .cont-imagen-ancho:before, .oscuro .col-12.col-sm-10.col-md-6.col-lg-4 .cont-imagen-ancho:after{height: 14px;}
}
@media(min-width: 1200px){
	.oscuro .direcciones:before{background-image: url(/assets/images/dire-osc.svg);}
	.oscuro .cont-imagen-ancho:before, .oscuro .cont-imagen-ancho:after{height: 62px;}
	.oscuro .col-12.col-lg-10 .cont-imagen-ancho:before, .oscuro .col-12.col-lg-10 .cont-imagen-ancho:after{height: 45px;}
	.oscuro .col-12.col-md-10.col-lg-6 .cont-imagen-ancho:before, .oscuro .col-12.col-md-10.col-lg-6 .cont-imagen-ancho:after{height: 27px;}
	.oscuro .col-12.col-sm-10.col-md-6.col-lg-4 .cont-imagen-ancho:before, .oscuro .col-12.col-sm-10.col-md-6.col-lg-4 .cont-imagen-ancho:after{height: 18px;}
	.oscuro .slider-principal ~ .bread .breadcrumb a, .oscuro .slider-principal ~ .bread .breadcrumb li{color: var(--color-blanco);}
}
/*******************************************
			VARIOS
*******************************************/
.grecaptcha-badge{display: none !important;}
.underline{text-decoration: underline !important;}
.hentry{padding-bottom: 80px;}
.blanco{color: var(--color-blanco);}
.border-azul{border-color: var(--color-azul);}
img{max-width: 100%;}
.f16{font-size: var(--font-14);}
.f18{font-size: var(--font-15);}
.f20{font-size: var(--font-16);}
.f22{font-size: var(--font-18);}
.f24{font-size: var(--font-20);}
.f30{font-size: var(--font-26);}
.upp{text-transform: uppercase;}
.rel{position: relative;}
.abs{position: absolute;}
.fwn{font-weight: 400;}
.fwb{font-weight: 600;}
.fwx{font-weight: 900;}
.jus{text-align: justify;}
.bg-gris-claro{background: var(--color-gris-claro);}
.bg-azul{
	color: var(--color-blanco);
	background: var(--color-azul);
}
.bg-celeste{
	color: var(--color-blanco);
	background: var(--color-celeste);
}
.bg-verde{
	color: var(--color-blanco);
	background: var(--color-verde);
}
.bg-lila{
	color: var(--color-blanco);
	background: var(--color-lila);
}
.bg-violeta{
	color: var(--color-blanco);
	background: var(--color-lila);
}
.bg-naranjo{
	color: var(--color-blanco);
	background: var(--color-naranjo);
}
.bg-naranjo-op-10{
	background: var(--color-naranjo-op-10);
}
.text-primary{
	color: var(--color-azul) !important;
}
.text-secondary{
	color: var(--color-celeste) !important;
}
.text-third{
	color: var(--color-verde);
}
.text-fourth{
	color: var(--color-lila);
}
.text-fifth{
	color: var(--color-naranjo);
}
.ancho-img-350{
	max-width: 350px;
}
.border-bottom{border-right: 1px solid var(--color-gris);}
/*------------------------------------------
		MEDIA QUERY
------------------------------------------*/
@media(min-width: 992px){
	.f16{font-size: var(--font-15);}
	.f18{font-size: var(--font-16);}
	.f20{font-size: var(--font-17);}
	.f22{font-size: var(--font-19);}
	.f24{font-size: var(--font-21);}
	.f30{font-size: var(--font-28);}
}
@media(min-width: 1200px){
	.f16{font-size: var(--font-16);}
	.f18{font-size: var(--font-18);}
	.f20{font-size: var(--font-20);}
	.f22{font-size: var(--font-22);}
	.f24{font-size: var(--font-24);}
	.f30{font-size: var(--font-30);}
	.border-xl-right{border-right: 1px solid var(--color-gris);}
}

/*******************************************
			VALIDACIONES
*******************************************/
.txt-info-error{
	color:var(--color-rojo);
	font-size: 14px;
}
.input-forms-error{
	border: 1px solid var(--color-rojo);
}
.form-group-error{
	position: relative;
}
.hidden-error-label{
	display: none;
}
.show-error-label{
	display: block;
}
.disabled-button-a {
    cursor: not-allowed;
    pointer-events: none;

}


/*#pago-online-collapse { visibility:hidden; }*/



/*******************************************
			KHIPU
*******************************************/
.khipu-modal{
	z-index: 1000 !important;
}


/*******************************************
			CAMBIO TAMAÑO
*******************************************/
.big {
	font-size: 120%;
	font-weight: inherit;
}
.small, small {
	font-size: 80%;
	font-weight: inherit;
}

/*******************************************
		MANEJO VARIABLES DURANTE CARGA
*******************************************/
[v-cloak] { display: none; }


/*******************************************
		MANEJO PDF VIEWER
*******************************************/
#mainContainer{
	min-width: 290px !important;
}
.embuido{
	width:350px;
	height:393px;
	z-index:0;
}
.mask{
	position: relative;
	width: 350px;
	margin: 0 auto;
}
.mask:before{
	position: absolute;
	background: rgba(255,255,255,0.01);
	content: '';
	width: calc(350px - 15px);
	height: 100%;
	left: 0;
	right: 0;
}
/*------------------------------------------
		MEDIA QUERY
------------------------------------------*/
@media(min-width: 576px){
	.embuido{width:500px;height:561px;}
	.mask{width: 500px;}
	.mask:before{width: calc(500px - 15px);}
}
/*------------------------------------------
		INSERTADO CF
------------------------------------------*/

.esconderdiv{
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	  background-color: #ccc;
  }