.fullscreen-bg__video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.svgColor {
    color:green;
}

.parallex {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.servicesListMobile {
    bottom:2px;
}

/*.logoTopDiv2:hover {*/
    /*background-color:#64BA4B;*/
/*}*/

.servicesListMobile2 {
    bottom:2px;
}

.servicesMove {
    position:relative;
    bottom:1px;
}

.indexHeading {
    font-family: Rubik;
    display: table-cell;
    vertical-align: middle;
    color:white;
    z-index:10;
    font-size: 26px;
    font-style: italic;
    line-height: 1.08;
    letter-spacing: 0.8px;
    text-align:center;
    margin:0 auto;
    font-weight:300;
    width:80%;
}

.servicesListMobile {
    cursor:pointer;
}

.serviceListItem {
    width: 222px;
    float: left;
    padding: 12px;
    cursor:pointer;
    fill:white;
    color: white;
}
/*.serviceListItem:hover {
    color:#005dac;
    fill:#005dac;
}*/

ul {
    padding: 0px;
    margin: 0px;
}

.mobileHeadingDiv {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 10;
}

.indexMeetClientMobile {
    margin:0 auto;
    border: solid 3px #ffffff;
    text-align:center;
    font-weight: 400;
    letter-spacing: 0.8px;
    color:white;
    position:absolute;
    left:0;
    right:0;
    top: 29px;
}

.indexMeetClientBlueImage {
    position: absolute;
    top: 59%;
    width: 100%;
}

.indexTeamNames {
    font-size: 1.3vw;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0.8px;
    text-align:center;
    padding-top:10%;
}

.indexMeetClientBlueBar {
    opacity: 0.95;
    background-color: #005dac;
    height:50%;
    position:relative;
}

.indexMeetClientArea {
    height: 50%;
    position: absolute;
    top: 50%;
    width: 100%;
}

.readMoreButton{
    object-fit: contain;
    border: solid 3px #005dac;
    font-weight: 400;
    letter-spacing: 0.8px;
    text-align: center;
    color: #005dac;
    margin:0 auto;
    cursor:pointer;
}

.readMoreButton:hover {
    background-color:#005dac;
    color:white;
}

.safetyTextHeader {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    letter-spacing: 1px;
    text-align: center;
    color: #005dac;
}

.safetyText {
    font-size: 18px;
    line-height: 1.22;
    letter-spacing: 0.8px;
    text-align: center;
    color:#636468;
    font-style:italic;
    font-weight:300;
}

.standardMarginTopText {
    margin-top:37px;
}

.textAlignCenter {
    text-align:center;
}

.commitment {
    background-color:#eaeaea;
}

.mobileMeetTeam {
    height: 118px;
    opacity: 0.95;
    background-color: #005dac;
}

.ourProjectsDiv {
    width:30px;
}
.ourSliderProjects {
    /*width:535px;*/
    width:80%;
    margin:0 auto;
    padding-top:40px;
    max-width:864px;
}

.safetyText {
    padding-left:5px;
    padding-right:5px;
}

/*.teamAreaExtraLarge {*/
    /*display:none;*/
/*}*/

.indexMeetTeamButton {
    margin: 0 auto;
    border: solid 3px #ffffff;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0.8px;
    color: white;
    position: absolute;
    left: 0;
    right: 0;
    top: 29px;
    cursor:pointer;
}

.indexMeetTeamButton:hover {
    background-color:white;
    color:#005dac;
}

.teamIndividual {
    cursor:pointer;
    color:white;
    margin-left:10px;
    margin-right:10px;
}

.teamIndividual:hover {
    color:#005dac;
}

.showOverMobile {
    display:none;
}

.videoContainer {
    position: absolute;
    z-index: 5;
    top: 0;
    width: 100%;
    height: 100%;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .hideOverMobile {
        display:none;
    }

    .showOverMobile {
        display:block;
    }


    .indexMeetTeamButton {
        margin:0 auto;
        border: solid 3px #ffffff;
        text-align:center;
        font-weight: 400;
        letter-spacing: 0.8px;
        color:white;
        position:absolute;
        left:0;
        right:0;
        top: calc(29% - 25px);
    }

    .ourTeamDiv {
        height:648px;
        background-image: url("../assets/images/index/HOME_1_darker2.jpg");
    }

    .safetyTextHeader {
        font-size: 22px;
    }

    .safetyText {
        font-style:normal;
        padding-left:5vw;
        padding-right:5vw;
    }

    .ourServiceBox {
        height:80px;
        position:absolute;
        bottom:0px;
        background-color:#64BA4B;
        line-height: 80px;
        z-index:10;
    }
    
    .ourServiceBox2 {
        height:80px;
        position:absolute;
        bottom:0px;
        background-color:#0F5DA1;
        line-height: 80px;
        z-index:10;
    }

    .ourServicesList {
        padding-top:47px;
        padding-bottom:47px;
        position: relative;
        bottom: 1px;
    }
    
    .ourServicesList2 {
        padding-top:47px;
        padding-bottom:47px;
        position: relative;
        bottom: 1px;
    }

    .ourServicesText {
        font-family: Rubik;
        font-size: 22px;
        font-weight: 400;
        letter-spacing: 0.8px;
        text-align: center;
        color: white;
    }

    .ourServicesItemText {
        font-family: Rubik;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.7px;
        text-align: center;
        padding-top: 11px;
    }

    .ourServiceLogo {
        height:61px;
    }

    .majorPipeLogo {
        height:50px;
        position:relative;
        top:7px;
    }

    .ourServicesSubitem {
        font-size: 16px;
        letter-spacing: 0.8px;
    }

    .indexHeading {
        width:100%;
        font-family: Rubik;
        font-size: 30px;
        font-style: italic;
        line-height: 0.92;
        letter-spacing: 1.1px;
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top:calc(((100% - 230px)/2) + 150px - 15px);
    }

    .indexMeetClientArea {
        height: 63%;
        position: absolute;
        top: 41%;
        width: 100%;
    }
}

.blueOverlay {
    z-index: 6;
    /*background-color: #246b98;*/
    background-color:#184775;
    opacity: .75;
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .indexHeading {
        font-size:36px;
    }
    .indexMeetClientBlueImage {
        top: 50%;
    }
    .indexMeetTeamButton {
        top: calc(25% - 25px);
    }

    .ourTeamDiv {
        height:774px;
    }

    .indexMeetTeamButton {
        top: calc(25% - 30px);
    }

    .indexHeading {
        top: calc(((100% - 280px)/2) + 200px - 18px);
    }

    .indexMeetClientArea {
        height: 60%;
        position: absolute;
        top: 40%;
        width: 100%;
    }

}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .indexMeetClientArea {
        height: 50%;
        position: absolute;
        top: 45%;
        width: 100%;
    }

    .ourTeamDiv {
        height:1021px;
    }

    /*.ourSliderProjects {

        width:800px;
    }*/
}

@media only screen and (max-width:1127px) {

    .displayUnder1127 {
        display:block;
    }

    .displayUnder1300 {
        display:none;;
    }

    .hideUnder1300 {
        display:none;
    }

    .indexServicesTop {
        width:667px;
        margin:0 auto;
        clear: both;
    }

    .indexServicesSecond {
        width: 667px;
        margin: 0 auto;
        clear: both;
    }

    .indexServicesThird {
        width: 667px;
        margin: 0 auto;
        clear: both;
    }

}

@media only screen and (min-width:1127px) and (max-width:1300px) {
    .displayUnder1127 {
        display:none;
    }

    .hideUnder1300 {
        display:none;
    }

    .displayUnder1300 {
        display:block;
    }

    .indexServicesTop {
        width:889px;
        margin:0 auto;
        clear: both;
    }

    .indexServicesSecond {
        width: 667px;
        margin: 0 auto;
        clear: both;
    }

    .indexServicesThird {
        width: 445px;
        margin: 0 auto;
        clear: both;
    }

}

@media only screen and (min-width:1300px) {
    .displayUnder1300 {
        display:none;;
    }

    .displayUnder1127 {
        display:none;
    }

    .indexServicesTop {
        width:1110px;
        margin:0 auto;
        clear: both;
    }

    .indexServicesSecond {
        width: 889px;
        margin: 0 auto;
        clear: both;
    }

}

@media only screen and (min-width:1366px) {


    .displayUnder1300 {
        display:none;;
    }

    .displayUnder1127 {
        display:none;
    }

    .indexServicesTop {
        width:1110px;
        margin:0 auto;
        clear: both;
    }

    .indexServicesSecond {
        width: 889px;
        margin: 0 auto;
        clear: both;
    }

    .teamArea {
        display:none;
    }

    .teamAreaExtraLarge {
        display:block;
    }

    .indexTeamNames {
        font-size:20px;
    }

}