svg:not(:root).svg-inline--fa {
  overflow: visible; }

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -.125em; }
  .svg-inline--fa.fa-lg {
    vertical-align: -.225em; }
  .svg-inline--fa.fa-w-1 {
    width: 0.0625em; }
  .svg-inline--fa.fa-w-2 {
    width: 0.125em; }
  .svg-inline--fa.fa-w-3 {
    width: 0.1875em; }
  .svg-inline--fa.fa-w-4 {
    width: 0.25em; }
  .svg-inline--fa.fa-w-5 {
    width: 0.3125em; }
  .svg-inline--fa.fa-w-6 {
    width: 0.375em; }
  .svg-inline--fa.fa-w-7 {
    width: 0.4375em; }
  .svg-inline--fa.fa-w-8 {
    width: 0.5em; }
  .svg-inline--fa.fa-w-9 {
    width: 0.5625em; }
  .svg-inline--fa.fa-w-10 {
    width: 0.625em; }
  .svg-inline--fa.fa-w-11 {
    width: 0.6875em; }
  .svg-inline--fa.fa-w-12 {
    width: 0.75em; }
  .svg-inline--fa.fa-w-13 {
    width: 0.8125em; }
  .svg-inline--fa.fa-w-14 {
    width: 0.875em; }
  .svg-inline--fa.fa-w-15 {
    width: 0.9375em; }
  .svg-inline--fa.fa-w-16 {
    width: 1em; }
  .svg-inline--fa.fa-w-17 {
    width: 1.0625em; }
  .svg-inline--fa.fa-w-18 {
    width: 1.125em; }
  .svg-inline--fa.fa-w-19 {
    width: 1.1875em; }
  .svg-inline--fa.fa-w-20 {
    width: 1.25em; }
  .svg-inline--fa.fa-pull-left {
    margin-right: .3em;
    width: auto; }
  .svg-inline--fa.fa-pull-right {
    margin-left: .3em;
    width: auto; }
  .svg-inline--fa.fa-border {
    height: 1.5em; }
  .svg-inline--fa.fa-li {
    width: 2em; }
  .svg-inline--fa.fa-fw {
    width: 1.25em; }

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0; }

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -.125em;
  width: 1em; }
  .fa-layers svg.svg-inline--fa {
    -webkit-transform-origin: center center;
            transform-origin: center center; }

.fa-layers-text, .fa-layers-counter {
  display: inline-block;
  position: absolute;
  text-align: center; }

.fa-layers-text {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
          transform-origin: center center; }

.fa-layers-counter {
  background-color: #ff253a;
  border-radius: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  height: 1.5em;
  line-height: 1;
  max-width: 5em;
  min-width: 1.5em;
  overflow: hidden;
  padding: .25em;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top right;
          transform-origin: top right; }

.fa-layers-bottom-right {
  bottom: 0;
  right: 0;
  top: auto;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right; }

.fa-layers-bottom-left {
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left; }

.fa-layers-top-right {
  right: 0;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top right;
          transform-origin: top right; }

.fa-layers-top-left {
  left: 0;
  right: auto;
  top: 0;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
  -webkit-transform-origin: top left;
          transform-origin: top left; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1); }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  -webkit-filter: none;
          filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  position: relative;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0; }

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em; }

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em; }

.fa-inverse {
  color: #fff; }

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1); }

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4); }

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4); }

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1); }

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black; }

.fad.fa-inverse {
  color: #fff; }

/*MEDIUM DESKTOP - Escritorio medio - Tablet posición horizontal*/
@media (max-width: 1199px) and (min-width: 992px) {
	.lineMenu {
		padding: 1.5em 0.1%!important;
	}
	.nav-bar {
	    grid-column: 0/13;
	}
	.imgMain {
		width: 40em;
		margin: auto!important;
		padding: 0!important;
	}
	.imagenTag {
		width: 40em!important;
		margin: auto!important;
		padding: 0!important;
	}
	.imgBrowser {
		width: 15em!important;
	}
	.formBox {
		padding: 5em 10em 3em 5em!important;
	}
	.imgGemba {
	    grid-column: 1/8;
	    height: auto !important;
	    width: 100%;
	}
	.textoSincro {
	    width: 18em;
	    margin: 0% 0%;
	    padding-left: 5em;
	}
}
/*TABLETS - Tablet posición vertical*/
@media (max-width: 991px) and (min-width: 768px) {
	.nav-bar li{
		font-size: 1em;
		padding-left: 1em;
		padding-right: 1em;
	}
	.imgApp {
		width: 8em;
	}
	.imgGembaProductive{
		width: 19em;
	}
	.textContent {
		font-size: 1.5em;
	}
	.textContent {
		font-size: 1.5em;
	}
	.centrado img {
		width: 8em;
	}
	.textoRomana {
		font-size: 1.5em;
	}
	.sizeText {
		font-size: 1em;
	}
	.sectionThree {
    width: 10em;
	}
	.imgPhoneIndex{
		top: 8em;
    left: 40em;
	}
	.sectionFour img {
    height: 8em;
	}
	.puntaClara, .puntaGris{
		border-left: 30em solid transparent;
    border-right: 30em solid transparent;
	}
	.puntaBlanca {
    border-left: 30em solid transparent;
		border-right: 30em solid transparent;
	}
	.nav-bar {
		text-align: left!important;
	}
	.lineMenu {
		padding: 1.5em 0.1%!important;
	}
	.imgMain {
		width: 30em;
		padding: 0!important;
	}
	.numeracion li {
		padding-right: 17%!important;
	}
	.imgAudit {
		width: 40em!important;
	}
	.imgGemba {
		grid-column: 1/6!important;
		width: 40em !important;
		height: auto !important;
	}
	.sectionGemba .col-4, {
		grid-column: 8/13;
	}
	.imagenTag {
		width: 30em!important;
		margin: auto!important;
		padding: 0!important;
	}
	.sectionGlobal .textoTag {
		grid-column: 1/5;
	}
	.navegadores .contentBrowsers {
		grid-column: 1/7;
	}
	.navegadores .imgBrowser {
		padding: 5% 5%!important;
		grid-column: 7/13;
	}
	.formBox {
		padding: 5em 8em 3em 5em!important;
	}
	.logoPrivacy{
		display: none;
	}
	.menu{
		font-size: 0.8em !important;
	}

}
/*---- EXTRA ----*/
@media (max-width: 768px) and (min-width: 614px) {
	.logo{
		display: none;
	}
	.col-2{
		padding-top:5em;
	}
	.bullet{
		width: 8em;
		height: 8em;
	}
	.submenu li {
		width: 190% !important;
	}
	.imgGembaProductive, .imgReports{
		width: 19em;
	}
	.centrado{
		text-align: center;
	}
	.centrado img {
		width: 6em;
	}
	.textoRomana{
		font-size: 1.4em;
	}

	.sizeText {
		font-size: 1em;
	}
	.sectionThree {
    width: 9em;
	}
	.imagen2 {
    padding-top: 0em;
    padding-right: 0em; 
		margin: 0px auto;
		width: 8em;
	}
	.paddFooter{
		padding-left: 1em;
	}
	.paddingText {
		padding: 1em;
	}
	.icon img {
		width: 7em;
		height: 100%;
	}
	.icon {
		font-size: .9em;
		padding: 1em;
	}
	.imgPhoneIndex{
		top: 5em;
    left: 30em;
	}
	.imgAudit{
		margin: 0% auto auto!important;
	}
	.textContent{
		font-size: 1em;
	}
	.paddingText {
    padding: 3em;
	}
	.puntaClara, .puntaGris{
		border-left: 25em solid transparent;
    border-right: 25em solid transparent;
	}
	.puntaBlanca {
    border-left: 25em solid transparent;
		border-right: 25em solid transparent;
	}
	.paddingBorde {
		padding-top: 6em;
	}
	.logoFooter {
		width: 9em;
	}
	.logosBox{
		overflow: visible;
	}
	.contactSection{
		margin-top: 3em;
	}
	.inputForm {
    width: 140%;
	}
	.boxApps{
		padding: 1.5em;
    margin: 1em !important;
	}
	.imgApp {
		width: 6em;
	}
	.support p {
    width: 100%;
    margin: 1em auto;
	}
	.col-4 {
		padding-top: 5em;
		font-size: 1em;
	}
	.bodyRegister {
		padding: 10% 15% !important;
	}
	.menu{
		font-size: 0.7em !important;
	}
}
/*PHONES*/
@media screen and (max-width: 767px) {
	.logo{
		display: none;
	}
	.nombrePagina {
    	padding-top: 1em;
	}
	.textoRomana{
		font-size: 1.5em;
	}
	.support{
		padding: 0em 0em !important;
		flex-direction: row !important;
	}
	.fondoText{
		width: 100%;
		top: 5px;
		text-align: center;
		bottom: 25em;
	}
	.texphone{
		padding-top: 1em;
	}
	.boxApps, .boxAppsActivo {
		width: 4em;
		padding: 5px;
		margin:1em .2em !important;
	}
	.imgApp {
		width: 5em;
		padding: 10px;
	}
	.imagen {
		width: 10em;
	}
	.bullet{
		width: 8em;
		height: 8em;
	}
	.imgTag {
		width: 12em;
	}
	.col-2{
		flex-direction: column;
	}
	.imgFondo{
		margin-top:3em;
	}
	.imgGembaProductive{
		width: 15em;
    	height: auto;
	}
	.imgReports{
		width: 15em;
    	height: auto;
	}
	.textHide{
		display: none;
	}
	.textArea {
		width: 100%;
	}
	.paddingText {
    	padding: 2.5em;
	}
	.col-4{
		flex-direction: column;
		justify-content: center;
	}
	.centrado{
		margin:0px auto;
	}
	.infoTell{
		padding: 0em !important;
	}
	.info{
		width: 90%;
		padding-bottom: 1em;
		padding-left: 0em;
	}
	.seccionApp {
		padding: .5em;
	}
	.sizeText{
		font-size: 1em;
	}
	.imagen2{
		margin-bottom: 2em;
		padding-right: 0em;
	}
	.textRight {
    	text-align: left;
	}
	.icon {
		margin: 1em auto;
		width: 100%;
	}
	.aboutUsBox {
		padding-top: 2em;
	}
	.logosBox{
		padding-bottom: 0em;
		overflow:visible;
	}
	.imagen2{
		margin-top:0em;
	}
	.textContent{
		padding-left: 0em;
	}
	.info2{
		width: unset;
	}
	.paddingBorde{
		padding-top:1em;
	}
	.puntaClara {
    	border-top: 30px solid rgba(33,64,145,0.1);
	}
	.puntaClara, .puntaGris, .puntaBlanca {
   	 	border-left: 11em solid transparent;
		border-right: 11em solid transparent;
	}
	.puntaBlanca{
		border-top: 30px solid #fff;
		top:30px;
	}
	.puntaGris{
		border-top: 30px solid rgba(218,218,218,0.2);
	}
	.historySection {
   		margin-bottom: 0em;
	}
	.contactSection{
		flex-direction: column-reverse;
	}
	.formBoxItems {
		width: 70%;
		padding: .5em;
	}
	.textFooter {
		margin: 0px auto;
    	text-align: center;
	}
	.fondoImg{
		height: 16rem;
	}
	.btnStart{
		font-size: 1em;
	}
	.imgPhone{
		width: 12em;
		padding-left: 0em;
	}
	.imagenGemba{
		padding-top: 1em !important;
	}
	.text-align-right {
    	text-align: center;
	}
	.imgHidden{
		visibility: hidden;
	}
	.textHidden{
		background-color: rgba(3,40,67,0.8);
		position: relative;
	}
	.seccionTrabajo{
		flex-direction: column;
		margin-top: -3em;
	}
	.sectionIgoandsee{
		margin-top:-3em;
	}
	.imgPhoneIndex{
		top: 8em;
    	left: 14em;
	}
	.textIgoandsee{
		width: 50%
	}
	.bodyRegister{
		padding-top: 5em !important;
	}
	.support{
		padding-bottom: 3em;
	}
	.col-reverse{
		flex-direction: column-reverse !important;
	}
	.contentImage {
		margin: 1em;
	}
	.imgTell{
		height:90%;
		padding: 1em auto;
	}
	.boxVideo{
		padding: 1em;
	}
	.video{
		width: 300px;
    height: 160px;
	}
	.boxFooter{
		flex-direction: column;
	}
	.logoFooter{
		display: none;
	}
	.btnContact {
		margin: 3em 40% !important;
	}
}
/*---- EXTRA ----*/
@media (max-width: 768px) and (min-width: 513px) {
	.imgAudit {
		width: 20em!important;
		margin: 8em 0 3em!important;
	}
}
@media (max-width: 768px) and (min-width: 524px) {
	.sectionGlobal .textoTag {
		width: 90%;
	}
	.sectionGlobal .imagenTag {
		width: 80%;
	}
	.imgAudit {
		width: 32em!important;
		margin: 1% auto auto!important;
	}
	.contentAuditText {
		width: 70%!important;
	}
}
@media screen and (max-width: 424px) {
	.nombrePagina {
    padding-top: .7em;
	}
	.nav-bar ul {
		width: 45%!important;
	}
	.logo{
		display: none;
	}
	.col-2 {
		padding: 1em;
	}
	.sectionThree{
		padding: 0em;
	}
	.icon {
		margin: 1em auto;
	}
	.aboutUsBox {
		padding-top: 2em;
	}
	.logosBox{
		padding-bottom: 0em;
		overflow:visible;
	}
	.imagen2{
		margin-top:0em;
	}
	.info{
		padding-top:2em;
	}
	.imgAudit {
		width: 17em;
	}
	.textContent {
		font-size: 1rem!important;
		text-align: center;
	}
	.row{
		margin-top:0em !important;
	}
	.sectionThree img{
		height: 9em;
	}
	.sectionFour img {
    	height: 8em;
	}
	.contentImage {
	    margin: 1em;
	}
}
/* .header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;	
	width: 100%;
	z-index: 1500;
} */
/* .nombrePagina{
	color: rgba(255, 255, 255, 0.5);
	padding-left: 1.5em; 
} */

.nav-bar li{
	align-items: baseline;
	list-style: none;
	float: left;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-top: .7em;
	padding-bottom: .7em;
}
.buttonsNavbar {
	background: none;
	border: 0;
}
/* #submenuVisible{
	visibility: visible;
}
#noSubmenuVisible{
	visibility: hidden;
}
.submenu{
	background-color: #032843;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	width: 100%;
	position: absolute;
	left: -20px;
	margin: 1em;
	z-index: 20;
	padding-left: 4em;
}
.submenu li{
	color: #fff;
	font-weight: 100 !important;
	padding-top: .7em !important;
	padding-bottom: 0.7em !important;
	border-top: 0.5px solid rgba(255, 255, 255, 0.3);
	width: 20%;
}
.submenu li:hover{
	background-color: #008694;
	color:#fff;
	width: 20%;
	cursor: pointer;
} */
.nav-bar li, 
.buttonsNavbar  {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	font-size: 1rem;
	color: #FFF;
}
.nav-bar li a:hover,
.buttonsNavbar:hover {
	color: #D5E2EA !important;
}
/* .menu-bar {
	display: none;
	padding-top: 2%
}
.imgLogoHorizontal {
	width: 35%;
	display: inline-block;
}
.icon-menu {
	display: inline-block;
	margin: 0;
	font-size: 2rem;
} */
/*PHONES*/
/* @media screen and (max-width: 767px) {
	.nav-bar ul {
		width: 45% !important;
	}
}
@media screen and (max-width: 971px) {
	#app {
		display: block!important;
	}
	.header {
		padding: 0!important;
		width: 100%;
		display: block!important;
		position: fixed;
		z-index: 1500;
	}
	.nav-bar ul {
		width: 30%;
		height: 100%;
		position: fixed;
		background-color: #004D6A;
		z-index: 1;
		margin-top: 0;
		left: 0px;
    top: 0px;
    padding-top: 2em;
	}
	.nav-bar ul li{
		display: block;
		float: none!important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	}
	.submenu{
		position: relative !important;
		padding-left: 0em;
		padding-top: 1em;
		padding-bottom: 0em;
	}
	.submenu li{
		width: 130% !important;
		background-color: rgba(255,255,255,0.1) !important;
	}	
	#noSubmenuVisible {
    display: none;
	}
	.lineMenu {
		display: none!important;
	}
	.menu-bar {
		display: block!important;
		background-color: transparent;
		padding: 0 2%;
	}
	.nombrePagina{
		position: absolute;
    padding-top: 1.3em;
	}
	.btnMenu {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.btnMenu .buttonsNavbar {
		padding-top: 2%;
		margin-bottom: 2%;
		float: right;
	}
	.visibleMenu {
		display: block!important;
	}
	.noVisibleMenu {
		display: none!important;
	}
	.degradado {
		padding-top: 15%!important;
	}
}
/*TABLETS - Tablet posición vertical*/
/* @media (max-width: 991px) and (min-width: 768px) {
	.imgLogoHorizontal {
		width: 18%!important;
	} 
} */
.head {
  background-color: #002740;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .head img {
    width: calc(100% - 90vw);
    margin: 1.5rem; }
  .head .dropdown {
    margin-right: 1.5rem;
    background: transparent !important;
    background-color: #002740 !important;
    border: 0px solid transparent !important;
    color: white !important;
    outline: none; }

.icons {
  margin-top: 6em;
  display: flex;
  justify-content: row; }

.redes {
  background-color: black;
  width: 4em;
  display: block;
  height: 3em;
  border-radius: 2em;
  text-align: center;
  padding-top: 1em;
  margin: .5em; }
  .redes:hover {
    background-color: #888;
    transition: 500ms; }

.allcontainer {
  min-height: 400px;
  margin: 2em;
  border-radius: 1em;
  background-color: #FFF; }

.footer {
  background-color: #1B4159;
  width: 100%;
  color: #fff;
  padding: 5em 2em 2em;
  font-family: 'Montserrat', sans-serif; }
  .footer .textFooter {
    text-align: right;
    line-height: 1.5em; }

.header {
  width: 100%; }

.img {
  padding: 1em;
  margin: 0px auto; }

.centerimg {
  display: block;
  margin: auto; }

.loginBox {
  width: 30%;
  text-align: center;
  margin: 0px auto;
  font-family: 'Montserrat', sans-serif; }

.loginBox img {
  margin-bottom: 1.5rem; }

.loginBox p {
  color: #8C8C8C;
  font-size: 1.2rem; }

.status-failed {
  color: #75070B; }

.status-success {
  color: #399934; }

.item-option {
  display: flex !important; }
  .item-option a.header {
    font-size: 1.2rem;
    margin: 1rem !important;
    color: #1B4159; }
  .item-option .icon-header {
    margin: 1rem 0 !important;
    color: #1e70bf !important;
    width: 1rem !important; }
  .item-option .header-other {
    margin-bottom: 0 !important; }
  .item-option .label-other {
    color: #4183c4 !important;
    font-size: 1.2rem !important;
    margin-bottom: 0;
    font-weight: 700; }
  .item-option .description-other .input-search .inputLogin {
    border: 1px solid transparent;
    text-align: right;
    width: 100%;
    padding: 0.5rem;
    transition: 500ms;
    margin: 0;
    border-radius: 25px; }
    .item-option .description-other .input-search .inputLogin:focus {
      outline: none; }

.row {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center; }

.inputLogin {
  border: 1px solid transparent;
  border-bottom: 1px solid #1736E9;
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: right; }

.btnLogin {
  color: #1736E9;
  padding: 1.5em 3em;
  border-radius: 3em;
  border: 1px solid #1736E9;
  margin-top: 3em;
  background-color: #fff; }
  .btnLogin:hover {
    background-color: #1736E9;
    cursor: pointer;
    color: #fff;
    transition: 500ms; }

div.content-btnLogin {
  margin-top: 3em;
  text-align: center; }

.btnLoginActivo,
.btnLoginInactivo {
  padding: 1.2rem 0.5rem;
  border-radius: 3em;
  font-size: 1.5em;
  width: calc(100% - 12vw); }

.btnLoginActivo {
  color: #fff;
  border: 1px solid #fff;
  background-color: #38949e;
  transition: 500ms; }
  .btnLoginActivo:hover {
    background-color: #fff;
    border: 1px solid #38949e;
    color: #38949e;
    transition: 500ms; }
  .btnLoginActivo:active {
    border-radius: 3em;
    border: 1px solid #38949e; }

.btnLoginInactivo {
  color: #888;
  border: 1px solid #ccc;
  background-color: #f2f2f2; }

.img-description {
  text-align: center;
  font-weight: bold;
  color: #8C8C8C; }
  .img-description img {
    margin-bottom: 2rem;
    width: calc(100% - 10vw); }

.content-modal {
  background-color: #1B4159; }

.input-search {
  background-color: white;
  border: 1px solid #4183c4;
  border-radius: 25px;
  display: flex;
  align-items: center;
  margin-bottom: 1rem; }

.item-option .description-other .input-search .inputLogin {
  border: 1px solid transparent;
  text-align: right;
  width: 100%;
  padding: 0.5rem 0 0.5rem;
  transition: 500ms;
  margin: 0;
  border-radius: 25px; }

.input-group-search {
  font-weight: bold;
  color: #4183c4 !important; }

.input-group-search.icon {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  margin: 0 1rem; }

.input-group-search.coin {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  margin: 0 0.5rem; }

@media (max-width: 768px) {
  .head img {
    width: calc(100% - 70vw); } }

@media (max-width: 768px) and (min-width: 614px) {
  .loginBox {
    width: 100%; }
  .boxFooter {
    flex-direction: column;
    align-items: center; }
  .icons {
    margin-top: 1em; }
  .redes {
    width: 2em;
    height: 2em;
    margin: .5em; }
  .red {
    width: 1em;
    height: auto;
    display: block; } }

@media screen and (max-width: 767px) {
  .loginBox {
    width: 90%;
    margin: 0px auto; }
  .boxFooter {
    flex-direction: column;
    align-items: center; }
  .icons {
    margin-top: 2em; }
  .redes {
    width: 3em;
    height: 2em;
    margin: .5em;
    text-align: center; }
  .red {
    width: 1em;
    height: auto;
    display: block;
    margin: 0px auto; }
  p {
    margin-left: 0px; }
  .textFooter {
    font-size: .9em; } }

.centerText {
  text-align: center; }

.allcontainer {
  min-height: 400px;
  margin: 2em;
  border-radius: 1em;
  background-color: #FFF; }

.formconatiner {
  padding: 2em;
  text-align: initial; }

.inputform {
  border-radius: 0.5em; }

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


/*# sourceMappingURL=/src.a2b27638.css.map */