/*COMPUTADOR*/

.barra-menu, .barra-menu-alta, .menu { left: 0; margin-left: 0; position: relative; }

.barra-menu, .barra-menu-alta { width: 100%; height: 5.2vw }

.barra-menu { margin-top: 0 }

.barra-menu-alta { margin-top: 0; }

.menu
{ padding-top: 1.15vw; padding-left: 1.5vw; padding-right: 1.5vw; height: 3.95vw; background-color: #11719b; list-style: none; display: flex; 
  flex-direction: row; flex-wrap: wrap; justify-content: space-between; }

.menu li.sexualidade-clinica ul, .menu li.sexualidade-clinica-ativo ul, .menu li.cursos ul, .menu li.cursos-ativo ul { display: none; }

.menu li.sexualidade-clinica:hover > ul, .menu li.sexualidade-clinica-ativo:hover > ul, .menu li.cursos:hover > ul, .menu li.cursos-ativo:hover > ul
{ display: block; }

.menu li, .menu li:hover, .menu li.ativo, .menu li.ativo:hover, .menu li:hover a, .menu li a, .menu li.ativo a 
{ font-family: Arial; font-size: 1.6vw; letter-spacing: 0.07vw; text-align: center; }

.menu li, .menu li.ativo, .menu li:hover a, .menu li a, .menu li.ativo a:hover, .menu li.ativo:hover a { text-decoration: none; }

.menu li, .menu li:hover, .menu li.ativo
{ width: auto; height: 2vw; position: relative; display: inline-block; text-align: center; padding: 0.5vw 0.5vw 0.5vw 0.5vw; }

.menu li, .menu li a, .menu li.ativo a { color: #fff; }

.menu li { text-align: center; text-decoration: none; }

.menu li:hover, .menu li.ativo, sexualidade-clinica:hover, .cursos:hover, .sexualidade-clinica-ativo, .cursos-ativo { background-color: rgb(176, 22, 110); }

.menu li.ativo:hover, .sexualidade-clinica-ativo:hover, .cursos-ativo:hover { background-color: Transparent  }

/*SUBMENU*/
.menu li.sexualidade-clinica ul, .menu li.sexualidade-clinica-ativo ul 
{ width: 33vw; float: left; margin-left: 0; margin-top: 5px; height: 8.1vw; z-index:99999999; position: absolute; display: none; text-align: left;
  background-color: rgb(43, 151, 198); }

.menu li.sexualidade-clinica ul li, .menu li.sexualidade-clinica ul li:hover, .menu li.sexualidade-clinica-ativo ul li, 
.menu li.sexualidade-clinica-ativo ul li:hover
{ padding: 1vw 0 1vw 0; width: 100%; white-space: nowrap; height: 2vw; border-bottom-radius: 40px; border-bottom: 2px solid #136f97; text-align: left; 
  background-color: Transparent }

.menu li.sexualidade-clinica ul li:hover, .menu li.sexualidade-clinica-ativo:hover { background-color: Transparent }

.menu li.sexualidade-clinica ul li a, .menu li.sexualidade-clinica-ativo ul li a 
{ padding: 0 0 0 0.5vw; text-align: left; font-family: Arial; font-size: 1.4vw; color: rgb(255,255,255); }

.menu li.sexualidade-clinica ul li a, .menu li.sexualidade-clinica-ativo ul li a.ativo:hover, .menu li.sexualidade-clinica-ativo ul li a 
{ text-decoration: none }

.menu li.sexualidade-clinica ul li a:hover, .menu li.sexualidade-clinica-ativo ul li a.ativo, .menu li.sexualidade-clinica-ativo ul li a:hover
{ text-decoration: underline; }

/*SUBMENU CURSOS*/
.menu li.cursos ul, .menu li.cursos-ativo ul 
{ width: 33vw; float: left; margin-left: 0; margin-top: 5px; height: auto; z-index: 9999999;  position: absolute; display: none; text-align: left; 
  background-color: rgb(43, 151, 198); }

.menu li.cursos ul li, .menu li ul.cursos li:hover, .menu li.cursos-ativo ul li, .menu li ul.cursos-ativo li:hover
{ padding: 1vw 0 1vw 0; width: 100%; white-space: nowrap; height: 2vw; border-bottom-radius: 40px; border-bottom: 2px solid #136f97; text-align: left; 
  background-color: Transparent }

.menu li.cursos ul li:hover, .menu li.cursos-ativo:hover { background-color: Transparent }

.menu li.cursos ul li a, .menu li.cursos-ativo ul li a 
{ padding: 0 0 0 0.5vw; text-align: left; font-family: Arial; font-size: 1.4vw; color: rgb(255,255,255); }

.menu li.cursos ul li a, .menu li.cursos-ativo ul li a.ativo:hover, .menu li.cursos-ativo ul li a { text-decoration: none }

.menu li.cursos ul li a:hover, .menu li.cursos-ativo ul li a.ativo, .menu li.cursos-ativo ul li a:hover { text-decoration: underline; }


/*MÍDIA MÓVEL*/

/*CELULAR EM PÉ*/
@media only screen and (max-device-width : 500px), handheld
{
.barra-menu-alta { display: none }

/*MENU HAMBURGUER*/
.menu-midia-movel { top: -18vw; height: 52px; z-index: 999999999999999999999999; display: block; width: 100%; position: relative; }

.menu-midia-movel .menu-faketrigger, .menu-midia-movel .linhas-menu { left: 100%; margin-left: -35px; position: absolute; width: 35px; height: 35px; }

.menu-midia-movel .menu-faketrigger { z-index: 1000; width: 35px; height: 35px; opacity: 0; cursor: pointer; }

.menu-midia-movel .linhas-menu { z-index: 999; }

.menu-midia-movel .linhas-menu span 
{ display: block;  width: 35px; height: 5px; margin-bottom: 10px; border-radius: 30px; background: #11719b; transition: all ease .2s; }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span { background: rgb(176, 22, 110); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(1) { transform-origin: 0% 0%; transform: rotate(45deg) scaleX(1.25); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(2) { opacity: 0; }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(3) { transform-origin: 0% 100%; transform: rotate(-45deg) scaleX(1.25); }

/*BARRA DE MENU*/
.menu-midia-movel ul
{ position: absolute; z-index: 998; left: 100%; margin-left: 58vw; top: 18.45vw; width: 59vw; background-color: rgb(3,145,206); height: 100vh; padding-top: 0px; }

.menu-midia-movel .menu-faketrigger:checked ~ ul { margin-left: -56.5vw; transition: all ease .2s; }

/*OCULTA EXIBE SUBMENUS*/
.menu-midia-movel ul li.cursos ul, .menu-midia-movel ul li.cursos_ativo ul, .menu-midia-movel ul li.sexualidade_clinica ul, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul { display: none; }

.menu-midia-movel ul li.cursos:hover > ul, .menu-midia-movel ul li.cursos_ativo:hover > ul, .menu-midia-movel ul li.sexualidade_clinica:hover > ul, 
.menu-midia-movel ul li.sexualidade_clinica_ativo:hover > ul { display: block; }

/*ITENS DE MENU*/
.menu-midia-movel ul li:hover, .menu-midia-movel ul li.ativo, .menu-midia-movel ul li.sexualidade_clinica:hover, 
.menu-midia-movel ul li.sexualidade_clinica_ativo, .menu-midia-movel ul li.cursos:hover, 
.menu-midia-movel ul li.cursos_ativo { background-color: rgb(230,39,140) }

.menu-midia-movel ul li, .menu-midia-movel ul li.sexualidade_clinica, .menu-midia-movel ul li.cursos, .menu-midia-movel ul li.ativo:hover,
.menu-midia-movel ul li.sexualidade_clinica_ativo:hover, .menu-midia-movel ul li.cursos_ativo:hover { background-color: Transparent }

.menu-midia-movel ul li, .menu-midia-movel ul li.sexualidade_clinica, .menu-midia-movel ul li.sexualidade_clinica_ativo, .menu-midia-movel ul li.cursos, 
.menu-midia-movel ul li.cursos_ativo
{ height: 9.5vw; padding-top: 4.2vw; margin-left: 0; width: 57vw; padding-right: 2vw; position: relative; text-align: right; margin-top: 0; font-family: Arial; 
  color: #fff; font-size: 4.8vw; white-space: normal; letter-spacing: 0.07vw; }

.menu-midia-movel ul li:hover, .menu-midia-movel ul li.sexualidade_clinica:hover, .menu-midia-movel ul li.sexualidade_clinica_ativo 
.menu-midia-movel ul li.cursos:hover, .menu-midia-movel ul li.cursos_ativo { background-color: rgb(230,39,140) }

/*LINKS MENU*/
.menu-midia-movel ul li a, .menu-midia-movel ul li a:visited, .menu-midia-movel ul li a.ativo:hover { text-decoration: none; }

.menu-midia-movel ul li a, .menu-midia-movel ul li a:visited, .menu-midia-movel ul li a.ativo
{ letter-spacing: 0.07vw; font-weight: normal; font-family: arial; color: #fff; font-size: 4.8vw; white-space: nowrap; background-color: transparent; 
  text-align: right; }

.menu-midia-movel ul li a:hover, .menu-midia-movel ul li a.ativo { text-decoration: underline; }

/*SUBMENU SEXUALIDADE*/

.atendimento-social-em-sexualidade-item-menu, .clinica-popular-de-sexualidade-item-menu { width: 100%; left: 0; margin-left: 0; position: relative }

.atendimento-social-em-sexualidade-menu, .clinica-popular-de-sexualidade-menu 
{ width: 96%; position: relative; left: 100%; margin-left: -96%; padding-top: 0.8vw }

.atendimento-social-em-sexualidade-item-menu, .clinica-popular-de-sexualidade-item-menu { display: block; }

.atendimento-social-em-sexualidade-item-menu-deitado, .clinica-popular-de-sexualidade-item-menu-deitado { display: none; }

.menu-midia-movel ul li.sexualidade_clinica ul, .menu-midia-movel ul li.sexualidade_clinica_ativo ul
{ width: 59vw; margin-left:-99.9vw; list-style: none; height: 46.8vw; z-index: 999999; position: absolute; padding-top: 0; padding-bottom: 0; 
  margin-top: -45.9vw; background-color: rgb(230,39,140) }

.menu-midia-movel ul li.sexualidade_clinica ul li, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li
{ border-bottom: 2px solid rgb(3,145,206); padding-bottom: 0; padding-top: 2vw; height: 21.1vw; width: 100%; position: relative; text-align: left; 
  padding-right: 0 !important; padding-left: 0; margin-top: 0; font-family: arial; color: #000; font-size: 5.1vw; text-decoration: none; white-space: normal; 
  background-color: transparent; letter-spacing: 0.07vw; }

.menu-midia-movel ul li.sexualidade_clinica ul li a, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li a, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul li a.ativo
{ padding-right: 0; line-height: 9vw; text-align: left; font-family: arial; font-size: 5.1vw; color: #fff; margin-top: 0; 
  z-index: 99; font-weight: normal; letter-spacing: 0.07vw; white-space: normal; text-transform: none; }

.menu-midia-movel ul li.sexualidade_clinica ul li a, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li a, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul li a.ativo:hover { text-decoration: none; }

.menu-midia-movel ul li.sexualidade_clinica ul li a:hover, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li a:hover, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul li a.ativo 
{ text-decoration: underline; }

/*SUBMENU CURSOS*/

.consultoria-item-menu, .ctsex-item-menu, .formacao-em-terapia-sexual-item-menu, .pos-graduacao-em-terapia-sexual-item-menu 
{ width: 100%; left: 0; margin-left: 0; position: relative }

.consultoria-menu, .ctsex-menu, .formacao-em-terapia-sexual-menu, .pos-graduacao-em-terapia-sexual-menu, .sexualidade-inclusiva-menu, .depoimentos-menu 
{ width: 96%; position: relative; left: 100%; margin-left: -96%; }

.consultoria-menu { padding-top: -1vw }

.sexualidade-inclusiva-menu, .depoimentos-menu { padding-top: 5vw }

.consultoria-item-menu, .ctsex-item-menu, .formacao-em-terapia-sexual-item-menu, .pos-graduacao-em-terapia-sexual { display: block; }

.consultoria-item-menu-deitado, .ctsex-item-menu-deitado, .formacao-em-terapia-sexual-item-menu-deitado, .pos-graduacao-em-terapia-sexual-item-menu-deitado 
{ display: none; }

.menu-midia-movel ul li.cursos ul, .menu-midia-movel ul li.cursos_ativo ul
{ width: 61vw; margin-left:-99.9vw; list-style: none; height: 126vw; z-index: 999999; position: absolute; padding-top: 2vw; padding-bottom: 0; 
  margin-top: -59.55vw; background-color: rgb(230,39,140) }

.menu-midia-movel ul li.cursos ul li, .menu-midia-movel ul li.cursos_ativo ul li
{ border-bottom: 2px solid rgb(3,145,206); padding-bottom: 0; padding-top: 1.5vw; height: 19vw; width: 100%; position: relative; text-align: left; 
  padding-right: 0 !important; padding-left: 0; margin-top: 0; font-family: arial; color: #000; font-size: 5vw; text-decoration: none; white-space: normal; 
  background-color: transparent; letter-spacing: 0.07vw; }

.menu-midia-movel ul li.cursos ul li a, .menu-midia-movel ul li.cursos_ativo ul li a, .menu-midia-movel ul li.cursos_ativo ul li a.ativo
{ padding-right: 0; line-height: 9vw; text-align: left; font-family: arial; font-size: 5.1vw; color: #fff; margin-top: 0; 
  z-index: 99; font-weight: normal; letter-spacing: 0.07vw; white-space: normal; text-transform: none; }

.menu-midia-movel ul li.cursos ul li a, .menu-midia-movel ul li.cursos_ativo ul li a, .menu-midia-movel ul li.cursos_ativo ul li a.ativo:hover 
{ text-decoration: none; }

.menu-midia-movel ul li.cursos ul li a:hover, .menu-midia-movel ul li.cursos_ativo ul li a:hover, .menu-midia-movel ul li.cursos_ativo ul li a.ativo 
{ text-decoration: underline; }
}

/*IPAD EM PÉ*/
@media only screen and (min-device-width:501px) and (max-device-width:768px) and (orientation:portrait), handheld
{
.barra-menu-alta { display: none }

/*MENU HAMBURGUER*/
.menu-midia-movel { top: -15vw; height: 52px; z-index: 999999999999999999999999; display: block; width: 100%; position: relative; }

.menu-midia-movel .menu-faketrigger, .menu-midia-movel .linhas-menu { left: 100%; margin-left: -60px; position: absolute; width: 60px; height: 60px; }

.menu-midia-movel .menu-faketrigger { z-index: 1000; width: 60px; height: 60px; opacity: 0; cursor: pointer; }

.menu-midia-movel .linhas-menu { z-index: 999; }

.menu-midia-movel .linhas-menu span 
{ display: block; width: 60px; height: 7px; margin-bottom: 15px; border-radius: 30px; background: #11719b; transition: all ease .2s; }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span { background: rgb(176, 22, 110); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(1) { transform-origin: 0% 0%; transform: rotate(45deg) scaleX(1.15); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(2) { opacity: 0; }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(3) { transform-origin: 0% 100%; transform: rotate(-45deg) scaleX(1.15); }

/*BARRA DE MENU*/
.menu-midia-movel ul
{ position: absolute; z-index: 998; left: 100%; margin-left: 50vw; top: 14.8vw; width: 42.7vw; background-color: rgb(3,145,206); height: 100vh; padding-top: 0px; }

.menu-midia-movel .menu-faketrigger:checked ~ ul { margin-left: -39.7vw; transition: all ease .2s; }

/*OCULTA EXIBE SUBMENUS*/
.menu-midia-movel ul li.cursos ul, .menu-midia-movel ul li.cursos_ativo ul, .menu-midia-movel ul li.sexualidade_clinica ul, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul { display: none; }

.menu-midia-movel ul li.cursos:hover > ul, .menu-midia-movel ul li.cursos_ativo:hover > ul, .menu-midia-movel ul li.sexualidade_clinica:hover > ul, 
.menu-midia-movel ul li.sexualidade_clinica_ativo:hover > ul { display: block; }

/*ITENS DE MENU*/
.menu-midia-movel ul li:hover, .menu-midia-movel ul li.ativo, .menu-midia-movel ul li.sexualidade_clinica:hover, 
.menu-midia-movel ul li.sexualidade_clinica_ativo, .menu-midia-movel ul li.cursos:hover, 
.menu-midia-movel ul li.cursos_ativo { background-color: rgb(230,39,140) }

.menu-midia-movel ul li, .menu-midia-movel ul li.sexualidade_clinica, .menu-midia-movel ul li.cursos, .menu-midia-movel ul li.ativo:hover,
.menu-midia-movel ul li.sexualidade_clinica_ativo:hover, .menu-midia-movel ul li.cursos_ativo:hover { background-color: Transparent }

.menu-midia-movel ul li, .menu-midia-movel ul li.sexualidade_clinica, .menu-midia-movel ul li.sexualidade_clinica_ativo, .menu-midia-movel ul li.cursos, 
.menu-midia-movel ul li.cursos_ativo
{ height: 6.5vw; padding-top: 3vw; margin-left: 0; width: 39.5vw; padding-right: 1.9vw; position: relative; text-align: right; margin-top: 0; font-family: Arial; 
  color: #fff; font-size: 3.2vw; white-space: normal; letter-spacing: 0.07vw; }

/*LINKS MENU*/
.menu-midia-movel ul li a, .menu-midia-movel ul li a:visited, .menu-midia-movel ul li a.ativo:hover { text-decoration: none; }

.menu-midia-movel ul li a, .menu-midia-movel ul li a:visited, .menu-midia-movel ul li a.ativo
{ letter-spacing: 0.07vw; font-weight: normal; font-family: arial; color: #fff; font-size: 3.2vw; white-space: nowrap; background-color: transparent; 
  text-align: right; }

.menu-midia-movel ul li a:hover, .menu-midia-movel ul li a.ativo { text-decoration: underline; }

/*SUBMENU SEXUALIDADE*/

.atendimento-social-em-sexualidade-item-menu, .clinica-popular-de-sexualidade-item-menu { width: 100%; left: 0; margin-left: 0; position: relative }

.atendimento-social-em-sexualidade-menu, .clinica-popular-de-sexualidade-menu 
{ width: 96%; position: relative; left: 100%; margin-left: -96%; padding-top: 4.7vw; }

.atendimento-social-em-sexualidade-item-menu, .clinica-popular-de-sexualidade-item-menu { display: none; }

.atendimento-social-em-sexualidade-item-menu-deitado, .clinica-popular-de-sexualidade-item-menu-deitado { display: block; }

.menu-midia-movel ul li.sexualidade_clinica ul, .menu-midia-movel ul li.sexualidade_clinica_ativo ul
{ width: 58.8vw; margin-left:-100.2vw; list-style: none; height: 32.5vw; z-index: 999999; position: absolute; padding-top: 0; padding-bottom: 0; 
  margin-top: -33.8vw; background-color: rgb(230,39,140) }

.menu-midia-movel ul li.sexualidade_clinica ul li, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li
{ border-bottom: 2px solid rgb(3,145,206); padding-bottom: 0; padding-top: 0; height: 16vw; width: 100%; position: relative; text-align: left; 
  padding-right: 0 !important; padding-left: 0; margin-top: 0; font-family: arial; color: #000; font-size: 3vw; text-decoration: none; white-space: normal; 
  background-color: transparent; letter-spacing: 0.07vw; }

.menu-midia-movel ul li.sexualidade_clinica ul li a, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li a, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul li a.ativo
{ padding-right: 0; line-height: 7vw; text-align: left; font-family: arial; font-size: 3.2vw; color: #fff; margin-top: 0; z-index: 99; font-weight: normal; 
  letter-spacing: 0.07vw; white-space: normal; text-transform: none; }

.menu-midia-movel ul li.sexualidade_clinica ul li a, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li a, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul li a.ativo:hover { text-decoration: none; }

.menu-midia-movel ul li.sexualidade_clinica ul li a:hover, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li a:hover, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul li a.ativo 
{ text-decoration: underline; }

/*SUBMENU CURSOS*/

.consultoria-item-menu, .ctsex-item-menu, .formacao-em-terapia-sexual-item-menu, .pos-graduacao-em-terapia-sexual-item-menu 
{ width: 100%; left: 0; margin-left: 0; position: relative }

.consultoria-menu, .ctsex-menu, .formacao-em-terapia-sexual-menu, .pos-graduacao-em-terapia-sexual-menu, .sexualidade-inclusiva-menu, .depoimentos-menu 
{ width: 96%; position: relative; left: 100%; margin-left: -96%; }

.consultoria-menu, .ctsex-menu { padding-top: 1.7vw }

.formacao-em-terapia-sexual-menu, .pos-graduacao-em-terapia-sexual-menu, .sexualidade-inclusiva-menu, .depoimentos-menu { padding-top: 4.7vw }

.consultoria-item-menu, .ctsex-item-menu, .formacao-em-terapia-sexual-item-menu-deitado, .pos-graduacao-em-terapia-sexual-item-menu-deitado { display: block }

.consultoria-item-menu-deitado, .ctsex-item-menu-deitado, .formacao-em-terapia-sexual-item-menu, .pos-graduacao-em-terapia-sexual-item-menu { display: none; }

.menu-midia-movel ul li.cursos ul, .menu-midia-movel ul li.cursos_ativo ul
{ width: 58.8vw; margin-left:-100.2vw; list-style: none; height: 97.5vw; z-index: 999999; position: absolute; padding-top: 0; padding-bottom: 0; 
  margin-top: -43.3vw; background-color: rgb(230,39,140) }

.menu-midia-movel ul li.cursos ul li, .menu-midia-movel ul li.cursos_ativo ul li
{ border-bottom: 2px solid rgb(3,145,206); padding-bottom: 0; padding-top: 0; height: 16vw; width: 100%; position: relative; text-align: left; 
  padding-right: 0 !important; padding-left: 0; margin-top: 0; font-family: arial; color: #000; font-size: 3.2vw; text-decoration: none; white-space: normal; 
  background-color: transparent; letter-spacing: 0.07vw; }

.menu-midia-movel ul li.cursos ul li a, .menu-midia-movel ul li.cursos_ativo ul li a, .menu-midia-movel ul li.cursos_ativo ul li a.ativo
{ padding-right: 0; line-height: 6.5vw; text-align: left; font-family: arial; font-size: 3.2vw; color: #fff; margin-top: 0; 
  z-index: 99; font-weight: normal; letter-spacing: 0.07vw; white-space: normal; text-transform: none; }

.menu-midia-movel ul li.cursos ul li a, .menu-midia-movel ul li.cursos_ativo ul li a, .menu-midia-movel ul li.cursos_ativo ul li a.ativo:hover 
{ text-decoration: none; }

.menu-midia-movel ul li.cursos ul li a:hover, .menu-midia-movel ul li.cursos_ativo ul li a:hover, .menu-midia-movel ul li.cursos_ativo ul li a.ativo 
{ text-decoration: underline; }
}

/*MÍDIA MÓVEL DEITADO*/

/*CELULARES GRANDES*/
@media only screen and (min-device-width : 415px) and (max-device-width: 950px) and (max-device-height: 450px) and (orientation: landscape), handheld
{
.barra-menu-alta { display: none }

/*MENU HAMBURGUER*/
.menu-midia-movel { top: -17vh; height: 52px; z-index: 999999999999999999999999; display: block; width: 100%; position: relative; }

.menu-midia-movel .menu-faketrigger, .menu-midia-movel .linhas-menu { left: 100%; margin-left: -35px; position: absolute; width: 35px; height: 35px; }

.menu-midia-movel .menu-faketrigger { z-index: 1000; width: 35px; height: 35px; opacity: 0; cursor: pointer; }

.menu-midia-movel .linhas-menu { z-index: 999; }

.menu-midia-movel .linhas-menu span 
{ display: block;  width: 35px; height: 5px; margin-bottom: 10px; border-radius: 30px; background: #11719b; transition: all ease .2s; }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span { background: rgb(176, 22, 110); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(1) { transform-origin: 0% 0%; transform: rotate(45deg) scaleX(1.25); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(2) { opacity: 0; }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(3) { transform-origin: 0% 100%; transform: rotate(-45deg) scaleX(1.25); }

/*BARRA DE MENU*/
.menu-midia-movel ul
{ position: absolute; z-index: 998; left: 100%; margin-left: 58vh; top: 11vh; width: 60.5vh; background-color: rgb(3,145,206); height: 100vh; padding-top: 0px; }

.menu-midia-movel .menu-faketrigger:checked ~ ul { margin-left: -57.7vh; transition: all ease .2s; }

/*OCULTA EXIBE SUBMENUS*/
.menu-midia-movel ul li.cursos ul, .menu-midia-movel ul li.cursos_ativo ul, .menu-midia-movel ul li.sexualidade_clinica ul, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul { display: none; }

.menu-midia-movel ul li.cursos:hover > ul, .menu-midia-movel ul li.cursos_ativo:hover > ul, .menu-midia-movel ul li.sexualidade_clinica:hover > ul, 
.menu-midia-movel ul li.sexualidade_clinica_ativo:hover > ul { display: block; }

/*ITENS DE MENU*/
.menu-midia-movel ul li:hover, .menu-midia-movel ul li.ativo, .menu-midia-movel ul li.sexualidade_clinica:hover, 
.menu-midia-movel ul li.sexualidade_clinica_ativo, .menu-midia-movel ul li.cursos:hover, 
.menu-midia-movel ul li.cursos_ativo { background-color: rgb(230,39,140) }

.menu-midia-movel ul li, .menu-midia-movel ul li.sexualidade_clinica, .menu-midia-movel ul li.cursos, .menu-midia-movel ul li.ativo:hover,
.menu-midia-movel ul li.sexualidade_clinica_ativo:hover, .menu-midia-movel ul li.cursos_ativo:hover { background-color: Transparent }

.menu-midia-movel ul li, .menu-midia-movel ul li.sexualidade_clinica, .menu-midia-movel ul li.sexualidade_clinica_ativo, .menu-midia-movel ul li.cursos, 
.menu-midia-movel ul li.cursos_ativo
{ height: 7.25vh; padding-top: 1vh; margin-left: 0; width: 58.1vh; padding-right: 3vh; position: relative; text-align: right; margin-top: 0; font-family: Arial; 
  color: #fff; font-size: 4.8vh; white-space: normal; letter-spacing: 0.07vh; }

/*LINKS MENU*/
.menu-midia-movel ul li a, .menu-midia-movel ul li a:visited, .menu-midia-movel ul li a.ativo:hover { text-decoration: none; }

.menu-midia-movel ul li a, .menu-midia-movel ul li a:visited, .menu-midia-movel ul li a.ativo
{ letter-spacing: 0.07vh; font-weight: normal; font-family: arial; color: #fff; font-size: 4.8vh; white-space: nowrap; background-color: transparent; 
  text-align: right; }

.menu-midia-movel ul li a:hover, .menu-midia-movel ul li a.ativo { text-decoration: underline; }

/*SUBMENU SEXUALIDADE*/

.atendimento-social-em-sexualidade-item-menu, .clinica-popular-de-sexualidade-item-menu { width: 100%; left: 0; margin-left: 0; position: relative }

.atendimento-social-em-sexualidade-menu, .clinica-popular-de-sexualidade-menu { width: 96%; position: relative; left: 100%; margin-left: -96%; }

.sexualidade-inclusiva-menu, .depoimentos-menu { padding-top: 2.7vh }

.atendimento-social-em-sexualidade-item-menu, .clinica-popular-de-sexualidade-item-menu { display: none; }

.atendimento-social-em-sexualidade-item-menu-deitado, .clinica-popular-de-sexualidade-item-menu-deitado { display: block; }

.menu-midia-movel ul li.sexualidade_clinica ul, .menu-midia-movel ul li.sexualidade_clinica_ativo ul
{ width: calc(100vw - 59.5vh); margin-left: calc(-100vw - 1.5vh); list-style: none; height:20vh; z-index: 999999; position: absolute; padding-top: 0; padding-bottom: 0; 
  margin-top: -20.5vh; background-color: rgb(230,39,140) }

.menu-midia-movel ul li.sexualidade_clinica ul li, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li
{ border-bottom: 2px solid rgb(3,145,206); padding-bottom: 0; padding-top: 1.5vh; height: 8vh; width: 100%; position: relative; text-align: left; 
  padding-right: 0 !important; padding-left: 0; margin-top: 0; font-family: arial; color: #000; font-size: 5.5vh; text-decoration: none; white-space: normal; 
  background-color: transparent; letter-spacing: 0.07vh; }

.menu-midia-movel ul li.sexualidade_clinica ul li a, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li a, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul li a.ativo
{ padding-right: 0; line-height: 4.8vh; text-align: left; font-family: arial; font-size: 5.5vh; color: #fff; margin-top: 0; 
  z-index: 99; font-weight: normal; letter-spacing: 0.07vh; white-space: normal; text-transform: none; }

.menu-midia-movel ul li.sexualidade_clinica ul li a, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li a, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul li a.ativo:hover { text-decoration: none; }

.menu-midia-movel ul li.sexualidade_clinica ul li a:hover, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li a:hover, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul li a.ativo 
{ text-decoration: underline; }

/*SUBMENU CURSOS*/

.consultoria-item-menu, .ctsex-item-menu, .formacao-em-terapia-sexual-item-menu { width: 100%; left: 0; margin-left: 0; position: relative }

.consultoria-menu, .ctsex-menu, .formacao-em-terapia-sexual-menu, .pos-graduacao-em-terapia-sexual-menu, .sexualidade-inclusiva-menu, .depoimentos-menu 
{ width: 96%; position: relative; left: 100%; margin-left: -96%; }

.sexualidade-inclusiva-menu, .depoimentos-menu { padding-top: 0 }

.consultoria-item-menu, .ctsex-item-menu, .formacao-em-terapia-sexual-item-menu, .pos-graduacao-em-terapia-sexual-item-menu { display: none }

.consultoria-item-menu-deitado, .ctsex-item-menu-deitado, .formacao-em-terapia-sexual-item-menu-deitado, .pos-graduacao-em-terapia-sexual-item-menu-deitado 
{ display: block }

.menu-midia-movel ul li.cursos ul, .menu-midia-movel ul li.cursos_ativo ul
{ width: calc(100vw - 59.5vh); margin-left: calc(-100vw - 1.5vh); list-style: none; height:59.95vh; z-index: 999999; position: absolute; padding-top: 0; 
  padding-bottom: 0; margin-top: -29vh; background-color: rgb(230,39,140) }

.menu-midia-movel ul li.cursos ul li, .menu-midia-movel ul li.cursos_ativo ul li
{ border-bottom: 2px solid rgb(3,145,206); padding-bottom: 0; padding-top: 1.5vh; height: 8vh; width: 100%; position: relative; text-align: left; 
  padding-right: 0 !important; padding-left: 0; margin-top: 0; font-family: arial; color: #000; font-size: 5.5vh; text-decoration: none; white-space: normal; 
  background-color: transparent; letter-spacing: 0.07vh; }

.menu-midia-movel ul li.cursos ul li a, .menu-midia-movel ul li.cursos_ativo ul li a, .menu-midia-movel ul li.cursos_ativo ul li a.ativo
{ padding-right: 0; line-height: 4.8vh; text-align: left; font-family: arial; font-size: 5.5vh; color: #fff; margin-top: 0; 
  z-index: 99; font-weight: normal; letter-spacing: 0.07vh; white-space: normal; text-transform: none; }

.menu-midia-movel ul li.cursos ul li a, .menu-midia-movel ul li.cursos_ativo ul li a, .menu-midia-movel ul li.cursos_ativo ul li a.ativo:hover 
{ text-decoration: none; }

.menu-midia-movel ul li.cursos ul li a:hover, .menu-midia-movel ul li.cursos_ativo ul li a:hover, .menu-midia-movel ul li.cursos_ativo ul li a.ativo 
{ text-decoration: underline; }
}

/*iphone tim*/
@media screen and (max-device-width : 350px) and (orientation : landscape)
{

.barra-menu-alta { display: none }

/*MENU HAMBURGUER*/
.menu-midia-movel { top: -10vw; height: 52px; z-index: 999999999999999999999999; display: block; width: 100%; position: relative; }

.menu-midia-movel .menu-faketrigger, .menu-midia-movel .linhas-menu { left: 100%; margin-left: -35px; position: absolute; width: 35px; height: 35px; }

.menu-midia-movel .menu-faketrigger { z-index: 1000; width: 35px; height: 35px; opacity: 0; cursor: pointer; }

.menu-midia-movel .linhas-menu { z-index: 999; }

.menu-midia-movel .linhas-menu span 
{ display: block;  width: 35px; height: 5px; margin-bottom: 10px; border-radius: 30px; background: #11719b; transition: all ease .2s; }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span { background: rgb(176, 22, 110); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(1) { transform-origin: 0% 0%; transform: rotate(45deg) scaleX(1.25); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(2) { opacity: 0; }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(3) { transform-origin: 0% 100%; transform: rotate(-45deg) scaleX(1.25); }

/*BARRA DE MENU*/
.menu-midia-movel ul
{ position: absolute; z-index: 998; left: 100%; margin-left: 46vw; top: 6vw; width: 34vw; background-color: rgb(3,145,206); height: 100vh; padding-top: 0px; }

.menu-midia-movel .menu-faketrigger:checked ~ ul { margin-left: -31vw; transition: all ease .2s; }

/*OCULTA EXIBE SUBMENUS*/
.menu-midia-movel ul li.cursos ul, .menu-midia-movel ul li.cursos_ativo ul, .menu-midia-movel ul li.sexualidade_clinica ul, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul { display: none; }

.menu-midia-movel ul li.cursos:hover > ul, .menu-midia-movel ul li.cursos_ativo:hover > ul, .menu-midia-movel ul li.sexualidade_clinica:hover > ul, 
.menu-midia-movel ul li.sexualidade_clinica_ativo:hover > ul { display: block; }

/*ITENS DE MENU*/
.menu-midia-movel ul li:hover, .menu-midia-movel ul li.ativo, .menu-midia-movel ul li.sexualidade_clinica:hover, 
.menu-midia-movel ul li.sexualidade_clinica_ativo, .menu-midia-movel ul li.cursos:hover, 
.menu-midia-movel ul li.cursos_ativo { background-color: rgb(230,39,140) }

.menu-midia-movel ul li, .menu-midia-movel ul li.sexualidade_clinica, .menu-midia-movel ul li.cursos, .menu-midia-movel ul li.ativo:hover,
.menu-midia-movel ul li.sexualidade_clinica_ativo:hover, .menu-midia-movel ul li.cursos_ativo:hover { background-color: Transparent }

.menu-midia-movel ul li, .menu-midia-movel ul li.sexualidade_clinica, .menu-midia-movel ul li.sexualidade_clinica_ativo, .menu-midia-movel ul li.cursos, 
.menu-midia-movel ul li.cursos_ativo
{ height: 3.6vw; padding-top: 1vw; margin-left: 0; width: 32vw; padding-right: 1.5vw; position: relative; text-align: right; margin-top: 0; 
  font-family: Arial; color: #fff; font-size: 2.7vw; white-space: normal; letter-spacing: 0.07vw; }

/*LINKS MENU*/
.menu-midia-movel ul li a, .menu-midia-movel ul li a:visited, .menu-midia-movel ul li a.ativo:hover { text-decoration: none; }

.menu-midia-movel ul li a, .menu-midia-movel ul li a:visited, .menu-midia-movel ul li a.ativo
{ letter-spacing: 0.07vw; font-weight: normal; font-family: arial; color: #fff; font-size: 2.7vw; white-space: nowrap; background-color: transparent; 
  text-align: right; }

.menu-midia-movel ul li a:hover, .menu-midia-movel ul li a.ativo { text-decoration: underline; }

/*SUBMENU SEXUALIDADE*/

.atendimento-social-em-sexualidade-item-menu, .clinica-popular-de-sexualidade-item-menu { width: 100%; left: 0; margin-left: 0; position: relative }

.atendimento-social-em-sexualidade-menu, .clinica-popular-de-sexualidade-menu 
{ width: 96%; position: relative; left: 100%; margin-left: -96%; padding-top: 0vw }

.atendimento-social-em-sexualidade-item-menu, .clinica-popular-de-sexualidade-item-menu { display: none; }

.atendimento-social-em-sexualidade-item-menu-deitado, .clinica-popular-de-sexualidade-item-menu-deitado { display: block; }

.menu-midia-movel ul li.sexualidade_clinica ul, .menu-midia-movel ul li.sexualidade_clinica_ativo ul
{ width: 66.5vw; margin-left:-100vw; list-style: none; height: 11.8vw; z-index: 999999; position: absolute; padding-top: 0; padding-bottom: 0; 
  margin-top: -10.9vw; background-color: rgb(230,39,140) }

.menu-midia-movel ul li.sexualidade_clinica ul li, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li
{ border-bottom: 2px solid rgb(3,145,206); padding-bottom: 0; padding-top: 1.4vw; height: 4.3vw; width: 100%; position: relative; text-align: left; 
  padding-right: 0 !important; padding-left: 0; margin-top: 0; font-family: arial; color: #000; font-size: 2.3vw; text-decoration: none; 
  white-space: normal; background-color: transparent; letter-spacing: 0.07vw; }

.menu-midia-movel ul li.sexualidade_clinica ul li a, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li a, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul li a.ativo
{ padding-right: 0; line-height: 2.7vw; text-align: left; font-family: arial; font-size: 2.7vw; color: #fff; margin-top: 0; 
  z-index: 99; font-weight: normal; letter-spacing: 0.07vw; white-space: normal; text-transform: none; }

.menu-midia-movel ul li.sexualidade_clinica ul li a, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li a, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul li a.ativo:hover { text-decoration: none; }

.menu-midia-movel ul li.sexualidade_clinica ul li a:hover, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li a:hover, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul li a.ativo 
{ text-decoration: underline; }

/*SUBMENU CURSOS*/

.consultoria-item-menu, .ctsex-item-menu, .formacao-em-terapia-sexual-item-menu, .pos-graduacao-em-terapia-sexual-item-menu { width: 100%; left: 0; margin-left: 0; position: relative }

.consultoria-menu, .ctsex-menu, .formacao-em-terapia-sexual-menu, .sexualidade-inclusiva-menu, .pos-graduacao-em-terapia-sexual-menu, .depoimentos-menu 
{ width: 96%; position: relative; left: 100%; margin-left: -96%; }

.sexualidade-inclusiva-menu, .depoimentos-menu { padding-top: 0 }

.consultoria-item-menu, .ctsex-item-menu, .formacao-em-terapia-sexual-item-menu, .pos-graduacao-em-terapia-sexual-item-menu { display: none }

.consultoria-item-menu-deitado, .ctsex-item-menu-deitado, .formacao-em-terapia-sexual-item-menu-deitado, .pos-graduacao-em-terapia-sexual-item-menu-deitado 
{ display: block }

.menu-midia-movel ul li.cursos ul, .menu-midia-movel ul li.cursos_ativo ul
{ width: 66.5vw; margin-left:-100vw; list-style: none; height: 35.95vw; z-index: 999999; position: absolute; padding-top: 0; padding-bottom: 0; 
  margin-top: -15.5vw; background-color: rgb(230,39,140) }

.menu-midia-movel ul li.cursos ul li, .menu-midia-movel ul li.cursos_ativo ul li
{ border-bottom: 2px solid rgb(3,145,206); padding-bottom: 0; padding-top: 1.4vw; height: 4.3vw; width: 100%; position: relative; text-align: left; 
  padding-right: 0 !important; padding-left: 0x; margin-top: 0; font-family: arial; color: #000; font-size: 2.3vw; text-decoration: none; 
  white-space: normal; background-color: transparent; letter-spacing: 0.07vw; }

.menu-midia-movel ul li.cursos ul li a, .menu-midia-movel ul li.cursos_ativo ul li a, .menu-midia-movel ul li.cursos_ativo ul li a.ativo
{ padding-right: 0; line-height: 2.7vw; text-align: left; font-family: arial; font-size: 2.7vw; color: #fff; margin-top: 0; 
  z-index: 99; font-weight: normal; letter-spacing: 0.07vw; white-space: normal; text-transform: none; }

.menu-midia-movel ul li.cursos ul li a, .menu-midia-movel ul li.cursos_ativo ul li a, .menu-midia-movel ul li.cursos_ativo ul li a.ativo:hover 
{ text-decoration: none; }

.menu-midia-movel ul li.cursos ul li a:hover, .menu-midia-movel ul li.cursos_ativo ul li a:hover, .menu-midia-movel ul li.cursos_ativo ul li a.ativo 
{ text-decoration: underline; }
}

/*IPHONE mãe*/

@media screen and (min-device-width : 351px) and (max-device-width : 700px)  and (orientation : landscape)
{
.barra-menu-alta { display: none }

/*MENU HAMBURGUER*/
.menu-midia-movel { top: -17vh; height: 52px; z-index: 999999999999999999999999; display: block; width: 100%; position: relative; }

.menu-midia-movel .menu-faketrigger, .menu-midia-movel .linhas-menu { left: 100%; margin-left: -35px; position: absolute; width: 35px; height: 35px; }

.menu-midia-movel .menu-faketrigger { z-index: 1000; width: 35px; height: 35px; opacity: 0; cursor: pointer; }

.menu-midia-movel .linhas-menu { z-index: 999; }

.menu-midia-movel .linhas-menu span 
{ display: block;  width: 35px; height: 5px; margin-bottom: 10px; border-radius: 30px; background: #11719b; transition: all ease .2s; }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span { background: rgb(176, 22, 110); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(1) { transform-origin: 0% 0%; transform: rotate(45deg) scaleX(1.25); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(2) { opacity: 0; }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(3) { transform-origin: 0% 100%; transform: rotate(-45deg) scaleX(1.25); }

/*BARRA DE MENU*/
.menu-midia-movel ul
{ position: absolute; z-index: 998; left: 100%; margin-left: 58vh; top: 11vh; width: 60.5vh; background-color: rgb(3,145,206); height: 100vh; padding-top: 0px; }

.menu-midia-movel .menu-faketrigger:checked ~ ul { margin-left: -58.7vh; transition: all ease .2s; }

/*OCULTA EXIBE SUBMENUS*/
.menu-midia-movel ul li.cursos ul, .menu-midia-movel ul li.cursos_ativo ul, .menu-midia-movel ul li.sexualidade_clinica ul, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul { display: none; }

.menu-midia-movel ul li.cursos:hover > ul, .menu-midia-movel ul li.cursos_ativo:hover > ul, .menu-midia-movel ul li.sexualidade_clinica:hover > ul, 
.menu-midia-movel ul li.sexualidade_clinica_ativo:hover > ul { display: block; }

/*ITENS DE MENU*/
.menu-midia-movel ul li:hover, .menu-midia-movel ul li.ativo, .menu-midia-movel ul li.sexualidade_clinica:hover, 
.menu-midia-movel ul li.sexualidade_clinica_ativo, .menu-midia-movel ul li.cursos:hover, 
.menu-midia-movel ul li.cursos_ativo { background-color: rgb(230,39,140) }

.menu-midia-movel ul li, .menu-midia-movel ul li.sexualidade_clinica, .menu-midia-movel ul li.cursos, .menu-midia-movel ul li.ativo:hover,
.menu-midia-movel ul li.sexualidade_clinica_ativo:hover, .menu-midia-movel ul li.cursos_ativo:hover { background-color: Transparent }

.menu-midia-movel ul li, .menu-midia-movel ul li.sexualidade_clinica, .menu-midia-movel ul li.sexualidade_clinica_ativo, .menu-midia-movel ul li.cursos, 
.menu-midia-movel ul li.cursos_ativo
{ height: 7.25vh; padding-top: 1vh; margin-left: 0; width: 58.1vh; padding-right: 3vh; position: relative; text-align: right; margin-top: 0; font-family: Arial; 
  color: #fff; font-size: 4.8vh; white-space: normal; letter-spacing: 0.07vh; }

/*LINKS MENU*/
.menu-midia-movel ul li a, .menu-midia-movel ul li a:visited, .menu-midia-movel ul li a.ativo:hover { text-decoration: none; }

.menu-midia-movel ul li a, .menu-midia-movel ul li a:visited, .menu-midia-movel ul li a.ativo
{ letter-spacing: 0.07vh; font-weight: normal; font-family: arial; color: #fff; font-size: 4.8vh; white-space: nowrap; background-color: transparent; 
  text-align: right; }

.menu-midia-movel ul li a:hover, .menu-midia-movel ul li a.ativo { text-decoration: underline; }

/*SUBMENU SEXUALIDADE*/

.atendimento-social-em-sexualidade-item-menu, .clinica-popular-de-sexualidade-item-menu { width: 100%; left: 0; margin-left: 0; position: relative }

.atendimento-social-em-sexualidade-menu, .clinica-popular-de-sexualidade-menu { width: 96%; position: relative; left: 100%; margin-left: -96%; }

.sexualidade-inclusiva-menu, .depoimentos-menu { padding-top: 2.7vh }

.atendimento-social-em-sexualidade-item-menu, .clinica-popular-de-sexualidade-item-menu { display: none; }

.atendimento-social-em-sexualidade-item-menu-deitado, .clinica-popular-de-sexualidade-item-menu-deitado { display: block; }

.menu-midia-movel ul li.sexualidade_clinica ul, .menu-midia-movel ul li.sexualidade_clinica_ativo ul
{ width: calc(100vw - 59.5vh); margin-left: calc(-100vw - 1.5vh); list-style: none; height:24vh; z-index: 999999; position: absolute; padding-top: 0; padding-bottom: 0; 
  margin-top: -21.2vh; background-color: rgb(230,39,140) }

.menu-midia-movel ul li.sexualidade_clinica ul li, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li
{ border-bottom: 2px solid rgb(3,145,206); padding-bottom: 0; padding-top: 1.5vh; height: 10vh; width: 100%; position: relative; text-align: left; 
  padding-right: 0 !important; padding-left: 0; margin-top: 0; font-family: arial; color: #000; font-size: 5.5vh; text-decoration: none; white-space: normal; 
  background-color: transparent; letter-spacing: 0.07vh; }

.menu-midia-movel ul li.sexualidade_clinica ul li a, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li a, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul li a.ativo
{ padding-right: 0; line-height: 4.8vh; text-align: left; font-family: arial; font-size: 5.5vh; color: #fff; margin-top: 0; 
  z-index: 99; font-weight: normal; letter-spacing: 0.07vh; white-space: normal; text-transform: none; }

.menu-midia-movel ul li.sexualidade_clinica ul li a, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li a, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul li a.ativo:hover { text-decoration: none; }

.menu-midia-movel ul li.sexualidade_clinica ul li a:hover, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li a:hover, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul li a.ativo 
{ text-decoration: underline; }

/*SUBMENU CURSOS*/

.consultoria-item-menu, .ctsex-item-menu, .formacao-em-terapia-sexual-item-menu, .pos-graduacao-em-terapia-sexual-menu 
{ width: 100%; left: 0; margin-left: 0; position: relative }

.consultoria-menu, .ctsex-menu, .formacao-em-terapia-sexual-menu, .sexualidade-inclusiva-menu, .pos-graduacao-em-terapia-sexual-menu, .depoimentos-menu 
{ width: 96%; position: relative; left: 100%; margin-left: -96%; }

.sexualidade-inclusiva-menu, .depoimentos-menu { padding-top: 0 }

.consultoria-item-menu, .ctsex-item-menu, .formacao-em-terapia-sexual-item-menu, .pos-graduacao-em-terapia-sexual-item-menu { display: none }

.consultoria-item-menu-deitado, .ctsex-item-menu-deitado, .formacao-em-terapia-sexual-item-menu-deitado, .pos-graduacao-em-terapia-sexual-item-menu-deitado 
{ display: block }

.menu-midia-movel ul li.cursos ul, .menu-midia-movel ul li.cursos_ativo ul
{ width: calc(100vw - 59.5vh); margin-left: calc(-100vw - 1.5vh); list-style: none; height:72vh; z-index: 999999; position: absolute; padding-top: 0; 
  padding-bottom: 0; margin-top: -29.5vh; background-color: rgb(230,39,140) }

.menu-midia-movel ul li.cursos ul li, .menu-midia-movel ul li.cursos_ativo ul li
{ border-bottom: 2px solid rgb(3,145,206); padding-bottom: 0; padding-top: 1.5vh; height: 10vh; width: 100%; position: relative; text-align: left; 
  padding-right: 0 !important; padding-left: 0; margin-top: 0; font-family: arial; color: #000; font-size: 5.5vh; text-decoration: none; white-space: normal; 
  background-color: transparent; letter-spacing: 0.07vh; }

.menu-midia-movel ul li.cursos ul li a, .menu-midia-movel ul li.cursos_ativo ul li a, .menu-midia-movel ul li.cursos_ativo ul li a.ativo
{ padding-right: 0; line-height: 4.8vh; text-align: left; font-family: arial; font-size: 5.5vh; color: #fff; margin-top: 0; 
  z-index: 99; font-weight: normal; letter-spacing: 0.07vh; white-space: normal; text-transform: none; }

.menu-midia-movel ul li.cursos ul li a, .menu-midia-movel ul li.cursos_ativo ul li a, .menu-midia-movel ul li.cursos_ativo ul li a.ativo:hover 
{ text-decoration: none; }

.menu-midia-movel ul li.cursos ul li a:hover, .menu-midia-movel ul li.cursos_ativo ul li a:hover, .menu-midia-movel ul li.cursos_ativo ul li a.ativo 
{ text-decoration: underline; }
}

/*ipad*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1200px) and (min-device-height: 600px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), handheld
{

.barra-menu-alta { display: none }

/*MENU HAMBURGUER*/
.menu-midia-movel
{ top: -15.5vh; height: 52px; z-index: 999999999999999999999999; display: block; width: auto; left: 0; margin-right: 1.6vh; position: relative; }

.menu-midia-movel .menu-faketrigger, .menu-midia-movel .linhas-menu { left: 100%; margin-left: -35px; position: absolute; width: 35px; height: 35px; }

.menu-midia-movel .menu-faketrigger { z-index: 1000; opacity: 0; cursor: pointer; }

.menu-midia-movel .linhas-menu { z-index: 999; }

.menu-midia-movel .linhas-menu span
{ display: block; width: 60px; height: 7px; margin-bottom: 15px; border-radius: 30px; background: #11719b; transition: all ease .2s; }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span { background: rgb(176, 22, 110); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(1) { transform-origin: 0% 0%; transform: rotate(45deg) scaleX(1.15); }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(2) { opacity: 0; }

.menu-midia-movel .menu-faketrigger:checked ~ .linhas-menu span:nth-child(3) { transform-origin: 0% 100%; transform: rotate(-45deg) scaleX(1.15); }

/*BARRA DE MENU*/
.menu-midia-movel ul
{ position: absolute; z-index: 998; left: 100%; margin-left: 50vh; top: 15.3vh; width: 43.9vh; background-color: rgb(3,145,206); height: 100vh; 
  padding-top: 0; }

.menu-midia-movel .menu-faketrigger:checked ~ ul { margin-left: -39.4vh; transition: all ease .2s; }

/*OCULTA EXIBE SUBMENUS*/
.menu-midia-movel ul li.cursos ul, .menu-midia-movel ul li.cursos_ativo ul, .menu-midia-movel ul li.sexualidade_clinica ul, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul { display: none; }

.menu-midia-movel ul li.cursos:hover > ul, .menu-midia-movel ul li.cursos_ativo:hover > ul, .menu-midia-movel ul li.sexualidade_clinica:hover > ul, 
.menu-midia-movel ul li.sexualidade_clinica_ativo:hover > ul { display: block; }

/*ITENS DE MENU*/
.menu-midia-movel ul li:hover, .menu-midia-movel ul li.ativo, .menu-midia-movel ul li.sexualidade_clinica:hover, 
.menu-midia-movel ul li.sexualidade_clinica_ativo, .menu-midia-movel ul li.cursos:hover, 
.menu-midia-movel ul li.cursos_ativo { background-color: rgb(230,39,140) }

.menu-midia-movel ul li, .menu-midia-movel ul li.sexualidade_clinica, .menu-midia-movel ul li.cursos, .menu-midia-movel ul li.ativo:hover,
.menu-midia-movel ul li.sexualidade_clinica_ativo:hover, .menu-midia-movel ul li.cursos_ativo:hover { background-color: Transparent }

.menu-midia-movel ul li, .menu-midia-movel ul li.sexualidade_clinica, .menu-midia-movel ul li.sexualidade_clinica_ativo, .menu-midia-movel ul li.cursos, 
.menu-midia-movel ul li.cursos_ativo
{ height: 5.5vh; padding-top: 3vh; margin-left: 0; width: 42vh; padding-right: 1.9vh; position: relative; text-align: right; margin-top: 0; 
  font-family: Arial; color: #fff; font-size: 3.5vh; white-space: normal; letter-spacing: 0.07vh; }

/*LINKS MENU*/
.menu-midia-movel ul li a, .menu-midia-movel ul li a:visited, .menu-midia-movel ul li a.ativo:hover { text-decoration: none; }

.menu-midia-movel ul li a, .menu-midia-movel ul li a:visited, .menu-midia-movel ul li a.ativo
{ letter-spacing: 0.07vh; font-weight: normal; font-family: arial; color: #fff; font-size: 3.5vh; white-space: nowrap; background-color: transparent; 
  text-align: right; }

.menu-midia-movel ul li a:hover, .menu-midia-movel ul li a.ativo { text-decoration: underline; }

/*SUBMENU SEXUALIDADE*/

.atendimento-social-em-sexualidade-item-menu, .clinica-popular-de-sexualidade-item-menu { width: 100%; left: 0; margin-left: 0; position: relative }

.atendimento-social-em-sexualidade-menu, .clinica-popular-de-sexualidade-menu 
{ width: 96%; position: relative; left: 100%; margin-left: -96%; padding-top: 5.5vh; }

.atendimento-social-em-sexualidade-item-menu, .clinica-popular-de-sexualidade-item-menu { display: none; }

.atendimento-social-em-sexualidade-item-menu-deitado, .clinica-popular-de-sexualidade-item-menu-deitado { display: block; }

.menu-midia-movel ul li.sexualidade_clinica ul, .menu-midia-movel ul li.sexualidade_clinica_ativo ul
{ width: calc(100vw - 42.3vh); margin-left: calc(-100vw - 1.5vh); list-style: none; height: 26.3vh; z-index: 999999; position: absolute; padding-top: 0; 
  padding-bottom: 0; margin-top: -32.2vh; background-color: rgb(230,39,140) }

.menu-midia-movel ul li.sexualidade_clinica ul li, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li
{ border-bottom: 2px solid rgb(3,145,206); padding-bottom: 0; padding-top: 0; height: 13vh; width: 100%; position: relative; text-align: left; 
  padding-right: 0 !important; padding-left: 0; margin-top: 0; font-family: arial; color: #000; font-size: 3vh; text-decoration: none; white-space: normal; 
  background-color: transparent; letter-spacing: 0.07vh; }

.menu-midia-movel ul li.sexualidade_clinica ul li a, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li a, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul li a.ativo
{ padding-right: 0; line-height: 3.2vh; text-align: left; font-family: arial; font-size: 3.5vh; color: #fff; margin-top: 0; z-index: 99; font-weight: normal; 
  letter-spacing: 0.07vh; white-space: normal; text-transform: none; }

.menu-midia-movel ul li.sexualidade_clinica ul li a, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li a, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul li a.ativo:hover { text-decoration: none; }

.menu-midia-movel ul li.sexualidade_clinica ul li a:hover, .menu-midia-movel ul li.sexualidade_clinica_ativo ul li a:hover, 
.menu-midia-movel ul li.sexualidade_clinica_ativo ul li a.ativo 
{ text-decoration: underline; }

/*SUBMENU CURSOS*/

.consultoria-item-menu, .ctsex-item-menu, .formacao-em-terapia-sexual-item-menu, .pos-graduacao-em-terapia-sexual-item-menu 
{ width: 100%; left: 0; margin-left: 0; position: relative }

.consultoria-menu, .ctsex-menu, .formacao-em-terapia-sexual-menu, .pos-graduacao-em-terapia-sexual-menu, .sexualidade-inclusiva-menu, .depoimentos-menu 
{ width: 96%; position: relative; left: 100%; margin-left: -96%; padding-top: 3.5vh }

.consultoria-item-menu, .ctsex-item-menu, .formacao-em-terapia-sexual-item-menu, .pos-graduacao-em-terapia-sexual-item-menu { display: none }

.consultoria-item-menu-deitado, .ctsex-item-menu-deitado, .formacao-em-terapia-sexual-item-menu-deitado, .pos-graduacao-em-terapia-sexual-item-menu-deitado 
{ display:  block }

.menu-midia-movel ul li.cursos ul, .menu-midia-movel ul li.cursos_ativo ul
{ width: calc(100vw - 42.3vh); margin-left: calc(-100vw - 1.5vh); list-style: none; height: 64.5vh; z-index: 999999; position: absolute; padding-top: 0; 
  padding-bottom: 0; margin-top: -40.8vh; background-color: rgb(230,39,140) }
  
.menu-midia-movel ul li.cursos ul li, .menu-midia-movel ul li.cursos_ativo ul li
{ border-bottom: 2px solid rgb(3,145,206); padding-bottom: 0; padding-top: 0; height: 10.5vh; width: 100%; position: relative; text-align: left; 
  padding-right: 0 !important; padding-left: 0; margin-top: 0; font-family: arial; color: #000; font-size: 3vh; text-decoration: none; white-space: normal; 
  background-color: transparent; letter-spacing: 0.07vh; }
  
.menu-midia-movel ul li.cursos ul li a, .menu-midia-movel ul li.cursos_ativo ul li a, .menu-midia-movel ul li.cursos_ativo ul li a.ativo
{ padding-right: 0; line-height: 3.2vh; text-align: left; font-family: arial; font-size: 3.5vh; color: #fff; margin-top: 0; 
  z-index: 99; font-weight: normal; letter-spacing: 0.07vh; white-space: normal; text-transform: none; }

.menu-midia-movel ul li.cursos ul li a, .menu-midia-movel ul li.cursos_ativo ul li a, .menu-midia-movel ul li.cursos_ativo ul li a.ativo:hover 
{ text-decoration: none; }

.menu-midia-movel ul li.cursos ul li a:hover, .menu-midia-movel ul li.cursos_ativo ul li a:hover, .menu-midia-movel ul li.cursos_ativo ul li a.ativo 
{ text-decoration: underline; }
}