/***** menu hamburguer / mobile *****
#mobile-bg { display:none; background-color:#125f91; position:absolute; left:0; top:0; width:100%; height:5000px; z-index:1; opacity:0; transition: all 1s; }
#mobile-menu { display:none; position:absolute; top:50%; left:0; width:100%; transform:translate(0, -50%); font-size:30px; opacity:0; transition: .25s .1s cubic-bezier(0, 1.07, 0, 1.02); z-index:20; }
#mobile-menu ul { list-style-type:none; text-align:center }
#mobile-menu ul li a { color:#FFF; text-decoration:none; display:block; padding:10px 0; margin:10px 0 }
#mobile-menu ul li a:hover { color:#CCC }
.menu-button { background:#fff; border-radius:50%; width:60px; height:60px; position:absolute; top:0px; right:0px; transition:  box-shadow 1.1s cubic-bezier(.19,1,.22,1); z-index:10; }
.hamburguer { position:relative; display:block; background:#125f91; width:30px; height:2px; top:29px; left:15px; transition:.5s ease-in-out; }
.hamburguer:before, .hamburguer:after { background:#125f91; content:''; display:block; width:100%; height:100%; position:absolute; transition:.5s ease-in-out; }
.hamburguer:before { top:-10px; }
.hamburguer:after { bottom:-10px; }
input#menu-hamburguer { display:none; }
input#menu-hamburguer:checked ~ label .menu-button { box-shadow: 0 0 0 130vw #125f91, 0 0 0 130vh #125f91; }
input#menu-hamburguer:checked ~ label .hamburguer { transform:rotate(45deg); }
input#menu-hamburguer:checked ~ label .hamburguer:before { transform:rotate(90deg); top:0; }
input#menu-hamburguer:checked ~ label .hamburguer:after { transform:rotate(90deg); bottom:0; }
input#menu-hamburguer:checked ~ #mobile-menu, input#menu-hamburguer:checked ~ #mobile-bg  { opacity:1; display:block; }
/***** fim menu mobile *****/


@media screen and (max-width: 1600px) {
	.to-whats.m { right:6% }
}

@media screen and (max-width: 1220px) {
	.to-whats.m { right:7% }
}

@media screen and (max-width: 1140px) {
}

@media screen and (max-width: 1024px) {
	.to-whats.m { right:7.5% }
}

@media screen and (max-width: 1199px) {
	.to-whats.m { right:8% }
	body { padding-top:42px }
	button.hamburger { display:block; position:fixed; top:2px; left:0px; z-index:103; padding:9px 14px; outline:none }
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before,
	.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before { background-color:#FFF }
	.hamburger-box { zoom:0.8; }
	.is-active .hamburger-box { zoom:0.6; top:5px }
	/*.hamburger-box { width:32px }
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width:32px }
	.hamburger-inner:before { top:-9px }
	.hamburger-inner:after { bottom:-9px }*/
	header .barra > div { float:none; padding:10px 0; display:block }
	header .barra .left, header .barra .right > span { display:none }
	header .barra .right { position:relative; z-index:110 }
	header .barra { position:fixed; left:0; top:0; width:92%; padding:0 4%; height:42px; background:#0587d1; z-index:101 }
	header .topo { position:fixed; left:-120%; top:42px; width:100%; overflow:hidden; z-index:99; box-shadow:0px 0px 10px 3px #000; transition: 0.5s }
	header .topo.open { left:0; }
	header .topo nav > ul { margin:5px 0 20px 0 }
	header .topo nav > ul, header .topo nav > ul > li { float:none; display:block }
	header .topo nav > ul > li::after { content:'' }
	header .topo nav > ul > li > a { display:block; font-size:20px; padding:5px 0; margin:5px 0; text-align:center }
	header .topo nav ul ul { display: none !important }
	header .topo .logo-azul { display:none }
	header .logo-branco { display:block; position:fixed; left:15px; top:7px; width:90%; text-align:center; z-index:102; padding:0!important }
	header .logo-branco img { height:24px; width:auto }
	header .logo-branco img.logo-hsc { height:20px }
	header .col { float:none; display:block; width:100% }
}

@media screen and (max-width: 768px) {
	.to-whats.m { right:9.5% }
	header .barra > .grid4 { width:30%; float:right }
	#abertas > div > div, 
	#acontece > div > div, 
	#galeria > div > div, 
	#videos > div > div, 
	#noticias .col, 
	.grid .col { max-width:256px; margin:0 auto 60px auto; float:none; display:block }
	#abertas .mes, #abertas .dia { display:inline-block; font-size:24px; position:relative; top:-5px }
	#abertas .tipo { position:absolute; right:0; top:0 }
	#abertas > div > div { margin-bottom:50px; max-width:256px }
	#abertas > div > div > div > div { position:relative }
	#abertas h2 { width:100% }
	#abertas .mes { font-weight: 900; color: #04f0f0; }
	#abertas .mes::after { content:' /' }
	#abertas .btn1 { margin:0 0 50px 0 }
	#acontece h2 { margin:12px 0 8px 0 }
	#galeria .grid3 > div, #videos .grid3 > div { margin:15px 0 8px }
	#conheca { height:auto; background:#EDEDEE; padding-bottom:50px }
	#conheca img { position:relative }
	footer { text-align:center }
	footer .acesso-rapido, footer .onde h3, footer .onde big, footer .onde .grid4 { display:none }
	footer .social { position:relative; }
	footer .copy { font-size:10px; padding:25px 10% 22px }
	#curso .card { margin:40px 0 }
	#curso .tabs-nav { display:none }
	#curso table.programa { width:100% }
	#curso #corpo-docente h2, #curso #corpo-docente iframe { margin-top:35px }
	#curso #corpo-docente h2:first-child { margin-top:0 }
	#curso .invest { display:block }
	#curso .invest .box { margin:35px auto }
	#curso .invest .box.active { margin-top:95px }
	#curso .invest .box .btn1 { top:-60px }
	#curso .insc .flex-center { display:block; text-align:center }
	#curso .insc .restam .wrapper { width:80%; margin:auto }
	#curso .minicurriculo .group { display:block }
	#curso .minicurriculo .group .grid3 { margin:60px auto }
	#curso .minicurriculo .group .grid3:first-child { margin-top:0 }
	#curso .minicurriculo .group .grid3:last-child { margin-bottom:0 }
	#curso .minicurriculo.count1 .col { max-width:220px; margin:auto; float:none }
}

@media screen and (max-width : 640px) {
	.to-whats.m { right:11% }
	/*
	#curso .ui-tabs .table1 td { white-space:normal }
	#curso .ui-tabs .ui-tabs-nav li a { font-size:12px; padding:15px 4px }
	*/
}

@media screen and (max-width : 480px) {
	.to-whats.m { right:15% }
}

@media screen and (max-width : 380px) {
	.to-whats.m { right:17% }
}

@media screen and (max-width : 320px) {
	.to-whats.m { right:19% }
}