input:focus,
select:focus,
textarea:focus,
img:focus,
div:focus,
button:focus {
    outline: none;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #383838;
    opacity: 1; /* Firefox */
}

.p-texto1 {
    font-size: 27px;
}

.p-texto2 {
    font-size: 25px;
}

#Compromiso {
    margin-top:35px;
}

#img-header-banner2 {
    width: 30%;
    margin-top: 30px;
}

textarea, select, option {
    font-family: 'dm';
}
@font-face {
    font-family: 'big';
    src: url('/static/fonts/big-en.ttf');
}
@font-face {
    font-family: 'dm';
    src: url('/static/fonts/dm-en.ttf');
}
.title, .name-titles, .register-title, h1, h2, h3, h4, h5, h6 {
    font-family: 'dm' !important
} 
body, input {
    margin: 0;
    font-family: 'dm', sans-serif !important;
}
.Site {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
.section.header{
  padding-left: 0px;
  padding-right: 0px;
}
.section-contain.header{
  max-width: initial;
}
.section.register-home{
    background: white;
    padding-top: 60px;
    padding-bottom: 120px;
}
.btn-roche.register{
    background-color: #FFA586; 
    color: #383838;
}
.Site-content {
    flex: 1;
}

body {
    margin: 0px;
    color: #505050;
}
.section {
    /*background: #fafafa;*/
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 60px;
    padding-right: 60px;
}
.section-contain {
    margin: auto;
}
.section-block {
    display: flex;
    justify-content: space-around;
    margin-bottom: 50px;
}
.col-questionw.webinar {
    text-align: center;
    margin-bottom: 30px;
    vertical-align: top;
}
.obj-text {
    width: 60%;
    padding-right: 5%;
}
.obj-div-img {
    width: 40%;
    padding-top: 20px;

}
.obj-img {
    max-width: 100%;
    /* border: 1px solid #797979; */
}
.accreditation {
    width: 60%;
}
.accreditation-div-img {
    width: 40%;
    padding-top: 50px;
}
.accreditation-text {
    font-size: 14px;
}
.accreditation-img {
    text-align: center;
    max-width: 650px;
    padding-top: 0px;
    padding-bottom: 10px;
}
.title-line {
    border-bottom: solid 1px #cccccc;
    width: 100%;
}
.met-div-img {
    text-align: center;
}
.obj-text li {
    list-style-type:none;
}
.obj-text ul {
    margin: 0px;
    padding-right: 10%;
}
#title-home {
    padding: 11px 10px;
    margin-top: 17px;
    margin-bottom: 5px;
    color: white;
}

/* .btn:hover {
    background-color: #D8D8D8;
} */
.program-text {
    width: 80%;
    margin: auto;
}
.program-text ul {
    margin-bottom: 40px;
    padding-top: 0px;
    margin-top: 0px;

}
.program-text ul li {
    margin-left: 32px;
    font-size: 14px;
    list-style-type:none;

}
.program-text ul li::before {
    right: -9px !important;
    top: 3px !important;
    position: relative;
    font-size: 22px !important;

}
a {
    text-decoration: none;
    /* color:black; */
}
.col-questionw {
    width: 49%;
    display: inline-block;
}
.col-question {
    width: 49%;
    display: inline-block;
    padding-right: 10px;
}
.col-question-extended {
    width: 100%;
}

.roch.texttarea {
    padding-top: 16px;
}
.btn {
    background-color:  #0071B8;
    border: none;
    color: white;
    margin-top: 20px;
    margin-bottom: 50px;
    cursor: pointer;
    padding: 13px 22px;
    font-weight: bold;
    font-size: 15px;
}
.btn-roche {
    background-color: #0071B8;
    border: none;
    color: white;
    margin-top: 20px;
    margin-bottom: 50px;
    cursor: pointer;
    padding: 13px 22px;
    font-weight: bold;
    transition: 0.5s all;
    font-size: 18px;
    width: 130px;
}

.color-text {
    color: #009fe3;
}

.span-roche {
    background-color: #009fe3;
    border: none;
    color: white;
    margin-top: 20px;
    margin-bottom: 50px;
    padding: 13px 22px;
    font-weight: bold;
    transition: 0.5s all;
    font-size: 18px;
    width: 130px;
}

.footer-logo{
    display: flex;
    align-items: center;
}

.row {
    padding-top: 20px;
    margin-bottom: 25px;
}

.row_focus {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*margin-right: -15px;*/
    /*margin-left: -15px;*/
    justify-content: center;
  }
.roch {
    border-radius: 30px;
    height: 55px;
    border: 1.5px solid #80808040;         
    width: 100%;
    margin: 10px;
    padding-left: 20px;
    font-size: 16px;
    /*background-color: #fafafa;*/
    color: #383838;
}
.focus-textarea {
    min-height: 110px;
    max-width: 750px;
    max-width: 95%;
    border-radius: 20px;
    padding: 20px;
    padding-left: 30px;
    resize: none;
}
.roch-focus {
    border-radius: 30px;
    height: 45px;
    border: 1.5px solid #80808040;
    width: 95%;
    padding-left: 30px;
    font-size: 16px;
    background-color: #ffffff;
    color: #383838;
    margin: 10px;
}
.header.banner{
    background-color: #383838;
    color:#fdc4ae;
    padding-top: 30px;
    padding-bottom: 60px;
}
.hdr-txt-3{
    font-family: 'big';
    font-size: 22px;
    font-weight: 700;
}
.hdr-txt-2{
    font-family: 'big';
    font-size: 70px;
    font-weight: 700;
}
.hdr-txt-1{
  font-size: 22px;

} 
/* .roch:active {
    background: red;
} */


*, ::after, ::before {
    box-sizing: border-box;
}

.img-banner {
    max-width: 100%;
    display: block;
    margin: auto;
    /* max-height: 300px; */
}
/* .text-banner {
    width: 80%;
    margin:auto
} */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(/static/img/test.gif) center no-repeat #fff;
}
.containers {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

  /* Hide the browser's default checkbox */
.containers input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

  /* Create a custom checkbox */
.checkmark {
    position: absolute;
    border-radius: 30px;
    top: 0;
    left: 0;
    height: 26px;
      width: 26px;
      background-color: white;
      border: 1px solid #717171;
}
.checkmark.check {
    background-color: red !important;
}
  /* On mouse-over, add a grey background color */
.containers:hover input ~ .checkmark {
    background-color: white;
}

  /* When the checkbox is checked, add a blue background */
.containers input:checked ~ .checkmark {
    background-color: white;
}

  /* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

  /* Show the checkmark when checked */
.containers input:checked ~ .checkmark:after {
    display: block;
}

  /* Style the checkmark/indicator */
.containers .checkmark:after {
    left: 10px;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid #383838;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.name-titles {
    float: right;
    display: block;
    text-align: center;
    /* margin: 30px 10px; */
    padding: 10px 10px;
    text-decoration: none;
    font-size: 16px;
    color: #00aaeb;
    font-weight: bold;
    transition: 0.5s all;

  }

.name-titles.active {
    background-color: #04AA6D;
    color: white;
}

.topnav {
    overflow: hidden;
}

.topnav .icon {
    display: none;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.social-media img {
    max-height: 60px;
    max-width: 60px;
}
.footer * {
    color: white !important;
}
.div-logo {
    height:85px;
    display: inline-block;
    margin-top: 6px;
  }
.logo {
    margin-top: 20px;
    max-height: 83px;
    max-width: 140px;
    vertical-align: middle;
}
.step {
    width: 30%;
    font-size: 22px;
  }
.step *  {
    color:white !important;
    margin: 0px;

}


.section-step {
    height: 70px;
    display: flex;
    justify-content: center;
}
.section-button {
    height: 100px;
    display: flex;
    justify-content: center;
}
.div-button {
    height: 100px;
    line-height: 100px;
}
.img-button{
    max-height: 85px;
    vertical-align: middle;
}
.text-inscription{
    font-size: 45px;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 5px;
}

.section-objectives {
    display: flex;
    justify-content: space-around;
    margin-bottom: 30px;
    max-width: 1300px;
    margin: auto;
    width: 90%;
}

.img-teachers {
    height: 180px;
    max-width: 180px;
}


.radio3 {
    margin: 5px 0;
    display: block;
    cursor: pointer;
    margin-left: 3%;
    margin-top: 3px;
    display: inline-block;
  }
  .radio3 input {
    display: none;
  }
  .radio3 input + span {
    line-height: 20px;
    height: 42px;
    padding-left: 22px;
    display: block;
    position: relative;
  }
  .radio3 input + span:not(:empty) {
    color: #828282;
    height: 30px;
    font-size: 19px !important;
    padding-left: 25px;
    font-family: sans-serif !important;
  }
  .radio3 input + span:before, .radio3 input + span:after {
    content: "";
    width: 21px;
    height: 21px;
    display: block;
    border-radius: 50%;
    left: 0px;
    top: 0px;
    position: absolute;
    z-index: 0;
  }
  .radio3 input + span:before {
    background:  #535353;

  }
  .radio3 input + span:after {
    background: white;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);

  }
  .radio3 input + span.test:after {
    background: rgb(230, 229, 229, 1);
    -webkit-transform: scale(0.95);
            transform: scale(0.95);

  }
  .radio3 input:checked + span:before {
    transform: scale(1);
    background:  #535353;
  }
  .radio3 input:checked + span:after {
    transform: scale(0);
  }

.title {
    margin-right: 15px;
    font-size: 23px;
    top: 8px;
    position: relative;
    font-weight: bold;
    white-space: nowrap;
  }

.footer-text {
    margin-top: auto;
    margin-bottom: auto;
}

.register-title {
    font-size: 22px;
    font-weight: bold;
}

.form-roche {
    padding-left: 200px;
    padding-right: 200px;
}
.section-contain {
    max-width: 1500px;
}
/* @media screen and (max-width: 1900px) {
    .section-contain {
        max-width: 1500px;
    }

} */
.section-footer {
    margin-bottom: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.register-text {
    width: 100%;
    height: 40px;
    padding-left: 15px;
}



.container-teachers {
    padding-left: 50px;
}
.div-img-teachers {
    margin-bottom: 15px;
}

.block-objectives {
    margin-bottom: 15px;
}

.methodology-img {
    height: 100px;
    margin: auto;
    max-width: 150px;
}
.webinar-form {
    width: 65%;
    margin:auto
}
.title-question {
    margin: auto;
    color: #DA1C40;
}
.text-question{
    margin-top: 5px;
    margin-bottom: 15px;
    color:#9A8B86;
    font-size: 13px
}

.webinar_img {
    max-height: 150px;
    max-width: 100%;
}
.div_webinar_img {
    text-align: center;
}
.div-vimeo {
    padding:56.25% 0 0 0;
    position:relative;
    max-width: 1500px;
    margin: auto;
}
.error-email_confirm {
    text-align: center;
    color: #ff0000;
}
.success-email_confirm {
    text-align: center;
    color: green;
}
.text-banner * img {
    max-width: 100%;
}
.logos-text{
    display: flex;
    align-items:center;
    font-size: 14px;
}
.pro {
    font-size: 14px;
}
.footer-img {
    max-height: 150px;
    vertical-align: middle;
}
.footer-text.legal {
    font-size: 14px;
}
#error-form {
  color: red;
}
#id_code {
  margin-right: 0px;
  border-right: none;
  max-width: 65px;
  width: 30%;
  padding-left: 15px;
}

.container {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
    max-width: 1300px;
    margin: auto;
}
.header-img{
  margin-bottom: 15px;
}
.roch.country{
  margin-right: 5px;
}
.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.text-vimeo {
    width: 70%;
    padding-left: 36px;
}
.div-vimeo-text {
    display: flex;
    align-items: center;
    max-width: 1400px;
    margin: auto;
    width: 60%;
    padding-top: 20px;

}
.div-vimeo-text.full {
    width: 60%;
}
.text-webinar-video * {
    max-width: 100%;
    max-height: 100%;
}
@media screen and (max-width: 1700px) {
    .section-contain {
        max-width: 1400px;
    }
}
@media screen and (max-width: 1500px) {
    .section-contain {
        max-width: 1200px;
    }
    .form-roche {
        padding-left: 120px;
        padding-right: 100px;
    }
    .name-titles {
        font-size: 16px;
    }
    .step {
        font-size: 18px;
    }
    .text-inscription {
        font-size: 40px;
    }

    .logo {
        max-width: 120px;
    }
}

.azul-main {
    color: #00aaeb;
}

@media screen and (max-width: 1140px) {

    .logo {
      margin: 10px 10px 10px 10px;
      max-width: 95px;
    }
    .name-titles {
      font-size: 16px;
    }
    .container-courses .slick-prev {
        left: -25px !important;

    }
    .container-courses .slick-next {
        right: -25px !important;

    }
    .section {
        padding-left: 30px;
        padding-right: 30px;
    }

    .p-texto1 {
    font-size: 18px;
    }

    .p-texto2 {
        font-size: 15px;
    }

    #img-header-banner2 {
        width: 30%;
        margin-top: 0px;
    }

    .div-vimeo-text.full {
        width: 90%;
    }

    #Compromiso {
        margin-top: 0px;
    }
}


@media screen and (max-width: 1020px) {
    .container-teachers {
        padding-left: initial;
    }
    .topnav a {display: none;}
    /*.topnav a:not(:first-child) {display: none;}*/
    .topnav a.icon {
      float: right;
      display: block;
      right: 125px;
      top: 25px;
      position: absolute;
    }
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
      position: absolute;
      right: 125px;
      top: 25px;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
    a:-webkit-any-link:active {
        -webkit-tap-highlight-color: transparent;
    }

    .name-titles {
        /*padding: 5px 13px;*/
    }
    .name-titles:hover {
        background-color: #00aaeb;
    }

    #home-section {
        padding: 0px;
    }
    .program-text {
        width: 100%;
        margin: 0px;
    }
    .div-logo {
        height: 55px;
    }
    .form-roche {
        padding-left: 0px;
        padding-right: 0px;
    }
    .obj-div-img.accreditation-img {
        width: 55%;
    }
    .text-banner * {
        font-size: 22px;
    }
    .social-media {
        display: none;
    }
}


@media only screen and  (max-width: 768px) {
    .div-vimeo-text {
        width: 100%;
    }
    .div-vimeo-text {
        display: block;
    }
    .text-vimeo {
        width: 100%;
        padding-left: 0px;
        font-size: 12px;
    }
    .step {
        font-size: 15px;
    }

    .img-button{
        max-height: 70px;
    }
    .text-inscription{
        font-size: 29px;
    }
    .program-text ul li {
      margin-left: 0px;
    }
    .program-text ul{
        margin-left: 0px !important;
    }


    .name-titles {
        font-size: 16px;
      }
    .form-roche {
        padding-left: 0px;
        padding-right: 0px;
    }
    .footer-text {
        font-size: 14px;
    }
    .text-banner * {
        font-size: 20px;
    }
    .div-title-roch {
        font-size: 14px;
    }
    .div-text-roch{
        font-size: 13px;
    }
    .footer-text.legal {
        display: none;
    }
}

@media only screen and  (max-width: 425px) {
    .text-banner {
        width: 100%;
    }
    .footer-img {
        max-height: 30px;
    }
    .footer-text.legal {
        font-size: 9px;
    }
    .topnav.responsive a  {
        text-align: center;
    }
    .title {
        font-size: 18px;
    }
    /* .section-block {
        margin-bottom: 40px;
    } */
    .btn-roche{
      height: 45px;
      padding-top: 10px;
      font-size: 20px;
      width: 100%;
    }
    .roch {
        height: 45px !important;
    }
    .section {
        padding: 15px;
    }
    .section.webinar {
        padding: 0px;
    }
    .step {
        font-size: 11px;
    }
    .section-step {
        height: 40px;
    }
    .img-button{
        max-height: 50px;
    }
    .text-inscription{
        font-size: 20px;
    }
    .section-button {
        height: 70px;
    }
    .div-button {
        height: 70px;
        line-height: 70px;
    }
    .section-objectives {
        display: block;
    }
    .obj-text {
        width: 100%;
        margin: auto;
        font-size: 12px;
    }
    .obj-div-img {
        width: 50%;
        margin: auto;
    }
    .obj-text ul {
        padding-right: 0%;
    }
    .obj-text li {
        font-size: 14px;
    }
    .program-text {
        font-size: 15px;
    }
    .program-text ul{
        padding-left: 20px !important;
    }
    .program-text ul li{
        font-size: 12px;
    }

    .container-courses .slick-prev {
        left:5px !important;
        width: 40px !important;
        height: 40px !important;
    }
    .container-courses .slick-next {
        right:5px !important;
        width: 40px !important;
        height: 40px !important;
    }


    .img-teachers {
        margin: auto;
    }
    .teacher-text {
        text-align: center;
    }

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

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

    .teachers-review{
        text-align: center;
        margin: auto;
    }
    .container-teachers .slick-prev {

        width: 30px !important;
        height: 30px !important;
    }
    .container-teachers .slick-next {
        right: 33px !important;
        width: 30px !important;
        height: 30px !important;
    }
    .accreditation-text {
        font-size: 12px;
    }
    .accreditation-img {
        padding-top: 20px;
        padding-bottom:  initial;
    }
    .section-footer {
        display: block;
    }
    .footer-logo {
        text-align: center;
    }
    .footer-text {
        text-align: center;
        font-size: 9px;
        padding-top: 0px;
    }
    .pro {
        font-size: 9px;
    }
    .logos-text {
        font-size: 9px;
    }
    .social-media {
        font-size: 12px;
    }
    .col-question {
        width: 100%;
        display: block;
        border-radius: 20px;
    }
    .section-footer {
        padding: 5px 0px;
    }
    .text-register {
        font-size: 10px;
    }
    .register-title {
        font-size: 18px;
        text-align: center;
    }
    .row {
        padding-top: 20px;
    }

    .container-courses .slick-next:before {
        font-size: 25px !important;
    }
    .container-courses .slick-prev:before {
        font-size: 25px !important;
    }
    .block-objectives {
        margin-bottom: 5px;
    }
    .block-program{
        margin-bottom: 25px;
    }
    .section-objectives {
        width: 100%;
    }
    .step_by_step {
        padding: 10px 5px !important;
    }
    .div-program-file {
        text-align: center;
    }
    .text-banner * {
        font-size: 18px;
    }
    .webinar-form  {
        width: 95%;
    }
    .div-title-roch {
        font-size: 12px;
    }
    .div-text-roch{
        font-size: 11px;
    }
    .title-question {
        font-size: 13px;
    }
    .text-question{
        font-size: 11px
    }
    .webinar_img {
        max-width: 75%;
    }
    .social-media {
        display: block;
    }
    .footer-text {
        justify-content: center;
    }
    .footer-text.legal {
        display: block;
    }
    .img-hnb {
        width: 90px;
    }
    .img-hnb-logo {
        width: 15px;
    }
}

.index_blue {
    background-color: #00aaeb;
}

.span-white_roche {
    background-color: white;
    border: none;
    color: #009fe3;
    margin-top: 20px;
    margin-bottom: 50px;
    padding: 13px 22px;
    font-weight: bold;
    transition: 0.5s all;
    font-size: 18px;
    width: 130px;
}
.focus-label {
    color: #8f8e8e;
}
.span-tabs_active {
    background-color: #00aaeb;
    border-radius: 20px;
    border: none;
    color: white;
    padding: 8px 20px;
    font-weight: bold;
    font-size: 17px;
    cursor: pointer;
}

.btn-tabs_active {
  background-color: #00aaeb;
  border-radius: 20px;
  border: none;
  color: white;
  padding: 8px 20px;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
}

.btn-tabs {
  background-color: white;
  border-radius: 20px;
  border: 2px solid;
  color: #00aaeb;
  padding: 8px 20px;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
}

.span-tabs {
    background-color: white;
    border-radius: 20px;
    border: 2px solid;
    color: #00aaeb;
    padding: 8px 20px;
    /*font-weight: bold;*/
    /*font-size: 18px;*/
    cursor: pointer;
}

.focus-tabs {
    margin: 4px;
}

.hr-blue {
  text-align: center;
  background-color: #00aaeb;
  min-height: 7px;
  min-width: 120px;
  max-height: 7px;
  max-width: 120px;
  border: none;
}

.custom-file-label {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  width: 35%;
  margin-left: auto;
  margin-right: auto;
}

.custom-file-label::after {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

@media (min-width: 1200px) {
    .col-xl {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%;
    }
    .col-xl-auto {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }
    .col-xl-1 {
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
    }
    .col-xl-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
    }
    .col-xl-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
    }
    .col-xl-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }
    .col-xl-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
    }
    .col-xl-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }
    .col-xl-7 {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
    }
    .col-xl-8 {
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
    }
    .col-xl-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
    }
    .col-xl-10 {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
    }
    .col-xl-11 {
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%;
    }
    .col-xl-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
    .order-xl-first {
      -ms-flex-order: -1;
      order: -1;
    }
    .order-xl-last {
      -ms-flex-order: 13;
      order: 13;
    }
    .order-xl-0 {
      -ms-flex-order: 0;
      order: 0;
    }
    .order-xl-1 {
      -ms-flex-order: 1;
      order: 1;
    }
    .order-xl-2 {
      -ms-flex-order: 2;
      order: 2;
    }
    .order-xl-3 {
      -ms-flex-order: 3;
      order: 3;
    }
    .order-xl-4 {
      -ms-flex-order: 4;
      order: 4;
    }
    .order-xl-5 {
      -ms-flex-order: 5;
      order: 5;
    }
    .order-xl-6 {
      -ms-flex-order: 6;
      order: 6;
    }
    .order-xl-7 {
      -ms-flex-order: 7;
      order: 7;
    }
    .order-xl-8 {
      -ms-flex-order: 8;
      order: 8;
    }
    .order-xl-9 {
      -ms-flex-order: 9;
      order: 9;
    }
    .order-xl-10 {
      -ms-flex-order: 10;
      order: 10;
    }
    .order-xl-11 {
      -ms-flex-order: 11;
      order: 11;
    }
    .order-xl-12 {
      -ms-flex-order: 12;
      order: 12;
    }
    .offset-xl-0 {
      margin-left: 0;
    }
    .offset-xl-1 {
      margin-left: 8.333333%;
    }
    .offset-xl-2 {
      margin-left: 16.666667%;
    }
    .offset-xl-3 {
      margin-left: 25%;
    }
    .offset-xl-4 {
      margin-left: 33.333333%;
    }
    .offset-xl-5 {
      margin-left: 41.666667%;
    }
    .offset-xl-6 {
      margin-left: 50%;
    }
    .offset-xl-7 {
      margin-left: 58.333333%;
    }
    .offset-xl-8 {
      margin-left: 66.666667%;
    }
    .offset-xl-9 {
      margin-left: 75%;
    }
    .offset-xl-10 {
      margin-left: 83.333333%;
    }
    .offset-xl-11 {
      margin-left: 91.666667%;
    }
  }

  .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: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  .m-0 {
    margin: 0 !important;
  }
  
  .mt-0,
  .my-0 {
    margin-top: 0 !important;
  }
  
  .mr-0,
  .mx-0 {
    margin-right: 0 !important;
  }
  
  .mb-0,
  .my-0 {
    margin-bottom: 0 !important;
  }
  
  .ml-0,
  .mx-0 {
    margin-left: 0 !important;
  }
  
  .m-1 {
    margin: 0.25rem !important;
  }
  
  .mt-1,
  .my-1 {
    margin-top: 0.25rem !important;
  }
  
  .mr-1,
  .mx-1 {
    margin-right: 0.25rem !important;
  }
  
  .mb-1,
  .my-1 {
    margin-bottom: 0.25rem !important;
  }
  
  .ml-1,
  .mx-1 {
    margin-left: 0.25rem !important;
  }
  
  .m-2 {
    margin: 0.5rem !important;
  }
  
  .mt-2,
  .my-2 {
    margin-top: 0.5rem !important;
  }
  
  .mr-2,
  .mx-2 {
    margin-right: 0.5rem !important;
  }
  
  .mb-2,
  .my-2 {
    margin-bottom: 0.5rem !important;
  }
  
  .ml-2,
  .mx-2 {
    margin-left: 0.5rem !important;
  }
  
  .m-3 {
    margin: 1rem !important;
  }
  
  .mt-3,
  .my-3 {
    margin-top: 1rem !important;
  }
  
  .mr-3,
  .mx-3 {
    margin-right: 1rem !important;
  }
  
  .mb-3,
  .my-3 {
    margin-bottom: 1rem !important;
  }
  
  .ml-3,
  .mx-3 {
    margin-left: 1rem !important;
  }
  
  .m-4 {
    margin: 1.5rem !important;
  }
  
  .mt-4,
  .my-4 {
    margin-top: 1.5rem !important;
  }
  
  .mr-4,
  .mx-4 {
    margin-right: 1.5rem !important;
  }
  
  .mb-4,
  .my-4 {
    margin-bottom: 1.5rem !important;
  }
  
  .ml-4,
  .mx-4 {
    margin-left: 1.5rem !important;
  }
  
  .m-5 {
    margin: 3rem !important;
  }
  
  .mt-5,
  .my-5 {
    margin-top: 3rem !important;
  }
  
  .mr-5,
  .mx-5 {
    margin-right: 3rem !important;
  }
  
  .mb-5,
  .my-5 {
    margin-bottom: 3rem !important;
  }
  
  .ml-5,
  .mx-5 {
    margin-left: 3rem !important;
  }

.ul-menu {
  list-style-type: none;
  /*flex-direction: column-reverse;*/
  float: right;
  /*margin: 0;*/
  /*padding: 0;*/
  /*overflow: hidden;*/
}

.ul-menu li {
  float: left;
}

.ul-menu li.name-titles {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}



.wrapper-focus {
  /*border : 2px solid #000;*/
  overflow:hidden;
}

.wrapper-focus div {
   /*min-height: 200px;*/
   padding: 10px;
}
#one {
  /*background-color: gray;*/
  float:left;
  margin-right:20px;
  width:75%;
  border-right:1px solid #00aaeb;
}
#two {
  background-color: white;
  overflow:hidden;
  margin:10px;
  /*border:2px dashed #ccc;*/
  min-height:170px;
}

@media screen and (max-width: 400px) {
   #one {
    float: none;
    margin-right:0;
    width:auto;
    border:0;
    border-bottom:1px solid #00aaeb;
  }
}


/*MODIFICACIONES*/


table {
  border-collapse: collapse;
  margin-bottom: 60px;
}

table, th, td {
  border-bottom: 1px solid;
  border-right: 1px solid;
  padding: 15px;
}

table:last-child, th:last-child, td:last-child{
  border-right: 0px solid;
}

.span-tabs_active{  
  padding: 20px 30px !important;
}

.row.candi{
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.row.candi div {
  border-bottom: 1px solid #0eacec;
  width: 200px;
  text-align: left;
}
.row.candi div:last-child{
  margin-left: 50px;
}

.row.candi div > h3{
  padding-left: 5px;
  margin-bottom: 5px;
  margin-top: 5px;
  color: grey;
}

.row.candi div > p{
  padding-left: 10px;
  margin-bottom: 10px;
  margin-top: 5px;
  color: grey;
}

.row.video-container{
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}

.row.video-container{
  max-width: 900px;
  width: 95%;
  margin: auto;
}

.row.video-container .box{
  display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.row.video-container .blue{
  max-width: 850px;
  width: 95%;
  height: 480px;
  border-radius: 30px;
  background-color: #00aaeb;
}

.row.video-container .white{
  max-width: 850px;
  width: 95%;
  height: 480px;
  border-radius: 30px;
  background-color: white !important;
}

.video-container div h2{
  text-align: left;
  color: grey;
  padding-left: 40px;
  margin-bottom: 10px;
}

.row.video-container .play-button{
  position: absolute;
  font-size: 120px;
  color: white;
}

.row.text-sections{
  max-width: 1000px;
  width: 95%;
  margin: auto;
  margin-top: 50px;
  color: grey;
}

.row.text-sections h1{
  text-align: left;
}

.row.text-sections h3{
  text-align: left;
  padding-left: 60px;
  text-wrap: balance;
  max-width: 950px;
  width: 95%;
  margin-bottom: 15px;
  margin-top: 15px;
}

.row.text-sections .box{
  margin-bottom: 100px;
}

.row.text-sections .focus-textarea{
  max-width: 900px;
  padding: 20px;
  padding-top: 5px;
  border: transparent;
}

.row.text-sections .text-box.docus{
  text-align: left;
  width: 900px;
  margin: auto;
}

.row.text-sections .text-box.docus h3{
padding-left: 30px;
}

.row.text-sections .text-box.docus ul{
  list-style: none;
}

.row.text-sections .text-box.docus ul li{
 text-decoration: underline #0eacec ;
 margin-bottom: 3px;
 display: flex;
 align-items: center;
 font-size: 18px;
}

.row.text-sections .text-box.docus ul li i{
 font-size: 25px !important;
 height: 30px;
 width: 30px;
}

.row.text-sections .text-box.docus ul li a:link{
 color:#0eacec ;
 }

 .row.text-sections .text-box.docus ul li a:hover{
  color: black;
  text-decoration: underline black ;
  }

.row.valoracion-container .bbox{
  max-width: 1200px;
  width: 95%;
  margin: auto;
  border: 1px solid #0eacec;
  border-radius: 30px;
  margin-bottom: 30px;
  padding: 30px;
  display: flex;
  flex-direction: column;
}
.row.valoracion-container h2{    
  position: relative;
  top: 15px;
  background: white;
  width: 400px;
  margin: auto;
  color: #0eacec;
}

.row.valoracion-container .bbox .criterio{
  display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.row.valoracion-container .bbox .criterio{
  margin-bottom: 10px;
  color: black;
  font-size: 22px;
}

.row.valoracion-container .bbox .h-label{
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-end;
}

.row.valoracion-container .bbox .h-label label{
  margin-left: 27.3px;
  margin-bottom: 10px;
  font-size: 22px;
  color: black;
}

.row.valoracion-container .bbox .criterio .l-hidden{
  display: none;
}

.row.valoracion-container .bbox .criterio input[type='radio']{
  margin-left: 12.5px;
  width: 22px;
  height: 22px;
  -webkit-appearance: none;
        border-radius: 50%;
        outline: none;
        border: 1px solid #0eacec;
}

.row.valoracion-container .bbox .blue-line-center{
  border: 1px solid #0eacec;
  width: 35%;
}
.row.valoracion-container .bbox .blue-line{
  border: 1px solid #0eacec;
  width: 50%;
}

.row.valoracion-container .bbox .criterio input[type='radio']:before {
  content: '';
  display: block;
  width: 60%;
  height: 60%;
  margin: 20% auto;
  border-radius: 50%;
}

.row.valoracion-container .bbox .criterio input[type="radio"]:checked:before {
  background: #0eacec;
  
}

.row.valoracion-container .bbox .criterio input[type="radio"]:checked {
border-color: #0eacec;
}

.row.valoracion-container .bbox .criterio .flex{ 
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 75%;
}

.row.valoracion-container .bbox .criterio .flex-center{ 
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 60%;
}

.textareabox{
  min-height: 100px;
  max-width: 950px;
  padding: 20px;
  padding-top: 20px !important;
  border: 1px solid black;
  margin: auto;
  border-radius: 20px;
  margin-bottom: 40px;
}

.form-actions{
  margin-bottom: 30px;
}

.form-actions button {
  background-color: #00aaeb;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 10px;
  border-color: transparent;
  color: white;
  cursor: pointer;
}

.form-actions button:last-child{
  margin-left: 20px;
}

.form-actions button:hover {
color: black;
}

@media (max-width:1250px) {
  .row.valoracion-container .bbox .blue-line-center{
    display: none;
  }
  .row.valoracion-container .bbox .blue-line{
    display: none;
  }
  .row.valoracion-container .bbox .criterio .flex{ 
    width: auto;
  }
  .row.valoracion-container .bbox .criterio .flex-center{ 
    width: auto;
  }
}
@media (max-width:960px) {
  .label-wrap{
    text-wrap: balance;
    width: 220px;
  }
}

@media (max-width:770px) {

  .label-wrap{
    text-wrap: nowrap;
    width: auto;
  }

  .row.valoracion-container .bbox .criterio{
    display: flex;
      align-content: center;
      justify-content: center;
      align-items: center;
      flex-wrap: nowrap;
      flex-direction: column;
  }
  
  .row.valoracion-container .bbox .criterio{
    margin-bottom: 15px;
  }
  
  .row.valoracion-container .bbox .criterio label{
    margin-bottom: 15px;
  }
  
  .row.valoracion-container .bbox .h-label{
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
  }
}

::-webkit-scrollbar {
  width: 10px;
}
 
::-webkit-scrollbar-thumb {
  background: #00aaeb;
  border-radius: 20px;
}

::-webkit-scrollbar-track {
  background: #ddd;
  border-radius: 20px;
}