:root {
	--krprimary: #5e02f3;
	--krprimaryh: rgba(94, 2, 243, 0.8);
	--krred: #f62d51;
	--krgreen: #4CAF50;
	--krbody: #e7e7e7;
}
:-webkit-full-screen body,
:-moz-full-screen body,
:-ms-fullscreen body {
	/* properties */
	width: 100vw;
	height: 100vh;
}

:full-screen body {
	/*pre-spec */
	/* properties */
	width: 100vw;
	height: 100vh;
}

:fullscreen body {
	/* spec */
	/* properties */
	width: 100vw;
	height: 100vh;
}

/* deeper elements */

:-webkit-full-screen body {
	width: 100vw;
	height: 100vh;
}
.card {
	margin-bottom: 0;
}
.google {
	display: flex;
	flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
}
* {
  transition: all .5s linear;	
}
.body {
	height: 100vh;
	width: 100vw;
}
h1 {
    font-size: 6rem;
}
.copyright {
	font-size: 10px;
/*    padding: 5px;
    width: 100vw;*/
    text-align: center;
}
.informativacompleta {
	max-height: 400px;
    overflow-y: auto;	
}

  .informativacompleta > p
, .informativacompleta > span {
	font-weight: normal ;
    margin-bottom: 10px;
    font-size: 12px;
}
  .informativacompleta > p > a {
	font-weight: bold;
    text-decoration: underline;
    font-size: 12px;
}

.informativacompleta > h1 {
	margin-top: 20px;
	margin-bottom: 10px;
}


.threecheckbutton {
	cursor: pointer;
}
.threecheckbutton {
	cursor: pointer;
}
.main {
	margin: 0 10px 0 10px;
    border: solid 1px #ccc;
    width: 100%;	
}

.hide {
  display: none;
  animation: fadeOut 1s;
}
.show {
  display: flex;
  animation: fadeIn 1s;
}
.rotate{
	transform: rotate(-90deg);
	transform-origin: bottom right;
	position: absolute;
	top: -100vw;
	right: 0;
	height: 100vw !important;
    width: 100vh !important;
}
.threecheckbfulltext{
	height: 350px;
    overflow-y: auto;
    width: 100%;
}
.threecheckbfulltextclose, .threecheckbsecondclose {
	cursor: pointer;
}
input[type="checkbox"] {
    position: absolute !important;
	width: 1px;
    height: 1px;
}
input:required, input:required:invalid {
	border-color: #ff6666;
	border-width: 2px;
	color: #ff6666;
	font-weight: bold;
}
input:required:valid {
	border-color: #228b22;
	border-width: 2px;
	color: #228b22;
}
input[type="radio"]:not(:checked) + label {
	overflow: hidden;
}

.iv:before {
  font-family: "FontAwesome";
  font-weight: 900;
  font-size: 20px;
  position: absolute;
  z-index: 1;
  top: calc( 1rem - 2px);
  right: 10px;
}
input:required:valid ~ .iv:before  {
  content: "\f058";
  color: #228b22;
}
input:required:invalid ~ .iv:before {
  content: "\f057";
  color: #ff6666;
}
.aa {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1
}
.form-check-label  {
	font-size: 1.7rem;
	font-weight: normal;
}
#slider, #single {
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: -1;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
	position: absolute;
}
#slider img, #single img  {
	position: absolute;
	height: 100%;
	opacity: 0;
	transition: opacity 1s ease-in-out;
}
#single img  {
	opacity: 1;
}
#slider img.visible {
	opacity: 1;
	z-index: 1;
}

@media (max-width: 768px) {
	#slider img {
		width: auto;
		left:-50%;
		opacity: 0;
		transition: opacity 1s ease-in-out;
	}
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg)
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg)
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
.atada {
  -webkit-animation-name: tada;
  animation-name: tada
}
.input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file {
	font-size: 24px;
    font-weight: bold;
}
#loading-indicator {
	position: absolute;
	z-index: 90000;
	display: block;
	top: 0px;
	bottom: auto;
	left: 0px;
	right: 0px;
	opacity: 1;
	text-align: center;
	background-color: transparent;
}
 #loading-indicator i {
	margin: 0 auto;
	display: block;
	margin-top: 25%;
}
.loadh {
	display: none !important;
}
.loads {
	display: block;
}
.blur {
	filter: blur(2px);
	-webkit-filter: blur(2px);	
	transition: all 0.5s linear;
}
.list-group-item {
  cursor: pointer;
  display: flex
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item:hover {
  z-index: 2;
  color: #000;
  background-color: var(--krprimary) !important;
  border-color: var(--krlightwhite) !important;
}
.list-group-item:hover {
  background-color: var(--krprimaryd);
  color: #fff;
}
.accept {
  
}
.accept, .name {
  display: inline-block;
  /*  position: relative;*/
}
.accept label {
  background-color: #fff;
  border: 2px solid var(--krprimary);
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  width: 28px;
  margin: 0px 10px 0 -8px !important;
}
.accept label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 12px;
  opacity: 0;
  position: absolute;
  top: 20px;
  transform: rotate(-45deg);
  width: 12px;
}
.accept input[type="checkbox"] {
  height: 25px;
  opacity: 0;
  z-index: 80;
  margin: -3px 0px 0px -10px;
  width: 25px;
  position: absolute;
}
.accept input[type="checkbox"]:checked + label {
  background-color: var(--krprimary);
  border-color: var(--krprimary);
}
.accept input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
.signature {
   display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;
    align-content: center;
}
.foo {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-around;
}
.copyright {
    font-size: 12px;
    color: #ccc;
    margin-left: 5px;
}


input[type=checkbox]:after,input[type=checkbox]:checked:after{line-height:normal;width:5rem;padding:5px;border-radius:8px;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.2);font-size:12px;margin:0;height:auto;font-weight:700;display:block}input[type=checkbox]{cursor:pointer;left:10px;top:-3px}input[type=checkbox]:after{content:'NO';color:#a6a7a9;text-align:left;background-color:#ccc;letter-spacing:0}input[type=checkbox]:checked:after{content:"SI";color:#fff;text-align:right;background-color:#81ab7c;transition:.4s;font-family:inherit;-webkit-text-stroke:0px white;letter-spacing:2px}.cursor{display:block;width:10px;height:21px;cursor:pointer;position:absolute;top:2px;left:33px;z-index:1;background:linear-gradient(to bottom,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);border-radius:5px;transition:.4s;box-shadow:0 2px 5px 0 rgba(0,0,0,.3)}input[type=checkbox]:checked+div.cursor{top:2px;left:0}.form-check{padding-left:45px}.threecheckbutton{margin-left:46px!important}