:root
{
	--laranja_trans: linear-gradient(to right, rgba(225, 165, 0, 0.7), rgba(225, 165, 117, 0.7));
	--verde_trans: linear-gradient(to right, rgba(0, 198, 117, 0.7), rgba(0, 161, 156, 0.7));
	/* --verde_trans2: linear-gradient(to right, rgba(79, 173, 134, 0.7), rgba(79, 173, 134, 0.7)); */
	--verde_trans2: linear-gradient(to right, rgba(79, 173, 134, 0.7), rgba(90, 207, 106, 0.7));
	--preto_trans: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 27, 0, 1)) ;
}


html, body
{
	width: 100%;
	height: auto;
	overflow-y: hidden;
	overflow-x: hidden;
	font-family: "Roboto";
	font-weight: 300;
	margin-top: 0;
	margin-left: 0;
	transition: 0.5s all;

}

h1, h2
{
	/*margin-left: 50px;*/
	/* font-size: 100; */
	padding-top: 15px;
	padding-bottom: 15px;
}

h1
{
	font-size: 35px;
}

h2
{
    /* margin-top: 50px; */
}    

li
{
    font-size: 17px;
    text-align: justify;
}

p
{
	/* font-size: 25px; */
	font-size: 20px;
	/* width: 90%; */
	/* text-align: justify; */
}

#fundo
{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
	display: block;
	background-color: black;
}

#load
{
	margin-left: 30%;
	width: 40%;
}

#pop_info_dev
{
	/*width: 400px; */
	/*height: 400px; */
	width: auto;
	height: auto;
	overflow: hidden; 
	/*background-color: rgba(1, 25, 13, 0.9); */
	background-color: red; 
	border-radius: 50px; 
	z-index: 20; 
	/*top: 200px; */
	bottom: 50px;
	right: 50px; 
	position: fixed;
	/*opacity: 0;*/
	/*display: none;*/
	transition: 1s all;
	text-align: center;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	color: white;
	opacity: 0;
}
	

#tudo
{
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
	opacity: 0;
	margin-top: 0;
}

/*
#pop
{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 0;
	display: none;
	z-index: 25;
	transition: all 0.5s;
	overflow: auto;
}
	*/

	/*
#meusdados
{
	background-image: url('../imagens/black.jpg');
	height: auto;
	overflow: hidden;
	margin-left: 15%;
	width: 70%;
	opacity: 0;
	margin-top: 0%;
	transition: all 1s;
}

#meusdados h2
{
	color: white;
	display: inline;
	
	float: left;
	
	padding-top: 50px;
	text-align: center;
	margin-left: 50px;
}
	*/

	/*
#eu
{
	width: 120px;
	height: 120px;
	display: inline;
	float: left;	
	margin: 30px;
	border: ridge 2px;
	background-color: white;
	transition: all 10s;
}
	*/

/*
#eu1, #eu2, #eu3, #eu4
{
	width: 120px;
	height: 120px;
	position: absolute;
	opacity: 0;
	margin-left: -60px;
}
*/


/*
#eu1
{
	width: 120px;
	height: 120px;
	transition: 0.5s all;
	opacity: 0;
	background-size: cover;
}
*/
	
	
#conteudo
{
	width: 100%;
	height: 400px;
	overflow: auto;
	background-color: #d8e1e5;
}


#ima1
{
	background-position: center center;
	background-size: cover;
	/* z-index: 1; */
	/* position: fixed; */
	width: 100%; 
	/* height: 95%; */
	height: 600px;
	transition: .5s all;
}

section
{
	width: 100%;
	height: auto;
	z-index: 2;
	position: relative;	
	background-color: #faf3f3;
}

#espaco
{
	width: 100%;
	/* height: 700px; */
	height: 500px;
	background-color: transparent;
	z-index: 2;
	transition: .5s all;

	background-position: center center;
	background-size: cover;

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

#dados
{
	margin-left: 5%; 
	width: 80%;
	border-radius: 50px;
	border: ridge ;
	padding: 3%;
	text-align: left;
	background-color: white;
	color: black;
	font-weight: 900;
}



.fechar
{
	width: 50px;
	height: 50px;
	display: inline;
	float: right;
}


header
{
	width: 100%;
	height: 80px;
	transition: .5s all;
	/* box-shadow: 1px 1px 25px black; */
	position: fixed;
	z-index: 50;
	top: 0;
	left: 0;
	
	background-color: rgba(1, 25, 13, 0.1);
	/* backdrop-filter: blur( 2px ); */

	transition: 0.5s all;
}


header:hover
{
	background-color: rgba(1, 25, 13, 0.9);
}

#logo   
{
   	margin-left: 30px;
   	margin-bottom: 10px;
    height: 50px;
	float: left;
	display: inline;
	margin-top: 10px;
}

#pri, #pri2    
{
	background-color: rgba(128, 128, 128, 0.5);
	width: 120px;
	/*width: auto;*/
    /*height: 40px;*/
    height: auto;
   	/* margin-top: 10px; */
    margin-right: 30px;
    border-radius: 2%;
    border: ridge 2px;
    display: inline;
    float: right;
    color: white;
    opacity: 1;
    text-align: center;
    padding-top: 5px;
    
}

#pri2    
{
	height: auto;
   	margin-top: 10px;
    margin-right: 30px;
    color: white;
}

#pri h5
{
	margin-top: 10px;	
	margin-bottom: 5px;	
}



/* #links_2
{
    background-color: transparent; 
    width: 800px;
    height: auto; 
    overflow: hidden; 
    padding: 0px;
    display: inline;
    float: right;
    
} */

/* #links_2 a
{
    text-decoration: none;
} */

.ul_pri, .ul_sec
{ 
	/* d-flex flex-row justify-content-around align-items-center */
	display: flex; 
	flex-direction: row; 
	justify-content: space-around;
	align-items: center;
}

.ul_sec
{ 
	margin-top: 7px;
    
    
	flex-direction: column; 
}



ul li
{
	display: inline;
	float: left;
	margin-left: 25px;
}

.ul_sec li
{
	margin-top: 15px;
    margin-left: 0;
}


header ul li a,	header ul li span
{
    text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	transition: 0.5s all;
	text-decoration: none;
	color: white;
	cursor: pointer;
}

header ul li span
{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;

	
}

header ul li a:hover, header ul li span:hover
{
    color: orange;
}   

#ico_menu
{
    margin-right: 30px;
   	margin-bottom: 10px;
    font-size: 40px;
	float: right;
	display: none;
	margin-top: 10px;
	color: white;
	background-color: transparent;
	cursor: pointer;
}

#menu_site
{
    /* width: 25%; */
	/* width: 200px; */
	width: 100%;
    height: auto;
    overflow: hidden;
    /* display: inline;
	float: left; */
	text-align: center;
	transition: 0.5s all;
	/*padding-bottom*/
	z-index: 30;
	position: relative;
	background-color: rgba(1, 25, 13, 0.7);
}

.li-bot
{ 
	width: 150px; 
	height: 30px; 
	background-color: transparent; 

	/* d-flex flex-column justify-content-start align-items-center" */
}

/* #menu_site h4, #menu_site_2 h4
{
    cursor: pointer;
}

#menu_site h4
{
    width: 100%;
} */

#menu_site_sub, #menu_site_sub_2
{
    display: none;
    opacity: 0;
    transition: 0.5s all;

	flex-direction: column;
	justify-content: start;
	align-items: center;

	width: 100%;
	height: 200px;
	overflow: hidden;

	/* background-color: rgba(1, 25, 13, 0.9); */
}


/* #menu_site_sub_2
{
    flex-direction: column;
	justify-content: start;
	align-items: center;
} */

.links_3
{
    width: 100%;
    height: auto;
    overflow: hidden;
	/* z-index: 50px; */
	z-index: 20;
	position: relative;
    
    opacity: 0;
    display: none;
    flex-direction: column;
    align-items: center;

	/* margin-top: -5px; */
	margin-top: 0px;
    
    background-color: rgba(1, 25, 13, 0.7);
	/* background-color: rgba(60, 13, 189, 0.7); */
    color: white;
    text-decoration: none;
    
    transition: 0.5s all;
}

.links_3 a
{
    color: white;
    text-decoration: none;
}    

#slide
{
	/* margin-top: -20px; */
	/* margin-top: 0;
	margin-left: 0; */
	width: 100%;
	height: 700px;
	background-image: url('../imagens/CONQUISTAR.jpg');
	background-size: cover;
	background-position: center center;
	/* position: relative; */
	transition: 0.5s all;
}

#conte_slide
{
	width: 100%; 
	height: 100%; 
	background-color: rgba(0, 0, 0, 0.1);
	transition: 3s all;
}


#slide_info_1, #slide_info_2
{
	color: white; 
	text-align: center; 
	padding-top: 200px;
	opacity: 0;
	transition: 0.5s all;
	display: block;
	font-weight: 300;
}

#slide_info_2
{
	font-size: 25px; 
	padding-top: 50px;
	padding-right: 50%;
}



.comum_div
{
	width: 100%;
	height: 700px;
	background-color: yellow;
	margin-left: -0px;
	position: relative;
}


.divs_prin
{
	display: block;
	/* display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center; */


	padding-top: 25px;
	padding-bottom: 25px;
	
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 0;


	
	/* padding-top: 50px;
	padding-bottom: 50px; */
}


.divs_prin h1
{
	margin-left: 5%;
}

.what_we_do
{
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 9), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 1)), url('../imagens/websites.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	/* height: 1200px; */
	height: auto;
	color: white;
}


.what_we_do h2
{
	/* margin-bottom: 50px;
	margin-top: 50px; */

	margin-bottom: 15px;
	/* margin-top: 15px; */

	/* font-size: 35px; */
	font-weight: 900;
	transition: 0.3s all;
	width: 80%;
	height: 100px;
	/* background-color: green; */
	text-align: center;
	cursor: pointer;
}

.conte_what_we_do
{ 
	display: flex;
	flex-direction: row; 
	justify-content: space-around;
	align-items: start;
	/* width: 95%;
	margin-left: 2.5%; */
	
	/* display: grid;
	grid-template-columns: repeat(4, auto);
	grid-gap: auto; */

	width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 25px;
	padding-bottom: 25px;
	/* display: block; */
	margin-top: 50px;
	
}

.inter_conte_what_we_do
{
	width: 50%;

	display: flex; 
	flex-direction: row; 
	justify-content: space-around; 
	align-items: center; 
}


.do_it
{
	background-image: linear-gradient(rgba(255, 255, 255, 5), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.2) );
	border-radius: 5px;
	color: black;
	/* width: 300px; */

	display: flex;
	flex-direction: column; 
	justify-content: space-around; 
	align-items: center;


	position: absolute;
	width: 100%;
	height: 100%;
	/* line-height: 260px; */
	/* color: white; */
	/* text-align: center; */
	/* font-weight: bold; */
	/* font-size: 40px; */
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}


.container_h2_info
{
	
	/* opacity: 0; */
	transition: 0.3s all;
	
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;

	padding-top: 50px;
	padding-bottom: 50px;

	/* background-color: yellow; */
	/* height: 400px; */
	width: 90%;
	height: 300px;

}


.h2_info
{
	width: 90%;
	height: auto;
	background-image: linear-gradient(to right, rgba(31, 66, 49, 0.5), rgba(58, 92, 75, 0.7));
	color: white;
	
	display: flex;
	flex-direction: column; 
	justify-content: start; 
	align-items: center;

	margin-bottom: 15px;
	text-align: justify;
}


.cena_2
{
	/* width: 300px; */
	width: 275px;
	height: 350px;
	perspective: 600px;
	transition: 0.5s all;
	opacity: 0;
	margin-top: 100px;
}


.card_2 
{
	width: 100%;
	height: 100%;
	transition: transform 1s;
	transform-style: preserve-3d;
	cursor: pointer;
	position: relative;

	transform: rotateY(0deg);
	transition: 0.5s all;
}

.frente_2
{
	transition: 1s all;
}

.costas_2 
{
	transform: rotateY(-180deg);
	transition: 1s all;
}

.costas_2 a
{
	width: 100%;
    text-align: center;
	color: black;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}


.h2_info a
{
    text-decoration: none;
}

.h2_info input 
{
	margin-top: 5px;
	margin-bottom: 5px;
}


.quem_somos, .quem_somos_page
{
	background-color: black;
	/* background-color: yellow; */
	height: auto;
	overflow: hidden;
	color: white;
}



.quem_somos_inter
{
	width: 100%;
	height: auto;
	overflow: hidden;
	/* height: 600px; */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

/* .quem_somos_inter-metas
{
	height: 800px;
} */


.quem_somos_page_p2 h1, .quem_somos_page_p2 h2
{
	font-size: 50px;
	font-weight: 300;
}

.quem_somos_page_p2 h2
{
	font-size: 35px;
}

.quem_somos_p1, .quem_somos_page_p1
{
	background-color: black;
	background-image: radial-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)), url('../imagens/face_3.jpg');
	background-repeat: no-repeat;
	background-size: 80%;
	/* background-position: center center; */
	background-position: right center;

	opacity: 0;
	transition: 0.5s all;
}

.quem_somos_p1 h1, .quem_somos_page_p1 h1
{
	margin-left: 5%;
}

.quem_somos_p1, .quem_somos_p2,  .quem_somos_page_p1,  .quem_somos_page_p2
{
	width: 50%;
	height: 100%;
}

.quem_somos_page_p1
{
	background-position: center center; 
	opacity: 1;
}

.quem_somos_page_p2
{
	/* background-position: center center; 
	opacity: 1; */
}

.quem_somos_p2, .quem_somos_page_p2
{
	display: flex;
	flex-direction: column;
	/* justify-content: space-around; */
	justify-content: center;
	align-items: center;

	padding-top: 50px;
	padding-bottom: 50px;
}

.text-pri span
{
	transition: 0.3s font-weight;
	transition: 0.3s color;
}

.text-pri h2
{
	margin-left:  5%;
}

.pri-back-opa, .pri-back-index
{
	opacity: 0;
	transition: 0.5s all;
}

.pri-back-opa
{
	background-position: center top;
}

.pri-back-opa, .sec-back-opa, .pri-back-index
{
	/* height: 100%; */
	height: 500px;
}

.meta
{
	background-size: cover;
	width: 100%;
	min-height: 400px; 
	justify-content: space-between; 
	align-items: start; 
	background-color: transparent;
}


.text-meta
{ 
	flex-direction: row;
	width: 90%; 
	height: auto;
	overflow: hidden;
	justify-content: space-between; 
	align-items: start; 
	background-color: transparent;
}

.text-meta p
{ 
	width: 30%; 
	text-align: justify;
}

.quem_somos_p2 p, .quem_somos_p2 a
{
	width: 80%;
	transition: 0.8s all;
}

.quem_somos_p2 p
{
	opacity: 0;
}

.quem_somos_p2 a input
{
	width: 80%;
	margin-left: 10%;
	opacity: 0;
}



/* 
#qual1, #qual2, #qual3
{
	width: 100%;
	height: auto;
	margin-top: 0;
	background-size: cover;
	background-position: center center;
	
}

#qual1
{
	background-image: url('../imagens/qual1.jpg');
}

#qual2
{
	background-color: white;
	height: auto;
}

#qual3
{
	background-color: black;
	transition: .4s all; 
	height: 500px;
} 
*/

#info_funcao, #info_funcao2
{
	text-align: center;
	padding-left: 100px;
	opacity: 0;
	color: white;
	transition: .4s all; 
}

#info_funcao2
{
	font-size: 20px;
	font-weight: 900;
	/*
	padding-left: 50px;
	padding-right: 50px;
	*/
	margin-left: 10%;
	width: 80%;
	
}

/*
#cober1, #cober2, #cober3
{
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 1);	
	transition: 1s all;
}


#cober1 h1, #cober2 h1, #cober3 h1  
{
	color: white;
	font-family: Roboto;
	transition: .5s all;
	padding-left: 50px;
}

#cober2
{
	z-index: 9;
	position: relative;
	background-color: rgba(255, 255, 255, 0);	

	color: black;
}

#cober3
{
	background-color: rgba(0, 0, 0, 0.7);	
	height: 500px;
	position: relative;
}
*/

#faixa_info
{
	background-color: rgba(0, 0, 0, 0.3); 
	width: 100%; 
	margin-top: 150px; 
	height: 200px;
}	

/*#links*/
/*{*/
/*	width: 100%;*/
/*	height: auto;*/
/*	overflow: hidden;*/
/*	position: relative;*/
/*	background-color: rgba(0, 0, 0, 0.7);	*/
/*}*/

/*#links h4*/
/*{*/
/*	height: 50px;*/
	/*
	margin-right: 0.25%;
	width: 19.8%;
	*/
/*	width: 20%;*/
	/*background-color: orange;*/
/*	background-image: linear-grandient(to right, orange, orange, a0711c);*/
/*	display: inline;*/
/*	float: left;*/
/*	text-align: center;*/
/*	padding-top: 20px;*/
/*	transition: 0.5s all;*/
/*	text-decoration: none;*/
/*	color: black;*/
/*}*/

/*#links h4:hover*/
/*{*/
/*	background-color: #6b6b57;*/
/*	color: white;*/
/*	cursor: pointer;*/
/*}	*/

article
{
	margin-left: 5%;
	width: 90%;
	height: auto;
	overflow: hidden;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color:  white;
	box-shadow: -25px 25px 35px #deb9b9;
	font-weight: 900;
	color: #173a1b;
}

/* article h1, article h2 */
article h1
{
	font-size: 30px;
    opacity: 1;
	margin-left: 50px;
	/* margin-left: 10%; */
	text-align: center;
	font-weight: 900;
	transition: 0.5s all;
}

article p, article h2
{
	/* margin-left: 10%;
	width: 80%; */

	margin-left: 5%;
	width: 90%;
}

article p
{
	font-size: 20px;
	font-weight: 900;
	color: #6f6666;
	text-align: justify;
	transition: 0.5s all;
	/*opacity: 0;*/
}

.local_form
{
	/* padding-top: 50px; */
	/* padding-bottom: 50px; */
	border-radius: 15px;
	margin-top: 50px;
	margin-left: 5%; 
	width: 90%; 
	height: auto; 
	overflow: hidden; 
	background-color: rgba(204, 219, 198, 0.3);

	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;

	opacity: 0;
	transition: 0.5s all;
}	


/* */
.local_form h3
{
	margin-top: 70px;
	text-align: center;
}


.local_form input[type="submit"]
{
	margin-top: 25px;
	/*
	margin-left: 15%;
	*/
	margin-bottom: 25px;
	width: 70%; 
	height: 35px; 
	border-radius: 5px; 
	font-size: 17px;
	background-image: var(--verde_trans);
	color: white;
	transition: all .8s;
}




.local_form input[type="submit"]:hover
{
	/* color: white; */
	background-image: var(--verde_trans2);
}	


.insercao, .insercao2, .bot_senha
{
	margin-top: 25px;
	/* margin-left: 10%; */
	width: 80%; 
	height: 35px; 
	border-radius: 5px; 
	text-align: center; 
	font-size: 17px;
	overflow-x: hidden;
	padding-top: 10px;
	/* padding-left: 10px; */
	/* padding-right: 10px; */
}

.insercao, .bot_senha
{
    border: 0px;
    background-color: rgba(255, 255, 255, 0.5);
	/*background-size: 50% .1em;*/
	background: linear-gradient(gray, gray) bottom / 75% .2em no-repeat;
	transition: 0.5s background-size;	
	color: black;
}	

.insercao:focus, .bot_senha:focus
{
	outline: 0;
	background-size: 90% .2em;
}

.insercao2
{
	/* margin-left: 15%; */
	width: 70%; 
	height: 250px; 
}

.bot_senha
{
	margin-top: 0px;
	margin-left: 0%;
	width: 60%; 
}

/*#bola*/
/*{*/
/*	width: 100px;*/
/*	height: 100px;*/
/*	margin-top: -100px;*/
/*	margin-right: 100px;*/
/*	border-radius: 150px;*/
/*	position: relative;*/
/*	z-index: 4;*/
/*	float: right;*/
/*	transition: all 0.6s;*/
/*	opacity: 0;*/
/*	transition: 0.5s all;*/
/*}*/



#legal
{
	width: 100%; 
	height: 500px;
	/* height: auto; */
	z-index: 8;
	/* position: relative; */
	margin-top: -500px;
}


.cober_vanta
{
	width: 100%; 
	min-height: 500px; 
	height: auto; 
	/* background-color: rgba(0, 0, 0, 0.7);  */
	z-index: 15; 
	position: relative; 
	margin-top: 0px;
	transition: 0.5s all;

	;
}

.cober_vanta h1 
{
	/* opacity: 0; */
	color: black;
	transition: 0.5s all;
}


#info_cober1, #info_cober2
{
	margin-left: 10%; 
	width: 80%; 
	/* margin-top: 100px;  */
	height: auto; 
	overflow: hidden;
	/* padding-bottom: 50px;  */
	/* background-color: rgba(0, 0, 0, 0);  */
	/* background-color: rgba(255, 255, 255, 0);  */
	background-color: rgba(45, 80, 42, 0); 
	backdrop-filter: blur( 9.5px );
	border: groove 1px white;
	opacity: 0;
	border-radius: 15px; 
	color: white;
	transition: .5s all;
}

#info_cober2
{
	margin-top: 50px;
	border: ridge 5px white;
}

#info_cober2 table
{
	/* margin-left: 20%; */
	width: 80%;
}

.class_templates
{ 
	min-height: 500px; 
	/* background-image: linear-gradient(90deg, rgba(189, 133, 226, 0.6), rgba(96, 28, 141, 0.6), rgba(44, 4, 71, 0.6)); */
	background-image: radial-gradient( rgba(189, 133, 226, 0.6), rgba(96, 28, 141, 0.6), rgba(44, 4, 71, 0.6));
	color: white;
}

.class_templates .carousel, .class_templates p
{
	width: 95%; margin-left: 2.5%;
}




.valores
{
	/* background-image: url('../imagens/servicos-e-valores.jpg'); */
	background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7) ), url('../imagens/servicos-e-valores.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;

	color: white;
}

.valores p, .cont_valores, .orcamento p
{
	margin-left: 5%;
	width: 90%;

	transition: 0.5s all;
}

.valores p, .orcamento p
{
	opacity: 0;
}


.conteudo_valor
{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

.cont_valores
{
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	/* align-items: start; */
}

.intervalores
{
	/* background-color: rgba(255, 255, 255, 0.02);  */
	/* background-color: white; */
	background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.7) );
	/* border: groove 1px black; */
	box-shadow: -15px -15px -40px black  ;
	/* border-radius: 15px;  */
	border-radius: 5px; 
	/* color: white; */
	color: black;
	transition: .5s all;
	padding: 15px;
	width: 300px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: -25%;

	opacity: 0;
	transition: 0.3s all;
}


.orcamento
{
	background-image: radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.5)), url('../imagens/orçamento2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.vancon
{
	display: inline; 
	float: left;
	margin-left: 50px;
	text-align: left;
}



/* #info_cober1 p
{
	font-weight: bold;
} */

.item_e, .item_d
{
	opacity: 0;
	margin-left: 130px; 
	display: inline; 
	float: left; 
	width: 300px;
	transition: .5s all;

	/* border-radius: 15px;
	background-color: rgba(255, 255, 255, 0.1);
	border: groove 1px white;
	padding: 5px; */
}


.item_e h3, .item_d h3
{
	font-size: 20px;
	font-weight: 500;
}

.item_e p, .item_d p
{
	font-size: 17px;
	font-weight: 300;
}

.item_d
{
	float: right; 
	margin-right: 130px; 
}

.linha
{
	width: 100%; 
	margin-top: 50px; 
	height: auto;
	overflow: hidden;
}

#mao1, #mao2
{
	float: left;
	width: 35%;
	margin-left: -50px;
	opacity: 0;
	transition: .5s all;
}

#mao2
{
	float: right;
	margin-right: -50px;
}



#relacionado
{
	position: fixed;
    	background-color: rgba(255, 255, 255, 1);
   	width: 350px;
   	height: 500px;
    	top: 90%;
    	right: 5%;
    	border-radius: 15px;
    	z-index: 30;
	border: ridge #8a91ef 3px;
}



#relacionado p
{
	font-size: 13px;
	color: black;
	font-weight: 900;
	text-align: justify;
}


#relacionado h2
{
    margin-left: 20px;
    margin-top: 200px;
    transform: rotate(90deg);
}

#relacionado input[type="image"]
{
	display: inline;
	float: right;
	width: 20px;
	height: 20px;
	border-radius: 20px;
}

#relacionado h1
{
	cursor: pointer;
	color: white;
}

#rela_cabeca
{
	margin-top: 0px; 
	width: 100%; 
	height: 60px; 
	background-color: #7bb1e8; 
	padding-top: 1px; 
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px;
	
}	

#recebe_msg
{
	margin-left: 5%; 
	width: 90%; 
	height: 250px; 
	overflow-y: auto; 
	overflow-x: hidden;
}	



#ins
{
	border-radius: 15px;
	background-repeat: no-repeat; 
	background-size: cover;
	widht: 100%;
	height: auto;
}

/**/
#ins textarea
{
	border-radius: 15px;
	margin-top: 10px;
	height: 150px;
	margin-left: 0%;
	margin-left: 10%;
}


/**/
#ins input[type="submit"]
{
	margin-left: 15%;
	width: 70%;
}

.formu
{
	/**/
	margin-left: 10%;
	
	width: 80%;
	border-radius: 15px;
	margin-top: 10px;
	padding: 5px;
}

.bot, #bot, .bot2
{
    background-image: linear-gradient(to bottom, #48ea58, #178a22);
    border-radius: 15px;
    border: ridge white;
    
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.bot2
{
    background-image: linear-gradient(to bottom, #3356bc, #071e62);
    color: white;
    /*
    border-radius: 15px;
    border: ridge white;
    
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    */
}

.balao_cliente, .balao_console
{
	border-radius: 15px; 
	margin-top: 25px; 
	display: block; 
	float: right; 
	width: 60%; 
	height: auto; 
	padding: 5px; 
	background-color: #85fb8a;
}

.balao_console
{
	float: left; 
	background-color: #c5daf8;
}

#line
{
	font-size: 13px; 
	font-weight: 700; 
	background-color: #de3d67; 
	padding: 5px; 
	border-radius: 15px;
	margin-left: 10px;
}	

#fist
{
    text-align: center;
}

#tela_email, #over
{
    display: block;
    opacity: 1;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: 0.3s all;
}

#over
{
    display: none;
    /*opacity: 0;*/
}

#over p
{
    margin-left: 5%;
    width: 90%;
}    

/*
#over
{
	padding-left: 25px;
	padding-right: 25px;
}
*/

.local_itens
{
    margin-left: 20%; 
    width: 60%; 
    height: auto; 
    overflow: hidden; 
    padding-top: 15px; 
    padding-bottom: 15px; 
    background-color: transparent;
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.local_itens button
{
    /*background-image: var(--laranja_trans);*/
    transition: all .8s;
    /*border: 3px #00dbe1 groove;*/
    font-size: 17px;
    /*border-radius: 150px;*/
    /*border: none;*/
    /*width: 100px;*/
    background-color: transparent;
    cursor: pointer;
}

/*.local_itens button:hover*/
/*{*/
/*	color: white;*/
/*	background-image: var(--preto_trans);*/
/*}	*/

#form_1, #form_2, #form_3
{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    opacity: 1;
    transition: 0.3s all;
    /*background-color: green;*/
}

/*#form_2, #form_3*/
/*{*/
/*    display: none;*/
/*    opacity: 0;*/
/*}*/

#form_1 h2, #form_2 h2, #form_3 h2, #form_2 h3
{
    text-align: center;
}

.div_elem_centralizado
{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: transparent;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

/*.div_elem_centralizado table*/
/*{*/
	/*background-color: transparent; */
	/*margin-left: 25%; */
/*	width: 400px; */
	/*margin-top: 25px;*/
	
/*	border: 1px rgba(128, 128, 128, 0.3) groove;    */
/*	border-radius: 15px;*/
/*	padding-top: 5px;*/
/*	padding-bottom: 5px;*/
/*	text-align: center;*/
	
/*}*/

#h_princ
{
    color: white;
    /* margin-top: 25%; */
    margin-left: 25%;
    text-align: center;
    font-size: 40px;
    transition: 2s all;
    opacity: 0;
}


.link_orca
{
    /* width: 100%; 
    height: auto; 
    overflow: hidden; 
    padding-top: 15px;  
    padding-bottom: 15px;  */
    background-image: linear-gradient( to bottom, rgba(0, 0, 255, 0), rgba(0, 0, 255, 0.2), rgba(0, 0, 255, 0)); 
    /* display: flex; 
    flex-direction: column; 
    align-items: center; */
}    

.div_ima
{
    width: 130px; 
    height: 130px; 
    border-radius: 150px; 
    background-image: url('../imagens/fale.png'); 
    /* background-position: right center;  */
	background-position: center center; 
    /* background-size: 120% 100%;  */
	background-size: 135%; 
    border: 1px white groove;
    transition: 0.5s all;
}   

.div_ima:hover
{
    /* border: 3px #79b4f1 groove; */
	background-size: 140%; 
	background-position: right center; 
}    

.link_orca a
{
    text-align: center; 
    color: blue; 
    text-decoration: none;
}

#oferta
{
    transition: 0.5s all;
}

.div_elem_centralize
{
    /*margin-left: 5%;*/
    /*width: 90%;*/
    /*flex-direction: column;*/
}

table
{
    /*width: 50%;*/
}

table th
{
    text-align: left;
}

.table_1
{
    margin-left: 10%;
    width: 80%;
    background-color: #FFE4E1;
    font-size: 20px;
}

.table_1 th
{
    font-weight: 900;
}

lu
{
    margin-top: 50px;
    margin-left: 10%;
    width: 80%;
}

.col_1
{
    background-color: #FFE4E1;
    height: 30px;
}

.col_2
{
    background-color: white;
    height: 30px;
}

#email, #suporte, #mensalidade, #anuidade
{
    transition: 1s all;
    margin-bottom: 25px;
}

.torre_1, .torre_2
{
    margin-top: 25px;
    width: 25%; 
    min-height: 500px; 
    height: auto;
    overflow: hidden;
    padding-bottom: 15px;
    /*background-color: white; */
    /*background-image: linear-gradient(to right, rgba(204, 219, 198, 0.3), rgba(204, 219, 198, 0.6), rgba(204, 219, 198, 0.8));*/
    /*background-image: linear-gradient(to right, white, white, gray, white, white );*/
    background-image: radial-gradient(white, gray);
    border-radius: 15px;
    box-shadow: 10px 10px 10px gray;
}

.torre_2
{
    margin-top: 0px;
    min-height: 550px; 
    border-radius: 30px;
    background-color: white; 
}

.torre_1 p, .torre_2 p
{
    text-align: center;
    font-size: 17px;
    margin-bottom: -5px;
    text-decoration: underline gray 2px;
}    

hr
{
    /* margin-top: -30px;  */
    margin-right: 30px; 
    width: 40%;
    float: right;
}    

.button_alone_3
{
    /*
	margin-top: 25px;
    height: 50px;
    margin-left: 0%;
    width: auto;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 20px;
    background-image: var(--verde_trans);
    color: white;
	*/
    
    opacity: 0;
    margin-left: 25px;
	transition: 0.5s all;
	text-decoration: none;
}


footer  
{
    /* background-color: #01190d; */
	background-image: linear-gradient(to bottom, #01190d, #063a20);
    border-top: ridge green 3px;
    width: 100%;
    /* height: auto; */
	min-height: 300px;
    overflow: hidden;
}

.footer_info
{
    width: 100%; 
    height: auto; 
    overflow: hidden;

	padding-top: 15px;
	padding-bottom: 15px;

    display: flex;
    /* flex-direction: row;
	justify-content: space-around;
	align-items: flex-start; */

	flex-direction: column;
	justify-content: start;
	align-items: center;
}    



.a_console, footer h4
{        
    width: 100%;
    transition: all 1s;
	text-decoration: none;
}   

footer h4
{        
    text-align: center;
    background-color: white; 
    color: black;
	font-size: 20px;
}   


footer h4:hover
{
    background-color: black;
    color: white;
}

.div_foot
{
	/* width: 30%;  */
	width: 100%; 
	height: auto;
	overflow: hidden;
	/* background-color: yellow; */

	/*display: inline;*/
	/*float: left;*/
	display: flex; 
    flex-direction: column; 
    align-items: center;


	padding-top: 15px;
	padding-bottom: 15px;
}	

.colunas
{
    display: flex; 
    flex-direction: column; 
    align-items: center;

	/* background-color: yellow; */
}    

#div_foot3
{
	width: 20%; 
	float: right;
	background-color: transparent;
}	

#eumud
{
    border-radius: 150px;
    width: 150px; 
    height: 150px;
    border: ridge 1px white;
    /*display: inline;*/
    /*float: left;*/
    margin-top: 10px;
    margin-left: 30px;
}

.autor, footer h5
{
    color: white;
    text-align: left;
	line-height: 25px;
}

.coluna_items, .linha_items, .linha_items_redes
{
	width: 100%; 
	height: auto; 
	overflow: hidden; 
	margin-top: 25px;

	/* display: flex;
	flex-direction: column;
	align-items: center; */

	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: start;

	/* background-color: red; */
}	


.coluna_items
{
	/* width: 100%; 
	height: auto; 
	overflow: hidden; 
	margin-top: 25px; */
	display: flex;
	flex-direction: column;
	align-items: start;
}

.coluna_items a
{
	text-decoration: none; 
	color: white;
}

/* #face, #insta, #whats */

.linha_items_redes
{
	width: 60%;
}

.linha_items_redes a img
{
	width: 35px;
	/* margin-top: 25px; */
}

.div_foot h5
{
	text-align: left;
}

#ima_text
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
    margin-left: 5%; 
    width: 90%; 
    height: auto; 
    background-color: transparent;
}

#imagem_apresentacao
{
    width: 200px; 
    height: 200px; 
    background-image: url('../imagens/eumud.png'); 
    background-size: cover; 
    border-radius: 25px; 
    border: 5px rgba(0, 198, 117, 0.7) ridge;
    
    margin-left: -50px;
    opacity: 0;
    transition: 0.5s all;
}    

#ima_text a
{
    text-decoration: none;
}

#ima_text p
{
    
    margin-right: -50px;
    opacity: 0;
    transition: 0.5s all;
    margin-top: 0px;
}

#para1, #para2
{
    opacity: 0;
    transition: 0.5s all;
    margin-top: 60px;
}

#pouco, #institucional, #onepage, #landingpage, #outros_modelos, #blogs, #dinamico, #quem0, #quem
{
    /* margin-left: 50px; */
	margin-left: 15%;
    opacity: 0;
    transition: 0.5s all;
}

/* #quem
{
	margin-left: 0;
} */

/* #institucional, #onepage, #landingpage, #outros_modelos, #blogs, #dinamico, #quem0, #quem
{
    margin-left: -50px;
}     */


.alarme
{
	background-color: rgba(11, 143, 77, 0.9);
	min-width: 150px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border: white 1px solid;
	border-radius: 15px;
	position: fixed;
	top: 100px;
	right: 50px;
	z-index: 50;
	
	display: none;
	opacity: 0;

	transition: 0.5s all;
}


.alarme h3
{
	color: white;
}


#mostra_senha1
{
	cursor: pointer;
}


.button_alone_2
{
	background-color: rgba(20, 158, 43, 0.7);
	color: white;
}

.button_alone_2:hover
{
	background-color: rgba(20, 158, 43, 1);
	color: white;
}

.div_temp_institucional, .div_temp_onepage, .div_temp_landingpage, .div_temp_blogs, .div_temp_dinamico
{	
	display: flex;
	flex-direction: row; 
	justify-content: center;
	opacity: 0;
	transition: 0.8s all;
	/* margin-top: 50px;
	margin-bottom: 50px; */
	/* background-color: blue; */
}

.div_temp_institucional a div, .div_temp_onepage a div, .div_temp_landingpage a div, .div_temp_blogs a div, .div_temp_dinamico a div
{	
	transition: 0.8s all;
}

.div_temp_institucional a, .div_temp_onepage a, .div_temp_landingpage a, .div_temp_blogs a, .div_temp_dinamico a
{
	text-decoration: none;
}

.ver_mais
{
	background-image: linear-gradient(to left, rgba(86, 223, 154, 0.9), rgba(234, 240, 243, 0.7)); 
	width: 300px; 
	height: 220px; 
	/* box-shadow: -15px -15px -15px gray; */
}

/*
.ima_carro
{
    height: 500px; 
    background-size: cover; 
    background-position: center center; 
    color: white;
    
}

.ima_carro h4
{
    width: 70%;
    text-align: center;
}
*/


.what_clients_say
{
	/* background-color: #173a1b; */
	background-image: linear-gradient(black, rgb(37, 23, 23), rgb(22, 17, 17), rgb(37, 23, 23), black);
	color: white;
}

.what_clients_say h2
/* , #qualitys h2, .bot_call_to_action div p */
{
    margin-left: -25px;
    /* opacity: 0; */
    padding-top: 40px;
    padding-bottom: 40px;

    transition: 0.5s all;
}

.carrocel
{
    height: 450px;
    overflow-x: hidden;
    overflow-y: hidden;

    transition: 0.5s all;

    /* opacity: 0; */
    margin-left: 25px;
}

.carrocel p
{
    text-align: center;
}

.gaveta
{
    width: 300%;
    height: 100%;
    transition: 0.5s all;
}

.cliente
{
    /* border: 1px black solid; */
    /* background-image: linear-gradient(to right bottom, white, rgb(208, 198, 218), rgb(181, 161, 199), #4754ec, rgb(181, 161, 199), rgb(208, 198, 218), white); */
    display: inline;
    float: left;

    width: 33%;
    height: 100%;
}

.inter_cliente
{
    /* background-image: linear-gradient(to right bottom, white, rgb(208, 198, 218), rgb(181, 161, 199), #4754ec, rgb(181, 161, 199), rgb(208, 198, 218), white); */
    
    width: 80%;
    height: 80%;

    padding-top: 20px;
    padding-bottom: 20px;
}

.inter_cliente p
{
    /* color: rgb(11, 11, 116); */
	padding-top: 15px;
	padding-bottom: 15px;

}

.bot_control button
{
    width: 17px;
    height: 17px;
    border-radius: 150px;
    margin: 10px;
    cursor: pointer;

    /* background-color: #4754ec; */
	background-color: white;
}

.ima_carro
{
    width: 95px;
    height: 95px;
	/* background-color: #48ea58; */
    /* border-radius: 200px; */

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	border-radius: 50px;
}