/*
    // `xs` returns only a ruleset and no media query
    // ... { ... }
    // `sm` applies to x-small devices (portrait phones, less than 576px)
    @media (max-width: 575.98px) { ... }
    // `md` applies to small devices (landscape phones, less than 768px)
    @media (max-width: 767.98px) { ... }
    // `lg` applies to medium devices (tablets, less than 992px)
    @media (max-width: 991.98px) { ... }
    // `xl` applies to large devices (desktops, less than 1200px)
    @media (max-width: 1199.98px) { ... }
    // `xxl` applies to x-large devices (large desktops, less than 1400px)
    @media (max-width: 1399.98px) { ... }
*/
/* IMAGES */
.img-contact {
    max-height:30px;
}
.img-silhouette {
    max-height:400px;
    max-width:400px;
}
@media screen and (max-width: 1198.98px)   {
    .img-silhouette {
        max-height:400px;
        max-width:400px;
        margin:5px;
    }   
}
.img-agency {
    max-height:70px;
    background-color:#fafafa;
    border:0.01em solid black;
    padding: 3px;
    margin: 3px;
    border-radius:5px;
}
/*
main theme color red = rgb(128,12,0);
text color = gold = rgb(250,195,39);
*/

html {
    scroll-behavior: smooth !important;
    overflow-x: hidden;
}
.navbar {
    background-color:rgb(128,12,0) !important;
}
.fa-menu-link {
    color:rgb(128,12,0);
}
span.fa-menu-link {
    font-size:150%;
}
a {
    text-decoration: none;
}
a, .nav-top-btn {
    color:rgb(250,195,39);
}
.nav-top-btn {
    border-radius: 5px;
    padding: 8px 12px;
    margin: 0 3px;
}
.nav-top-btn:hover,
.nav-top-btn.active {
    border: 1px solid rgb(250,195,39);
    color: rgb(250,195,39);
    border-radius: 5px;
}
/*
Font Awesome 5 tags
*/
.fa, .fab, .fas, .far {
    margin-right:5px;
}
/*
W3 tags
*/
#goToTop {
    display: none;
    position: fixed;
    width:50px;
    height:50px;
    padding-left:1px;
    bottom: 5%;
    right: 10%;
    z-index: 99;
    outline: none;
    background-color:rgb(250,195,39);
    color: rgb(128,12,0);
    cursor: pointer;
    border:none;
    border-radius:50%;
}

#goToTop:hover {
    background-color:rgb(128,12,0);
    color: rgb(250,195,39);
}
#es-to-en, .text-es {
    display: none;
}
.fixed-top-2 {
    position: fixed;
    z-index: 1020;
    top:8px;
    width:100%;
}
.fixed-top-3 {
    position: fixed;
    z-index: 1020;
    top:5px;
    width:100%;
}
.social-media-url {
    margin-right:6px;
}

section {
    min-height:510px;
    padding-top:100px;
}
@media screen and (max-width: 1198.98px)   {
    section {
        padding-top:125px;
    }
}
ul {
    list-style-type:none;
}
ul .no-bullets {
    margin-left:25px;
}

.list-group-item {
    padding:10px;
}
/*scroll indicator*/
.header {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    background-color: #f1f1f1 !important;
  }
  
  .progress-container {
    width: 100%;
    height: 5px;
    background: rgb(128,12,0);
  }
  
  .progress-bar {
    height: 5px;
    background:rgb(250,195,39);
    width: 0%;
  }

.img-theme:hover{
    opacity: 0.7;
}



  /*PHP Jabbers*/
.ml-container {
    font-family:inherit !important;
    background-color:inherit !important;
    border:none !important;
}
.ml-container .heading {
    display:none !important;
}
.ml-container .ml-button {
    box-shadow:none !important;
    .-webkit-border-radius:none !important;;
}
.mh-copyright {
    position:absolute;
    bottom:1px;
    font-family:inherit;
    font-size:10px;
}
.login-table, .login-table tr, .login-table td {
    border:0.01em, solid, black;
}