body {
  overflow-x: hidden;
  font-family: 'Open Sans', sans-serif;
}

p {
  line-height: 1.75;
}

a {
  color: #00946b;
}

a:hover {
  color: #fec503;
}

.text-primary {
  color: #00946b !important;
}

.text-secundary {
  color: #0673b3 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-family: 'Open Sans', sans-serif;
}

@media (min-width: 768px) {
  section {
    padding: 150px 0;
  }
}

img::-moz-selection {
  background: transparent;
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}

img{
  max-width: 100%;
}

header.masthead {
  color: white;
  background-image: url("../img/banner.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
  background-size: cover;
  height: 100vh;
}

section.gradient {
  color: white;
  /*background-image: url("../img/fundo.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
  background-size: cover;*/
  background: rgb(120,140,177);
  background: linear-gradient(180deg, rgba(120,140,177,1) 0%, rgba(168,163,203,1) 50%, rgba(222,218,236,1) 100%);
  min-height: 100vh;
  padding: 100px 0;
}

section.gradient .title{
  font-family: 'Open Sans', sans-serif;
  font-size: 90px;
  font-weight: 300;
  text-align: center;
  margin-bottom: 50px;
}

section.gradient .line{
  border: 1px solid #fff;
  margin-bottom: 50px;
}

section.gradient .quote{
  text-align: center;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 34px;
  margin-bottom: 40px;
}

section.gradient .quote-text{
  font-weight: 300;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 34px;  
}

section.gradient .small-line{
  border: 1px solid #fff;
  margin-bottom: 0;
  width: 150px;
}

section.gradient .author{
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  font-style: italic;
  margin-bottom: 80px;
}

section.gradient .background-boneco{
  padding: 10px;
  background: #fff;
  position: relative;
}

section.gradient .background-boneco img#char {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 80%;
}

section.gradient form input {
  border-radius: 0 !important;
  border: none !important;
  background: #ffffff;
  margin-bottom: 15px;
}

section.gradient form label {
  color: #0f066f;
  text-transform: uppercase;
  font-weight: bold;
}

section.gradient form #photo_file{
  display: none;
}

section.gradient form #file-info{
  font-size: 12px;
}

section.gradient form .holder{
  width: 100px;
  background: #fff;
}

section.gradient form .gender{
  padding: 10px 5px;
  background: #ffffff;
  text-align: center;
}

section.gradient form .char-box {
  padding: 10px;
  background: #ffffff;
  text-align: center;
  margin-bottom: 10px;
}

section.gradient form .char-box img{
  background: #ffffff;
}

section.gradient form .char-name {
  width: 100%;
  padding: 5px 10px;
  color: #0f066f;
  text-transform: uppercase;
  font-weight: bold;
  background: #e7e7e7;
  text-align: center;
}

section.gradient form button.btn-clean {
  background: #a363bf;
  width: 100%;
  border: 0;
  padding: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
}

section.gradient form button.btn-finish {
  background: #0f066f;
  width: 100%;
  border: 0;
  padding: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
}

section.gradient form #female, section.gradient form #male{
  display: none;
}

.btn-blue {
  background: #0f066f;
  border: 0;
  padding: 5px 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 0;
}

.btn-blue:hover {
  color: rgba(255,255,255, 0.8);
}

@media (max-width: 768px) {
    
    .genderRow .col-sm-2 {
        flex: 50;
    }
    
    #female .col-sm-4, #male .col-sm-4 {
        margin-bottom: 30px;
    }

}