.hero-area .hero-pic:after {

    content: '';

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background-color: white;

    position: absolute;

    display: block;

    opacity: .5;

}



.section-padding {

    padding-top: 100px;

    padding-bottom: 100px;

}



.light {

    background-color: rgb(253, 253, 253);

}



.dark {

    background-color: rgb(243, 243, 243);

}



.text-justify {

    text-align: justify;

}



section .section-title {

    margin-bottom: 55px;

}



section .section-title h3 {

    color: #0278bc;

    position: relative;





}



section .section-title h3:after {

    content: '';

    display: block;

    position: absolute;

    top: 50px;

    left: 0;

    height: 5px;

    width: 15%;

    right: 0;

    margin: auto;

    background: #e5b31e;

}



.affiliations-section h6 {

    text-align: center;

    font-size: 18px;

    font-weight: 300;

    color: rgb(58, 58, 58);

    line-height: 1.1;

}



.bg-white {

    background-color: #fff;

    height: 100%;

    display: flex;

}



.site-header #navbar>ul>li>a::before {

    border-color: #e5b31e;

}



.site-header #navbar>ul li a:hover,

.site-header #navbar>ul li a:focus,

.site-header #navbar>ul li.current-menu-item {

    color: #0278bc !important;

}





.site-footer .lower-footer {

    margin-top: 0;

}



.services {

    padding: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    width: 100%;

}



.services .service {



    margin: 15px;

    max-width: 100%;

    padding: 15px;

    box-shadow: 0 0 15px rgba(0, 0, 0, .1);

    display: flex;

    border-top: 2px solid #0278bc;

}



@media(min-width: 800px) {

    .services .service {

        max-width: 33.33333%;

    }

}



.services .service .title {

    font-weight: 600;

    letter-spacing: 1px;

    color: rgb(88, 88, 88);

    margin-bottom: 10px;



}



.services .service .content {

    color: rgb(129, 129, 129)

}





section.product-text {

    padding-bottom: 50px;

    padding-top: 50px;

}



section.products-section {

    padding-top: 0px;

    padding-bottom: 0;

}



.products {

    display: flex;

    width: 100%;

    flex-wrap: wrap;

    justify-content: center;

}



.products .product {



    display: flex;

    align-items: center;

    justify-content: center;

}



.products .product .image-holder {

    flex: 1;

    overflow: hidden;

}



.products .product .image-holder img {

    transition: all .2s ease;

}



.products .product .image-holder:hover img {

    transform: scale(1.2);

}



.products .product .title {

    flex: 1;

    display: flex;

    justify-content: center;

    text-align: center;



    font-size: 18px;

    font-weight: 500;

}



.products .product .title span {

    padding: 5px;

    display: block;

}



.products .product {

    width: 100%;

}





@media(min-width: 800px) {

    .products .product {

        width: 33.3333%;

    }



    .products .product .image-holder img {

        

    }



    .products .product.reverse {

        flex-direction: row-reverse;

    }

}





section.contact-us-details {

    padding-top: 10px;

    padding-bottom: 10px;

}



.contact-blocks {

    display: flex;

    justify-content: center;

    width: 100%;

    flex-wrap: wrap;

}



.contact-blocks .contact-block {

    width: 100%;

    padding: 15px;



}



.contact-blocks .contact-block .company-name {

    font-weight: 500;

    color: #0278bc;

}





.contact-blocks .contact-block a {

    color: #0278bc;

}



.contact-pg-section .contact-area,

.contact-pg-section .contact-area .contact-form-col {

    margin-top: 0;

}



.contact-blocks .contact-block .title {

    text-transform: uppercase;

    font-size: 1.1rem;

    font-weight: 600;

    margin: 15px 0;

}



.contact-blocks .contact-block .icon {

    width: 90px;

    height: 90px;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #e5b31e;

    font-size: 1.8rem;

    margin: 20px 0;

    border: 3px solid #0278bc;

    border-radius: 100%;

    transition: all .2s ease;

}



.contact-blocks .contact-block:hover .icon {



    font-size: 2.1rem;

}





@media(min-width: 800px) {



    section.contact-us-details {

        padding-top: 50px;

        padding-bottom: 50px;

    }



    .contact-blocks .contact-block {

        width: 33.3333%;

        padding: 15px 30px;

        text-align: center;



    }



    .contact-blocks .contact-block:nth-child(1),

    .contact-blocks .contact-block:nth-child(2) {

        border-right: 1px solid rgb(209, 209, 209);

    }



    .contact-blocks .contact-block .icon {

        margin-left: auto;

        margin-right: auto;

    }

}