/*Resetando os estilos doos componentes da página*/
body, h1, h2, p, ul, li, a {
	margin: 0px;
	padding: 0px;  
}
/*Setando a fonte padrão e colocando informando a cor de fundo do corpo da página*/
body {
	font-family: "Nunito", Helvetica, Arial, sans-serif;
	color: #111;
	background: #FFF;
}
header{
	height: auto;
	overflow: hidden;
}
/*Resetando os estilos das listas, por exemplo, aquelas bolinhas que ficam à frente dos ítens*/
ul {
	 list-style: none;
}
/*Resetando o sublinhado dos links*/
a {
	text-decoration: none;
	color: #FFF;
}
a:visited {
	color: #FFF;
}
/*Ajustando as imgs pra que sejam responsivas, sem estourar o container*/
img {
	display: block; 
	max-width: 100%;
}
/*border-box serve pra respeitar o tamanho do conteiner(* = todos os elementos), independente do padding add na configuração do ítem */
* {
	box-sizing: border-box;
}


.fundo-menu {
	font-family: "Nunito", Helvetica, Arial, sans-serif;
	/*background: #222;*/
	background: rgba(28,28,28,0.0);
	color: #FFF; 
	text-align: center;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2010;
}

.fundo-menu p {
	font-family: "Rye", Helvetica, Arial, sans-serif;
	font-size: 1.25em;
	/*background: #222;*/
	color: #FFF; 
	text-align: center;
}

.espaco-menu {
	max-width: 1200px;  /*Informando a largura das "sections",  onde as informações da página são ajustadas*/
	margin: 0 auto;    /*Alianhando o ítem ao centro, sendo "zero" pra cima e pra baixo e "auto" para os lados*/
	display: flex;     /*Os elementos se ajustam lado a lado*/
	justify-content: space-between; /*Ajusta o espaçamento entre os elementos, respeitando o tamanho de cada um deles*/
	flex-wrap: wrap;   /*Quebra os elementos para a próxima linha, de acordo com o tamanho da tela*/
	padding-top: 20px; /*Da um espaçamento (interno) sob a margem superior*/
}

.espaco-menu p, .espaco-menu a{
	margin: 0 10px 10px 10px;  /*Cria uma margem de "zero" acima, "dez" para os lados e "dez" pra baixo*/
}

.espaco-menu a {
	color: #F0F0F0;  /*Define a cor do link dentro do topo*/
}

#funto-topo {
	display: none;
	position: fixed;
	background: rgba(28, 28, 28, 0.5); 
	transition: all 0.4s;
   -webkit-transition: all 0.4s;
   -moz-transition: all 0.4s;
   -ms-transition: all 0.4s;
   -o-transition: all 0.4s;	
}
.menu-diferente {
	background: rgba(24,10,1,0.9);
	transition: all 0.4s;
   -webkit-transition: all 0.4s;
   -moz-transition: all 0.4s;
   -ms-transition: all 0.4s;
   -o-transition: all 0.4s;	
}
.logoBarra {
	margin-bottom: 20px;
}


/*********BOTÕES NO MENU*********/
.botoesMenu {
	display: none;
	position: fixed;
	top: 90px;
	width: 100%;
	height: 50px;
	justify-content: flex-end;	
	background: transparent;
	z-index: 2222;	
}
#btn_queroM a:visited {
	color: #FFF;
}
#btn_queroM {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	font-family: "Calibri","Helvetica Neue","Roboto",Helvetica,Arial,sans-serif;
	font-size: 1.0em;	
	width: 175px;
	height: 30px;
    margin-top: 1px;
	text-align: center;
	justify-content: center;
	align-content: center;
	/*background: #ED9C2E;*/
	background: rgba(237,156,46,0.9);
	transition: box-shadow .5s ease;
	border: solid 1px transparent;
	border-radius: 3px;
	outline: none;
	color: #FFF;
	text-shadow: #000 2px 2px 2px;
	cursor: pointer;
	z-index: 991;
}
#btn_queroM a:hover {
	/*background-color: transparent;*/
	color: yellow;
}
#btn_testeM a:visited {
	color: #FFF;
}
#btn_testeM {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	font-family: "Calibri","Helvetica Neue","Roboto",Helvetica,Arial,sans-serif;
	font-size: 1.0em;	
	width: 175px;
	height: 30px;
    margin-top: 1px;
    margin-right: 2px;
	text-align: center;
	justify-content: center;
	align-content: center;
	/*background: #ED9C2E;*/
	background: rgba(35,167,22,0.9);
	transition: box-shadow .5s ease;
	border: solid 1px transparent;
	border-radius: 3px;
	outline: none;
	color: #FFF;
	text-shadow: #000 2px 2px 2px;
	cursor: pointer;
	z-index: 991;
}
#btn_testeM a:hover {
	/*background-color: transparent;*/
	color: #8DD503;	
}
#wqr {
	position: relative;
	left: 13px;
	top: -39px;
	height: 100%;
	width: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1934;
}
#dqr {
	position: relative;
	left: 16px;
	top: -39px;
	height: 100%;
	width: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1933;
}
.botoes_circle {
	position: fixed;
	display: none;
	flex-wrap: wrap;
	/*top: 370px;*/
	bottom: 45px;
	width: 80px;
	height: 200px;
	right: 50px;
	padding: 2px;
	align-items: right;
	z-index: 3000;
}
#btn_test_circle a:visited {
	color: #FFF;
}
#btn_test_circle{
	position: relative;
	font-family: "Calibri","Helvetica Neue","Roboto",Helvetica,Arial,sans-serif;
	font-size: .75em;	
	width: 250px;
	height: 70px;
	text-align: center;
	justify-content: center;
	align-content: center;
	/*background: #23A716;*/
	background: rgba(35,167,22,0.9);
	transition: box-shadow .5s ease;
	border: solid 1px transparent;
	border-radius: 100%;
	color: #FFF;
	text-shadow: #000 2px 2px 2px;
	cursor: pointer;
	z-index: 991;
}
#btn_det_circle a:visited {
	color: #FFF;
}
#btn_det_circle {
	position: relative;
	font-family: "Calibri","Helvetica Neue","Roboto",Helvetica,Arial,sans-serif;
	font-size: .75em;	
	width: 250px;
	height: 70px;
	margin-top: 2px;
	text-align: center;
	justify-content: center;
	align-content: center;
	/*background: #F37213;*/
	background: rgba(237,156,46,0.9);
	transition: box-shadow .5s ease;
	border: solid 1px transparent;
	border-radius: 50%;
	outline: none;
	text-shadow: #000 2px 2px 2px;
	color: #FFF;
	cursor: pointer;
}
#down_circle {
	position: relative;
	right: -27px;
	top: -15px;
	height: 100%;
	width: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 993;
}
#wpp_circle {
	position: relative;
	right: 5px;
	top: -60px;
	height: 100%;
	width: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 994;
}


.mostraScroll {
	display: flex;
}

/**************************************************************************************************************************************/

.menu ul {
	display: flex;   /*Alinha os ítens lado a lado*/
	flex-wrap: wrap; /*Quebra os textos do menu para a próxima linha, de acordo com o tamanho do container*/
	align-items: center;
}

.menu a {
	font-size: 0.70em; /*Define o tamanho da fonte da logo. Calcula-se o tamanho em pixel(20) dividido por 16 (base do browser)*/
	display: block;    /*Mantém os ítens do menu inline*/
	padding: 10px;     /*Cria um distanciamento entre os ítens em todas as bordas*/
}

.menu a:hover {
	color: yellow;       /*Define a cor dos textos do Menu ao passar o mouse*/
}

.menu ul li:hover {
	/*background: #555;*/ 
}

.menu ul ul{
	position: absolute;
	display: list-item;
	visibility: hidden;
}

.menu ul li:hover ul{
	visibility: visible;
}

.menu ul ul li{
	/*border-bottom: solid 1px #CCC;*/
	top: 0; left: 0; bottom: 0; right: 0;
	background: rgba(237,156,46,0.7);
}


.menu ul ul li a{
	/*background-color: #999;*/
	font-size: 0.65em;
	/*background: rgba(28,28,28,0.7);*/
}

label[for="bt_menu"] {
	position: fixed;
	padding: 5px;
	/*color: white;*/
	color: #F37213;
	font-family: "Arial";
	text-align: center;
	font-size: 40px;
	cursor: pointer;
	width: 50px;
	height: 50px;	
	z-index: 2230;
}




/*************HEADER DA PÁGINA************************************/
.ImagemTopo {
	position: relative;
	width: 100%;
	height: 558px;
	overflow: hidden;
	z-index: -2000;
}
.fndTop {
	width: 100%;
	height: 580px;
	overflow: none;
	background: #FFF url("../img/bkm3.jpg") no-repeat; /*Setando a imagem de fundo da div*/
	background-size: cover; 	
	z-index: 2000;
}


/****************LOGOMARCA***************************************/
.topLogo {
	display: none;
	flex-wrap: wrap;
	position: absolute;
	padding: 20px;
	/*margin-left: 70px;*/
	top: 15px;
	width: 100%;
	height: 160px;
	justify-content: space-between;
	background: transparent;
	z-index: 999;
}
.logo {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	/*margin: 0 10px 10px 10px;
	padding-right: 20px;
	padding-left: 88px;*/
		margin: 0 auto;
	/*justify-content: space-between;*/
		justify-content: center;
	overflow: hidden;
	z-index: 998;
}
#logoPHD {
	width: 250px;
	height: 125px;
}
#LogoRolagem {
	width: 100px;
	height: 50px;
}




/**********TEXTO INICIAL POR CIMA DA IMAGEM DO HEADER********************/
.txtTopo {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/*color: white;*/
	/*text-shadow: #000 2px 2px 2px;*/
	text-align: center;  
}
.slogan {
	position: absolute;
	width: 100%;
	height: 150px;
	/*padding: 100px 100px;*/
	padding-top: 25px;
	top: 190px;
	/*padding-top: 30px;*/
	color: #FFF;
	font-size: 1.85em;   /*Define o tamanho da fonte da logo. Calcula-se o tamanho em pixel(48) dividido por 16 (base do browser)*/
	text-align: center; 
	align-items: center;
	/*top: 100px;*/
	background: rgba(28,28,28,.6);;
	z-index: 997;
}
.slogan h2 {
	font-family: "Baskerville","Helvetica Neue","Roboto",Helvetica,Arial,sans-serif;
	font-size: 1.75em;
	text-shadow: #000 2px 2px 2px;
	padding-right: 30px;
	color: #FFF;
}
.slogan p {
	font-family: "Calibri","Helvetica Neue","Roboto",Helvetica,Arial,sans-serif;
	font-size: .75em;
	padding-right: 30px;
	text-shadow: #000 2px 2px 2px;
	color: #FFF;
}

.Chamada {
	position: absolute;
	padding: 20px 20px;
	width: 100%;
	color: #050F68;
	font-size: 1.15em;   /*Define o tamanho da fonte da logo. Calcula-se o tamanho em pixel(48) dividido por 16 (base do browser)*/
	text-shadow: #000 2px 2px 2px;
	text-align: center; 
	align-items: center;
	background: transparent; 
	top: 480px;
	z-index: 995;
}

.Chamada h2 {
	font-family: "Calibri","Helvetica Neue","Roboto",Helvetica,Arial,sans-serif;
	font-size: 1.65em;
	top: 50;
	/*color: #040B4E;*/
	/*color: #9DDEFC;*/
	color: #FFF;
}


/******************BOTÕES POR CIMA DA IMAGEM DO HEADER*****************/
.botoes {
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 150px;
	top: 338px;	
	font-family: "Calibri","Helvetica Neue","Roboto",Helvetica,Arial,sans-serif;
	font-size: 1.25em;
	justify-content: center;
	align-items: center;
	background: transparent;
	z-index: 996;
}
.botoes span img {
	width: 22px;
}
.botoes a:visited {
	color: #FFF;
}

#btn_test a:visited {
	color: #FFF;
}
#btn_test {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	font-family: "Calibri","Helvetica Neue","Roboto",Helvetica,Arial,sans-serif;
	font-size: 1.0em;	
	width: 250px;
	height: 64px;
	text-align: center;
	justify-content: center;
	align-content: center;
	background: #23A716;
	transition: box-shadow .5s ease;
	border: solid 1px transparent;
	border-radius: 50px;
	outline: none;
	color: #FFF;
	text-shadow: #000 2px 2px 2px;
	cursor: pointer;
	z-index: 991;
}
#btn_test a:hover {
	/*background-color: transparent;*/
	color: #8DD503;	
}
#down {
	position: relative;
	right: 233px;
	top: 0px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 993;
}
#txteste {
	position: relative;
	right: 170px;
	/*padding-top: 85px;*/
	top: 17px;
	display: flex;
    font-family: "Calibri","Helvetica Neue","Roboto",Helvetica,Arial,sans-serif;
	font-size: .65em;
	text-shadow: #000 2px 2px 2px;
	color: #FFF;
	z-index: 992;
}

#btn_det a:visited {
	color: #FFF;
}
#btn_det {
	display: flex;
	flex-wrap: wrap;
	font-family: "Calibri","Helvetica Neue","Roboto",Helvetica,Arial,sans-serif;
	font-size: 1.0em;	
	width: 250px;
	height: 64px;
	margin-left: 20px;
	text-align: center;
	justify-content: center;
	align-content: center;
	background: #F37213;
	transition: box-shadow .5s ease;
	border: solid 1px transparent;
	border-radius: 50px;
	outline: none;
	text-shadow: #000 2px 2px 2px;
	color: #FFF;
	cursor: pointer;
}
#btn_det a:hover {
	/*background-color: transparent;*/
	color: yellow;	
}

#wpp {
	position: relative;
	right: 223px;
	top: 0px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 994;
}



/******PERGUNTA PORQUE EU DEVO ESCOLHER OS SISTEMAS PHD******/
.Abordagem {
	position: relative;
	padding: 0px 70px;
	padding-top: 35px;
	width: 100%;
	color: #061D73;
	font-size: 1.5em;   
	text-align: center; 
	align-items: center;
	background: transparent; 
	z-index: 992;	
}
.Abordagem h2 {
	font-family: "Calibri","Helvetica Neue","Roboto",Helvetica,Arial,sans-serif;
	font-size: 1.35em;
	top: 50;
	/*color: #061D73;*/
	color: #331705;
}
.Abordagem p {
	font-family: "Calibri",Helvetica Neue,Roboto,Helvetica,Arial,sans-serif;
	font-size: 0.85em;
	top: 50;
	/*color: #061D73;*/
	color: #684328;
}
.Abordagem .txtAbordagem {
	text-align: justify;  
	font-family: "Calibri",Helvetica Neue,Roboto,Helvetica,Arial,sans-serif;
	font-size: 0.85em;

	/*color: #061D73;*/
	color: #684328;	
}
.Abordagem .txtAbordagem p {
	font-family: "Calibri",Helvetica Neue,Roboto,Helvetica,Arial,sans-serif;
	font-size: 0.85em;
	top: 50;
	/*color: #061D73;*/
	color: #684328;
}
.space {
	height: 30px;
}



/***************O QUE VAI AGREGAR AO MEU EMPREENDIMENTO*****************/
.vantagens {
	position: relative;
	margin: 0 auto;
	padding: 0px 70px;
	width: 100%;
	font-family: "Calibri", Helvetica, Arial, sans-serif;
	color: #061D73;
	font-size: 1em;   
	text-align: center; 
	align-items: center;
	background: transparent; 
	z-index: 990;
}

.vantagens-container {
	display: flex;		/*Alinha lado a lado os ítems da div produtos-container*/
	flex-wrap: wrap;	/*Quebra os elementos para a próxima linha, de acordo com o tamanho do container*/ 
}

.vantagens-itens {
	flex: 1 1 175px;
	margin: 5px;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border: 1px solid #CCCCCC;
}
.vantagens-itens h2 {
	font-size: 1.25em;
	color: blue;
	/*color: #ED9C2E;*/
	padding: 8px 10px;
	text-align: center;
}
.txt {
	font-size: 1.0em;
	/*color: #061D73;*/
	/*color: #776354;*/
	color: #684328;
	padding: 0 5px;
	text-align: justify-all;	
}
.vantagens-itens span {
	font-size: 0.90em;
	text-align: center;
}

#v1 {color: #23A716;}
#v2 {color: #F61E37;}
#v3 {color: #F61E37;}
#v4 {color: #F61E37;}

.btnOrc {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
}
#btn_orc {
	display: flex;
	flex-wrap: wrap;
	font-family: "Calibri","Helvetica Neue","Roboto",Helvetica,Arial,sans-serif;
	font-size: 1.0em;	
	width: 180px;
	height: 30px;
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
	justify-content: center;
	align-content: center;
	/*background: #F61E37;*/
	/*background: #7D580A;*/
	background: #FC0617;
	transition: box-shadow .5s ease;
	border: solid 1px transparent;
	border-radius: 10px;
	outline: none;
	color: #FFF;
	cursor: pointer;	
}
#btn_orc:hover {
	/*background-color: transparent;*/
	color: #F3C113;
	border: 2px solid white;	
}
#mnyL {
	position: relative;
	width: 22px;
	left: 43px;
	top: 14px;
}
#mnyR {
	position: relative;
	width: 22px;
	right: 32px;
	top: 14px;
}


/*******ESSES NÃO ESTÃO SENDO UTILIZADOS NA DIV**********
.vantagens-itens p {
	font-size: 0.95em;
	color: #FFF;
	text-align: center;
}
.vantagens-itens img {
	text-align: center;
}*/





/*******TEMOS MUITO MAIS A OFERECER (VÍDEO)************/
.apresentar {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
	/*height: 300px;*/
	align-items: center;
	justify-content: center;
	z-index: 890;
}
.video-container {
	overflow: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 20px 0px;
	font-family: "Calibri","Helvetica Neue","Roboto",Helvetica,Arial,sans-serif;
	font-size: 1.75em;
	text-align: center;	
	justify-content: center;
	width: 100%;	
	height: 625px;
	top: 20px;
	/*background: #EDEAE6; */
	background: #FFF url("../img/bkvid.jpg") no-repeat; /*Setando a imagem de fundo da div*/
	background-size: cover; 
	z-index: 880;
}
.video-container h2 {
	font-family: "Calibri","Helvetica Neue","Roboto",Helvetica,Arial,sans-serif;
	font-size: 1.75em;
	text-align: center;
	top: 50;
	color: #331705;
	z-index: 870;
}
.vid {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
	padding-top: 10px;
	border-radius: 20px;
	background: transparent;
}
.fram {
	position: relative;
	margin-top: -255px;
	width: 75%; 
	height: 500;
}



/*********SESSÃO DOS SLIDES DE DEPOIMENTOS DE CLIENTES************/
.slide {
	position: relative;
	width: 100%;
	margin: 0px auto;
	background: transparent;
}
.slide-container {
	width:  100%;
	display: flex;		/*Alinha lado a lado os ítems da div produtos-container*/
	flex-wrap: wrap;	/*Quebra os elementos para a próxima linha, de acordo com o tamanho do container*/ 
	padding: 0 70px; 
	margin: 0 auto;
	background: #2D1303;
}
.success {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
	align-items: center;
}
.success h2 {
	font-family: "Calibri", Helvetica, Arial, sans-serif;
	font-size: 2.0em;
	color: #FFF;
	background: #F7F7F7
	padding: 60px 20px;
	text-align: center;	
}
.contencao {
	margin: 20px auto 40px auto;
	/*width: 924px;*/
	width: 100%;
	height: 350;
	background: #000;
	overflow: hidden; 
}
#imgBgSlide {
	/*width: 924px;*/
	width: 100%;
	height: 350px;
	background-size: cover;	
	transition: 2s;
}
#legtxtSlide {
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	width: 500px;
	height: 195px;
	font-family: "Nunito", Helvetica, Arial, sans-serif;
	color: #FFF;
	font-size: 14px;
	/*top: 245px;*/
	top: 215px;
	margin-left: 60px;
	margin-bottom: 10px;
	padding: 5px;
	text-align: justify; 
	background-color: rgba(54, 54, 54, .7);
	border-radius: 10px;
}
#ImgHotSlide {
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	width: 150px;
	height: 110px;
	top: 99px;
	align-items: center;
	margin-left: 60px;
	/*margin-bottom: 10px;*/
	background-color: transparent;
	/*opacity: 0;
	transition: opacity 1s;	*/
}
#ImgHotSlide.mostrar {
	/*opacity: 1;*/
}
#logoSlide1 {
	max-width: 150px;
	max-height: 110px;
	align-items: center;
}
#logoSlide2 {
	max-width: 149;
	max-height: 86px;
	align-items: center;
}
#logoSlide3 {
	max-width: 149px;
	max-height: 92;
	align-items: center;
}

#logoSlide4 {
	max-width: 150px;
	max-height: 110px;
	align-items: center;
}
#logoSlide5 {
	max-width: 149px;
	max-height: 49px;
	align-items: center;
}
#logoSlide6 {
	max-width: 149px;
	max-height: 101px;
	align-items: center;
}

.anterior, .proximo {
	position: relative;
	margin-top: -220px;
	width: 48px;
	height: 90px;
	color: white;
	font-size: 25px;
	text-align: center;
	line-height: 90px;
	cursor: pointer;
	background-color: rgba(44, 62, 80, .4);
}
.anterior {
	float: left;
}
.proximo {
	float: right;
}
.contencao:hover .anterior {
	background-color: rgba(44, 62, 80, .7);
}
.contencao:hover .proximo {
	background-color: rgba(44, 62, 80, .7);
}
.anterior:hover {
	background-color: rgba(44, 62, 80, .9) !important;
}
.proximo:hover {
	background-color: rgba(44, 62, 80, .9) !important;
}
.slide-container ul {
	list-style: none;
	width: 150px;
	display: flex;
}
#botoesSlide {
	display: flex;
	flex-wrap: wrap;	
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	margin-top: -40px;
	margin-bottom: 10px;
	cursor: pointer;
}
.slide-container ul li {
	background: #A5A8B6;
	width: 10px;
	height: 10px;
	border-radius: 100%; 
	margin: 2px;
}
.slide-container .selectedSlide {
	background: #C0392B;
}


/***********RODAPÉ DA PÁGINA***********/
.rodape {
	position: relative;
	width: 100%;
	margin: 60px auto;
	/*background: #111;*/
	display: flex;		/*Alinha lado a lado os ítems da div produtos-container*/
	flex-wrap: wrap;	/*Quebra os elementos para a próxima linha, de acordo com o tamanho do container*/	
}

.rod-container {
	width: 1150px;
	display: flex;		/*Alinha lado a lado os ítems da div produtos-container*/
	flex-wrap: wrap;	/*Quebra os elementos para a próxima linha, de acordo com o tamanho do container*/
	margin: 0 auto;
}

.rod-coluna {
	flex: 1 1 175px;
	margin: 10px;	
}

.rod-coluna h2 {
	font-family: "Nunito", Helvetica, Arial, sans-serif;
	font-size: 0.85em;
	color: #999;
	background: #F7F7F7
	padding: 60px 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: justify-content;
}

.rod-coluna p {
	font-family: "Nunito", Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	color: #666;
	text-align: justify-content	
}

.rod-coluna a {
	color: #666;
	padding: 10px 10px;
}

.rod-coluna a:hover {
	color: #FFF;
}

.c1 {
	border-top: 1px solid #333;
}
.c1 p {
	color: white;
}
.c2 {
	border-top: 1px solid #333;
}
.c3 {
	border-top: 1px solid #333;
}
.c4 {
	border-top: 1px solid #333;
}


/*********COMPOSIÇÃO DO SISTEMA*******************/
.composicao {
	position: relative;
	margin: 0 auto;
	padding: 0px 20px;
	width: 100%;
	font-family: "Calibri", Helvetica, Arial, sans-serif;
	color: #061D73;
	font-size: 1em;   
	text-align: center; 
	align-items: center;

	/*height: 600px;*/
	background: #FFF url("../img/bkm.jpg") no-repeat; /*Setando a imagem de fundo da div*/
	background-size: cover;                           /*Ajustando para ocupar toda a área da div*/
	z-index: 700;
}
.composicao-conteiner {
	display: flex;
	flex-wrap: wrap;
	/*position: absolute;
	padding: 20px;
	justify-content: space-between;
	width: 100%;
	height: 100%;*/	
}
.titcomp {
	width: 100%;
	font-family: "Arial", Calibri, Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	/*text-shadow: #999 2px 2px 2px;
	color: #ED9C2E;*/
	margin-top: 20px;
	color: #666;
	padding: 8px 10px;
	margin-bottom: 10px; 
	text-align: center;	
}
.composicao-itens {
	flex: 1 1 175px;
	margin: 10px;
	padding-bottom: 5px;
	border-radius: 10px;
	box-shadow:  #CCCCCC 2px 2px 2px;	
}
.txtComp {
	font-size: 1.0em;
	/*color: #061D73;*/
	/*color: #776354;*/
	color: #684328;
	padding: 0 5px;
	text-align: justify-all;	
}
.composicao-itens img {
	width: 60px;
	margin: 0 auto;
	text-align: center;
	align-items: center;
}
.composicao-itens h2 {
	font-size: 1.0em;
	/*color: #E59416;*/
	color: #ED9C2E;
	padding: 8px 10px;
	text-align: center;	
}
.composicao-conteiner span {
	font-size: .85em;
	/*color: #E59416;*/
	color: #ED9C2E;
	padding: 8px 10px;
	text-align: center;
}


/**********FIM DA PÁGINA**************************/
.footer {
	position: relative;
 	display: flex;		/*Alinha lado a lado os ítems do footer*/
 	background: #180A01;
 	height: 50px;
 	align-items: center;
 	justify-content: space-between;
 	color: #cccccc;;
 } 

.footer p {
	flex: 1;
	text-align: center; 
	font-size: 0.75em;
	margin:0 auto;
}
.footer spam {
	flex: 1;
	text-align: center; 
	font-size: 0.75em;
	margin:0 auto;
}




/*BOTÃO PARA ABRIR O MENU EM TELA DE TABLET OU CELULAR*/
/*Pra esconder o checkbox na tela grande*/
#bt_menu {
	display: none;
}
/*Pra esconder o botão na tela grande*/
label[for="bt_menu"] {
	display: none;
}

@media (max-width: 800px) {
	/*Pra aparecer o botão na tela de tablets ou smatphone*/
	label[for="bt_menu"] {
		display: block;
	}

	#bt_menu:checked ~ .fundo-menu {
		margin-left: 0px;
	}
/*Pra esconder o menu na tela de tablets ou smatphone*/
	.fundo-menu {
		background: rgba(54,54,54,1.0);
		font-size: 1.25em;
		margin-left: -100%;
		transition: all .4s;
	}

	.menu ul li {
		width: 100%;
		float: none;
	}
	.menu ul ul {
		position: static;
		overflow: hidden;
		max-height: 0;
		transition: all .4s;
	} 
	.menu ul li:hover ul{
		height: auto;
		max-height: 200px;
	}
	.espaco-menu p {
		padding-left: 60px;  /*Cria uma margem de "zero" acima, "dez" para os lados e "dez" pra baixo*/
	}	


	.menu ul ul {
		background: rgba(28,28,28,1.0); 
	}
	.menu ul ul li {
		background: rgba(28,28,28,1.0); 
		border-bottom: solid 1px #555;
	}
	.menu a:hover {
		/*color: #3CBE0F; */
		color: #ED9C2E;
		font-size: 0.80em;      /*Define a cor dos textos do Menu ao passar o mouse*/
		font-weight: bold;
	}
	/*.espaco-menu a {*/
	.menu ul ul a {
		/*color: #3CBE0F;  /*Define a cor do link dentro do topo*/
		color: #FFFFFF;
	}

	/**********************************************************************************************************************************/	
	.fndTop {
	width: 100%;
	height: 430px;
	overflow: none;
	background: #FFF url("../img/bk.jpg") no-repeat; /*Setando a imagem de fundo da div*/
	background-size: cover; 
	}
	#logoPHDBarra{
		display: none;
	}
	.topLogo {
		margin-top: 20px;
		display: block;
	}
	#logoPHD {
		width: 150px;
		height: 75px;
	}
	.txtTopo {position: absolute;}
	.slogan {
		position: absolute;
		top: 130px;
	}
	.slogan h2 {
		font-size: 0.95em;
	}
	.slogan p {
		margin: 5px;
		font-size: 0.55em;
	}
	.botoes {
		top: 300px;
		height: 50px;
	}
	.botoes span img {
		width: 16px;
	}
	#btn_test {
		position: absolute;
		font-size: 0.75em;	
		width: 160px;
		height: 40px;
		border-radius: 50px;
		top: 5px; left: 10px;
	}
	#down {
		position: absolute;
		left: 8px;
		top: 0px;
		height: 100%;
		width: 40px;
	}
	#txteste {
		position: absolute;
		height: 100%;
		left: 82px; 
		top: 31px;
		font-size: .55em;
	}		
	#btn_det {
		position: absolute;
		font-size: 0.75em;	
		width: 160px;
		height: 40px;
		border-radius: 50px;
		top: 5px; right: 110px;
	}	
	#wpp {
		position: absolute;
		right: 232px;
		top: 0px;
		height: 100%;
		width: 40px;
	}
	.Chamada {
		padding: 5px 5px;
		font-size: 0.75em;   /*Define o tamanho da fonte da logo. Calcula-se o tamanho em pixel(48) dividido por 16 (base do browser)*/
		top: 350px;	
	}	
	.Abordagem {
		top: -100px;
		padding: 0px 5px;
		width: 100%;
		font-size: 1.25em;
	}	
	.Abordagem p { padding: 0px 10px; }
	.txtAbordagem {padding: 0px 10px;}	

	.botoesMenu {
		display: none;
		position: fixed;
		top: 90px;
	}	
	.vantagens {
		top: -100px;
	}	
	.vantagens {
		padding: 0px 5px;
	}	
	.vantagens-itens {
		flex: 1 1 170px;
		margin: 5px;
		padding-bottom: 5px;
		border: 1px solid #CCCCCC;
	}
	.video-container {
		position: relative;
		font-family: "Calibri","Helvetica Neue","Roboto",Helvetica,Arial,sans-serif;
		font-size: 1.75em;
		top: -80px;
		width: 100%;	
		height: 370px;
	}
	.video-container h2 {
		position: relative;
		font-family: "Calibri","Helvetica Neue","Roboto",Helvetica,Arial,sans-serif;
		font-size: 0.75em;
		text-align: center;
		top: -20px;
	}
	.vid {
		position: relative;
		top: 30px;
	}
	.fram {
		position: relative;
		padding: 10px;
		margin-top: -100px;
		width: 100%; 
		height: 330px;
	}
	.slide {
		position: relative;
		top: -55px;
	}
	.slide-container {
		padding: 0 10px;
	}
	.success h2 {
		font-size: 1.15em;
		padding: 10px;
	}	
	.contencao {
		margin: 10px auto 20px auto;
		/*width: 924px;*/
		width: 100%;
		height: 240;
	}
	#imgBgSlide {
		/*width: 924px;*/
		width: 100%;
		height: 240px;
	}
	#ImgHotSlide {
		width: 100px;
		height: 74px;
		top: 100px;
		margin-top: 5px;
		margin-left: 5px;
	}

	#logoSlide1 {
		max-width: 30px;
		max-height: 37px;
		align-items: center;
	}
	#logoSlide2 {
		max-width: 50px;
		max-height: 28px;
		align-items: center;
	}
	#logoSlide3 {
		max-width: 50px;
		max-height: 31px;
		align-items: center;
	}

	#logoSlide4 {
		max-width: 40px;
		max-height: 30px;
		align-items: center;
	}
	#logoSlide5 {
		max-width: 90px;
		max-height: 30px;
		align-items: center;
	}
	#logoSlide6 {
		max-width: 46px;
		max-height: 31px;
		align-items: center;
	}	

	.anterior, .proximo {
		margin-top: -165px;
		width: 25px;
		height: 50px;
		font-size: 18px;
		line-height: 50px;
	}
	#legtxtSlide {
		width: 92%;
		height: 105px;
		font-family: "Nunito", Helvetica, Arial, sans-serif;
		color: #FFF;
		font-size: 8px;
		top: 230px;
		margin-left: 5px;
		margin-bottom: 5px;
		padding: 5px;
	}

	#botoesSlide {
		margin: 0 auto;
		margin-top: -15px;
		margin-bottom: 10px;
	}
	.slide {
		top: -80px;
	}
	.slide-container ul li {
		width: 7px;
		height: 7px;
		margin: 2px;
	}
	.composicao {
		top: -78px;
	}
	.titcomp {
		font-size: 1.0em;
	}
	#btn_orc {	
		width: 250px;
		height: 40px;
	}
.botoes_circle2 {
	display: flex;
	flex-wrap: wrap;	
	width: 80px;
	height: 150px;
	right: 5px;
	justify-content: space-between;
	bottom: 70px;
}
#btn_test_circle{
	font-size: 0.70em;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	left: -2px;
}
#btn_det_circle {
	font-size: 0.70em;
	width: 70px;
	height: 70px;
	top: -128px;
	border-radius: 100%;
	left: -2px;
}
#down_circle {
	left: 23px;
	top: -83px;
	width: 20px;
}
#wpp_circle {
	left: -5px;
	top: -255px;
	width: 20px;
}



}


@media (max-width: 700px) {
	.newsletter-form button {
		font-size: 1.5em;
	}
	.slogan h2 {
		font-size: 0.85em;
	}
	.slogan p {
		margin: 5px;
		font-size: 0.50em;
	}	
	.menu ul ul a {
		/*color: #3CBE0F;  /*Define a cor do link dentro do topo*/
		color: #FFFFFF;
	}		
 }