body {
    font-family: 'Roboto Slab', serif;
}
iframe {
    max-width: 100%;
}

img {
    max-width: 100%;
}
.apresentacao{
    color: #FFF;
    padding-top: 55px;
    font-size: 18px;
    background-color:#522577;
    background-position: center bottom;
    background-size: 70%;
    background-repeat: no-repeat;
    height: 670px;
}
.logo {
    margin-bottom: 30px;
}
.pillows {
    width: 600px;
    margin: 0 auto;
    position: relative;
    margin-top: 45px;
    max-width: 100%;
}
.btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -25px;
}
.pillows-1,
.pillows-2,
.pillows-3,
.pillows-4,
.pillows-5,
.pillows-6 {
    position: absolute;
}
img.pillows-1 {
    left: -205px;
    bottom: 70px;
    width: 245px;
}
img.pillows-2 {
    left: -100px;
    bottom: 270px;
    width: 240px;
}
img.pillows-3 {
    left: 110px;
    top: -10px;
    width: 210px;
}
img.pillows-4 {
    left: 330px;
    top: -15px;
    width: 210px;
}
img.pillows-5 {
    left: 520px;
    top: 25px;
    width: 245px;
}
img.pillows-6 {
    left: 540px;
    bottom: 30px;
    width: 245px;
}
.pillow-caixa {
    position: relative;
    margin-top: 155px;
    display: inline-block;
}
.criador {
    padding-top: 210px;
    color: #fff;
    background-color: #da483b;
    font-size: 18px;
}
.criador p {
    margin-bottom: 25px;
}
.rodrigo {
    position: absolute;
    left: -300px;
    top: 10px;
}
.title-rodrigo {
    color: #fe0;
    font-size: 24px;
}
.apresentacao .texto-destaque {
    color: #ffee00;
}
.display {
    background-color: #339887;
    color: #FFF;
    padding-top: 70px;
    padding-bottom: 25px;
}
.display-title {
    display: block;
    background-color: #fff;
    float: right;
    padding: 5px 15px;
    color: #339887;
    font-size: 46px;
    font-weight: bold;
    margin-bottom: 25px;
}
.pillowtoys {
    background-color: #e3007a;
    padding-bottom: 45px;
}
.pillowtoys .display-title {
    color: #e3007a;
    float: left;
}
.pillow-box-right {
    position: absolute;
    right: -70px;
    bottom: -110px;
}
.img-chapolin {
    position: absolute;
    bottom: -80px;
    left: -390px;
}
.veja-mais {
    color: #672e7f;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.saiba-mais {
    background-color: #682e7f;
    padding: 50px 0px;
    color: #FFF;
}

.saiba-mais .saiba-mais-title,
.saiba-mais .baixe,
.quero .title-quero,
.interesse .title-interesse {
    font-size: 60px;
    line-height: 1;
    margin: 0;    
}
.saiba-mais .baixe {
    font-size: 30px;
    margin-top: 20px;
    background-color: #fff;
    display: inline-block;
    padding: 15px 20px;
    color: #682e7f;
}
.saiba-mais .baixe span,
.saiba-mais .baixe a {
    text-decoration: underline;
    color: #682e7f;;
}
.quero {
    padding: 50px 0px;
    background-color: #d69201;
    color: #FFF;
}
.quero .descricao-quero,
.interesse .descricao-interesse {
    font-size: 24px;
}
.interesse {
    padding: 50px 0px;
    background-color: #FFF;
    color: #0096a7;
}
input[type=text].form-control,
input[type=email].form-control,
select.form-control {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}
.quero input[type=text].form-control,
.quero input[type=email].form-control,
.quero select.form-control {
    border-bottom: 1px solid #fff;
    color: #FFF;
    margin-bottom: 35px;
    font-size: 20px;
}
.interesse input[type=text].form-control,
.interesse input[type=email].form-control,
.interesse select.form-control {
    border-bottom: 1px solid #0096a7;
    color: #0096a7;
    margin-bottom: 35px;
    font-size: 20px;
    font-weight: bold;
}
.btn-enviar {
    background-color: #FFF;
    border-radius: 0;
    border: none;
    box-shadow: none;
    color: #d69201;
    font-size: 20px;
    padding: 10px 55px;
}
.btn-enviar2 {
    background-color: #0096a7;
    border-radius: 0;
    border: none;
    box-shadow: none;
    color: #FFF;
    font-size: 20px;
    padding: 10px 55px;
}
.rodape {
    background-color: #87ac00;
    min-height: 200px;
    padding: 25px 0;
    text-transform: uppercase;
    font-size: 14px;
    color: #FFF;
    line-height: 20px;
    font-weight: bold;
}
.form-control:focus {
    border: none;
    box-shadow: none;
}
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family: 'PT Sans', sans-serif;
    font-weight: normal;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
    font-family: 'PT Sans', sans-serif;
    font-weight: normal;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
    font-family: 'PT Sans', sans-serif;
    font-weight: normal;
}
.form-control:-moz-placeholder { /* Firefox 18- */
    font-family: 'PT Sans', sans-serif;
    font-weight: normal;
}

.quero .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #FFF;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: normal;
}
.quero .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #FFF;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: normal;
}
.quero .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #FFF;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: normal;
}
.quero .form-control:-moz-placeholder { /* Firefox 18- */
    color: #FFF;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: normal;
}

.interesse .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #0096a7;
    font-size: 20px;
    font-weight: normal;
}
.interesse .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #0096a7;
    font-size: 20px;
    font-weight: normal;
}
.interesse .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #0096a7;
    font-size: 20px;
    font-weight: normal;
}
.interesse .form-control:-moz-placeholder { /* Firefox 18- */
    color: #0096a7;
    font-size: 20px;
    font-weight: normal;
}

.ml-20 {
    margin-left: 20px;
}

.pd-lr-5 {
    padding-right: 5px;
    padding-left: 5px;
}

.pd-55 {
    padding: 0 55px;
}

.img-mb-10px img {
    margin-bottom: 10px;
}

.delay10 { -webkit-animation-delay: 1.0s; animation-delay: 1.0s; }
.delay13 { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; }
.delay16 { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }
.delay19 { -webkit-animation-delay: 1.9s; animation-delay: 1.9s; }
.delay22 { -webkit-animation-delay: 2.2s; animation-delay: 2.2s; }


.text-justify {
    text-align: justify;
}

.quero .title-quero {
    font-size: 50px;
}

.mg-t-15 {
    margin-top: 15px;
}

.btn-success:hover {
    color: #fff;
    background-color: #805700;
    border-color: #805700;
}