/*-----------------------------------------------------------------------
/*  Tema: R3|Fiude Agência de Inbound Marketing
/*  Descrição: Boot desenvolvido junto à UpInside Treinamento e adaptado por R3|Fiude Agência de Inbound Marketing.
/*  Desenvolvimento: Esse Boot foi desenvolvido durante o Curso da WS PHP do Jeito Certo junto à UpInside Treinamentos [www.upinside.com.br]. Todo o crédito aqui mais que mecerido Robson V. Leite. Será sempre fixado em todos os projetos da Agência os Créditos!
/*  Version     : 1.0
/*-----------------------------------------------------------------------

/*RESET*/
html, body{height: 100% !important;}

*, *:before, *:after{
    margin: 0;
    padding: 0;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
body {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 0.95em !important;
    font-weight: 400;
    color: #000;

    line-height: 1.6;
    letter-spacing: 0em;
}
::selection {
color: #ffffff;
text-shadow: none;
background-color: #3f3f52;
}

/*CONFIGURAÇÃO DO BOOT*/
h1{font-size: 2em; font-weight: 300;font-family: 'Open Sans', sans-serif;}
h2{font-size: 2em; font-weight: 300;font-family: 'Open Sans', cursive;}
h3{font-size: 1.3em; font-weight: 300;font-family: 'Open Sans', sans-serif;}
h4{font-size: 1.1em; font-weight: 300;font-family: 'Open Sans', sans-serif;}

p{margin-bottom: 15px;}
b, strong{font-weight: 400;}
mark{padding: 5px 10px; background: #eee;border-radius: 5px;}
mark-dark{padding: 5px 10px; background: #eee;border-radius: 15px;}
img{border: none; max-width: 100%; vertical-align: middle;}
ul{margin-left: 17px;}
li{padding-bottom: 5px;}
a{text-decoration: none; color: #3f3f52;}
a:hover{color: #3f3f52;}
a img{border: 0;}
.fontzero{font-size: 0px;margin: 0;padding: 0;}
.clear {clear: both;}
small, .small {font-size: 0.874em;}
.tagline{font-size: 1.1em; margin-bottom: 15px; font-weight: 300;font-family: 'Titillium Web', sans-serif;}
.lead {font-size: 1.3em; font-weight: 300; line-height: 26px;width: 80%;margin: 0 10% 15px 10%;}
img, object, embed, video {max-width: 100%;height: auto;}
iframe, iframe[style]{max-width: 100%;}
cite:before, cite:after {content: '\2014 \00A0';}
hr{border: 0;margin: 0;padding: 0;border-top: #1a1a1a 1px solid;border-bottom: #3d3d3d 1px solid;}

/*ALINHAMENTO DE FONTE*/
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
.text-lowercase {text-transform: lowercase;}
.text-uppercase {text-transform: uppercase;}
.text-light{font-weight: 300 !important;}
.text-normal{font-weight: 400 !important;}
.text-bold{font-weight: 700 !important;}
.text-shadow{text-shadow: 1px 1px 3px #000;}
.text-clear{margin: 0;padding: 0;}

/*CORES*/
.green {color: #3F4752}
.white{color: #fff;}
.black{color: #000;}
.red{color: #f00;}

/*PADDINGS E MARGINS*/
.padding-top-5 {padding-top: 5px !important;}
.padding-top-10 {padding-top: 10px !important;}
.padding-top-15 {padding-top: 15px !important;}
.padding-top-25 {padding-top: 25px !important;}
.padding-top-50 {padding-top: 50px !important;}
.padding-top-75 {padding-top: 75px !important;}
.padding-top-100 {padding-top: 100px !important;}

.padding-bottom-5 {padding-bottom: 5px !important;}
.padding-bottom-10 {padding-bottom: 10px !important;}
.padding-bottom-15 {padding-bottom: 15px !important;}
.padding-bottom-25 {padding-bottom: 25px !important;}
.padding-bottom-50 {padding-bottom: 50px !important;}
.padding-bottom-75 {padding-bottom: 75px !important;}
.padding-bottom-100 {padding-bottom: 100px !important;}

.padding-tb-5 {padding: 5px 0 !important;}
.padding-tb-10 {padding: 10px 0 !important;}
.padding-tb-15 {padding: 15px 0 !important;}
.padding-tb-25 {padding: 25px 0 !important;}
.padding-tb-50 {padding: 50px 0 !important;}
.padding-tb-75 {padding: 75px 0 !important;}
.padding-tb-100 {padding: 100px 0 !important;}

.padding-5 {padding: 5px !important;}
.padding-10 {padding: 10px !important;}
.padding-15 {padding: 15px !important;}
.padding-25 {padding: 25px !important;}
.padding-50 {padding: 50px !important;}
.padding-75 {padding: 75px !important;}
.padding-100 {padding: 100px !important;}

.padding-0{padding: 0 !important;}
.margin-0{margin: 0 !important;}

.margin-top-5 {margin-top: 5px !important;}
.margin-top-10 {margin-top: 10px !important;}
.margin-top-15 {margin-top: 15px !important;}
.margin-top-25 {margin-top: 25px !important;}
.margin-top-50 {margin-top: 50px !important;}
.margin-top-75 {margin-top: 75px !important;}
.margin-top-100 {margin-top: 100px !important;}

.margin-bottom-5 {margin-bottom: 5px !important;}
.margin-bottom-10 {margin-bottom: 10px !important;}
.margin-bottom-15 {margin-bottom: 15px !important;}
.margin-bottom-25 {margin-bottom: 25px !important;}
.margin-bottom-50 {margin-bottom: 50px !important;}
.margin-bottom-75 {margin-bottom: 75px !important;}
.margin-bottom-100 {margin-bottom: 100px !important;}

.margin-tb-5 {margin: 5px 0 !important;}
.margin-tb-10 {margin: 10px 0 !important;}
.margin-tb-15 {margin: 15px 0 !important;}
.margin-tb-25 {margin: 25px 0 !important;}
.margin-tb-50 {margin: 50px 0 !important;}
.margin-tb-75 {margin: 75px 0 !important;}
.margin-tb-100 {margin: 100px 0 !important;}

.margin-5 {margin: 5px !important;}
.margin-10 {margin: 10px !important;}
.margin-15 {margin: 15px !important;}
.margin-25 {margin: 25px !important;}
.margin-50 {margin: 50px !important;}
.margin-75 {margin: 75px !important;}
.margin-100 {margin: 100px !important;}

/*FORMS*/
label{display: block;margin-bottom: 20px;}
.form-dark input{color: #ddd;}
input, textarea, select{padding: 10px; border: 0; width: 100%; border: 1px solid rgba(63, 71, 82, 0.46); color: #555;font-family: 'Titillium Web', sans-serif;font-size: 0.9em; border-bottom: 2px solid #ccc;}
input[type="submit"],
input[type="reset"],
button{width: auto; margin-top: 10px;}
input[type="color"]{cursor: pointer;}
input, textarea{outline:none}

.form-check .form-field{margin-bottom: 15px;}
.form-check label{display: inline-block;margin-right: 30px; padding: 8px 15px 10px 15px; background: #fbfbfb; cursor: pointer;}
.form-check label:hover{background: #fff;}
.form-check input{float: left; width: auto; margin: 4px 10px 0 0; cursor: pointer;}

/*:valid{background: #fff; border-color: #3F4752;}*/

/*BACKGROUND*/
.back-white{background-color: #fff !important;}
.back-light {background-color: #F7F7F7 !important;}
.back-light-borda {background-color: #F7F7F7 !important;border-bottom: #eee 5px solid;}
.back-dark {background-color: #3f3f52 !important; color: #ddd;}
.back-dark a{color: #ccc;}
.back-dark a:hover{color: #3f4752;}
.back-dark2 {background-color: #3d3d3d !important; color: #ddd;}
.back-dark .divider{border-top: #777 1px solid;border-bottom: #777 1px solid}
.back-green {background-color: #3F4752 !important; color: #fff;}
.back-green .btn{text-align: center;display: inline-block; padding: 10px 40px; background: #252525; border: 0; cursor: pointer; font-size: 1.2em; font-weight: 400; color: #fff;}

.borda-green{border-top: #3F4752 5px solid;}

/*DIVISORES*/
.divider {border: 0;margin: 15px 0 50px 0;height: 4px;border-top: #ddd 1px solid;border-bottom: #ddd 1px solid;text-align: center;position: relative;clear: both;}

/*FONT SIZE*/
.fontzero{font-size: 0em !important;}

/*CONTAINER*/
.container{float: left; width: 100%;}
.content{float: left; width: 86% !important; padding: 40px 0; margin: 0 7%;}
.content-meio{float: left; width: 86% !important; padding: 20px 0; margin: 0 7%;}
.content-clear{width: 86% !important; margin: 0 auto;}
.content-short{width: 70%;margin: 0 15%;}

.sectiontitle{float: left; width: 100%; margin-bottom: 5px; font-size: 2.5em !important; text-align: center;}
.sectiontitle h1{font-size: 2.4em; font-weight: 300; margin-bottom: 10px;}
.sectiontitle .tagline{font-size: 1.4em; font-weight: 300;}
.sectiontitle-nomargin, .articletitle-nomargin{margin: 0 !important;}

/*HELPERS*/
.box-shadow{-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);}
.radius{-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.round{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.last{margin-right: 0 !important;}
.clear{clear: both;}

/*float*/
.float-left{float: left !important;}
.float-right{float: right !important;}
.float-none{float: none !important;}

/*display*/
.display-block li {display: block;}
.display-inline-block li {display: inline-block;}
.display-inline li {display: inline;}
.display-none li {display: none;}

/*LISTAS*/
.ul-list {list-style: disc;margin-left: 21px;}
.ul-none{list-style: none;margin-left: 0;}

/*BOX*/
.box{width: auto; float: left;}
.box-line{float: left; width: 100%;}

.box-6{width: 15%; margin-right: 2%;}
.box-6:nth-of-type(6n+0){margin-right: 0 !important;}
.box-5{width: 18%; margin-right: 2.5%;}
.box-5:nth-of-type(5n+0){margin-right: 0 !important;}
.box-4{width: 23.5%; margin-right: 2%;}
.box-4:nth-of-type(4n+0){margin-right: 0 !important;}
.box-3{width: 32%; margin-right: 2%;}
.box-3:nth-of-type(3n+0){margin-right: 0 !important;}
.box-3:nth-of-type(3n+1){clear: both;}
.box-2{width: 48.5%; margin-right: 3%;}
.box-2:nth-of-type(2n+0){margin-right: 0 !important;}
.box-1{width: 100%; margin: 0;}

.box-sidebar{width: 26%; margin-right: 3.5%;}
.box-content{width: 70%; margin-right: 3.5%;}
.box-footer{width: 46%; margin-right: 2%;}
.box-footer2{width: 25%; margin-right: 2%;}

/*VIDEO*/
.video{width: 100%; margin: 0;}
.video-small{width: 40%; margin: 0 30%;}
.video-medium{width: 60%; margin: 0 20%;}
.video-large{width: 80%; margin: 0 10%;}

/*BOTÕES*/
.btn{font-family: 'Opens Sans', sans-serif;text-align: center;display: inline-block; padding: 10px 40px; background: #3F4752; border: 0; cursor: pointer; font-size: 1.2em; font-weight: 400; color: #fff;}
.btn-clean{font-family: 'Opens Sans', sans-serif;text-align: center;display: inline-block; padding: 10px 40px; background: transparent; border: #fff 1px solid; cursor: pointer; font-size: 1.2em; font-weight: 400; color: #fff;}
.btn-clean:hover{color: #CCC;}
.btn:hover{text-decoration: none !important;background-color: #fff;color: #3F4752;}
.btn-big{font-size: 1.8em; padding: 20px 40px;}
.btn-small{font-size: 1em; padding: 6px 15px; color: #FFF}
.btn-small:hover{text-decoration: none !important;background-color: #fff;color: #3F4752;}
.btn-full{width: 100%;}
.btn-red{background-color: #3f3f52;border: #1c437a 1px solid;}
.btn-red:hover{background-color: transparent;border: #3f3f52 1px solid; color: #3f3f52;}

/*ELEMENTOS RESPONSIVOS*/
.ratio-video-wide{position: relative;padding-bottom: 56.25%;float: left;width: 100%;height: 0;}
.ratio-video-ntsc{position: relative;padding-bottom: 75%;float: left;width: 100%;height: 0;}
.ratio-elemento{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}