/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 24, 2017 */

@font-face {
    font-family: 'Header';
    src: url('../fonts/s-core_-_core_circus_2d_double.woff2') format('woff2'),
         url('../fonts/s-core_-_core_circus_2d_double.woff') format('woff'),
         url('../fonts/s-core_-_core_circus_2d_double.ttf') format('truetype'),
         url('../fonts/s-core_-_core_circus_2d_double.svg#core_circus_2d_doubleregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'Header Bg';
    src: url('../fonts/s-core_-_core_circus.woff2') format('woff2'),
         url('../fonts/s-core_-_core_circus.woff') format('woff'),
         url('../fonts/s-core_-_core_circus.ttf') format('truetype'),
         url('../fonts/s-core_-_core_circus.svg#core_circusregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.main-color {
    color: #212529 !important;
}

.fwrap {
    position: relative;
}

h1 {
    font: 5em 'Header Bg';
    color: #3DB8E2;
    /*position: absolute;*/
}

@media (max-width: 767px){
    h1 {
       font: 3.5em 'Header Bg'; 
        }
    .back i, p {
    font-size: 1rem !important;
        }
    .portfolio-carousel .item {
    padding: 140px 15px;
        }
    }

h1::after {
    margin-left: -50%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    content: attr(text);
    font-family: 'Header';
    color: #00143D;
}

h2 {
    font: 2.4em 'Header Bg';
    color: #00143D;
    /*position: absolute;*/
}

h2::after {
    margin-left: -50%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    content: attr(text);
    font-family: 'Header';
    color: #D7122B;
}

.fa-angle-down{
    color: #fff !important;
    }
    
.back a {
    display: block;
    }
    
.back i, p {
    display: inline;
    color: #fff !important;
    font-size: 23px;
    padding: 3px;
    }
    
.separator {
    height: 10px;
}
.hr-technology {
    text-align: center;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
    top: 130px;
}

.from-top {
    margin-top: 70px;
}

.table td, .table th {
    padding: .1rem;
    vertical-align: top;
    border-top: 0px solid #e9ecef;
    text-align: center;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: rgba(0, 0, 0, 0.7);
}

.table th, .table td {
    border-bottom: 1px solid #e9ecef;
}

.table tr.table-bottom > td {
    border-bottom: 0px solid #e9ecef;
}

.p-30 {
    padding-bottom: 30px;
    padding-top: 30px;
}

.bolder {font-weight: 900;}
    
#imageGallery div, #imageGallery2 div, #imageGallery3 div {
    display: inline-block;
    float: none;
    margin: 3px auto;
    padding: 0px 2px 0 2px;
}
.eq-name {
    margin-top: -85px;
}

@media (max-width: 992px) {
    .back i, p {
    padding: 0;
    }
    .form-control {
    padding: .1rem .5rem;
}
}

@media (max-width: 469px) {
     h2 {
        font: 2.5em 'Header Bg';
        }
}

@media (max-width: 414px) {
    h1 {
       font: 2.5em 'Header Bg'; 
        }
    h2 {
        font: 2em 'Header Bg';
        }
    h3 {
        font-size: 1.3rem;
        }
    .table th, .table td {
        font-size: 7px;
        }
    .portfolio-carousel .item .project-details .project-name {
    font-size: 25px !important;
    text-align: center;
        }
    .back i, p {
    font-size: 1rem;
        }
    .h4, h4 {
    font-size: 1rem;
        }
    .floating-label-form-group input, .floating-label-form-group textarea {
    font-size: 1em;
        }
    .portfolio-carousel .item {
    padding: 140px 0px;
        }
    .form-control {
    padding: 0;
    }