@font-face {
    font-family: 'texgyrescholabold';
    src: url('fonts/texgyreschola-bold-webfont.eot');
    src: url('fonts/texgyreschola-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/texgyreschola-bold-webfont.woff') format('woff'),
        url('fonts/texgyreschola-bold-webfont.ttf') format('truetype'),
        url('fonts/texgyreschola-bold-webfont.svg#texgyrescholabold') format('svg');
    font-weight: normal;
    font-style: normal;
    
    }
    @font-face {
    font-family: 'droid_serifregular';
    src: url('fonts/droidserif-regular-webfont.eot');
    src: url('fonts/droidserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/droidserif-regular-webfont.woff') format('woff'),
        url('fonts/droidserif-regular-webfont.ttf') format('truetype'),
        url('fonts/droidserif-regular-webfont.svg#droid_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;
    
    }
    
    html {
        font-size: 0.9rem;
    }
    
    body {
        font-family: "droid_serifregular",Cambria,Times New Roman,Times,serif;
        font-size: 100%;
        line-height: 1.5;
        color: #ccc6c1;
        word-wrap: break-word;
        background: #333333;
    }
    
    a{
        color:#ef463f;
        text-decoration: none;
    }
    
    a:hover{
        color:#ef463f;
        text-decoration: underline;
    }
    
    .navbar-dark{
        background: #333333;
        background: -webkit-linear-gradient(#333333,#272727);
        background: -o-linear-gradient(#333333,#272727);
        background: -moz-linear-gradient(#333333,#272727);
        background: linear-gradient(#333333,#272727);
    }
    
    img.emoji {
        display: inline !important;
        border: none !important;
        box-shadow: none !important;
        height: 1em !important;
        width: 1em !important;
        margin: 0 .07em !important;
        vertical-align: -0.1em !important;
        background: none !important;
        padding: 0 !important;
    }
    
    .bg-dark{
        background: #333333;
        background: -webkit-linear-gradient(#333333,#272727);
        background: -o-linear-gradient(#333333,#272727);
        background: -moz-linear-gradient(#333333,#272727);
        background: linear-gradient(#333333,#272727);
    }
    
    .bg-red-company{
        background-color: #ef463f;
    }
    
    .font-family-texgyrescholabold{
        font-family: texgyrescholabold;
    }
    
    .font-family-droid_serifregular{
        font-family: droid_serifregular;
    }
    
    .text-black-company{
        color: #000;
    }
    
    .text-red-company{
        color: #ef463f;
    }
    
    .navbar-expand-md div#logo {
        position: fixed;
        top:0;
        z-index: 10;
    }
    
    .footer {
        clear: both;
        background: url(../img/footer.jpg) #e7e7e7;
        color: #757575;
    }
    
    .footer h3 {
        border-bottom: red 1px solid;
        color: #fff;
    }
    
    .footer a {
        color: #757575;
        font-family: 'texgyrescholabold','Century';
    }
    
    .card{
        border: 0;
        border-radius: 0;
    }
    
    .card-img {
        border-radius: 0;
    }
    
    .card-img-top{
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    
    .card-footer {
        padding: 0;
        background-color: #fff;
        border-top: 0;
    }
    
    .card-body-news{
        background: url(../img/toparticle.png) no-repeat;
    }
    
    .btn-primary{
        border: 1px solid #9b2826;
        border-top-color: #b42e2c;
        border-left-color: #b42e2c;
        background-color: #ef463f;
    }
    
    .btn-primary:hover, .btn-primary:focus{
        border: 1px solid #9b2826;
        border-top-color: #7e211f;
        border-left-color: #7e211f;
        background-color: #a72b29;
    }
    
    .content{
        background: url('../img/fondo.jpg');
    }
    
    .content-red {
        font-family: "droid_serifregular",Cambria,Times New Roman,Times,serif !important;
        background: #ef433c url(../img/boxred.jpg) no-repeat center center;
        width: 100vw;
        padding: 5% 19%;
    }
    
    .banner{
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        position: relative;
        z-index: 1;
    }
    
    .banner-home {
        background: url(../img/banner1.jpg) no-repeat center center;
        height: 560px;
    }
    
    .banner-about {
        background: url(../img/banner2.jpg) no-repeat center center;
        height: 391px;
    }
    
    .banner-services {
        background: url(../img/banner3.jpg) no-repeat center center;
        height: 391px;
    }
    
    .banner-news {
        background: url(../img/banner4.jpg) no-repeat center center;
        height: 391px;
    }
    
    .banner-map {
        height: 391px;
    }
    
    .modal-content {
        border-radius: 0;
    }
    
    .modal-header {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    
    .modal-footer {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    
    .modal-header-services{
        background: #fff url(../img/headerbox.jpg) no-repeat center top;
    }
    
    .quote {
        position: relative;
      }
    
    .quote:before {
        content: "“";
        position: absolute;
        top: -50px;
        font-size: 9rem;
        color: rgba(238, 238, 238, 0.2);
        font-weight: normal;
      }
    
      .quote:after {
        content: "”";
        position: absolute;
        left: 300px;
        bottom: -100px;
        font-size: 9rem;
        color: rgba(238, 238, 238, 0.2);
        font-weight: normal;
      }

      .list-risks{
        padding-left: 0;
    }
    
    /* 
      ##Device = Desktops
      ##Screen = 1281px to higher resolution desktops
    */
    @media (min-width: 1281px) {
        .navbar-expand-md .navbar-nav .nav-link {
            padding: 2px 15px;
            box-shadow: 2px 0 0 -1px #8C8C8C;
        }
    
        .navbar-expand-md .navbar-nav .nav-link-last {
            box-shadow: none;
        }
    
        .navbar-expand-md .navbar-nav .nav-link-active {
            border-bottom: #ef453e 1px solid;
            color: gray!important;
        }
    }
    
    /* 
      ##Device = Laptops, Desktops
      ##Screen = B/w 1025px to 1280px
    */
    @media (min-width: 1025px) and (max-width: 1280px) {
        .navbar-expand-md .navbar-nav .nav-link {
            padding: 2px 15px;
            box-shadow: 2px 0 0 -1px #8C8C8C;
        }
    
        .navbar-expand-md .navbar-nav .nav-link-last {
            box-shadow: none;
        }
    
        .navbar-expand-md .navbar-nav .nav-link-active {
            border-bottom: #ef453e 1px solid;
            color: gray!important;
        }
    }
    
    /* 
      ##Device = Tablets, Ipads (portrait)
      ##Screen = B/w 768px to 1024px
    */
    @media (min-width: 768px) and (max-width: 1024px) {
        h1{
            font-size: 2rem;
        }
    
        .navbar-expand-md .navbar-nav .nav-link {
            padding: 2px 15px;
            box-shadow: 2px 0 0 -1px #8C8C8C;
        }
    
        .navbar-expand-md .navbar-nav .nav-link-last {
            box-shadow: none;
        }
    
        .navbar-expand-md .navbar-nav .nav-link-active {
            border-bottom: #ef453e 1px solid;
            color: gray!important;
        }
    
        .img-alliance{
            max-width: 90%;
        }
    
        .card-img {
            width: 95%;
        }
    
        .quote:after {
            left: 280px;
        }
    }
    
    /* 
      ##Device = Tablets, Ipads (landscape)
      ##Screen = B/w 768px to 1024px
    */
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        h1{
            font-size: 2rem;
        }
    
        .img-alliance{
            max-width: 90%;
        }
    
        .card-img {
            width: 95%;
        }
    
        .quote:after {
            left: 280px;
        }
    }
    
    /* 
      ##Device = Low Resolution Tablets, Mobiles (Landscape)
      ##Screen = B/w 481px to 767px
    */
    @media (min-width: 481px) and (max-width: 767px) {
        h1{
            font-size: 2rem;
        }
    
        .img-alliance{
            max-width: 90%;
        }
    
        .card-img {
            width: 95%;
        }
    
        .quote:after {
            left: 280px;
        }
    
        .list-risks{
            padding-left: 2rem;
        }
    }
    
    /* 
      ##Device = Most of the Smartphones Mobiles (Portrait)
      ##Screen = B/w 320px to 479px
    */
    @media (min-width: 320px) and (max-width: 480px) {
        h1{
            font-size: 2rem;
        }
    
        .img-alliance{
            max-width: 90%;
        }
    
        .card-img {
            width: 95%;
        }
    
        .quote:after {
            left: 280px;
        }
    
        .list-risks{
            padding-left: 2rem;
        }
    }