body {
    background: #ffffff;
    color: #383838;
    font-family: 'Raleway', sans-serif;
    overflow-x: hidden; /* prevent horizontal scrollbar from appearing */
}

a {
    color: #011983;
}

a:hover {
    color: #6978b8;
    text-decoration: none;
}




.navbar-brand {
    margin-right: 1.5rem;
}
.nav-link {
    /* padding: 0; */
    font-size: 1rem;
    font-weight: 800;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255);
}


.navbar-dark .navbar-nav .nav-link:focus {
    color: #23a3dd !important;
}

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
    color: #23a3dd;
}

/* .navbar-dark .navbar-nav .nav-link:active {
    color: #23a3dd !important;
} */


.bg-dark {
    background-color: transparent;
}

.container-slide-img {
    padding-right: 0px;
    padding-left: 0px;
}
.padd-top-bottom{
    padding-top: 30px;
    padding-bottom: 30px;
}
.padd-bottom{
    padding-bottom: 40px;
}

.title_equipoaba  {
    font-size: 46px;
    font-weight: 600;
    line-height: 50px;
    color: #22a4dd;
    padding-bottom: 20px;
}

.title_equipoaba  span {
    display: block;
    width: 70px;
    height: 4px;
    background: #000000;
    /* margin: 0 auto; */
     margin-top: 5px;
}

#equipoaba .col-md-4
{
    padding-top: 15px;    
    padding-bottom: 15px;
}

section {
    padding-top: 40px;    
    padding-bottom: 40px;
}

.row-tkit { 
    margin-bottom: 40px;
}


/* start toolkit-chicos */

#toolkit-chicos {
    background-color: #000000;
    background-image: url('../img/bk_tkchicos.jpg');
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    background-position: center top;
    color: #ffffff;
    padding-bottom: 20px;
    /* min-height: 300px; */
}

#toolkit-chicos .intro_text_toolkit-chicos {
    font-family: 'Raleway';
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
    line-height: 32px;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    background: rgba(10, 10, 10, 0.4);
}

#toolkit-chicos .descr_text_toolkit-chicos {
    font-family: 'Raleway';
    font-size: 18px;
    color: #ffffff;
    line-height: 24px;
    text-align: justify;
    padding-bottom: 30px;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    background: rgba(10, 10, 10, 0.4);
}

#toolkit-chicos .col-md-6 {
    padding-top: 30px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;            
}


#toolkit-chicos h4 {
    color: #28a7e9;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 14px;
}

#toolkit-chicos h2 {
    text-align: center;
    font-size: 40px;
    padding-bottom: 10px;
    padding-top: 60px;
}

/* end toolkit-chicos */

/* start toolkit-padres */

#toolkit-padres {
    background-color: #ffffff;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    background-position: center top;
    color: #3f3f3f;
    padding-bottom: 20px;
    /* min-height: 300px; */
}

#toolkit-padres .intro_text_toolkit-padres {
    font-family: 'Raleway';
    font-size: 24px;
    font-weight: 400;
    color: #3f3f3f;
    line-height: 32px;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    background: rgba(10, 10, 10, 0.4);
}

#toolkit-padres .descr_text_toolkit-padres {
    font-family: 'Raleway';
    font-size: 18px;
    color: #3f3f3f;
    line-height: 24px;
    text-align: justify;
    padding-bottom: 30px;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    background: rgba(10, 10, 10, 0.4);
}

#toolkit-padres .col-md-6 {
    padding-top: 30px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;            
}


#toolkit-padres h4 {
    color: #28a7e9;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 14px;
}

#toolkit-padres h2 {
    text-align: center;
    font-size: 40px;
    padding-bottom: 10px;
    padding-top: 60px;
}

/* end toolkit-padres */

/* start toolkit-educadores */

#toolkit-educadores {
    background-color: #000000;
    background-image: url('../img/bk_tkeducadores.jpg');
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    background-position: center top;
    color: #ffffff;
    padding-bottom: 20px;
    /* min-height: 300px; */
}

#toolkit-educadores .intro_text_toolkit-educadores {
    font-family: 'Raleway';
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
    line-height: 32px;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    background: rgba(10, 10, 10, 0.4);
}

#toolkit-educadores .descr_text_toolkit-educadores {
    font-family: 'Raleway';
    font-size: 18px;
    color: #ffffff;
    line-height: 24px;
    text-align: justify;
    padding-bottom: 30px;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    background: rgba(10, 10, 10, 0.4);
}

#toolkit-educadores .col-md-6 {
    padding-top: 30px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;            
}


#toolkit-educadores h4 {
    color: #28a7e9;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 14px;
}

#toolkit-educadores h2 {
    text-align: center;
    font-size: 40px;
    padding-bottom: 10px;
    padding-top: 60px;
}

/* end toolkit-educadores */
/* start toolkit-descargas */

#toolkit-descargas {
    background-color: #ffffff;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    background-position: center top;
    color: #3f3f3f;
    padding-bottom: 20px;
    /* min-height: 300px; */
}

#toolkit-descargas .intro_text_toolkit-descargas {
    font-family: 'Raleway';
    font-size: 24px;
    font-weight: 400;
    color: #3f3f3f;
    line-height: 32px;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    background: rgba(10, 10, 10, 0.4);
}

#toolkit-descargas .descr_text_toolkit-descargas {
    font-family: 'Raleway';
    font-size: 18px;
    color: #3f3f3f;
    line-height: 24px;
    text-align: justify;
    padding-bottom: 30px;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    background: rgba(10, 10, 10, 0.4);
}

#toolkit-descargas .col-md-6 {
    padding-top: 30px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;            
}


#toolkit-descargas h4 {
    color: #28a7e9;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 14px;
}

#toolkit-descargas h2 {
    text-align: center;
    font-size: 40px;
    padding-bottom: 10px;
    padding-top: 60px;
}

#toolkit-descargas .dnl-subtitle {
    font-family: 'Raleway';
    font-size: 14px;
    font-weight: 400;
    color: #3f3f3f;
    line-height: 20px;
    margin-bottom: 20px;
    margin-top: 2px;
}
#toolkit-descargas .dnl-title {
    margin-bottom: 0px;
    margin-top: 0px;
}
/* end toolkit-descargas */

.title_importante  {
    font-size: 46px;
    font-weight: 600;
    line-height: 50px;
    color: #ffffff;
    background-color: #28a7e9;
    padding-top: 10px;
    padding-bottom: 20px;
    text-align: center;
}

.title_importante  span {
    display: block;
    width: 300px;
    height: 4px;
    background: #000000;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

.text_importante {
    background-color: #28a7e9;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #ffffff;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;   
}

#contacto {
    background-color: #e0e0e0;
    color: #3f3f3f;
    padding-bottom: 20px;
}

#contacto .address_text {
    display: block;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #3f3f3f;
    font-size: 18px;
    line-height: 26px;
}

#contacto .address_text a {
    font-size: 18px;
    line-height: 26px;
    color: #28a7e9;
}

.btn-success.enviar_but {
    color: #ffffff;
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    background-color: #22A4DD;
    border: 0;
}

#toolkit-chicos .col-md-6.col-video, #toolkit-padres .col-md-6.col-video, #toolkit-educadores .col-md-6.col-video  {
    padding-top: 40px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;            
}

.tk-title-white  {
    font-size: 46px;
    font-weight: 600;
    line-height: 50px;
    color: #ffffff;
}
.tool-title-white  {
    font-size: 46px;
    font-weight: 800;
    line-height: 50px;
    color: #ffffff;
    padding-bottom: 15px;
    padding-top: 15px;
}

.text-howto  {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #ffffff;
    padding-top: 20px;
    padding-bottom: 20px;
}

.tk-title-black  {
    font-size: 46px;
    font-weight: 600;
    line-height: 50px;
    color: #3f3f3f;
}
.tool-title-black  {
    font-size: 46px;
    font-weight: 800;
    line-height: 50px;
    color: #3f3f3f;
    padding-bottom: 15px;
    padding-top: 15px;
}

.text-howto-black  {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #3f3f3f;
}

.dnl-toolkit  {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    color: #22a4dd;
}

.divext-text-howto  {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 7px solid #22a4dd;
    border-bottom: 7px solid #22a4dd;
}
.howto_moretext  {
    padding-top: 10px;
    padding-bottom: 10px;
}
.chevron-box, .chevron-box>a  {
    font-size: 30px;
    font-weight: 600;
    line-height: 20px;
    color: #22a4dd;
}
.strokeme
{
    color: #000000;
    text-shadow:
    -1px -1px 0 #ffffff,
    1px -1px 0 #ffffff,
    -1px 1px 0 #ffffff,
    1px 1px 0 #ffffff;
    font-size: 60px;
}

.strokeme-inv
{
    color: #ffffff;
    text-shadow:
    -1px -1px 0 #000000,
    1px -1px 0 #000000,
    -1px 1px 0 #000000,
    1px 1px 0 #000000;
    font-size: 60px;
}

.tk-title-white  span, .tk-title-black span  {
    display: block;
    width: 70px;
    height: 4px;
    background: #22a4dd;
    /* margin: 0 auto; */
     margin-top: 10px;
}

.mo-res-title  {
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 10px;
}
.video-container {
    position: relative;
    padding-bottom: 51.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* brands */

.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -20px;
    top: 140px;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
    right: -20px;
    top: 140px;
}

#owl-brands .item {
    margin: 10px;
    background-color: #ffffff;
    padding: 20px;
    /*min-height: 250px;*/
}

    #owl-brands .item img {
        display: block;
        width: 100%;
        height: auto;
        opacity: 0.9;
        filter: alpha(opacity=90);
        filter: gray;
        filter: grayscale(1);
        -webkit-filter: grayscale(1);        
    }

#owl-brands .owl-prev {
    left: -5px;
    top: 100px;
}

#owl-brands .owl-next {
    right: -5px;
    top: 100px;
}
/* end brands */


.input-text {
    padding: 7px;
    border: 0px solid #aaa;
    border-radius: 3px;
    box-shadow: inset 0 1px 7px rgba(0, 0, 0, 0.1);
    width: 100%;
    margin-bottom: 10px;
    /*background-color: #E6E6E6;*/
} 

.input-text:focus {  
    outline: none;  
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);  
} 
 

/*media quires */
@media only screen and (max-width: 1199px) and (min-width: 992px) {

}

@media only screen and ( max-width: 990px ) {
    .logo-top {
        width: 150px;
    }
}

@media only screen and ( min-width: 990px ) {

}
@media only screen and ( max-width: 1050px ) {

}

@media only screen and ( max-width: 767px ) {
    .container {
        margin: 0px;
    }

    #owl-brands .owl-prev  {
        top: 160px;
    }
    #owl-brands .owl-next  {
        top: 160px;
    }           
}

@media only screen and ( max-width: 360px ) {
}

#footer {
    background-color: #ffffff;    
    font-size: 14px;
    color: #ffffff;
    padding-top: 30px;
    padding-bottom: 20px;
}

#footer a {
    color: #22a4dd;
    padding-right: 30px;
    font-size: 36px;
    line-height: 40px;    
}

#footer .col {
    padding-bottom: 20px;
}
#footer a:hover {
    color: #126183;
    text-decoration: none;
}


.footer-copyright {
    font-size: 12px;
    color: #e5e5e5;
    margin-top: 10px;
    margin-bottom: 20px;
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #8A8A8A;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #8A8A8A;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #8A8A8A;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #8A8A8A;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #8A8A8A;
}