*{ margin: 0px; padding: 0px; list-style: none; text-decoration: none; }

body{ background-color: #4eaf96; }
html, body{ height: 100%; font-family: lato; }
header{ height: 100%; 
  background: -moz-linear-gradient(-45deg, #95e4e8 1%, #62b7b5 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #95e4e8 1%,#62b7b5 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #95e4e8 1%,#62b7b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* TÍTULOS */
h2, h3{ color: #fff; margin: 40px 0px; }
h3{ font-size: 3.2em; font-weight: 900; }
h2{ margin-top: 0px; font-size: 2em; font-weight: 900; }

img{ max-width: 100%; height: auto; }

/* PARÁGRAFOS */
p{ color: #eee; font-size: 1.1em; line-height: 26px; margin-bottom: 10px; }

/* COLORS TITLES */
em.colors{ color: #f9ff00; font-style: normal; }

/* ARREDONDAMENTO */
.round{
  border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
}

.imgMusculo{ position: absolute; right: 0px; }

/* ICONS */
.icon-agenda, .icon-pc, .icon-play{ display: block; width: 39px; height: 39px; margin: 0px 0px; }
.icon-agenda{ background: url('../icons/calendar.svg'); }
.icon-pc{ background: url('../icons/calendar.svg'); }
.icon-play{ width: 100px; height: 100px; background: url('../icons/play.svg'); margin: 0px auto; margin-top: 190px; }

/* IMAGENS */
.image{ display: block; }
.note{ width: 100%; height: 420px; background: url('../imgs/notebook-01.svg'); background-repeat: no-repeat; } 

/* LOGO */
.logo{ display: block;  margin-top: 30px; }

/* CLASSES */
.content{ margin: 0px auto; max-width: 1200px; }
.line{ padding: 100px 0px; width: 100%; overflow: hidden; height: 100%; }
.column-left, .column-right{ position: relative; width: 50%; float:left; }
.subTitle{ font-size: 1.2em; margin-bottom: 10px; }
.groupDay-horas{ position: relative; padding: 0px; margin-bottom: 30px; }
.lst-dias li{ color: #f7e248; display: inline-block; padding: 0px; width: 140px; }
.lst-dias li span{ display: block; font-size: 1.5em;  font-weight: 800; color: #fff; }

.lst-redes{ text-align: center; width: 93%; margin-top: -35px; height: 100%; z-index: 99999; }
.lst-redes li{ display: inline-block; margin: 7px; }
.lst-redes li i{ font-size: 2em; color: #000; }
.lst-redes li a{ display: block; padding: 10px; background-color: #f7e248; }

.column-right a{ display: block; text-align: center; }

/* BOTÕES */
.btn-participar{ position: relative; margin-top: 40px; background-color: #139871; 
  padding: 20px 0px; color: #fff; font-size: 1em;
  text-transform: uppercase; text-align: center;
  max-width: 220px; font-weight: 700;
  cursor: pointer;
}

.btn-participar:hover{ background-color: #33aa85; }

.img-author2{ width: 80%; }

.piloto p{ width: 82%; }

/* FOOTER */
.footer{ margin-top: 60px; width: 100%; overflow: hidden; background-color: #212124; clear: both; padding: 12px 0px; }
.footer p{ margin: 0px; font-size: 1em; }
.lst-footer{ text-align: right; }
.lst-footer li{ margin-left: 18px; display: inline-block; padding: 20px 0px; }
.lst-footer li:first-child{ margin-left: 0px; }
.lst-footer li a{ font-size: 0.9em; color: #139871; }
.logo-footer{ background: url('../imgs/logo-footer.png'); margin-top: 40px; }
.copy{ color: #535353; font-size: 0.9em; display: inline-block; 
  margin-top: 14px; margin-left: 20px; position: absolute; }


  /* FORM ENVIO */
  .formEnvio{ max-width: 430px; }
 .formEnvio input{
  width: 100%;
  padding: 16px 12px;
  border: 1px solid #139871;
  outline: none;
  margin: 3px 0px;
  clear: both;
  box-sizing: border-box;

  border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
 } 
  .btnEnvio{ background-color: orange; font-size: 1.1em; margin-top: 60px; }
  .btnEnvio:hover{ cursor: pointer; }

/* RESPONSIVE   */
@media screen and (max-width:500px){

  .img-author2{ text-align: center; margin: 10px auto; display: Block; margin-bottom: 50px; float: none; }
  .content{ margin: 0px auto; max-width: 90%; }
  .logo{ margin: auto auto; margin-top: 15px; text-align: center; width: 80%; }
  .column-left, .column-right{ width: 100%; }
  .subTitle{ font-size: 1em; margin-bottom: 10px; }
  .groupDay-horas{ position: relative; right: 0px; }
  .btn-participar{ margin: 0px auto; padding: 20px 0px; }
  .lst-dias li{ width: 79px; display: inline-block; }
  .icon-agenda, .icon-pc{ width: 40px; height: 40px; float: left; }
  .lst-dias li span{ font-size: 0.9em; float: left; }
  .img-author{ width: 100%; }
  .lst-redes{ width: 100%; }
  .line{ padding: 20px 0px; }
  p{ text-align: justify; width: 100%; }
  .footer{ text-align: center; }
  .copy{ display: block; text-align: center; margin-left: 0px; position: relative; }
  .lst-footer{ text-align: center; margin-top: 20px; }
  .lst-footer li{ margin-left: 0px; display: block; padding: 10px 0px; }
  .note{ height: 220px; }
  .icon-play{ width: 50px; height: 50px; margin-top: 20px; }

  /* TÍTULOS */
  h3{ font-size: 2.1em; font-weight: 900; text-align: center; }

  .groupDay-horas{ position: relative; padding: 0px; margin-bottom: 50px; }
  .lst-dias li{ color: #cee819; display: inline-block; padding: 0px; width: 140px; }
  .lst-dias li span{ display: block; font-size: 1.5em;  font-weight: 800; color: #fff; }

  .btn-participar{ margin-top: 20px; }

}

/* DE 501 A 959 */
@media (min-width:501px) and (max-width:959px){
  .content{ margin: 0px auto; max-width: 90%; }
  .logo{ text-align: center; }
  .column-left, .column-right{ width: 100%; }
  .btn-participar{ margin: 0px auto; padding: 20px 0px; }
  .groupDay-horas{ position: relative; margin-top: 30px; width: 100%; right: 0px; }
  .img-author2{ text-align: center; margin: 10px auto; display: Block; margin-bottom: 50px; float: none; }
  .lst-dias{ text-align: center; }
  .lst-dias li{ display: inline-block;}
  .lst-dias li span{ font-size: 0.9em; }
  .line{ padding: 50px 0px; }
  .icon-agenda, .icon-pc{ width: 40px; height: 40px; float: left; }
  .img-author{ width: 100%; }
  .lst-redes{ width: 100%; }
  .icon-play{ width: 70px; height: 70px; margin: 0px auto; margin-top: 30px; }
  p{ text-align: justify; }
  footer .column-right{ text-align: center; }
  .formEnvio{ margin: 10px auto; max-width: 430px; }

  .subTitle{ position: relative; text-align: center; margin-top: 25px; }

  /* TÍTULOS */
  h3{ font-size: 2.2em; font-weight: 900; text-align: center; }
}

@media (min-width:959px) and (max-width:1147px){
  .content{ margin: 0px auto; max-width: 90%; }
  .logo{ text-align: center; }
  .column-left, .column-right{ width: 100%; }
  .btn-participar{ margin: 0px auto; padding: 20px 0px; }
  .groupDay-horas{ position: relative; margin-top: 30px; width: 100%; right: 0px; }
  .img-author2{ text-align: center; margin: 10px auto; display: Block; margin-bottom: 50px; float: none; }
  .lst-dias{ text-align: center; }
  .lst-dias li{ display: inline-block;}
  .lst-dias li span{ font-size: 0.9em; }
  .line{ padding: 50px 0px; }
  .icon-agenda, .icon-pc{ width: 40px; height: 40px; float: left; }
  .img-author{ width: 100%; }
  .lst-redes{ width: 100%; }
  .icon-play{ width: 70px; height: 70px; margin: 0px auto; margin-top: 30px; }
  p{ text-align: justify; }
  footer .column-right{ text-align: center; }
  .formEnvio{ margin: 10px auto; max-width: 430px; }

  .subTitle{ position: relative; text-align: center; margin-top: 25px; }

  /* TÍTULOS */
  h3{ font-size: 2.2em; font-weight: 900; text-align: center; }
}