/*-------seções-----*/

body {
	background-color: #333;
	font-family: "Sora", Sans-serif;
	margin: 0;
	}

body .container {
	width: 1080px;
	margin: 0 auto;
	padding: 0 20px;
	max-width: calc(100% - 40px);
	}

section.mod-cabecalho {
	background-color: transparent;
    background-image: radial-gradient(at center center, #555555 0%, #222222 100%);
	padding: 40px 0 60px;
	width: 100%;
	}

strong, b {
	font-weight: 600;
	}

/*-------textos-----*/

p.headline {
    color: #fff;
    font-size: 26px;
    font-weight: 300;
    line-height: 1.3em;
    letter-spacing: 0.5px;
	margin: 0 auto;
	width: 860px;
	max-width: 100%;
	}

p.subhead {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.1em;
	text-decoration: underline;
	}

p.text {
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.2em;
	}

p.text.rodape {
    color: #A5A5A5;
    font-size: 12px;
	text-align: justify
	}

p.center {
    text-align: center;
	}

span.grad {
    background: linear-gradient(160deg, #308002 0%, #99db52 50%);
    color: transparent;
    -webkit-background-clip: text;
	}

.video-vsl {
    width: 800px;
    margin: 30px auto 0;
	max-width: 100%;
	}

span.subli {
    text-decoration: none;
    background: linear-gradient(to right, #388708 0%, #8dd149 50%);
    background-position: 0 84%;
    background-repeat: no-repeat;
    background-size: 100% 4px;
}

/*-----outros-----*/

img.logo {
    width: 160px;
	}

.audio {
    background-color: #fee300;
    padding: 5px 20px;
    border-right: 2px solid #D81207;
    display: table;
    text-align: center;
    margin: 0px auto;
	}

.fa-volume-high {
    margin-right: 8px;
    font-size: 15px;
	}

.fa-lock {
    margin-right: 5px;
    color: #fee300;
	}	


/* ------ modulo rodape ----------*/

footer {
    padding: 45px 0px 25px;
    color: white;
	background-color: #333333;
	}

footer .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}

footer .bl-col-1 {
    flex: 0 0 35%;
	max-width: calc(35% - 40px);
    padding: 0;
	}

footer .bl-col-2 {
    flex: 0 0 65%;
    max-width: 65%;
	}

footer hr {
	width: 100%;
    margin: 30px auto;
	border: solid #eee;
	border-width: 1px 0 0;
	}

footer hr.grossa {
    border: solid #eee;
    border-width: 3px 0 0;
	}

footer ul {
    list-style: none;
    text-align: right;
    margin: 0px;
    padding: 0;
	}

footer li {
	display: inline;
    margin-bottom: 0px;
    padding: 0px;
    background: none;
	}

footer a{	
    color: #fff;
    margin: 0 8px;
    font-weight: 300;
    font-size: 13px;
	text-decoration: none;
	}

footer a:hover{	
    color: #99DB52;
	}

/* ------ mobile ----------*/

@media (max-width: 780px) {

	
footer .bl-col-1 {
    flex: 0 0 100%;
    max-width: calc(100% - 40px);
    padding: 0 20px;
	}
	
footer .bl-col-2 {
    flex: 0 0 100%;
    max-width: 100%;
	}
	
p.text.mobile {
    text-align: center;
	}
	
img.logo {
    margin: 0 auto;
    display: block;
    }

footer ul {
    text-align: center;
    margin: 20px 0 0 0;
	}
	}


@media (max-width: 480px) {
	
body .container {
    padding: 0 10px;
    max-width: calc(100% - 20px);
	}
	
section.mod-cabecalho {
    padding: 30px 0 40px;
	}
	
.video-vsl {
    margin: 30px 10px 0;
	max-width: calc(100% - 20px);
	}
	
p.headline {
    width: 360px;
    font-size: 21px;
    line-height: 1.3em;
    }
	}