@font-face {
    font-family: 'rubiklight';
    src: url('../fonts/rubik-light-webfont.woff2') format('woff2'),
         url('../assets/fonts/rubik-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rubiklight_italic';
    src: url('../fonts/rubik-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/rubik-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rubikmedium';
    src: url('../fonts/rubik-medium-webfont.woff2') format('woff2'),
         url('../fonts/rubik-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rubikmedium_italic';
    src: url('../fonts/rubik-mediumitalic-webfont.woff2') format('woff2'),
         url('../fonts/rubik-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rubikregular';
    src: url('../fonts/rubik-regular-webfont.woff2') format('woff2'),
         url('../fonts/rubik-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{
background-color: #323E48;
font-family: 'rubikregular';
}
/*Nav*/
.paddNav{
  padding: 35px 0px 15px 0px!important;
  background-color: #414952;
}
.logo1{
  width: 100%;
  max-width: 90px;
}
.tittleVerde{
  color: #bcc133;
  font-family: 'rubikregular';
  font-size: 1.2rem;
}
.center{
  text-align: center;
}
/*CUERPO*/
.paddCol{
  padding: 0;
}
.space{
  margin-top: 120px!important;
}
.titulo1{
  font-family: 'rubiklight';
  color: #bcc133;
  font-size: 24px;
}
.titulo2{
  color: white;
  font-weight: bolder;
  font-size: 20px;
}

.flecha{
    width: 100%;
  max-width: 40px;
}
.izq{
  text-align: right;
}
.texto1{
  text-align: justify;
  color: white;
  font-size: 16px;
  padding: 0px 10px 0px 20px;
}
.texto11{
  text-align: justify;
  color: white;
  font-size: 14px;
}
.separador{
  font-family: 'rubikmedium';
}
h1{
  background-color: #bcc133;
  color: #323E48;
  font-family: 'rubikmedium';
  letter-spacing: 3px;
  text-align: center;
  font-size: 14px;
  width: 200px;
  margin: 0 auto;
  display: block;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}
/*ASIGNATURAS*/
.back{
  background-image: url(../img/backBalls.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.btnAsignatura{
  color: white;
  background: #323E48;
  font-size: 16px;
  font-family: 'rubikmedium';
}
.b{
  font-family: 'rubikmedium';
}
.btnAsignatura:hover{
  color: #bcc133;
  background: #323E48;
}
.btn:focus {
    outline: 0;
    box-shadow: none;
}
.ch{
  padding: 0;
  border-bottom: 0;
  background-color: transparent!important;
}
.cd{
  background: transparent;
  border: 0;
}
.cb{
  color: white;
  font-size: 14px;
}
/*ICONOS*/
.iconos{
  width: 100%;
  max-width: 360px;
  padding: 45px;
}
/*BENEFICIOS*/
.bull{
  color: #bcc133;
  font-size: 8px;
}
/*FORMULARIO*/
.derecha{
  padding-left: 10px;
  background-color: #2c363e;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: black;
    background-color: white;
    background-clip: padding-box;
    border: 0;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
label {
    display: inline-block;
    margin-bottom: 0;
}
.green{
  color: #bcc133;
  font-size:1rem;
}
.h2{
  color: #bcc133;
  padding: 50px 0px 80px 0px;
}
.h5{
  color: #bcc133;
  padding: 10px;
}
.btnInfo{
  background-color: #bcc133;
  color: #323E48;
  padding: 1px 3px!important;
  border-radius: 0;
  margin-bottom: 20px;
}
.btnInfo2{
  color: #bcc133;
  margin-bottom: 20px;
}
.btnInfo2:hover{
  color: #fff;
  margin-bottom: 20px;
}
.form-check {
    position: relative;
    display: block;
    padding-left: 2.25rem;
    font-size: 16px;
}
/*FOOTER*/
footer{
  color: white;
  font-size: 12px;
  background-color: #414952;
  padding: 25px 25px 0px 25px;
}
.derechas{
  text-align: right;
}
.menu {
    position:absolute;
    width:450px;
    height:100px;
    color:#fff;
    font-size:16px;
}
.MBA{
  width: 100%;
  max-width: 450px;
}
.paddi{
  padding: 0px 80px;
}
.der1{
  text-align: right;
}
.float-button {
        text-decoration: none;
        position: fixed;
        padding: 10px;
        padding-right: 15px;
        bottom: 30px;
        right: 40px;
        color: #fff;
        background-color:#25D366;
        border-radius: 25px;
        z-index: 100;
        font-family: Arial;
        font-size: 17px;
        animation: whatsapp-animation 0.5s ease-in-out;
        box-shadow: 1px 2px 5px 2px rgba(30,30,30,0.3);
        transition:all 0.3s ease-out;
    }

    .float-button:hover {
         background-color: #128C7E;
          color: #fff;
    }

    .fa-whatsapp {
        font-size: 20px !important;
        padding-right: 5px;
        padding-left: 5px;
    }

    @keyframes whatsapp-animation {
        from {
            opacity: 0%;
        }

        to {
            opacity: 100%
        }
    }

    @media screen and (max-width: 545px) {
        span {
            display: none;
        }

        .float-button {
            bottom: 15px;
            right: 15px;
            width: 50px;
            border-radius: 30px;
        }

        .fa-whatsapp {
            font-size: 22px !important;
            padding: 4px;
        }
    }