@font-face {
  font-family: 'Rawson';
  src: url('../font/Rawson-Regular.woff2') format('woff2'), url('../font/Rawson-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Rawson Thin';
  src: url('../font/Rawson-Thin.woff2') format('woff2'), url('../font/Rawson-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Rawson Light';
  src: url('../font/Rawson-Light.woff2') format('woff2'), url('../font/Rawson-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Rawson ExLight';
  src: url('../font/Rawson-ExtraLight.woff2') format('woff2'), url('../font/Rawson-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Rawson Med';
  src: url('../font/Rawson-Medium.woff2') format('woff2'), url('../font/Rawson-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Rawson Bold';
  src: url('../font/Rawson-Bold.woff2') format('woff2'), url('../font/Rawson-Bold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Rawson ExBold';
  src: url('../font/Rawson-ExtraBold.woff2') format('woff2'), url('../font/Rawson-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Rawson Black';
  src: url('../font/Rawson-Black.woff2') format('woff2'), url('../font/Rawson-Black.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Rawson ExBlack';
  src: url('../font/Rawson-ExtraBlack.woff2') format('woff2'), url('../font/Rawson-ExtraBlack.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Rawson SemiBold';
  src: url('../font/Rawson-SemiBold.woff2') format('woff2'), url('../font/Rawson-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Rawson ThinIt';
  src: url('../font/Rawson-ThinIt.woff2') format('woff2'), url('../font/Rawson-ThinIt.woff') format('woff');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Rawson BoldIt';
  src: url('../font/Rawson-BoldIt.woff2') format('woff2'), url('../font/Rawson-BoldIt.woff') format('woff');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Rawson MediumIt';
  src: url('../font/Rawson-MediumIt.woff2') format('woff2'), url('../font/Rawson-MediumIt.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Rawson ExBlackIt';
  src: url('../font/Rawson-ExtraBlackIt.woff2') format('woff2'), url('../font/Rawson-ExtraBlackIt.woff') format('woff');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Rawson BlackIt';
  src: url('../font/Rawson-BlackIt.woff2') format('woff2'), url('../font/Rawson-BlackIt.woff') format('woff');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Rawson RegIt';
  src: url('../font/Rawson-RegularIt.woff2') format('woff2'), url('../font/Rawson-RegularIt.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Rawson ExLightIt';
  src: url('../font/Rawson-ExtraLightIt.woff2') format('woff2'), url('../font/Rawson-ExtraLightIt.woff') format('woff');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Rawson ExBoldIt';
  src: url('../font/Rawson-ExtraBoldIt.woff2') format('woff2'), url('../font/Rawson-ExtraBoldIt.woff') format('woff');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Rawson SemiBoldIt';
  src: url('../font/Rawson-SemiBoldIt.woff2') format('woff2'), url('../font/Rawson-SemiBoldIt.woff') format('woff');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Rawson LightIt';
  src: url('../font/Rawson-LightIt.woff2') format('woff2'), url('../font/Rawson-LightIt.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}

.Rawson {
  font-family: 'Rawson';
  font-weight: normal;
  font-style: normal;
}

.Thin {
  font-family: 'Rawson Thin';
  font-weight: 100;
  font-style: normal;
}

.Light {
  font-family: 'Rawson Light';
  font-weight: 300;
  font-style: normal;
}

.ExLight {
  font-family: 'Rawson ExLight';
  font-weight: 200;
  font-style: normal;
}

.Med {
  font-family: 'Rawson Med';
  font-weight: 500;
  font-style: normal;
}

.Bold {
  font-family: 'Rawson Bold';
  font-weight: 600;
  font-style: normal;
}

.ExBold {
  font-family: 'Rawson ExBold';
  font-weight: 800;
  font-style: normal;
}

.Black {
  font-family: 'Rawson Black';
  font-weight: 800;
  font-style: normal;
}

.ExBlack {
  font-family: 'Rawson ExBlack';
  font-weight: 900;
  font-style: normal;
}

.SemiBold {
  font-family: 'Rawson SemiBold';
  font-weight: 600;
  font-style: normal;
}

.ThinIt {
  font-family: 'Rawson ThinIt';
  font-weight: 100;
  font-style: italic;
}

.BoldIt {
  font-family: 'Rawson BoldIt';
  font-weight: 600;
  font-style: italic;
}

.MediumIt {
  font-family: 'Rawson MediumIt';
  font-weight: 500;
  font-style: italic;
}

.ExBlackIt {
  font-family: 'Rawson ExBlackIt';
  font-weight: 900;
  font-style: italic;
}

.BlackIt {
  font-family: 'Rawson BlackIt';
  font-weight: 800;
  font-style: italic;
}

.It {
  font-family: 'Rawson RegIt';
  font-weight: normal;
  font-style: italic;
}

.ExLightIt {
  font-family: 'Rawson ExLightIt';
  font-weight: 200;
  font-style: italic;
}

.ExBoldIt {
  font-family: 'Rawson ExBoldIt';
  font-weight: 800;
  font-style: italic;
}

.SemiBoldIt {
  font-family: 'Rawson SemiBoldIt';
  font-weight: 600;
  font-style: italic;
}

.LightIt {
  font-family: 'Rawson LightIt';
  font-weight: 300;
  font-style: italic;
}

.img-center img {margin: 0 auto;}


body {
  font-family: 'Rawson', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  overflow-x: hidden;
  color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Rawson", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/* Banner */
.lp-estagio .slider-caption {
    max-width: 1400px !important;
}

.lp-estagio .slider-caption .logo-vplay {
    margin-left: -40px;
    margin-bottom: 30px;
    width: 100%;
    max-width: 350px;
}

.titulo-banner {
    font-size: 70px;
    line-height: 0.8;
    letter-spacing: -2.0px;
}

/*media*/
@media (min-width: 1024px) {
.lp-estagio .slider-caption { bottom: 7% !important;}
/*media*/}

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

.lp-estagio .slider-caption {top: 38px;}

.lp-estagio img.show-mobile {
    width: 100% !important;
    max-width: none !important;
    margin-top: 66px !important;
}
/*media*/}


/* Boas Vindas*/
#boas-vindas .sub {
     color: #0863bd;
    font-size: 28px;
    margin: 0;
    padding: 0;
}
.citacao {
  position: relative;
  padding: 50px 0;
  font-size: 2.5vw;
  line-height: 1.2;
}

.citacao span.legenda {
    display: block;
    font-size: 28px;
    font-family: 'Rawson BlackIt';
    margin-top: 23px;
    line-height: 1;
    margin-bottom: 0;
}

.citacao:before,
.citacao:after {
    content: '';
    border-top: 2px solid #0863bd;
    width: 25% !important;
    height: 0 !important;
    position: absolute;
    display: block;
    max-width: 200px;
}
.citacao:before{top: 10px;}
.citacao:after{bottom: 10px;}

/* Features */
.row.feature-row {margin-bottom: 120px;}

.feature h2 {
    font-family: 'Rawson BoldIt', sans-serif;
    font-size: 57px;
    margin-bottom: 25px;
}
.feature p {
    font-size: 24px;
}
.feature ul,
.feature li {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
}
.feature li {
    font-size: 24px;
}
.feature.verde h2, .feature.verde li i {color: #c3f25c;}
.feature.vermelho h2, .feature.vermelho li i  {color: #f24545;}
.feature.amarelo h2, .feature.amarelo li i  {color: #f2e96a;}
.feature.azul h2, .feature.azul li i {color: #6a66f2;}
.feature li i { font-size:70%; }

/* Depoimentos */
#depoimentos .titulo h2 {
    font-size: 100px;
    line-height: 0.7;
}
#depoimentos .row.depoimento {margin: 150px 0 !important;}
/*media*/
@media (min-width: 1024px) {
#depoimentos .titulo h2 span {margin-left: 15%;}
/*media*/}
#inscricao .titulo h2 {
    font-size: 100px;
    line-height: 0.7;
}

#inscricao .texto p { font-size: 30px;}

a.btn-start {
    background: #f24545;
    border: 0;
    border-radius: 100px;
    color: #FFF;
    padding: 3px 50px 0px 50px;
    font-family: 'Rawson BoldIt';
    font-size: 43px;
}
a.btn-start:hover { background: #b92424; color: #FFF;}

/* Final */
#final {background: #ffe9e8;}
#final h2 { font-size: 55px;}
#final p { font-size: 30px; margin: 60px 0;}

@media screen and (max-width: 768px) {
  .lp-estagio .slider-caption .logo-vplay { margin: 0 auto;}
  .citacao { font-size: 8vw;}
  #citacao .text-right {  text-align: left !important;}
  .feature-row .img-center img { margin: 0 0 30px 0 !important;}
  .feature h2 {font-size: 10vw;}
  #info .feature.azul , #info .feature.vermelho { margin-bottom: 100px;}
  #inscricao .titulo h2, #depoimentos .titulo h2 {
    font-size: 16vw;
    line-height: 0.8;
  }
  #final h2 { font-size: 9vw;}
  #final img {margin-top: 50px;}
}