/*
Theme Name: Jeff Cheriegate
Version: 1.0
Author: Gabriel Altino
Author URI: https://gabrielaltino.com.br
*/

@font-face {
    font-family: "Core Circus";
    src: url("fonts/corecircus/corecircus.eot");
    src: url("fonts/corecircus/corecircus.eot?#iefix") format("embedded-opentype"),
    url("fonts/corecircus/corecircus.woff2") format("woff2"),
    url("fonts/corecircus/corecircus.woff") format("woff"),
    url("fonts/corecircus/corecircus.ttf") format("truetype"),
    url("fonts/corecircus/corecircus.svg#Core Circus W00 Regular") format("svg");
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('fonts/avenir/AvenirLTStd-Light.eot');
    src: url('fonts/avenir/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/avenir/AvenirLTStd-Light.woff2') format('woff2'),
        url('fonts/avenir/AvenirLTStd-Light.woff') format('woff'),
        url('fonts/avenir/AvenirLTStd-Light.ttf') format('truetype'),
        url('fonts/avenir/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Std Bold';
    src: url('fonts/avenir-bold/AvenirLTStd-Black.eot');
    src: url('fonts/avenir-bold/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/avenir-bold/AvenirLTStd-Black.woff2') format('woff2'),
        url('fonts/avenir-bold/AvenirLTStd-Black.woff') format('woff'),
        url('fonts/avenir-bold/AvenirLTStd-Black.ttf') format('truetype'),
        url('fonts/avenir-bold/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

* {box-sizing: border-box; padding: 0; margin: 0; appearance: none; -webkit-appearance: none; outline: none !important; font-family: 'Avenir LT Std';}
a {transition: 0.4s; text-decoration: none !important;}
li {list-style: none;}
body {overflow-x: hidden;}

.wrapall {display: block; width: 100%; overflow: hidden;}
header {display: table; width: 100%; padding: 50px 0; position: absolute; left: 0; top: 0; z-index: 90}
header .logo {float: left;} 
.top-text {display: table; width: 100%;}
.top-text h2 {display: table; width: 100%; text-align: center; text-transform: uppercase; font-family: "Core Circus"; font-size: 32px; color: #000000;}
.top-text p {display: table; width: 100%; text-align: justify; color: #000; font-size: 16px; color: #040404;}
.content-video {display: block; width: 100%; background: #000; margin-top: 20px; margin-bottom: 120px;}
.content-video .container {position: relative;}
.content-video .container:after {content: ""; position: absolute; width: 1000px; top: 0; bottom: -80px; left: calc(100% - 390px); background: #0806f7;}
.content-video .img-video, .content-video .img-video img {display: table; width: 100%; height: auto; position: relative; z-index: 20}
.content-video .social a {display: table; margin-left: 15px; line-height: 26px; width: 35px; border-radius: 50%; text-align: center; font-size: 20px; color: #000000; float: left; border: 2px solid #000; padding: 5px 0 0;}
.content-video .social a:hover {background: #FFF; color: #000; border-color: #FFF;}
.content-video .social {position: absolute; left: calc(100% - 390px); bottom: -60px; z-index: 20;}
.btn-cta {display: table; margin: 0 auto; color: #FFF !important; font-size: 30px; text-transform: uppercase; line-height: 50px; padding: 5px 25px 0; font-family: "Core Circus"; background: #f7a805; margin-bottom: 50px;}
.btn-cta:before {border-color: #f7a805;}
.top-text-2 {padding-top: 170px; margin: 170px 0 100px;}
footer {display: table; width: 100%; padding: 30px 0; text-align: center; background: #000;}
footer img {display: table; margin: 0 auto;}

.home-banner {display: table; width: 100%; background: url(images/bg-topo.png) center top no-repeat; padding-top: 70px; background-color: #f3f3f3;}
.home-banner .container {position: relative;}
.home-banner img {display: table; max-width: 100%; height: auto;}
.home-banner .box-form {display: table; width: 100%; padding: 40px 30px; background: #0806f7; margin-top: 130px; -webkit-box-shadow: 7px 7px 16px 0px rgba(0, 0, 0, 0.24); -moz-box-shadow: 7px 7px 16px 0px rgba(0, 0, 0, 0.24); box-shadow: 7px 7px 16px 0px rgba(0, 0, 0, 0.24);}
.home-banner .box-form .subtitle {display: table; width: 100%; text-align: center; color: #FFF; font-size: 14px; font-family: 'Avenir Std Bold';}
.home-banner .box-form h2 {text-transform: uppercase; width: 100%; text-align: center; font-size: 25px; color: #FFF; letter-spacing: 3px;}
.home-banner .box-form h2 strong {font-family: 'Avenir Std Bold'}
.home-banner .box-form form {display: table; width: 100%;}
.home-banner .box-form form input[type=text], .home-banner .box-form form input[type=email] {width: 100%; height: 30px; border: 1px solid #FFF; padding: 3px 20px 0 20px; font-size: 15px; background: transparent; margin-bottom: 15px; text-transform: uppercase; color: #FFF;}
.home-banner .box-form form ::-webkit-input-placeholder {color: #FFF;}
.home-banner .box-form form ::-moz-placeholder {color: #FFF;}
.home-banner .box-form form :-ms-input-placeholder {color: #FFF;}
.home-banner .box-form form :-moz-placeholder {color: #FFF;}
.home-banner .box-form form button {display: table; margin: 30px auto 0; height: 35px; padding: 3px 20px 0 20px; text-transform: uppercase; background: #f7a805; color: #FFF; font-size: 18px; letter-spacing: 3px; font-family: 'Avenir Std Bold'; border: none; cursor: pointer;}
.home-banner .box-form form button:before {border-color: #f7a805;}
.home-banner .box-form p {color: #FFF; width: 100%; text-align: center; font-size: 16px;}
.home-banner .social a {display: table; margin: 15px 0; line-height: 26px; width: 35px; border-radius: 50%; text-align: center; font-size: 20px; color: #0806f7; border: 2px solid #0806f7; padding: 5px 0 0; float: left;}
.home-banner .social a:hover {background: #0806f7; color: #FFF; border-color: #0806f7;}
.home-banner .social {position: absolute; left: 15px; top: 220px; z-index: 20; width: 35px;}

.home-content {display: table; width: 100%; background: #f3f3f3; padding-bottom: 50px;}
.home-content .thumb-video, .home-content .thumb-video img {display: table; margin: 0 auto; max-width: 100%;}
.home-content .thumb-video {-webkit-box-shadow: 7px 7px 16px 0px rgba(0, 0, 0, 0.24); -moz-box-shadow: 7px 7px 16px 0px rgba(0, 0, 0, 0.24); box-shadow: 7px 7px 16px 0px rgba(0, 0, 0, 0.24);}
.home-content h2 {display: table; width: 100%; text-transform: uppercase; font-family: "Core Circus"; font-size: 30px; color: #000000;}
.home-content p {display: table; width: 100%; text-align: justify; color: #000; font-size: 16px; color: #040404;}

.banner-ebook {padding-bottom: 50px}
.banner-ebook img {margin: 0 auto 0; display: table; max-width: 100%;}
.banner-ebook .box-form {margin-top: 90px;}

.wrap-topics {padding: 50px 0; display: table; width: 100%;}
.wrap-topics h2 {display: table; width: 100%; text-align: center; text-transform: uppercase; font-family: "Core Circus"; font-size: 32px; color: #000000;}
.wrap-topics p {display: table; width: 100%; text-align: justify; font-size: 16px; color: #040404; margin-bottom: 30px;}
.wrap-topics span {display: table; width: 100%; padding: 75px 30px 0; text-align: center; color: #040404; font-size: 16px;}

.video-aula {display: block; width: 100%; padding-top: 145px; position: relative; padding-bottom: 200px; background: #f3f3f3;}
.video-aula .container {position: relative;}
.video-aula .img-video, .video-aula .img-video img {display: table; width: 100%; height: auto; position: relative; z-index: 20}
.video-aula .img-video:before {content: ""; position: absolute; width: 1000px; top: 0; bottom: 0; left: -100%; background: #000000;}
.video-aula:after {content: ""; position: absolute; top: 0; bottom: 75px; left: 0; right: 60%; background: #0806f7;}
.video-aula .social a {display: table; margin: 15px 0; line-height: 26px; width: 35px; border-radius: 50%; text-align: center; font-size: 20px; color: #000000; border: 2px solid #000000; padding: 5px 0 0; float: left;}
.video-aula .social a:hover {background: #000000; color: #FFF; border-color: #000000;}
.video-aula .social {position: absolute; right: 100px; bottom: 0; z-index: 20; width: 35px;}
.video-aula .social a:last-of-type {margin-bottom: 0;}

.comments {display: table; width: 100%; padding: 50px 0; background: #f3f3f3;}

.page-confirma {padding: 100px 0 0;}

@media only screen and (max-width: 1200px){
    .container {max-width: 100%; padding: 0 20px;}
    .content-video .social {position: absolute; left: calc(100% - 170px);}
    .content-video .container:after {left: calc(100% - 180px);}
}

@media only screen and (max-width: 991px){
    .btn-cta {font-size: 18px;}
    .top-text h2 {font-size: 23px;}
    .top-text-2 {background-size: auto 90px !important; padding-top: 110px; margin: 200px 0 50px 0;}
    .home-banner img {margin: 40px auto 0;}
    .home-banner .box-form {margin: 0 auto; max-width: 600px;}
    .order-12 {-webkit-box-ordinal-group: 0; -ms-flex-order: 0; order: 0;}
    .home-content h2 {margin-top: 60px; text-align: center;}
    header {padding: 30px 0;}
    .home-banner img {max-width: 80%;}
    .home-banner .social {position: absolute; left: auto; top: -29px; z-index: 20; width: auto; right: 15px;}
    .home-banner .social a {margin: 0 6px;}
    header {width: auto;}
    .wrap-topics span {margin: 15px 0;}
    .wrap-topics {padding-top: 35px;}
    .video-aula .social {position: absolute; right: 15px; bottom: auto; z-index: 20; width: auto; top: -104px;}
    .video-aula .social a {margin: 0 5px; border-color: #0806f7; color: #0806f7}
    .video-aula {padding-bottom: 140px;}
}

@media only screen and (max-width: 680px){
    header .logo img {width: 170px; height: auto;}
    .home-banner .social {top: -36px;}
    .home-content h2, .wrap-topics h2 {font-size: 25px;}
    .video-aula .social {top: -110px}
    .video-aula:after {right: 55%; bottom: 40px;}
}