:root {
  --font-family: "Source Sans Pro";
  --font-size: 16px;
  --font-weight: 400;
  --font-style: normal;
  --line-height: 1.625;
  --heading-font-family: "Montserrat";
  --heading-font-size: 2.5rem;
  --heading-line-height: 1.3;
  --heading-font-weight: 700;
  --accent-color: #6eb9e7;
  --el-gradient-start: #1859b4;
  --el-gradient-end: #0467f1;
  /*--background-color: #ffffff;*/
  --background-color: #f0f4f8;
  --background-secondary-color: #f0f4f8;
  --text-primary: #303036;
  --text-secondary: #63636b;
  --border-color: #d4d4e1;
  --placeholder-color: #6f6f76;
  --error-color: #ff3d0d;
  --alert-primary: #0065d1;
  --alert-success: #1cab55;
  --alert-danger: #e91c1c;
  --alert-warning: #c79c00;
  --el-border-radius: 10px;
  --el-border-radius-min: 6px;
  --el-box-shadow: 2px 4px 20px 1px rgba(45, 45, 45, 0.13);
  --header-box-shadow: 0px 0px 14px 0px rgba(77, 82, 94, 0.15);
}

/* 1.1 Fonts */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-regular.woff2")
    format("woff2");
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/source-sans-pro-v21-latin/source-sans-pro-v21-latin-700.woff2")
    format("woff2");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/montserrat-v25-latin/montserrat-v25-latin-600.woff2")
    format("woff2");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/montserrat-v25-latin/montserrat-v25-latin-700.woff2")
    format("woff2");
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/material-icons/material-icons.woff2") format("woff2");
}

@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/material-icons/material-icons-outlined.woff2")
    format("woff2");
}

body {
  /*height: 250vh;			*/

  margin: 0;
  font-family: "Source Sans Pro", sans-serif;
}
a {
  text-decoration: none;
}

.botoes_menu {
  display: inline-flex;
  /*border: 1px solid orange;    */
}
.botoes_menu > li {
  position: relative;
  margin-left: 1.5rem;
  padding: 1rem 0;
}

.botoes_menu {
  display: inline-flex;
}

.botoes_menu > li > a::after {
  content: attr(data-title);
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-100%);
  width: 100%;
  white-space: nowrap;
  transition: all 0.4s;
  color: var(--accent-color);
}

.botoes_menu > li a {
  color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 1rem;
  background: #3d75ac;
}

/*==========================================================================*/
/*=============================== LIGHTBOX =================================*/
/*==========================================================================*/

/*----- Lightbox img HD omitido -----*/
.lightbox {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/*----- Unhide the lightbox when it's the target----- */
.lightbox:target {
  display: block;
}
/*----- Full width and height ----- */
.lightbox span {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* background Translucido */
  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/*==========================================================================*/
/*================== TEXTO NA IMAGEM (Clique p/ ampliar) ===================*/
/*==========================================================================*/
.container_texto_na_imagem {
  display: inline-block;
  position: relative;
}
.texto_na_imagem {
  position: absolute;
  top: 0px;
  left: calc(50% - 60px);
  font-size: 15px;
  color: white;
  text-shadow: 0px 0px 2px white;
}
/*==========================================================================*/

.main-mnu-list > li {
  position: relative;
  margin-left: 1.5rem;
  padding: 1rem 0;
}

.txt1_portfolio {
  margin-left: 10px;
  margin-top: 8px;
  /*border: solid 3px red ;*/
}

/*====================================================================================*/
/*============================ COMUM TODAS AS PAGINAS ================================*/
/*====================================================================================*/
.df_menu_sup_pai {
  display: flex;
}
.df_menu_sup_logo {
  width: 40%;
  text-align: center;
  /*border: 1px solid blue;	*/
  margin-top: 15px;
}

.df_menu_sup_botoes {
  display: flex;
  align-items: center;
  justify-content: center;

  /*width: 60%;*/
  /*border: 1px solid green;*/
  text-align: center;

  margin-top: 30px;
}

.underline_laranja {
  text-decoration: underline;
  text-decoration-color: #ff9c00;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.principal {
  /*position: absolute;*/
  position: relative;
  width: 100%;
  background-color: #f0f4f8;
  color: #63636b;
}

.slider_text {
  margin-bottom: 0px;
  /*border: solid 3px red ;*/
  font-size: 35px;
}

.slider_text2 {
  margin-bottom: 9px;
  /*border: solid 3px red ;*/
  font-size: 35px;
}

.topo {
  position: fixed;
  z-index: 10;
  background-image: url(../img/intro-img1.jpg);
  background-repeat: no-repeat;
  /*background-color: #062a42;*/
  /*overflow: hidden;*/
  width: 100%;
  height: 120px;
  /*padding: 5px;*/
  /*border: 1px solid black;	*/
}

.div_logo {
  float: left;
  /*width: 35%;		*/
  width: 240px;
  border: 1px solid blue;
}

/*
.logo{	
	z-index: 10;
	background-image: url(../img/logo-white.png);
	background-repeat: no-repeat;
	margin-top: 15px;		
	width: 300px;
	height: 79px;		
}
*/

.logo {
  /*margin-top: 15px;*/
  margin-top: 0px;
}

.div_menu {
  float: right;
  width: calc(99% - 240px);
  text-align: center;
  margin-top: 32px;
  padding-left: 326px;
  border: 1px solid yellow;
}
.chip_botao {
  background-image: url(../img/chip.png);
  background-position: center center;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  margin-right: 7px;
}

.h_center {
  text-align: center;
}

.menu li {
  list-style: none;
  display: inline-block;
  padding: 5px 10px;
}
.menu li button {
  text-align: center;
  font-size: 1rem;
  font-weight: var(--font-weight);
  font-family: var(--font-family);
  line-height: var(--line-height);
  color: var(--background-color);

  background: #3d75ac;
  background: #3d75ac;
  text-decoration: none;
  padding: 0.75rem 1.75em;
  outline: none;
  border: none;
  cursor: pointer;
  overflow: hidden;
  border-radius: 5px;
  padding: 6px 13px;
}
.menu li button a {
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
.menu li button a img {
  color: #ffffff;
  margin-right: 8px;
}

.menu li > a {
  color: #fff;
  text-decoration: none;
}
.menu li > a:hover {
  color: #fff;
  border-bottom: 3px solid #ff9c00;
}

.div_cabecalho {
  position: fixed;
  width: 100%;
  top: 114px;
}

.div_cabecalho hr {
  height: 3px;
  background-color: #ff9c00;
  margin: 0;
  border: none;
}

.video_pd_control {
  margin-right: 10px;
  border-radius: 15px 15px 15px 15px;
  width: 450px;
  height: 253px;
}

/*====================================================================================*/
/*========================== PAGs SERVICOS (3 PAGINAS)  ==============================*/
/*====================================================================================*/
.box_border_servicos {
  /*position: relative;*/
  background-color: #f0f4f8;
  border-radius: 10px;
  overflow: hidden;
  /*width: 100%;*/
  width: 98%;
  max-width: 1150px;
  /*color: #303036;     */
  /*height: 100%;    */
  /*-------------------*/
  box-shadow: 2px 4px 20px 1px rgba(45, 45, 45, 0.5);
  border-color: transparent;
  margin: 0 auto;
  color: #63636b;
}
/*=====================================================*/
/*============== COMUM A TODOS OS TEXTOS ==============*/
/*=====================================================*/
.cont_flexbox_filho_txt {
  width: 100%;
  background-color: #e0e4f4;
  border: 1px solid #ff9c00;
  border-left: 0px;
  margin: 0px;
  padding: 0px;
}

/*====================================================================================*/
/*=============================== PAG CONTATO.HTML ===================================*/
/*====================================================================================*/
.img_contato {
  float: left;
  background-image: url(../img/contato3.jpg);
  background-repeat: no-repeat;
  background-size: 900px 480px;
  width: 900px;
  height: 480px;
  margin: 0;
  padding: 0;
  margin-right: 20px;
  border-radius: 0px 10px 10px 0px;
}
.img_contato h1 {
  text-align: center;
  color: #fff;
  text-shadow: 2px 2px 2px #000;
  font-weight: normal;
  letter-spacing: 0px;
  font-size: 45px;
}
.div_texto_01_contato {
  height: 480px;
  background-color: #f0f4f8;
  padding-right: 20px;
}
.texto_01_contato {
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  color: #63636b;
}
.contato_img2 {
  float: right;
  background-image: url(../img/contato_img2.png);
  background-repeat: no-repeat;
  background-size: 80px 46px;
  width: 80px;
  height: 46px;
  margin: 0;
  padding: 0;

  border-radius: 0px 10px 10px 0px;
}

/*=====================================================================*/
/*======== PAG PORTFOLIO-PROJETO-ELETRONICO-QUADRICOPTERO.HTML ========*/
/*=====================================================================*/
.df_pai1 {
  display: flex;
}
.df_filho1 {
  width: 100%;
  padding-right: 10px;
}
.df_filho2 {
  width: 80%;
  background-color: white;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 10px;
}
.df_pai11 {
  display: flex;
}
.df_filho11 {
  width: 100%;
}
.df_filho21 {
  width: 100%;
  border-radius: 10px 10px 10px 10px;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 10px;
}

.df_pai12 {
  display: flex;
}
.df_filho12 {
  width: 100%;
}
.df_filho22 {
  width: 100%;
  border-radius: 10px 10px 10px 10px;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 10px;
}

.df_pai13 {
  display: flex;
}
.df_filho13 {
  width: 100%;
}
.df_filho23 {
  width: 100%;
  border-radius: 10px 10px 10px 10px;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 10px;
}

.df_pai14 {
  display: flex;
}
.df_filho14 {
  width: 100%;
}

.imgs_linearizacao_motores {
  display: flex;
  margin-right: 5px;
}

.df_filho24 {
  width: 100%;
  border-radius: 10px 10px 10px 10px;
  /*margin-right: 10px;	*/
  margin-left: 10px;
  margin-top: 10px;
}

.videos_iframe {
  width: 450px;
  height: 253px;
  margin-left: 0px;
  margin-right: 10px;
  border-radius: 10px 10px 10px 10px;
}

.img_comunic_xbee_microcontrolador1 {
  margin: 0 auto;
}

/*=========================================================*/
/*=============== PAG PORTFOLIO-DETALHES. =================*/
/*=========================================================*/

/*=====================================*/
/*========== TEXTO A DIREITA ==========*/
/*=====================================*/
.container_txt_dir_portfolio_d {
  display: flex;
  margin: 0px;
  padding: 0px;
  /*flex-flow: column wrap;*/
  /*gap: 3px;*/
  /*align-items: center ;*/
  margin-top: -20px;
}
.txt_dir_portfolio_d {
  padding-left: 10px;
  border-radius: 0px 10px 10px 0px;
}
.container_filho_txt_dir_portfolio_d {
  /*background-color: #E0E4F4; */

  border-radius: 10px 0px 0px 10px;
  padding-left: 10px;
  border: 1px solid #ff9c00;
  border-right: 0px;
}

/*===================================================*/
/*====== TEXTO A DIREITA (INTERNO A CONTAINER) ======*/
/*===================================================*/
.container_pai_flexbox_portfolio_d {
  display: flex;
  margin: 0px;
  padding: 0px;
  /*flex-flow: column wrap;*/
  /*gap: 3px;*/
  /*align-items: center ;*/
}

.container_filho2_borda_flexbox_portfolio_d {
  /*height: 253px;		*/
  border-radius: 10px 10px 10px 10px;
  padding-left: 10px;
  border: 1px solid lightgray;

  margin-right: 10px;
}

/*===================================================*/
/*===================================================*/
.container_pai1_flexbox_portfolio_d {
  display: flex;
  margin: 0px;
  padding: 0px;
  margin-top: 25px;
  /*flex-flow: column wrap;*/
  /*gap: 3px;*/
  /*align-items: center ;*/
}
.bordas_videos_responsivo_dir {
  border-radius: 10px 0px 0px 10px;
  border: solid 1px orange;
  border-right: 0px;
  padding-left: 10px;
}

.bordas_videos_responsivo {
  border-radius: 0px 10px 10px 0px;
  border: 1px solid orange;
  border-left: 0px;
  margin-right: 10px;
  margin-left: -10px;
  padding-left: 10px;
}

.container_pai2_flexbox_portfolio_d {
  display: flex;
  margin: 0px;
  padding: 0px;
  margin-top: 25px;
  /*flex-flow: column wrap;*/
  /*gap: 3px;*/
  /*align-items: center ;*/
}

/*=====================================*/
/*========= TEXTO A ESQUERDA ==========*/
/*=====================================*/
/*----- TXT 03 -----*/
.container_txt_esq_portfolio_d {
  display: flex;
  margin: 0px;
  padding: 0px;
  /*flex-flow: column wrap;*/
  /*gap: 3px;*/
  /*align-items: center ;*/
  margin-top: -20px;
}
.txt_esq_portfolio_d {
  padding-left: 10px;
  border-radius: 0px 10px 10px 0px;
  border: 1px solid #ff9c00;
  border-left: 0px;
}
/*=====================================*/
.container_full_portfolio_d {
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #ff9c00;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: -20px;
  padding-left: 10px;
  padding-bottom: 10px;
}

/*===============================================*/
/*======== IMAGENS PROJETO-QUADRICOPTERO ========*/
/*===============================================*/
.img_quad_acel_giro_portfolio_d {
  float: left;
  background-image: url(../img/portfolio/PROJ-01/acelerometro-giroscopio.png);
  background-repeat: no-repeat;
  width: 80px;
  height: 62px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-right: 10px;
  margin-left: 10px;
}

.img_esquematico_quadricoptero_portfolio_d {
  float: left;
  background-image: url(../img/portfolio/PROJ-01/ESQUEMA-ELETRONIC-QUADRICOPTERO.png);
  background-repeat: no-repeat;
  width: 500px;
  height: 404px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-right: 10px;
  margin-left: 10px;
}

.img_board_quadricoptero_portfolio_d {
  float: left;
  background-image: url(../img/portfolio/PROJ-01/BOARD-B.png);
  background-repeat: no-repeat;
  width: 400px;
  height: 348px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-right: 10px;
  margin-left: 0px;
}

.img_arquitetura_arm_portfolio_d {
  float: left;
  background-image: url(../img/portfolio/PROJ-01/ARQUITETURA-ARM.jpg);
  background-repeat: no-repeat;
  width: 300px;
  height: 339px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-right: 10px;
  margin-left: 10px;
}

.img_radio_controle_portfolio_d {
  float: left;
  background-image: url(../img/portfolio/PROJ-01/radio-controle.png);
  background-repeat: no-repeat;
  width: 320px;
  height: 225px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-right: 10px;
}

.img_pd_teorico_portfolio_d {
  float: left;
  background-image: url(../img/portfolio/PROJ-01/PD.png);
  background-repeat: no-repeat;
  width: 450px;
  height: 225px;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-right: 10px;
}

.img_esquacao_acel01_portfolio_d {
  background-image: url(../img/portfolio/PROJ-01/equacao-acelerometro-01.png);
  background-repeat: no-repeat;
  width: 302px;
  height: 45px;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-left: 0px;
}

.img_giroscopio_portifolio_d {
  float: left;
  background-image: url(../img/portfolio/PROJ-01/giroscopio-representacao.png);
  background-repeat: no-repeat;
  width: 140px;
  height: 105px;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-right: 10px;
}
.img_filto_kalman_graf_portfolio_d {
  float: right;
  /*background-image: url(../img/portfolio/PROJ-01/filtro-de-kalman-graf.png);*/
  background-image: url(../img/rudolf-kalman.png);
  background-repeat: no-repeat;
  width: 400px;
  height: 300px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-left: 10px;
  margin-right: 10px;
}
.img_xbee_pro_portfolio_d {
  float: left;
  background-image: url(../img/portfolio/PROJ-01/xbee-pro.jpg);
  background-repeat: no-repeat;
  width: 150px;
  height: 121px;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-left: 0px;
  margin-right: 10px;
}
.img_radio_aeromodelismo_portfolio_d {
  float: left;

  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-left: 0px;
  margin-right: 10px;
}

.img_banca_avaliacao_portfolio_d {
  float: left;
  background-image: url(../img/portfolio/PROJ-01/banca.png);
  background-repeat: no-repeat;
  width: 400px;
  height: 270px;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-left: 10px;
  margin-right: 10px;
}

.img_fpb_entrada_4_ordem_portfolio_d {
  background-image: url(../img/portfolio/PROJ-01/FPB-ENTRADA-F-4ORDEM.png);
  background-repeat: no-repeat;
  width: 200px;
  height: 150px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin-right: 10px;
}
.img_fpb_saida_4_ordem_portfolio_d {
  background-image: url(../img/portfolio/PROJ-01/FPB-SAIDA-F-4ORDEM.png);
  background-repeat: no-repeat;
  width: 200px;
  height: 149px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-right: 10px;
}

.img_fpb_entrada_1_ordem_portfolio_d {
  background-image: url(../img/portfolio/PROJ-01/FPB-ENTRADA-F-1ORDEM.png);
  background-repeat: no-repeat;
  width: 200px;
  height: 150px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin-right: 10px;
}
.img_fpb_saida_1_ordem_portfolio_d {
  background-image: url(../img/portfolio/PROJ-01/FPB-SAIDA-F-1ORDEM.png);
  background-repeat: no-repeat;
  width: 200px;
  height: 149px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-right: 10px;
}

.icone_pdf {
  background-image: url(../img/icones/PDF-LD.png);
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;

  /*margin: 0 auto;*/
}

/*----- TXT 01 -----*/
.container_txt1_proj01_portfoliod {
  display: flex;
  margin: 0px;
  padding: 0px;
  /*flex-flow: column wrap;*/
  /*gap: 3px;*/
  /*align-items: center ;*/
}
.container_filho_txt1_proj01_portfoliod {
  /*background-color: #E0E4F4; */
  border-radius: 10px 0px 0px 10px;
  margin-top: 10px;
  border: 1px solid #ff9c00;
  border-right: 0px;
  padding-top: 5px;
}
.txt1_proj01_portfoliod {
  height: 210px;
  margin-left: 10px;
  margin-right: 10px;
}

/*----- TXT 02 -----*/
.container_txt2_proj01_portfoliod {
  display: flex;
  margin: 0px;
  padding: 0px;
  /*flex-flow: column wrap;*/
  /*gap: 3px;*/
  /*align-items: center ;*/
  margin-top: -20px;
}
.container_filho_txt2_proj01_portfoliod {
  width: 50%;
  /*background-color: #E0E4F4; */
  border: 1px solid #ff9c00;
  border-radius: 10px 0px 0px 10px;
  border-right: 0px;
  padding-left: 10px;
}
.txt2_proj01_portfoliod {
  width: 50%;
  /*height:160px;*/
  /*height: 210px;*/
  margin-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  border-radius: 0px 10px 10px 0px;
  border: 1px solid #ff9c00;
  border-left: 0px;
}
/*----- TXT 03 -----*/
.container_txt3_proj01_portfoliod {
  display: flex;
  margin: 0px;
  padding: 0px;
  /*flex-flow: column wrap;*/
  /*gap: 3px;*/
  /*align-items: center ;*/
  margin-top: -20px;
}

.txt3_proj01_portfoliod {
  padding-left: 10px;
  border-radius: 0px 10px 10px 0px;
  border: 1px solid #ff9c00;
  border-left: 0px;
}

/*----- TXT 04 -----*/
.container_txt4_proj01_portfoliod {
  display: flex;
  margin: 0px;
  padding: 0px;
  /*flex-flow: column wrap;*/
  /*gap: 3px;*/
  /*align-items: center ;*/
  margin-top: -20px;
}
.container_filho_txt4_proj01_portfoliod {
  width: 98%;
  /*background-color: #E0E4F4; */
  border-radius: 10px 0px 0px 10px;
  border: 1px solid #ff9c00;
  border-right: 0px;
  padding-top: 0px;
}
.txt4_proj01_portfoliod {
  margin-left: 10px;
  margin-right: 10px;
}

/*----- TXT 05 -----*/
.container_txt5_proj01_portfoliod {
  display: flex;
  margin: 0px;
  padding: 0px;
  /*flex-flow: column wrap;*/
  /*gap: 3px;*/
  /*align-items: center ;*/
  margin-top: -20px;
}
.container_filho_txt5_proj01_portfoliod {
  /*background-color: #E0E4F4; */

  border-radius: 10px 0px 0px 10px;
  padding-left: 10px;
  border-right: 0px;
}
.img_sinal_pwm_portfolio_d {
  float: left;
  background-image: url(../img/portfolio/PROJ-01/sinal-pwm-portfolio-d.png);
  background-repeat: no-repeat;
  width: 271px;
  height: 157px;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-right: 10px;
}

/*=========================================================*/
/*================== PAG PORTFOLIO.HTML ===================*/
/*=========================================================*/

.container_proj_ab_portfolio {
  display: flex;
  /*height: 350px;*/
  justify-content: space-evenly;
  padding: 0px;
  border: 0px;
  margin-top: -20px;
  align-items: center;
}

/*----------------------------------*/
.proj_a_portfolio {
  width: 350px;
  height: 350px;
  margin-right: 2px;
  margin-left: 2px;
  margin-top: 10px;
  border-radius: 12px;
  /*border: 1px solid #ff9c00;	*/
}

.tit_proj_portfolio {
  font-size: 19px;
  text-align: center;
  margin-top: 5px;
  text-decoration: underline;
  text-decoration-color: #ff9c00;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

.proj_01_img1_portfolio {
  width: 185px;
  height: 149px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
}

.proj01_img1_portfoliod {
  float: left;
  background-image: url(../img/portfolio/PROJ-01/P01D-IMG1.png);
  background-repeat: no-repeat;
  width: 400px;
  height: 234px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-right: 10px;
  margin-left: 10px;
}
/*
.proj01_img1_portfoliod{	
	
		
	width: 800px;		
	border-radius:10px 10px 10px 10px ;
	margin: 0;
	padding: 0;		
	margin: 0 auto;
	margin-top: 8px;
	margin-right: 10px;
	margin-left: 10px;

}*/

.proj01_img2_portfoliod {
  float: right;
  background-image: url(../img/portfolio/PROJ-01/P01D-IMG2.png);
  background-repeat: no-repeat;
  width: 250px;
  height: 201px;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin-right: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.proj01_img4_portfoliod {
  float: left;
  background-image: url(../img/portfolio/PROJ-01/P01D-IMG3.png);
  background-repeat: no-repeat;
  width: 300px;
  height: 217px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-right: 10px;
  margin-left: 10px;
}

.proj01_img5_portfoliod {
  float: left;
  background-image: url(../img/portfolio/PROJ-01/P01D-IMG4b.png);
  background-repeat: no-repeat;
  width: 283px;
  height: 161px;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;

  margin-right: 10px;
}
.proj01_img6_portfoliod {
  float: left;
  background-image: url(../img/portfolio/PROJ-01/P01D-IMG5.png);
  background-repeat: no-repeat;
  width: 268px;
  height: 173px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-right: 10px;
  margin-left: 10px;
}
.proj_d_01_img6_portfolio {
  float: left;
  background-image: url(../img/portfolio/PROJ-01/P01D-IMG6.png);
  background-repeat: no-repeat;
  width: 289px;
  height: 217px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-right: 10px;
}

.proj_d_01_img12_portfolio {
  background-image: url(../img/portfolio/PROJ-01/P01D-IMG12.png);
  background-repeat: no-repeat;
  width: 280px;
  height: 41px;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-left: 0px;
}

.proj_d_01_img13_portfolio {
  background-image: url(../img/portfolio/PROJ-01/P01D-IMG13.png);
  background-repeat: no-repeat;
  width: 280px;
  height: 42px;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-left: 0px;
}
.proj_d_01_img14_portfolio {
  background-image: url(../img/portfolio/PROJ-01/P01D-IMG14.png);
  background-repeat: no-repeat;
  width: 298px;
  height: 218px;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-left: 0px;
}
.proj_d_01_img15_portfolio {
  float: left;
  background-image: url(../img/portfolio/PROJ-01/P01D-IMG15.png);
  background-repeat: no-repeat;
  width: 113px;
  height: 108px;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;

  margin-right: 10px;
}

.proj_d_01_img16_portfolio {
  float: left;
  background-image: url(../img/portfolio/PROJ-01/P01D-IMG16.png);
  background-repeat: no-repeat;
  width: 214px;
  height: 212px;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-right: 10px;
}

.proj_d_01_img17_portfolio {
  float: left;
  background-image: url(../img/portfolio/PROJ-01/P01D-IMG17.png);
  background-repeat: no-repeat;
  width: 200px;
  height: 25px;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-left: 0px;
}
.proj_d_01_img18_portfolio {
  background-image: url(../img/portfolio/PROJ-01/P01D-IMG18.png);
  background-repeat: no-repeat;
  width: 385px;
  height: 172px;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-left: 0px;
}
.proj_d_01_img19_portfolio {
  background-image: url(../img/portfolio/PROJ-01/P01D-IMG19.png);
  background-repeat: no-repeat;
  width: 301px;
  height: 48px;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-left: 0px;
}
.proj_d_01_img20_portfolio {
  background-image: url(../img/portfolio/PROJ-01/P01D-IMG20.png);
  background-repeat: no-repeat;
  width: 316px;
  height: 48px;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-left: 0px;
}
.proj_d_01_img21_portfolio {
  background-image: url(../img/portfolio/PROJ-01/P01D-IMG21.png);
  background-repeat: no-repeat;
  width: 319px;
  height: 48px;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-left: 0px;
}
.proj_d_01_img22_portfolio {
  background-image: url(../img/portfolio/PROJ-01/P01D-IMG22.png);
  background-repeat: no-repeat;
  width: 308px;
  height: 49px;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-left: 0px;
}
.proj_d_01_img23_portfolio {
  background-image: url(../img/portfolio/PROJ-01/P01D-IMG23.png);
  background-repeat: no-repeat;
  width: 302px;
  height: 42px;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-left: 0px;
}
.proj_d_01_img24_portfolio {
  background-image: url(../img/portfolio/PROJ-01/P01D-IMG24.png);
  background-repeat: no-repeat;
  width: 306px;
  height: 42px;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-left: 0px;
}

.proj_d_01_img25_portfolio {
  background-image: url(../img/portfolio/PROJ-01/P01D-IMG25.png);
  background-repeat: no-repeat;
  width: 310px;
  height: 47px;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-left: 0px;
}
.proj_d_01_img26_portfolio {
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-left: 0px;
}

.proj_d_01_img28_portfolio {
  width: 313px;
  height: 230px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
}

/*
.proj_d_01_img28_portfolio
{			
	background-image: url(../img/portfolio/PROJ-01/P01D-IMG28.png);
	background-repeat: no-repeat;	
	width: 313px;	
	height: 230px;
	border-radius:10px 10px 10px 10px ;
	margin: 0;
	padding: 0;				
}
*/
.proj_d_01_img29_portfolio {
  width: 312px;
  height: 230px;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-left: 0px;
  margin-right: 0px;
}
/*
.proj_d_01_img29_portfolio
{			
	background-image: url(../img/portfolio/PROJ-01/P01D-IMG29.png);
	background-repeat: no-repeat;	
	width: 312px;	
	height: 230px;
	border-radius:10px 10px 10px 10px ;
	border: solid 1px #77abb6;
	margin: 0;
	padding: 0;		
	margin: 0 auto;	
	margin-left: 0px;
	margin-right: 0px;	
}
*/
.proj_d_01_img30_portfolio {
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
}

.proj_d_01_img31_portfolio {
  float: left;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-left: 0px;
  margin-right: 10px;
}
/*
.proj_d_01_img31_portfolio
{
	float: right;			
	background-image: url(../img/portfolio/PROJ-01/P01D-IMG31.png);
	background-repeat: no-repeat;	
	width: 358px;	
	height: 186px;
	border-radius:10px 10px 10px 10px ;
	margin: 0;
	padding: 0;		
	margin: 0 auto;
	margin-top: 8px;
	margin-left: 10px;	
}
*/
.proj_d_01_img32_portfolio {
  float: left;
  border-radius: 10px 10px 10px 10px;
  border: solid 1px #77abb6;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
  margin-left: 0px;
  margin-right: 10px;
}

/*
.proj_d_01_img32_portfolio
{
	float: left;			
	background-image: url(../img/portfolio/PROJ-01/P01D-IMG32.png);
	background-repeat: no-repeat;	
	width: 400px;	
	height: 152px;
	border-radius:10px 10px 10px 10px ;
	border: solid 1px #77abb6;
	margin: 0;
	padding: 0;		
	margin: 0 auto;
	margin-top: 8px;
	margin-left: 0px;	
	margin-right: 10px;
}*/

.proj_02_img1_portfolio {
  background-image: url(../img/portfolio/PROJ_02_IMG1_LD.png);
  background-repeat: no-repeat;
  width: 200px;
  height: 129px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
}
.proj_03_img1_portfolio {
  /*background-image: url(../img/portfolio/PROJ-03-IMG1-LD.png);*/
  background-repeat: no-repeat;
  width: 201px;
  height: 150px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
}
.proj_04_img1_portfolio {
  background-image: url(../img/portfolio/PROJ-04-IMG1-LD.png);
  background-repeat: no-repeat;
  width: 237px;
  height: 130px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
}
.proj_05_img1_portfolio {
  background-image: url(../img/portfolio/PROJ-05-IMG1-LD.png);
  background-repeat: no-repeat;
  width: 170px;
  height: 140px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
}
.proj_06_img1_portfolio {
  background-image: url(../img/portfolio/PROJ-06-IMG1-LD.png);
  background-repeat: no-repeat;
  width: 210px;
  height: 130px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
}
.proj_07_img1_portfolio {
  background-image: url(../img/portfolio/PROJ-07-IMG1-LD.png);
  background-repeat: no-repeat;
  width: 175px;
  height: 135px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
}
.proj_08_img1_portfolio {
  /*background-image: url(../img/portfolio/PROJ-08-IMG1-LD.png);*/
  background-repeat: no-repeat;
  width: 214px;
  height: 125px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
}
.prg-8051-usb_img1_portfolio {
  background-image: url(../img/portfolio/PRG-8051-USB-LD.png);
  background-repeat: no-repeat;
  width: 200px;
  height: 128px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
}
.proj_09_img1_portfolio {
  background-image: url(../img/portfolio/PROJ-09-IMG1-LD.png);
  background-repeat: no-repeat;
  width: 200px;
  height: 128px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
}

.central_alarme_incendio_img01 {
  /*background-image: url(../img/portfolio/CENTRAL-ALARME-INCENDIO-LD.png);*/
  background-repeat: no-repeat;
  width: 275px;
  height: 149px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  /*margin-top: 8px;*/
}
.proj_11_img1_portfolio {
  /*background-image: url(../img/portfolio/PROJ-11-IMG1-LD2.png);*/
  background-repeat: no-repeat;
  width: 250px;
  height: 132px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
}
.proj_12_img1_portfolio {
  background-image: url(../img/portfolio/PROJ-12-IMG1-LD.png);
  background-repeat: no-repeat;
  width: 195px;
  height: 135px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
}
.proj_13_img1_portfolio {
  background-image: url(../img/portfolio/PROJ-13-IMG1-LD.png);
  background-repeat: no-repeat;
  width: 235px;
  height: 134px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
}
.proj_14_img1_portfolio {
  background-image: url(../img/portfolio/PROJ-14-IMG1-LD.png);
  background-repeat: no-repeat;
  width: 250px;
  height: 135px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
}
.proj_15_img1_portfolio {
  background-image: url(../img/portfolio/PROJ-15-IMG1-LD.png);
  background-repeat: no-repeat;
  width: 175px;
  height: 137px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
}
.proj_16_img1_portfolio {
  background-image: url(../img/portfolio/PROJ-16-IMG1-LD.png);
  background-repeat: no-repeat;
  width: 220px;
  height: 135px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
}
.proj_17_img1_portfolio {
  background-image: url(../img/portfolio/PROJ-17-IMG1-LD.png);
  background-repeat: no-repeat;
  width: 290px;
  height: 127px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
}
.proj_18_img1_portfolio {
  background-image: url(../img/portfolio/PROJ-18-IMG1-LD.png);
  background-repeat: no-repeat;
  width: 190px;
  height: 134px;
  border-radius: 10px 10px 10px 10px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  margin-top: 8px;
}
.txt_cham_portifolio {
  margin-top: 10px;
  margin-left: 10px;
  font-size: 14px;
}

/*====================================================================================*/
/*================== PAG DESENVOLVIMENTO-PROJETOS-ELETRONICOS.HTML ===================*/
/*====================================================================================*/

/*
.img4_des_proj_elet
{
	float: right;	
	background-image: url(../img/ARM_CORTEX.png);
	background-repeat: no-repeat;
	background-size: 200px 150px;
	width: 200px;	
	height: 150px;	
	margin-top: 50px;
	margin-right: 400px;
	padding: 0;		
	pxborder-radius:10px ;
}*/
/*====================================================================================*/
/*=========================== PAG GESTAO_TURN_KEY.HTML ===============================*/
/*====================================================================================*/

/*====================================================================================*/
/*=============================== PAG EMPRESA.HTML ===================================*/
/*====================================================================================*/
.titulo_responsivo {
  font-size: 40px;
  text-underline-offset: 10px;
  text-decoration: underline;
  text-decoration-color: #ff9c00;
  text-decoration-thickness: 2px;
}
.img_empresa {
  float: right;
  background-image: url(../img/empresa2.jpg);
  background-repeat: no-repeat;
  width: 900px;
  height: 480px;
  border-radius: 10px 0px 0px 10px;
  margin: 0;
  padding: 0;
}

.div_texto_01_empresa {
  /*float: left;*/
  width: calc(100% - 900px);
  height: 480px;
  background-color: #f0f4f8;
  padding-top: 1px;
  padding-right: 20px;
  padding-left: 20px;
}
.texto_01_empresa {
  padding-top: 5px;
  padding-left: 10px;
  border-radius: 20px;
  /*border: 1px solid #ff9c00;  	*/
  /*font-size: 14px;	*/
  opacity: 1;
  height: 470px;
}

.div_texto_02_empresa {
  float: left;
  height: 215px;
  background-color: #f0f4f8;
  color: #63636b;

  /*border: 5px solid yellow;*/
}
.texto_02_empresa {
  padding-top: 10px;
  padding-left: 20px;
  margin-top: 15px;
  margin-left: 20px;
  width: 750px;
}

.div_texto_03_empresa {
  background-color: #f0f4f8;
  color: #63636b;
  padding-top: 15px;
  height: 230px;
}

.texto_03_empresa {
  padding-top: 10px;
  padding-left: 25px;
  width: 350px;

  margin: 0 auto;
  border: 1px solid black;
}

.box_border {
  position: relative;
  background-color: #f0f4f8;
  border-radius: 10px;
  overflow: hidden;
  /*color: #303036;    */
  height: 100%;
  /*transition: box-shadow 0.2s;*/
  /*-------------------*/
  /*box-shadow: 2px 4px 20px 1px rgba(45, 45, 45, 0.13);    */
  box-shadow: 2px 4px 20px 1px rgba(45, 45, 45, 0.5);
  border-color: transparent;
}

.box_border_portfolio {
  position: relative;
  background-color: #f0f4f8;
  border-radius: 10px;
  overflow: hidden;

  /*height: 100%;*/

  /*-------------------*/
  /*box-shadow: 2px 4px 20px 1px rgba(45, 45, 45, 0.13);    */
  box-shadow: 2px 4px 20px 1px rgba(45, 45, 45, 0.5);
  border-color: transparent;
}

.box_border_portfolio:hover {
  border: solid 1px orange;
}

.li_simbolo ul,
.li_simbolo ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.li_simbolo ul li,
.li_simbolo ol li {
  position: relative;
  margin-bottom: 0.625rem;
  padding-left: 1.75rem;
}
.li_simbolo ul li::before,
.li_simbolo ol li::before {
  position: absolute;
  left: 0;
  display: inline-flex;
  color: var(--accent-color);
  line-height: var(--line-height);
  min-width: 1.25rem;
  margin-right: 0.5rem;
}
.li_simbolo ul li::before {
  content: "\e5ca";
  top: -0.125rem;
  font-family: "Material Icons";
  /*font-size: 1.125rem;*/
  /*height: calc(1rem * var(--line-height));*/
  /*min-width: 1.5rem;*/
}

/*-------------------------------------------------------*/
@media (max-width: 1330px) {
  .img_contato {
    width: 864px;
  }

  .img_empresa {
    width: 864px;
  }
  .div_texto_01_empresa {
    width: calc(100% - 864px);
  }
}
/*-------------------------------------------------------*/
@media (max-width: 1300px) {
  .img_contato {
    width: 834px;
  }
  .img_empresa {
    width: 834px;
  }
  .div_texto_01_empresa {
    width: calc(100% - 834px);
  }
}
/*-------------------------------------------------------*/
@media (max-width: 1270px) {
  /*---------------------------------------------------*/
  /*------------------- CONTATO.HTML ------------------*/
  /*---------------------------------------------------*/
  .img_contato {
    width: 804px;
  }
  /*---------------------------------------------------*/
  /*------------------- EMPRESA.HTML ------------------*/
  /*---------------------------------------------------*/
  .img_empresa {
    width: 804px;
  }
  .div_texto_01_empresa {
    width: calc(100% - 804px);
  }
}
/*-------------------------------------------------------*/
@media (max-width: 1240px) {
  .img_contato {
    width: 774px;
  }
  .img_empresa {
    width: 774px;
  }
  .div_texto_01_empresa {
    width: calc(100% - 774px);
  }
}
/*-------------------------------------------------------*/
@media (max-width: 1220px) {
  .img_contato {
    width: 754px;
  }
  .img_empresa {
    width: 754px;
  }
  .div_texto_01_empresa {
    width: calc(100% - 754px);
  }
}
/*-------------------------------------------------------*/
@media (max-width: 1200px) {
  .img_contato {
    width: 734px;
  }
  .img_empresa {
    width: 734px;
  }
  .div_texto_01_empresa {
    width: calc(100% - 734px);
  }
}
/*----------------------------------------------------------------------------------------*/
@media (max-width: 1170px) {
  /*-----------------------------------------------------------------------------------------*/
  /*------------------ portfolio-projeto-eletronico-quadricoptero.HTML ----------------------*/
  /*-----------------------------------------------------------------------------------------*/
  .df_pai1 {
    flex-flow: column wrap;
    flex-direction: column-reverse;
  }
  .df_filho2 {
    width: 460px;
    margin-left: 0px;
    margin-bottom: 10px;
  }

  .container_pai1_flexbox_portfolio_d {
    flex-flow: column wrap;
    align-items: center;
  }
  .container_pai2_flexbox_portfolio_d {
    flex-flow: column wrap;
    flex-direction: column-reverse;
    align-items: center;
  }

  .bordas_videos_responsivo {
    border: none;
  }
  .bordas_videos_responsivo_dir {
    border: none;
    width: 100%;
  }
  .divisoria {
    border-top: 1px solid orange;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 10px;
  }

  /*------------------------------------------------------*/
  /*-------------------- CONTATO.HTML --------------------*/
  /*------------------------------------------------------*/
  .img_contato {
    float: none;
    width: 900px;
    margin: 0 auto;
  }
  .div_texto_01_contato {
    width: 100%;
    height: auto;
    padding-right: 0px;
    padding-left: 0px;
  }
  .texto_01_contato {
    width: 900px;
    height: auto;
    margin: 0 auto;
    margin-top: 20px;
  }

  /*------------------------------------------------------*/
  /*-------------------- EMPRESA.HTML --------------------*/
  /*------------------------------------------------------*/
  /*-------- (TEXTO_01_EMPRESA) NA PARTE DE BAIXO --------*/
  .img_empresa {
    float: none;
    width: 900px;
    margin: 0 auto;
    border-radius: 10px;
  }
  .div_texto_01_empresa {
    float: none;
    width: 100%;
    height: auto;
    padding-right: 0px;
    padding-left: 0px;
  }
  .texto_01_empresa {
    width: 900px;
    height: auto;
    margin: 0 auto;
    margin-top: 20px;
  }
  /*-------- (TEXTO_02_EMPRESA) NA PARTE DE BAIXO CENTRALIZADO --------*/
  .div_texto_02_empresa {
    float: none;
    width: 100%;
    height: auto;
    padding-right: 0px;
    padding-left: 0px;
  }
  .texto_02_empresa {
    width: 900px;
    height: auto;
    margin: 0 auto;
    margin-top: 20px;
  }

  /*-------- (TEXTO_03_EMPRESA) NA PARTE DE BAIXO A ESQUERDA --------*/
  .div_texto_03_empresa {
    width: 100%;
  }
  .texto_03_empresa {
    margin: 0 auto;
  }
  /*------------------------------------------------------*/
  /*--------------------- MENU TOPO ----------------------*/
  /*------------------------------------------------------*/
  /*------- DESLOCA BOTOES MAIS P/ O CENTRO -----*/
  .div_menu {
    padding-left: 0px;
  }
}

@media (max-width: 1100px) {
  /*---------- PAG PORTFOLIO ----------*/
  .proj_a_portfolio {
    height: 380px;
  }

  /*---------------------- BOTOES DO MENU (EMPURRA LOGO ESQUERDA) ---------------------------------*/
  /*------- DESLOCA BOTOES MAIS P/ O CENTRO -----*/
  .div_menu {
    padding-left: 5px;
  }

  /*-------- (DESLOCA LOGOTIPO) DAR ESPACO BOTOES --------*/
  .df_menu_sup_logo {
    width: 30%;
  }
  .df_menu_sup_botoes {
    width: 70%;
  }
}

/*----------------------------------------------------------------*/
@media (max-width: 1105px) {
  /*--------------- FONT-SIZE TXT1 --------------------*/
  .txt1_proj01_portfoliod {
    font-size: 15px;
  }
  /*--------------- FONT-SIZE TXT2 --------------------*/
  .txt2_proj01_portfoliod {
    font-size: 15px;
  }
  /*--------------- FONT-SIZE TXT2B --------------------*/
  .container_filho_txt2_proj01_portfoliod {
    font-size: 15px;
  }
  /*--------------- FONT-SIZE TXT4 (MOTORES BRUSHLESS) --------------------*/
  .txt4_proj01_portfoliod {
    font-size: 15px;
  }
  /*--------------- FONT-SIZE placa eletronica de controle do quadricoptero --------------------*/
  .txt_dir_portfolio_d {
    font-size: 15px;
  }

  .txt_esq_portfolio_d {
    font-size: 15px;
  }

  /*--------------- diminui imagem  (BATERIA) --------------------*/
  .proj01_img6_portfoliod {
    /*width: 268px;		original*/
    width: 210px;
    margin-right: 5px;
    margin-left: 5px;
  }

  .container_filho_txt_dir_portfolio_d {
    font-size: 15px;
  }
}

/*-------------------------------------------------------*/
/*-------------------- DESLOCA LOGO ---------------------*/
/*-------------------------------------------------------*/
@media (max-width: 1050px) {
  /*--------------- FONT-SIZE TXT4 --------------------*/
  .txt4_proj01_portfoliod {
    font-size: 15px;
  }
}

@media (max-width: 1015px) {
  /*---------- Diminui largura imagem MOTORES BRUSHLESS ----------*/
  .proj01_img4_portfoliod {
    width: 290px;
    margin-right: 5px;
    margin-left: 5px;
  }
}

@media (max-width: 1000px) {
  /*---------------------------------------------*/
  /*------------- PORTFOLIO.HTML ----------------*/
  /*---------------------------------------------*/
  .txt1_portfolio {
    font-size: 14px;
  }

  /*----------------------------------------------*/
  /*--------- FONT SIZE (TXT2_MONT_PCI) ----------*/
  /*----------------------------------------------*/
  .titulo_responsivo {
    /*font-size: 30px;*/
    text-underline-offset: 8px;
  }
}

@media (max-width: 985px) {
  /*-------------------------------------------------------------*/
  /*---------------- REDIMENSIONA MENU SUPERIOR -----------------*/
  /*-------------------------------------------------------------*/
  /*-------- (DESLOCA LOGOTIPO) DAR ESPACO BOTOES --------*/
  .logo {
    margin-left: 0px;
  }
  /*------- DIMINUI TAMANHO BOTOES -----*/
  .df_menu_sup_botoes li button {
    padding: 4px 4px;
  }
  /*------- Diminui CHIP do botão -----*/
  .chip_botao {
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    margin-right: 3px;
    margin-left: 3px;
  }

  /*----- Fixa tamanho Flex box ao tamanho da logo -----*/
  .df_menu_sup_logo {
    width: 300px;
  }
  /*.df_menu_sup_botoes
	{
		width: 100%-300px;
	}*/

  /*---------- Diminui largura imagem BANCA AVALIAÇÃO ----------*/
  .img_banca_avaliacao_portfolio_d {
    width: 370px;
  }

  /*---------- Diminui fonte texto PRIMEIRA ESTRUTURA DO QUADICOPTERO ----------*/
  .txt3_proj01_portfoliod {
    font-size: 15px;
  }
}

@media (max-width: 955px) {
  /*---------- Diminui largura imagem BANCA AVALIAÇÃO ----------*/
  .img_banca_avaliacao_portfolio_d {
    width: 335px;
  }
}

@media (max-width: 928px) {
  /*------------------------------*/
  /*------- PORTFOLIO.HTML -------*/
  /*------------------------------*/
  .tit_proj_portfolio {
    font-size: 16px;
  }
}

/*------------------------------------------------------------------------*/
@media (max-width: 920px) {
  /*------------------------------------------------------------------*/
  /*------------------- TXT1/IMG1 (QUADRICOPTERO) --------------------*/
  /*------------------------------------------------------------------*/
  /*---------- DERRUBA FLEX-BOX TEXTO/IMG1 (QUADRICOPTERO) ----------*/
  .container_txt1_proj01_portfoliod {
    flex-flow: column wrap;
  }

  /*----- HEIGHT AUTO E FONTE SIZE TAMANHO ORIGINAL NOVAMENTE*/
  .txt1_proj01_portfoliod {
    /*font-size: 16px;*/
    height: auto;
  }
  .container_filho_txt1_proj01_portfoliod {
    border: 1px solid #ff9c00;
    border-radius: 10px 10px 10px 10px;
    margin-right: 2px;
    margin-left: 2px;
    margin-top: 3px;
  }
  /*------------------------------------------------------------------*/
  /*------- TXT2/TXT3 (CONSID INICIAIS/ (OBJETIVOS DO PROJETO) -------*/
  /*------------------------------------------------------------------*/
  /*---------- DERRUBA FLEX-BOX TEXTO/IMG1 (QUADRICOPTERO) ----------*/
  .container_txt2_proj01_portfoliod {
    flex-flow: column wrap;
    flex-direction: column-reverse;
  }
  /*----- HEIGHT AUTO E FONTE SIZE TAMANHO ORIGINAL NOVAMENTE*/
  .txt2_proj01_portfoliod {
    width: auto;
    /*font-size: 16px;*/
    height: auto;
    margin-right: 2px;
    margin-left: 2px;
    border: 1px solid #ff9c00;
    border-radius: 10px 10px 10px 10px;
  }
  .container_filho_txt2_proj01_portfoliod {
    /*font-size: 16px;*/
    margin-bottom: 10px;
    width: auto;
    border: 1px solid #ff9c00;
    border-radius: 10px 10px 10px 10px;
    margin-right: 2px;
    margin-left: 2px;
  }

  /*------------------------------------------------------------------*/
  /*---------------- TXT4/IMG (BANCA DE AVALIAÇÃO) -------------------*/
  /*------------------------------------------------------------------*/
  /*---------- DERRUBA FLEX-BOX TEXTO/IMG1 (QUADRICOPTERO) ----------*/
  .container_txt4_proj01_portfoliod {
    flex-flow: column wrap;
  }

  .img_banca_avaliacao_portfolio_d {
    width: 400px;
  }
  .container_filho_txt4_proj01_portfoliod {
    margin-bottom: 10px;
    width: auto;
    border: 1px solid #ff9c00;
    border-radius: 10px 10px 10px 10px;
    margin-right: 2px;
    margin-left: 2px;
    margin-top: 3px;
  }
  /*------------------------------------------------------------------*/
  /*-------------- PRIMEIRA ESTRUTURA DO QUADRICOPTERO ---------------*/
  /*------------------------------------------------------------------*/
  .container_txt3_proj01_portfoliod {
    flex-flow: column wrap;
    flex-direction: column-reverse;
    margin-top: -30px;
  }

  .proj01_img2_portfoliod {
    float: none;
    margin: 0 auto;
  }
  .txt3_proj01_portfoliod {
    margin-top: 3px;
    /*font-size: 16px;	*/
  }

  /*------------------------------------------------------------------*/
  /*------------------------------ PWM -------------------------------*/
  /*------------------------------------------------------------------*/
  .container_txt5_proj01_portfoliod {
    flex-flow: column wrap;
    flex-direction: column-reverse;
    margin-top: -30px;
  }

  .img_sinal_pwm_portfolio_d {
    float: none;
    margin: 0 auto;
  }

  .txt3_proj01_portfoliod {
    margin-top: 3px;
    /*font-size: 16px;	*/
    border: 1px solid #ff9c00;
    border-radius: 10px 10px 10px 10px;
    margin-left: 2px;
    margin-right: 2px;
  }
  /*------------------------------------------------------------------*/
  /*----------------------------- ESCs -------------------------------*/
  /*------------------------------------------------------------------*/
  .container_txt_dir_portfolio_d {
    flex-flow: column wrap;
  }
  .proj01_img5_portfoliod {
    float: none;
    margin: 0 auto;
  }
  .container_filho_txt_dir_portfolio_d {
    margin-top: 3px;
    /*font-size: 16px;*/
    border: 1px solid #ff9c00;
    border-radius: 10px 10px 10px 10px;
    margin-left: 2px;
    margin-right: 2px;
  }
  /*------------------------------------------------------------------*/
  /*--------------------------- BATERIA ------------------------------*/
  /*------------------------------------------------------------------*/
  .container_txt_esq_portfolio_d {
    flex-flow: column wrap;
    flex-direction: column-reverse;
  }
  .proj01_img6_portfoliod {
    float: none;
    margin: 0 auto;
    width: 268px;
  }
  .txt_esq_portfolio_d {
    margin-top: 3px;
    /*font-size: 16px;*/
    border: 1px solid #ff9c00;
    border-radius: 10px 10px 10px 10px;
    margin-left: 2px;
    margin-right: 2px;
  }

  /*------------------------------------------------------------------*/
  /*----------------------- PLACA CONTROLADORA -----------------------*/
  /*------------------------------------------------------------------*/
  .proj_d_01_img6_portfolio {
    float: none;
    margin: 0 auto;
  }
  /*------------------------------------------------------------------*/
  /*--------------------------- ESQUEMATICO --------------------------*/
  /*------------------------------------------------------------------*/
  .img_esquematico_quadricoptero_portfolio_d {
    width: 400px;
    height: 269px;
    float: none;
    margin: 0 auto;
  }
  /*------------------------------------------------------------------*/
  /*----------------------------- GERBERS ----------------------------*/
  /*------------------------------------------------------------------*/
  .img_board_quadricoptero_portfolio_d {
    float: none;
    margin: 0 auto;
  }
  /*------------------------------------------------------------------*/
  /*--------------------------- ARM CORTEX ---------------------------*/
  /*------------------------------------------------------------------*/
  .img_arquitetura_arm_portfolio_d {
    float: none;
    margin: 0 auto;
  }
  /*------------------------------------------------------------------*/
  /*------------------------- RADIO CONTROLE -------------------------*/
  /*------------------------------------------------------------------*/
  .img_radio_controle_portfolio_d {
    float: none;
    margin: 0 auto;
  }

  /*------------------------------------------------------------------*/
  /*------------------- CONTROLE EM MALHA FECHADA --------------------*/
  /*------------------------------------------------------------------*/
  .container_full_portfolio_d {
    font-size: 15px;
  }
  .img_pd_teorico_portfolio_d {
    float: none;
    margin: 0 auto;
  }
  /*------------------------------------------------------------------*/
  /*--------------------- VIDEO CONTROLADOR PD -----------------------*/
  /*------------------------------------------------------------------*/
  .container_pai_flexbox_portfolio_d {
    flex-flow: column wrap;
  }

  .video_pd_control {
    border-radius: 15px 15px 15px 15px;
    width: 450px;
    height: 253px;
    margin-bottom: 3px;
  }

  /*------------------------------------------------------------------*/
  /*----------------------- FILTRO DE KALMAN -------------------------*/
  /*------------------------------------------------------------------*/
  .img_filto_kalman_graf_portfolio_d {
    background-size: contain;

    width: 360px;
    height: 269px;
  }
}

/*--------------------- QUANDO CEL MENOR QUE 900px da IMAGEM fixa width da img em 100%----------------------------------*/
@media (max-width: 900px) {
  /*------------------------------------------------------*/
  /*------------------- PORTFOLIO.HTML -------------------*/
  /*------------------------------------------------------*/
  .central_alarme_incendio_img01 {
    width: 250px;
  }

  /*------------------------------------------------------*/
  /*-------------------- TURNKEY.HTML --------------------*/
  /*------------------------------------------------------*/
  .txt1_turnkey {
    font-size: 14.4px;
  }
  /*------------------------------------------------------*/
  /*-------------------- CONTATO.HTML --------------------*/
  /*------------------------------------------------------*/
  .img_contato {
    float: none;
    background-size: 800px 400px;
    width: 800px;
    height: 400px;
    margin: 0 auto;
  }
  .texto_01_contato {
    width: 800px;
  }
  .img_contato h1 {
    font-size: 40px;
  }

  /*------------------------------------------------------*/
  /*-------------------- EMPRESA.HTML --------------------*/
  /*------------------------------------------------------*/
  .img_empresa {
    float: none;
    background-size: 800px 400px;
    width: 800px;
    height: 400px;
    margin: 0 auto;
  }
  .texto_01_empresa {
    width: 800px;
  }
  .texto_02_empresa {
    width: 800px;
  }
}

@media (max-width: 890px) {
  /*---------- PAG PORTFOLIO ----------*/
  .proj_a_portfolio {
    height: 400px;
  }

  /*--------------- FONT SIZE (TXT3_MONT_PCI) ---------------*/
  /*.txt3_mont_pci
	{		
		font-size: 15px;		
	}*/
}

/*-------------------------------------------------------------*/
@media (max-width: 866px) {
  /*----- Fixa tamanho Flex box ao tamanho da logo -----*/
  .logo {
    width: 250px;
    margin-top: 0px;
  }
  .df_menu_sup_logo {
    width: 250px;
  }
  /*.df_menu_sup_botoes
	{
		width: 100%-250px;
	}*/
}

@media (max-width: 810px) {
  /*------------------------------------------------------*/
  /*------------------- PORTFOLIO.HTML -------------------*/
  /*------------------------------------------------------*/
  .central_alarme_incendio_img01 {
    width: 230px;
  }
}

/*-------------------------------------------------------------*/
@media (max-width: 830px) {
  /*------------------------------------------------------*/
  /*-------------------- CONTATO.HTML --------------------*/
  /*------------------------------------------------------*/
  .img_contato {
    float: none;
    background-size: 700px 350px;
    width: 700px;
    height: 350px;
    margin: 0 auto;
  }
  .texto_01_contato {
    width: 700px;
  }
  .img_contato h1 {
    font-size: 35px;
  }
  /*------------------------------------------------------*/
  /*-------------------- EMPRESA.HTML --------------------*/
  /*------------------------------------------------------*/
  .img_empresa {
    float: none;
    background-size: 700px 350px;
    width: 700px;
    height: 350px;
    margin: 0 auto;
  }
  .texto_01_empresa {
    width: 700px;
  }
  .texto_02_empresa {
    width: 700px;
  }
}

/*---------- AJUSTA CONTAINER TXT1 (DEPOIS DA QUEDA) ----------*/
@media (max-width: 790px) {
  /*.txt1_mont_pci
	{	
		height: 470px;		
	}*/
}
/*-------------------------------------------------------------*/
@media (max-width: 780px) {
  .titulo_responsivo {
    /*font-size: 25px;*/
    text-underline-offset: 6px;
    text-decoration-thickness: 1px;
  }

  /*------------------------------------------------------*/
  /*------------------- PORTFOLIO.HTML -------------------*/
  /*------------------------------------------------------*/
  .intro_txt1_portfolio {
    margin-top: 10px;
  }
  .intro_txt2_portfolio {
    margin-top: 10px;
  }
  .intro_txt3_portfolio {
    margin-top: 10px;
  }
}

@media (max-width: 769px) {
  /*--------------------------------------------------*/
  /*------- Diminui espaçamento entre botoes ---------*/
  /*--------------------------------------------------*/
  .botoes_menu > li {
    margin: 0;
    margin-left: 10px;
  }

  /*--------------------------------------------------*/
  /*--------------- PAG QUADRICOPTERO ----------------*/
  /*--------------------------------------------------*/
  .img_filto_kalman_graf_portfolio_d {
    float: none;

    margin: 0 auto;
    margin: 1px solid black;
  }
}

@media (max-width: 760px) {
  /*---------- PAG PORTFOLIO ----------*/
  .proj_a_portfolio {
    height: 430px;
  }
}
/*-------------------------------------------------------------*/
@media (max-width: 736px) {
  /*------------------------------------------------------*/
  /*------------------- PORTFOLIO.HTML -------------------*/
  /*------------------------------------------------------*/
  .central_alarme_incendio_img01 {
    width: 210px;
  }
  /*------------------------------------------------------*/
  /*------------------------------------------------------*/
  /*------------------------------------------------------*/
  .txt1_turnkey {
    height: 480px;
  }
}
/*---------- AJUSTA CONTAINER TXT1 (DEPOIS DA QUEDA) ----------*/
@media (max-width: 720px) {
  /*.txt1_mont_pci
	{	
		height: 500px;		
	}*/
}

/*-------------------------------------------------------------*/
@media (max-width: 800px) {
  /*------- DIMINUI TAMANHO BOTOES -----*/
  .df_menu_sup_botoes li button {
    padding: 2px 0px;
  }
}

/*-------------------------------------------------------------*/
@media (max-width: 735px) {
  /*------------------------------*/
  /*------- PORTFOLIO.HTML -------*/
  /*------------------------------*/
  .tit_proj_portfolio {
    font-size: 14px;
  }

  /*--------------------------------------------------*/
  /*------- Diminui espaçamento entre botoes do menu ---------*/
  /*--------------------------------------------------*/
  .botoes_menu > li {
    margin: 0;
    margin-left: 3px;
  }
}
/*-------------------------------------------------------------*/
/*@media (max-width: 728px) {
  .txt3_turnkey {
    height: 520px;
  }
}*/

/*-------------------------------------------------------------*/
@media (max-width: 700px) {
  /*-----------------------------------------------------------------------------------------*/
  /*------------------ portfolio-projeto-eletronico-quadricoptero.HTML ----------------------*/
  /*-----------------------------------------------------------------------------------------*/
  .df_pai11 {
    flex-flow: column wrap;
    flex-direction: column-reverse;
  }
  .proj_d_01_img30_portfolio {
    margin-left: -10px;
  }

  .df_pai12 {
    flex-flow: column wrap;
    flex-direction: column-reverse;
  }
  .proj_d_01_img32_portfolio {
    margin-left: -10px;
  }

  .df_pai13 {
    flex-flow: column wrap;
    flex-direction: column-reverse;
  }
  .proj_d_01_img31_portfolio {
    margin-left: -10px;
  }
  .df_pai14 {
    flex-flow: column wrap;
    flex-direction: column-reverse;
  }
  .imgs_linearizacao_motores {
    margin-right: 25px;
  }

  .proj_d_01_img28_portfolio {
    margin-left: -10px;
  }

  /*-----------------------------------------------------------------------------------------*/
  /*-----------------------------------------------------------------------------------------*/
  /*-----------------------------------------------------------------------------------------*/
  .slider_text {
    font-size: 20px;
  }
  .slider_text2 {
    font-size: 20px;
  }

  .box_border_servicos {
    width: 100%;
  }

  /*---------------------------------------------*/
  /*---------- DESENV_PROJ_ELET.HTML ------------*/
  /*---------------------------------------------*/
  /*-------------- TXT/IMG 2 --------------*/
  /*.txt2_des_proj_elet
	{	
		height: 570px;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 10px;
	}*/
  /*-------------- IMG 4 --------------*/
  /*.img4_des_proj_elet
	{	
		background-size: 580px 368px;
		width: 580px;	
		height: 368px;
		margin: 0;
	}*/

  /*------------------------------------------------------*/
  /*-------------------- CONTATO.HTML --------------------*/
  /*------------------------------------------------------*/
  .img_contato {
    float: none;
    background-size: 600px 300px;
    width: 600px;
    height: 300px;
    margin: 0 auto;
  }
  .texto_01_contato {
    width: 600px;
  }
  .img_contato h1 {
    font-size: 33px;
  }
  /*------------------------------------------------------*/
  /*-------------------- EMPRESA.HTML --------------------*/
  /*------------------------------------------------------*/
  .img_empresa {
    float: none;
    background-size: 600px 300px;
    width: 600px;
    height: 300px;
    margin: 0 auto;
  }
  .texto_01_empresa {
    width: 600px;
  }
  .texto_02_empresa {
    width: 600px;
  }
}

@media (max-width: 650px) {
  /*------------------------------------------------------*/
  /*------------------- PORTFOLIO.HTML -------------------*/
  /*------------------------------------------------------*/
  .central_alarme_incendio_img01 {
    width: 282px;
  }

  .container_proj_ab_portfolio {
    flex-flow: column wrap;
  }

  .tit_proj_portfolio {
    font-size: 19px;
  }

  .proj_a_portfolio {
    height: 350px;
  }
}

/*-------------------------------------------------------------*/
@media (max-width: 676px) {
  .df_menu_sup_pai {
    flex-flow: column wrap;
  }
  .df_menu_sup_botoes {
    width: 100%;
    text-align: center;
    margin-top: -10px;
  }
  .df_menu_sup_logo {
    width: 100%;
    text-align: center;
    margin-top: 5px;
  }
  /*------- Espaçamento entre botoes ---------*/
  .botoes_menu > li:not(:first-child) {
    margin-left: 15px;
  }
}

/*-------------------------------------------------------------*/
@media (max-width: 661px) {
  .txt1_turnkey {
    height: 520px;
  }
}
/*-------------------------------------------------------------*/
@media (max-width: 645px) {
  /*.txt3_turnkey {
    height: 570px;
  }*/
}

/*-------------------------------------------------------------*/
@media (max-width: 621px) {
  .txt1_turnkey {
    height: 580px;
  }
}

/*-------------------------------------------------------------------------------------*/
@media (max-width: 600px) {
  /*---------------------------------------------*/
  /*------------ quadricoptero.HTML ------------*/
  /*---------------------------------------------*/
  .proj_d_01_img30_portfolio {
    width: 380px;
  }

  /*---------------------------------------------*/
  /*---------- DESENV_PROJ_ELET.HTML ------------*/
  /*---------------------------------------------*/
  /*-------------- TXT/IMG 3 --------------*/
  .txt3_des_proj_elet {
    height: 340px;
  }

  /*-------------- IMG 4 --------------*/
  /*.img4_des_proj_elet
	{	
		background-size: 480px 304px;
		width: 480px;	
		height: 304px;
		margin: 0;
	}
	.txt4_des_proj_elet
	{			
		height: 340px;
	}*/

  /*------------------------------------------------------*/
  /*-------------------- CONTATO.HTML --------------------*/
  /*------------------------------------------------------*/
  .img_contato {
    float: none;
    background-size: 500px 250px;
    width: 500px;
    height: 250px;
    margin: 0 auto;
  }
  .texto_01_contato {
    width: 500px;
  }
  /*------------------------------------------------------*/
  /*-------------------- EMPRESA.HTML --------------------*/
  /*------------------------------------------------------*/
  .img_empresa {
    float: none;
    background-size: 500px 250px;
    width: 500px;
    height: 250px;
    margin: 0 auto;
  }
  .texto_01_empresa {
    width: 500px;
  }
  .texto_02_empresa {
    width: 500px;
  }
}

/*-----------------------------------------------------------------------*/
@media (max-width: 598px) {
  .txt2_turnkey {
    height: 360px;
  }
}
/*----------------------------------------------------*/
@media (max-width: 575px) {
  .slider_text {
    font-size: 15px;
  }
  .slider_text2 {
    font-size: 15px;
  }
}
/*-------------------------------------------------*/
@media (max-width: 520px) {
  .txt2_turnkey {
    height: 400px;
  }

  .proj_d_01_img26_portfolio {
    width: 380px;
    height: 107px;
  }

  /*----------------------------------------------------------------------------*/
  /*------------- portfolio-projeto-eletronico-quadricoptero.html --------------*/
  /*----------------------------------------------------------------------------*/
  .proj_d_01_img16_portfolio {
    float: none;
    margin: 0 auto;
  }
}

@media (max-width: 512px) {
  /*------- Espaçamento entre botoes ---------*/
  .botoes_menu > li {
    margin-left: 15px;
  }

  .txt1_turnkey {
    height: 620px;
  }
}

/*-----------------------------------------------------------------------------------*/
@media (max-width: 500px) {
  /*------------------------------------------------------------*/
  /*---------- PORTFOLIO-PROJETO-QUADRICOPTERO.HTML ------------*/
  /*------------------------------------------------------------*/
  .videos_iframe {
    border-radius: 10px 10px 10px 10px;
    width: 360px;
    height: 202px;
  }

  .botoes_menu > li a {
    font-size: 14px;
  }

  .btn.btn-with-icon.ripple.dropdown-toggle {
    font-size: 14px;
  }

  /*------------------------------------------------------*/
  /*-------------------- CONTATO.HTML --------------------*/
  /*------------------------------------------------------*/
  .img_contato {
    float: none;
    background-size: 400px 200px;
    width: 400px;
    height: 200px;
    margin: 0 auto;
  }
  .texto_01_contato {
    width: 400px;
  }
  /*------------------------------------------------------*/
  /*-------------------- EMPRESA.HTML --------------------*/
  /*------------------------------------------------------*/
  .img_empresa {
    float: none;
    background-size: 400px 200px;
    width: 400px;
    height: 200px;
    margin: 0 auto;
  }
  .texto_01_empresa {
    width: 400px;
  }
  .texto_02_empresa {
    width: 400px;
  }
}

/*---------- AJUSTA CONTAINER  (DEPOIS DA QUEDA) ----------*/
@media (max-width: 492px) {
  /*----------------------------------------------------------------------------*/
  /*------------- portfolio-projeto-eletronico-quadricoptero.html --------------*/
  /*----------------------------------------------------------------------------*/
  .video_pd_control {
    border-radius: 15px 15px 15px 15px;
    width: 380px;
    height: 213px;
    margin-bottom: 3px;
  }

  .img_pd_teorico_portfolio_d {
    width: 380px;
    height: 190px;
    background-size: contain;
  }
}
/*-------------------------------------------------------------*/
@media (max-width: 487px) {
  .df_filho2 {
    width: 400px;
    margin-left: 0px;
    margin-bottom: 10px;
  }

  .botoes_menu > li:not(:first-child) {
    margin-left: 2px;
  }

  /*.txt3_turnkey {
    height: 640px;
  }*/
}

/*-----------------------------------------------------------------*/
@media (max-width: 480px) {
  /*------- Espaçamento entre botoes ---------*/
  .botoes_menu > li {
    margin-left: 10px;
  }
}

@media (max-width: 464px) {
  /*------- Espaçamento entre botoes ---------*/
  .botoes_menu > li {
    margin-left: 3px;
  }
  /*---------- AJUSTA CONTAINER  (DEPOIS DA QUEDA) ----------*/
  .txt1_turnkey {
    height: 680px;
  }
}

/*--------------------------------------------------*/
@media (max-width: 450px) {
  /*---------------------------------------------*/
  /*---------- DESENV_PROJ_ELET.HTML ------------*/
  /*---------------------------------------------*/
  /*---------- TXT/IMG 2 ----------*/
  .txt2_des_proj_elet {
    height: 670px;
  }

  /*---------- TXT/IMG 4 ----------*/
  /*.img4_des_proj_elet
	{	
		background-size: 400px 254px ;
		width: 400px;
		height: 254px;					
		
	}
	.txt4_des_proj_elet
	{			
		height: 410px;		
	}*/

  /*------------------------- DIMINUI ESPACO ENTRE BOTOES ----------------------------*/
  .menu li {
    list-style: none;
    display: inline-block;
    padding: 5px 5px;
    /*border:1px solid red;	*/
  }
}

@media (max-width: 434px) {
  /*-------------------------------------------------------------*/
  .df_menu_sup_botoes {
    text-align: right;
    padding-right: 3px;
  }

  /*-------------------------------------------------------------*/
  /*------------------- PAG quadricoptero.html ------------------*/
  /*-------------------------------------------------------------*/
  .df_filho2 {
    width: 380px;
    margin-left: 0px;
    margin-bottom: 10px;
  }

  .proj01_img1_portfoliod {
    width: 380px;
    height: 222px;

    margin-right: 0px;
    margin-left: 0px;
  }

  /*---------- AJUSTA CONTAINER  (DEPOIS DA QUEDA) ----------*/
  .txt1_turnkey {
    height: 720px;
  }
  .txt2_turnkey {
    height: 460px;
  }
}

/*---------- AJUSTA CONTAINER TXT1 (DEPOIS DA QUEDA) ----------*/
@media (max-width: 416px) {
  /*.txt3_turnkey {
    height: 700px;
  }*/
}

/*--------------------------------------------------*/
@media (max-width: 430px) {
  /*------------------------- DIMINUI ESPACO ENTRE BOTOES ----------------------------*/
  .menu li {
    list-style: none;
    display: inline-block;
    padding: 3px 3px;
    /*border:1px solid red;	*/
  }
}

/*---------- AJUSTA CONTAINER TXT2_MONT_PCI (DEPOIS DA QUEDA) ----------*/
@media (max-width: 402px) {
  .txt1_turnkey {
    height: 760px;
  }
}

/*--------------------------------------------------*/
@media (max-width: 390px) {
  /*.txt3_turnkey {
    height: 750px;
  }*/
}
/*--------------------------------------------------*/
@media (max-width: 381px) {
  /*---------------------------------------------*/
  /*---------- DESENV_PROJ_ELET.HTML ------------*/
  /*---------------------------------------------*/
  /*---------- TXT/IMG 1 ----------*/
  .txt1_des_proj_elet {
    height: 645px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 10px;
  }
}

/*--------------------------------------------------*/
@media (max-width: 370px) {
  /*.txt3_turnkey {
    height: 790px;
  }*/
}