h1, h2, h3, h4, h5, h6, .button{font-family: 'Kanit', sans-serif!important;}


/*sticky*/
@media screen and (max-width: 39.9375em) {
    .no-js .top-bar {
        display: none;
    }
}

@media print, screen and (min-width: 40em) {
    .no-js .title-bar {
        display: none;
    }
}

[data-sticky] {
    width: 100%;
}

.sticky-container {
    z-index: 5;
}
/* END sticky */

/*REsponsive table*/
.responsive-card-table {
  border-collapse: collapse;
}

.responsive-card-table.unstriped tbody {
  background-color: transparent;
}

.responsive-card-table th {
  background-color: #11679D;
  color:#fff;
  text-align: center!important;
}
.responsive-card-table th a{ font-size: 0.8rem;color:#fff;}
.responsive-card-table th img{width:16px!important;}

.responsive-card-table tr,
.responsive-card-table th,
.responsive-card-table td {
  border: 1px solid #11679D;
}
.pagination .current {background: #11679D;}

@media screen and (max-width: 640px) {
  .responsive-card-table {
    
  }
  .responsive-card-table thead tr {
    position: absolute;
    top: -9999em;
    left: -9999em;
  }
  .responsive-card-table tr {
    border: 1px solid #0a0a0a;
    display: block;
  }
  .responsive-card-table tr + tr {
    margin-top: 1.5rem;
  }
  .responsive-card-table td {
    border: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #0a0a0a;
    padding-left: 50%;
    position: relative;
  }
  .responsive-card-table td:before {
    content: attr(data-label);
    display: inline-block;
    font-weight: bold;
    line-height: 1.5;
    margin-left: -100%;
    width: 100%;
    position: relative;
    z-index: 1;
  }
  .responsive-card-table td:after {
    content: '';
    position: absolute;
    background: #e6e6e6;
    width: 45%;
    height: 95%;
    left: 1px;
    top: 1px;
    z-index: 0;
  }
}

.responsive-card-table a, a h5{color:#11679D;}
/*END Responsive Table*/

h3{color:#11679D;}
ul {margin-left: 2.25rem;}

button, .button{background: #B91516!important; text-transform: uppercase;}
.button:hover{background: #922223!important;}

.img-home img{display:block; width:100%;}

.align-center{text-align: center;}
.align-right{text-align: right;}
.right{float:right;}

.table{display:table!important; height: 100%;}
.tablecell{display:table-cell!important; vertical-align: middle;}

header{background: #fff; border-bottom: solid 1px #11679D;}
.top-bar, .top-bar ul {background-color: #fff;}
.top-bar {border-left: solid 1px #11679D; padding: 2rem 0.5rem;}
.sticky.is-at-top.is-stuck .top-bar {padding: 0.5rem 0.5rem;}
.is-dropdown-submenu {min-width: 300px; border-top: solid 6px #11679D;}
.top-bar a {color: #333!important;}
.top-bar a:hover, .top-bar a:focus {color: #B91516!important;}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    border-color: #333 transparent transparent!important;}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent:hover > a::after {
    border-color: #B91516 transparent transparent!important;}


.page-title{background: #333; padding: 2rem 0; margin-bottom:0;}
.page-title h2{color: #fff;}


.page-title{
    animation: colorchange 1s; /* animation-name followed by duration in seconds*/
    /* you could also use milliseconds (ms) or something like 2.5s */
    -webkit-animation: colorchange 1s; /* Chrome and Safari */
}
.breadcrumb{margin-bottom: 2rem;}
.breadcrumb a{color: #888; text-transform: uppercase; font-size: 12px;}
.breadcrumb a:last-child{font-weight: 700;}

@keyframes colorchange
{
    0%   {background: #000;}
    50%  {background: #11679D;}
    100%   {background: #000;}
}

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
{
    0%   {background: #000;}
    50%  {background: #11679D;}
    100%   {background: #000;}
}

form ul{list-style:none; margin-left: 0;}
form.ficha [type='text'], form.ficha select, form.ficha [type='number'], form.ficha [type='tel'], form.ficha [type='email'] {color:#11679D;}

.callout.grey{background:#f8f8f8;}
.search{ padding:1rem 1rem 0 1rem;
        background:#eee;
        margin-top: -2rem;
        margin-bottom: 2rem; 
        border-bottom: solid 1px #ccc;}

.reveal h3{color:#fff;background: #11679D; margin: -1rem -1rem 1rem -1rem; padding: 1rem;}
.reveal .close-button, .reveal .close-button:hover, .reveal .close-button:focus {
    color: #fff;
}

footer{background: #333; padding: 2rem  0 0 0; margin-top:2rem; bottom:0;}
footer p, footer a, footer a:hover{color: #eee;}
.footer-bottom{ background: #666; padding: 2rem  0 1rem 0;}


.triangle {
     width: 0; 
     height: 0; 
     border-top: 20px solid #11679D;
     border-right: 90px solid transparent;
     border-left: 90px solid transparent; 
     margin:-1rem auto 1rem auto!important;
}

label.control-label{font-weight:700; color:#11679D;}