/*Feito pela estevamdesign.com*/

*{
    padding: 0px;
    margin: 0px auto;
    font-family: 'Arial';
    box-sizing: border-box;
}

body{
    background-color: #fff;
}

p{color: #333333;}

.row{
    width: 100%;
    display: inline-block;
}

.span3{width: 25%; float: left;}
.span6{width: 50%; float: left;}
.span9{width: 75% float: left;}

img{width: 100%;}

.center{margin: 0 auto;width: 300px;}

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

.principal{
    max-width: 1110px;
    width: 100%;
    margin: 0 auto;
    padding: 30px;
}

.topo{
    background-color: #fc0;
    padding-bottom: 50px;
}

h1{
    color: #fff;
    font-size: 70px;
    text-transform: uppercase;
    margin-top: 50px;
}

.produtos{max-width: 900px; margin: 0 auto; padding: 40px 0px;}
.produtos .span3{
    padding: 0px 30px;
}

.call{
    background-color: #333;
    padding: 40px 0px 50px 0px;
}

.call h2{color: #fff; margin-bottom: 40px;}

.btn{background-color: #fc0; padding: 15px 20px; border-radius: 1000px; color: #333; font-weight: bold; text-decoration: none;}
.btn:hover{background-color: #efbf00;}

.videos{
    background-color: #fcfcfc;
    padding: 50px 0px;
}
.videos .principal{
    max-width: 900px;
    margin: 0 auto;
}

.videos .conteudo{
    padding: 30px 50px;
}

.videos .conteudo h2{
    margin-bottom: 30px;
    font-size: 40px;
}

.videos .conteudo p:nth-child(4){
    margin-top: 50px;
}

.footer{
    padding: 50px 0px 80px 0px;
    background-color: #fc0;
}

.footer h2{
    color: #fff;
    font-size: 60px;
    text-align: center;
    margin-bottom: 40px;
}

.footer h2 span{
    color: #f0c000;
}

.footer .principal{
    max-width: 900px;
    margin: 0 auto;
}

.footer .principal .link{
    margin-top: 60px;
}

.footer .principal .link a{
    background-color: #333; padding: 15px 20px; border-radius: 1000px; color: #fff; font-weight: bold; text-decoration: none;
}

.facebook{
    padding-left: 50px;
}