@import url('https://fonts.googleapis.com/css?family=Audiowide|Baloo+Thambi+2|Open+Sans&display=swap');
/* reset básico */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

	font-family: "Open Sans", sans serif;
}
body {
	
	background-color: #D5FAD5;
}
a {
	text-decoration: none;
	color: #000;
}
.p {
    text-transform: lowercase;
}

.container {
	widht: 100%;
	min-width: 320px;
	margin-left: auto;
	margin-right: auto;
	alignment-adjust: central;
	alig-items: center;
}

.double {
	background-color: #fff;
	border-radius: 8px;
	border: 2px solid #D5FAD5;
	width: 48%;
	height: auto;
	margin: auto;
	margin-top: 10px;
	padding: 10px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	cursor: pointer;
}
.double_print {
	background-color: #fff;
	border-radius: 8px;
	border: 2px solid #D5FAD5;
	width: 48%;
	height: auto;
	margin: auto;
	margin-top: 10px;
	padding: 10px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	cursor: pointer;
}
.g-recaptcha {
 transform:scale(0.85);
-webkit-transform:scale(0.85);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}
.base01 {
	background-color: #000;
	display: inline-block;
    vertical-align: top;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    width: 50%;
	height: 70px;
    margin-right: -4px;
    *zoom: 1;
    *display: inline;

}

.logo:before {	
	content: 'CROSSLOAD';
	font-family: 'Audiowide', cursive;
	font-size: 28px;
	position: absolute;
    top: 16px;
    left: 20px;
    color: #6F6;
}
.plataforma {
	min-height: 25px;
    padding: 12px;
    text-align: right;
	padding-right: 40px;
    margin: 0px 0;
    color: #fff;
}

.btnplataforma{
  font-family: 'Open Sans', sans-serif;
  background: none;
  border: 2px solid #6f6;
  color: #6f6;
  padding: 10px;
  font-size: 14px;
  cursor: pointer;
  margin: 0px 0;
}
.corpo {
	margin-left: auto;
	margin-right: auto;
	widht: 100%;
	max-width: 1000px;
	min-height: 550px;
	background-color: none;
	padding: 40px;
	
}

.base02 {
	background-color: #fff;
	border-radius: 8px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;
	max-width: 500px;
	background-color: none;
	padding: 20px;	
	padding-bottom: 30px;
	box-shadow: 0px 0px 10px 10px rgba(50, 50, 50, 0.1);
}

.titulo_form {
	width:100%; 
	margin-bottom: 10px; 
	text-align: center; 
	color: black;
	font-size: 16px;
	font-weight: bold;
}
.titulo_formb {
	width:100%; 
	margin: 10px; 
	text-align: left; 
	color: #444;
	font-size: 14px;
}
.titulo {
	font-family: 'Baloo Thambi 2', sans-serif;
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	color: #000;
	margin-bottom: 10px;
}

.subtitulo {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-align: left;
	color: #999;
}

.infor {
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	text-align: left;
	color: #000;
	margin-bottom: 10px;
}

.input {
	width: 100%;
	height: 50px;
	background: none;
	border: 2 px;
	border-color: #ccc;
	border-radius: 2px;
	margin-top: 10px;
	padding-left: 10px;
	
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #000;

}

.btn {
	
  font-family: 'Open Sans', sans-serif;
  background: green;
  border: none;
  border-radius: 2px;
  width: 100%;
  height: 40px;
  color: #fff ;
  font-size: 22px;
  cursor: pointer;
  margin-top: 20px;
  
}
.btn:hover {

  opacity: .93;

}

.verifica {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-align: left;
	color: #F00;
	margin-bottom: 10px;
}

.base03 {
	width: 100%;
	height: 80px;
	background-color: #000;
	padding-bottom: 0px;
	text-align: center;
	
}

.logodown {
	font-family: 'Audiowide', cursive;
	font-size:20px;
	min-height: 25px;
	margin: 0px 0;
    color: #6F6;
	padding-top: 10px;
	
}

.logoicon { 
    padding-right: 5px; 
    text-align: left;
    margin: 0px 0; 
	width: 35px;
	
}
.icones {	
	padding-top: 2px;
	 
}

.base04 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;
	max-width: 900px;
	background-color: none;
	margin-bottom: 30px;
}
.plano_cont {
	background-color: none;
	border: 2px solid #fff;
	border-radius: 3px;
	
	display: inline-block;
    vertical-align: top;
    width: 32%;
}




#menu01:checked ~ .coluna_plano01 {
    color: green;
}
#menu02:checked ~ .coluna_plano02 {
    color: green;
}
#menu03:checked ~ .coluna_plano03 {
    color: green;
}

#menu01:checked ~ .linha_plano01 {
    color: #000;
}
#menu02:checked ~ .linha_plano02 {
    color: #000;
}
#menu03:checked ~ .linha_plano03 {
    color: #000;
}
.coluna_plano01 {
	
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	text-align: center;
	color: #ccc;
	
	border-bottom: 2px solid #ccc;	

    width: 100%;
	padding-bottom: 5px;

  }
  
 .coluna_plano02 {
	
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	text-align: center;
	color: #ccc;
	
	border-bottom: 2px solid #ccc;	

    width: 100%;
	padding-bottom: 5px;

  }
  
  .coluna_plano03 {
	
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	text-align: center;
	color: #ccc;
	
	border-bottom: 2px solid #ccc;	

    width: 100%;
	padding-bottom: 5px;

  }

 
.linha_plano01 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	text-align: center;
	color: #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
	
	width: 100%;
	padding-bottom: 5px;
}

.linha_plano02 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	text-align: center;
	color: #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
	
	width: 100%;
	padding-bottom: 5px;
}

.linha_plano03 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	text-align: center;
	color: #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
	
	width: 100%;
	padding-bottom: 5px;
}
  
h1 {
	font-family: 'Open Sans', sans-serif;
  color: hsla(215, 5%, 10%, 1);
  margin-bottom: 2rem;
}
section {
  display: flex;
  flex-flow: row wrap;
}
section > div {
  flex: 1;
  padding: 0.5rem;
}
input[type="radio"] {
  display: none;
  &:notdisabled ~ label {
    
  }
  
  &:disabled ~ label {
    color: hsla(150, 5%, 75%, 1);
    border-color: none;
    box-shadow: none;
    cursor: not-allowed;
  }
}
label {
  font-family: 'Open Sans', sans-serif;
  color: white;
  height: 70px;
  width: 100%;
  display: inline-block;
  background: #6f6;
  border: none;
  border-radius: 3px;
  padding: 1rem;

  text-align: center;
  position: relative;
  cursor: pointer;
  + div > coluna_plano {}

	
}
input[type="radio"]:checked + label {
	
  background: green;
  color: hsla(215, 0%, 100%, 1);
  &::after {
    color: hsla(215, 5%, 25%, 1);
    border: none;
    content: "\f00c";
    font-size: 24px;
    position: absolute;

    transform: translateX(-50%);
    height: 70px;
    width: 100%;
    line-height: 70px;
    text-align: center;
    border-radius: 3px;
    background: #0C0;
	
	
  }
}
.pagamento {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	text-align: center;
	color: #000;
	margin: 30px;
	
	
}

.termos {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	text-align: center;
	color: #999;
	width: 100%;
	max-width: 550px;
	margin: 20px;
	margin-left: auto;
	margin-right: auto;
}

.termos_link {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #000;
	text-decoration: none;
}

#lb {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: rgba(0,0,0,.8);
	position: fixed;
	display: none;
}
#lb:target{
	display: block;
}
#lb:target ~ .boxlb{
	top: 50%;
	transition: all .3s;
	transition-delay: .2s;
}
.boxlb {
	width: 50vw;
	position: absolute;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	top: -500px;
	text-align: center;
	
	background-color: rgba(0,0,0,.8);
	
}
.boxadj {
	padding: 20px;
	padding-top: 50px; 
}
#close{
	color: #fff;
	text-decoration: none;
	font-size: 28px;
	position: absolute;
	background-color: #000;
	width: 40px;
	height: 40px;
	text-align: center;
	
	right: 0;
}
#close:hover {
	opacity: .6;
}

.notifica {
	font-size: 18px;
	color: #fff;
	text-align: center;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}


.aviso_index {
	background: rgba(0,0,0,0.8);
	color: white;
	border-radius: 5px;
	position: fixed;
	top: 80px;
	right: 20px;
	padding: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 14px;
	z-index: 5;
}



@media (max-width: 720px) {
        .logo:before {
			content: 'CRSSLD';
			font-size: 22px;
			top: 20px;
        }
		
		.plataforma{
  

  font-size: 10px;

}

.plataforma {
	min-height: 25px;
    padding: 15px;
    text-align: right;
	padding-right: 20px;
    margin: 0px 0;
    color: #fff;
}
        body{
 			 
  background-size: 100% 500px;

} 
		.login-box{
	  top: 270px;
  
}
.corpo {
	
	padding: 20px;
	
}

.coluna_plano01 {
	
	font-size: 15px;

  }
  
 .coluna_plano02 {
	
	font-size: 15px;

  }
  
  .coluna_plano03 {
	
	font-size: 15px;

  }

 
.linha_plano01 {
	font-size: 15px;
		margin-top: 10px;
	margin-bottom: 5px;
}

.linha_plano02 {
font-size: 15px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.linha_plano03 {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 15px;

}

label {
	font-size: 12px;
	height: 50px;
	padding-top: 12px;
	
	}
	
.btn {
	font-size: 16px;
	height: 40px
	
	}

    }
	
@media (max-width: 400px) {

.double_print {
	width: 100%;
}	
    }