body{background-image: url("../images/BgFormPedagogia.jpeg");margin:0; background-repeat:no-repeat;background-size:cover;}

body.masinfo{background-image: url("../images/BgFormPedagogia.jpeg");margin:0; background-repeat:no-repeat;background-size:contain;}

.dcp {
    padding:35px;
    position: relative;
    top: 150px;
}

nav.masinfo {
    top:0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height:120px;
    background:white;
}

h1.pensamientoTitle {
    color:white;
    padding:15px;
}

.footer_section.contenido.layout_padding {
    top: 70px;
}    

img.logoInfo {
    width: 280px;
}

.pensamientoTitle {
    width: 100%;
    font-size: 40px;
    line-height: 40px;
    font-weight: 900;
    color: #4c4a4f;
}

a {
    color: white;
    text-decoration: none;
}    

.row.fom {
    position: relative;
    padding-top: 50px;
}    

.row.fom.masinfo {
    position: relative;
    padding: 50px 0;
    width:100%;
}  

.form{width:340px;height:440px;background:#e6e6e6;border-radius:8px;box-shadow:0 0 40px -10px #000;margin:calc(50vh - 220px) auto;padding:20px 30px;max-width:calc(100vw - 40px);box-sizing:border-box;font-family:'Montserrat',sans-serif;position:relative}

h2{margin:10px 0;padding-bottom:10px;color:#78788c;border-bottom:3px solid #78788c}

input{width: 100%;
    padding: 10px;
    box-sizing: border-box;
    background: white;
    outline: none;
    resize: none;
    border: 0;
    transition: all .3s;
    border-bottom: 2px solid #bebed2;
    border-radius: 9px;
    font-weight: 900;
    font-size: 15pt;
    
}
select.input-sm {
    width: 100%;
    height:47px;
    padding: 10px;
    box-sizing: border-box;
    background: white;
    outline: none;
    resize: none;
    border: 0;
    transition: all .3s;
    border-bottom: 2px solid #bebed2;
    border-radius: 9px;
    font-weight: 900;
    font-size: 15pt;
}
select#Country {
    color: #7bee37;
}    

label.terminos {
    position:relative;
    top:-25px;
    font-size:14pt;
    right:-25px;
    color:white;
}

input.terminos {
    position:relative;
    transform:scale(2.5);
    right:50%;
    
}
input.btn.btn-success.btn-lg {
    background: #7bee37;
    font-weight: 900;
    font-size: 18pt;
}    


.custom-checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 20px;
}

.custom-checkbox span {
  display: block;
  margin-left: 20px;
  padding-left: 7px;
  line-height: 20px;
  text-align: left;
}

.custom-checkbox span::before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  background: #fdfdfd;
  border: 1px solid #e4e5e7;
  @include vendorize(box-shadow, inset 2px 2px 0px 0px rgba(0, 0, 0, 0.1));
}

h1.title {
    color: white;
    position: relative;
    left: 12px;
    text-shadow: 3px 2px 9px #212529;
}

h4.text-white.text-right {
    text-align: right;
}    

input:focus{border-bottom:2px solid #78788c}

input::placeholder  {color:#7bee37; }


button{
    background-image: url(../../images/icon-whatsapp.svg);
    cursor: pointer;
    transition: all .3s;
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 15px;
    position: relative;
    top: 35px;
}
button:hover{
     opacity: .7;
}

@media (max-width: 768px) {
    .row.fom {
        position: relative;
        padding-top: 10px;
    }
    input.terminos {
    position:relative;
    transform:scale(1.5);
    }
    label.terminos {
    position:relative;
    top:-22px;
    font-size:12pt;
    }
}    

