/*ADDED CSS to the BASIC LAYOUT*/


body {
    /* background-image: url(../images/backg4.png);*/
    background-image: url(../images/odtp.png);
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    /*  padding: 100px 0px 0px 0px;*/
    /* background-color: #000;*/
}

.topimg {
    width: 50%;
}

.caption h2 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 45px;
    text-transform: uppercase;
    font-weight: 800;
    color: #ffc23c;
    letter-spacing: 1px;
}

h3 {
    color: #fff;
    font-size: 24px;
}

.caption h3 a {
    color: #ffc23c;
}

/*SERVICES CSS*/

section.material-page {
    background-image: none;
}

img {
    width: 100%;
    overflow: hidden;
}

.r2services {
    background-color: rgba(250,250,250,0.15);
    padding: 40px;
    margin-bottom: 30px;
}

    .r2services p {
        color: #fff;
        margin-bottom: 20px;
    }

.fa-check::before {
    content: "\f00c";
    margin-right: 10px;
}

.text-primary {
    color: #EAA636 !important;
}

ul > li > span {
    color: #fff;
}

span {
    font-size: 20px;
}

p {
    font-size: 17px;
}

li {
    margin-bottom: 15px;
}


.fa-check::before {
    content: "\f00c";
    margin-right: 10px;
    font-size: 20px;
}

.cmpt ul li:first-child span {
    color: #2161a9;
    font-weight: 700;
    font-size: 23px;
}

.cmpt ul li span {
    font-size: 15px;
}

/*CAPABILITIES*/

section.material-page {
    background-image: none;
}

img {
    width: 100%;
    overflow: hidden;
}

.r2services .item {
    background-color: rgba(250,250,250,0.15);
    padding: 40px;
    margin-bottom: 30px;
}

    .r2services .item p, h4 {
        color: #fff;
        margin-bottom: 20px;
    }



#material .card {
    padding: 20px;
    border-radius: 0;
    border: 2px solid white;
}

.bg-transparent {
    background-color: transparent !important;
}

p {
    color: #f8f9fa !important;
}

#material .card:hover {
    border: 10px solid #ffc23c;
    transform: scale(1.01);
    border-image-slice: 1;
    border-width: 2px;
    box-shadow: 5px 5px 0px 0px #ffc23c;
}

.card h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 800;
    color: #ffc23c;
    letter-spacing: 1px;
}

.btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: none;
}

button i {
    color: #f8f9fa;
}

/*MATERIALS*/

section.material-page {
    background-image: none;
}

img {
    width: 100%;
    overflow: hidden;
}

.r2services {
    background-color: rgba(250,250,250,0.15);
    padding: 40px;
    margin-bottom: 30px;
}

    .r2services p {
        color: #fff;
        margin-bottom: 20px;
    }

.fa-check::before {
    content: "\f00c";
    margin-right: 10px;
}

.text-primary {
    color: #EAA636 !important;
}

ul > li > span {
    color: #fff;
}

span {
    font-size: 16px;
}

p {
    /*font-size: 17px;*/
    font-size: 15px;
}

li {
    margin-bottom: 15px;
}

ul.nav > li {
    margin-bottom: 0px;
}

/*CONTACT CSS*/
section.material-page {
    background-image: none;
}

img {
    width: 100%;
    overflow: hidden;
}

.r2services .item {
    background-color: rgba(250,250,250,0.15);
    padding: 40px;
    margin-bottom: 30px;
}

    .r2services .item p, h4 {
        color: #fff;
        margin-bottom: 20px;
    }



#material .card {
    padding: 20px;
    border-radius: 0;
    border: 2px solid white;
}

.bg-transparent {
    background-color: transparent !important;
}

p {
    color: #f8f9fa !important;
}

#material .card:hover {
    border: 10px solid #ffc23c;
    transform: scale(1.01);
    border-image-slice: 1;
    border-width: 2px;
    box-shadow: 5px 5px 0px 0px #ffc23c;
}



.btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: none;
}

button i {
    color: #f8f9fa;
}

section.contact-us {
    background-image: none;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    background-color: transparent;
}

    section.contact-us #contact {
     /*   background-color: rgba(250,250,250,0.15);*/
        padding: 40px;
        margin-bottom: 30px;
    }

        section.contact-us #contact h2 {
            text-transform: uppercase;
            color: #ffc23c;
            border-bottom: 1px solid #eee;
            margin-bottom: 40px;
            padding-bottom: 20px;
            font-size: 22px;
            font-weight: 700;
        }

.fa-3x {
    font-size: 3em;
    color: #ffc23c;
}

.footer {
    margin-top: 0px;
}

.location p {
    font-size: 16px;
}

span.lblName {
    font-size: 16px !important;
    /*color: #ffc23c !important;*/
    color: #000 !important;
}

.footer {
    text-align: center;
    margin-top: 140px;
    border-top: 1px solid rgba(250,250,250,0.15);
    padding: 50px 0px;
}

    .footer > p, .footer > p:first-child > span {
        text-transform: uppercase;
        font-size: 14px !important;
        color: #fff;
    }

        .footer > p:nth-child(2) > span, .footer > p:nth-child(2) {
            text-transform: uppercase;
            font-size: 9px!important;
            color: #fff;
        }

        .footer > p > a {
            color: #f5a425;
        }

        .footer > p > span {
            display: inline-block;
        }
p.txtindent {
    text-indent: 38px;
}