.header-parallax {
    /* The image used */
    background-image: url("../img/home_page.jpg");

    /* Set a specific height */
    height: 900px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: 100% 16%;
    background-repeat: no-repeat;
    background-size: contain;
}

.header-non-parallax {
    display: none;
}

.nav-alignment {
    text-align: right;
    float: right;
}

.team-member {
    margin-top: 30px;
}

.our-team .team-row {
    margin-bottom: 30px;
}

.service-item-box {
    height: 420px;
}

.intro-text {
    color: #7a7a7a;
    font-size: 14px;
}

.alt-subheading {
    /*font-family:'HelveticaNeue-Bold';*/
    font-size: 20px;
}

img {
    display: block;
}

.img-services {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    display: inline-block;
    /*margin-bottom: 10px;*/
}

/*.separator {
    background-image: url(../img/bande_bg.jpg);
    position: relative;
}*/

.separator img {
    width: 100%;
    min-height: 100px;
}

.separator-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.separator-caption p {
    color: white;
    font-size: 21px;
}

.services-p p {
    font-size: 14px !important;
}

.row-process {
    width: 126%;
}

.home-logo {
    width: 60%;
    margin: 0 auto;
}

.nav-menu-offset {
    margin-right: 60px;
}

.bien-kare {
    padding-top: 30px;
    text-align: justify;
}

.yellow-text {
    font-weight: bold;
    color: #EFA626;
}

.services-section {
    padding-left: ;
    padding-right: ;
}

.service-box {
    /*background-color:#dedfe1;*/
    /*position: relative;
    height: 360px;
    width: 360px;
    margin: 0 auto;*/
    margin-bottom: 25px;
}

.fit-image {
    width: 100%;
    object-fit: cover;
}

.service-box-text {
    padding: 30px;
}

.service-box-text h3 {
    font-size: 18px;
}

.service-box-text p {
    font-size: 15px;
}

.meet-crew {
    background-image: url(../img/crew/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.crew-container {
    padding-top: 200px;
    padding-bottom: 200px;
}

.services-text-overlay {
    position: absolute;
    top: 40px;
    left: 0;
    padding: 15%;
    overflow: hidden;
    width: 100%;
    z-index: 1;
}

.services-text-overlay h3 {
    font-size: 16px;
    color: #fff
}

.services-text-overlay p {
    font-size: 14px;
    line-height: 18px;
    color: #fff
}

.portfolio-box {
    background-color: #f2f2f2;
    padding: 60px 50px;
}

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

    .service-box {
        /*background-color:#dedfe1;
        position: relative;
        height: 450px;
        width: 450px;*/
        margin: 0 auto;
        margin-bottom: 30px;
    }

    /*.service-box-text {padding: 60px;}
    .service-box-text h3{font-size: 22px;}
    .service-box-text p{font-size: 16px !important;}

    .recruitment-text h3{font-size: 24px;}*/

    .services-text-overlay {
        padding: 16%;
        top: 50px;
    }

    .services-text-overlay h3 {
        font-size: 18px;
        color: #fff
    }

    .services-text-overlay p {
        font-size: 16px;
        line-height: 20px;
        color: #fff
    }

    .separator-caption p {
        font-size: 18px;
    }

    .nav-menu-offset {
        padding-right: unset;
    }

    .nav-social-menu-offset {
        padding-right: unset;
    }

    .header-parallax {
        /*background-attachment: scroll;
        height: 600px;
        margin-bottom: -100px;
        margin-top: 40px;*/
        display: none;
    }

    .header-non-parallax {
        display: block;
        width: 100%;
        margin-bottom: -20px;
    }
}

.logo-1 {
    height: 207px;
    background: url("../img/client_logo_1_bw.png") no-repeat center center;
}

.logo-1:hover {
    background: url("../img/client_logo_1_c.png") no-repeat center center;
}

.logo-2 {
    height: 207px;
    background: url("../img/client_logo_2_bw.png") no-repeat center center;
}

.logo-2:hover {
    background: url("../img/client_logo_2_c.png") no-repeat center center;
}

.logo-3 {
    height: 207px;
    background: url("../img/client_logo_3_bw.png") no-repeat center center;
}

.logo-3:hover {
    background: url("../img/client_logo_3_c.png") no-repeat center center;
}

.logo-4 {
    height: 207px;
    background: url("../img/client_logo_4_bw.png") no-repeat center center;
}

.logo-4:hover {
    background: url("../img/client_logo_4_c.png") no-repeat center center;
}

.logo-5 {
    height: 207px;
    background: url("../img/client_logo_5_bw.png") no-repeat center center;
}

.logo-5:hover {
    background: url("../img/client_logo_5_c.png") no-repeat center center;
}

.logo-6 {
    height: 207px;
    background: url("../img/client_logo_6_bw.png") no-repeat center center;
}

.logo-6:hover {
    background: url("../img/client_logo_6_c.png") no-repeat center center;
}

.logo-7 {
    height: 207px;
    background: url("../img/client_logo_7_bw.png") no-repeat center center;
}

.logo-7:hover {
    background: url("../img/client_logo_7_c.png") no-repeat center center;
}

.logo-8 {
    height: 207px;
    background: url("../img/client_logo_8_bw.png") no-repeat center center;
}

.logo-8:hover {
    background: url("../img/client_logo_8_c.png") no-repeat center center;
}

.logo-9 {
    height: 207px;
    background: url("../img/client_logo_9_bw.png") no-repeat center center;
}

.logo-9:hover {
    background: url("../img/client_logo_9_c.png") no-repeat center center;
}

.logo-10 {
    height: 207px;
    background: url("../img/client_logo_10_bw.png") no-repeat center center;
}

.logo-10:hover {
    background: url("../img/client_logo_10_c.png") no-repeat center center;
}

.logo-11 {
    height: 207px;
    background: url("../img/client_logo_11_bw.png") no-repeat center center;
}

.logo-11:hover {
    background: url("../img/client_logo_11_c.png") no-repeat center center;
}

.logo-12 {
    height: 207px;
    background: url("../img/client_logo_12_bw.png") no-repeat center center;
}

.logo-12:hover {
    background: url("../img/client_logo_12_c.png") no-repeat center center;
}

.logo-13 {
    height: 207px;
    background: url("../img/client_logo_13_bw.png") no-repeat center center;
}

.logo-13:hover {
    background: url("../img/client_logo_13_c.png") no-repeat center center;
}

.logo-14 {
    height: 207px;
    background: url("../img/client_logo_14_bw.png") no-repeat center center;
}

.logo-14:hover {
    background: url("../img/client_logo_14_c.png") no-repeat center center;
}

.logo-15 {
    height: 207px;
    background: url("../img/client_logo_15_bw.png") no-repeat center center;
}

.logo-15:hover {
    background: url("../img/client_logo_15_c.png") no-repeat center center;
}

.logo-16 {
    height: 207px;
    background: url("../img/client_logo_16_bw.png") no-repeat center center;
}

.logo-16:hover {
    background: url("../img/client_logo_16_c.png") no-repeat center center;
}

.logo-17 {
    height: 207px;
    background: url("../img/client_logo_17_bw.png") no-repeat center center;
}

.logo-17:hover {
    background: url("../img/client_logo_17_c.png") no-repeat center center;
}

.logo-18 {
    height: 207px;
    background: url("../img/client_logo_18_bw.png") no-repeat center center;
}

.logo-18:hover {
    background: url("../img/client_logo_18_c.png") no-repeat center center;
}

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

    .nav-alignment {
        text-align: center;
        float: none;
    }

    .service-box {
        /*background-color:#dedfe1;
        position: relative;
        height: 320px;
        width: 360px;
        margin: 0 auto;*/
        margin-bottom: 25px;
    }

    /*.service-box-text {padding: 25px;}
    .service-box-text h3{font-size: 18px;}
    .service-box-text p{font-size: 14px !important;line-height:18px;}

    .team-details h6{padding-top: 20px;font-size: 18px;}*/

    .services-text-overlay {
        padding: 15%;
        top: 25px;
    }

    .services-text-overlay h3 {
        font-size: 16px;
        color: #fff
    }

    .services-text-overlay p {
        font-size: 14px;
        line-height: 18px;
        color: #fff
    }

    .img-services {
        width: 70px;
        height: 70px;
        margin: 0 auto;
        display: inline-block;
        margin-bottom: -10px;
    }

    .separator-caption p {
        font-size: 14px;
    }

    .nav-menu-offset {
        padding-right: unset;
    }

    .nav-social-menu-offset {
        padding-right: unset;
    }

    .full-nav-offset {
        padding-top: 40px;
        text-align: center;
    }
}

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

    .header-parallax {
        /*background-attachment: scroll;
        height: 500px;
        margin-bottom: -100px;
        margin-top: 40px;*/
        display: none;
    }

    .nav-alignment {
        text-align: center;
        float: none;
    }

    .service-box {
        /*background-color:#dedfe1;
        position: relative;
        height: 350px !important;
        width: 450px !important;*/

        object-fit: cover;
        height: 400px !important;
        width: 400px !important;
        margin: 0 auto;
        margin-bottom: 25px;
    }

    .services-text-overlay {
        top: 50px;
    }

    .services-text-overlay h3 {
        font-size: 18px;
        color: #fff
    }

    .services-text-overlay p {
        font-size: 16px;
        line-height: 18px;
        color: #fff
    }

    /*.service-box-text {padding: 35px !important;}
    .service-box-text h3{font-size: 16px !important;}
    .service-box-text p{font-size: 14px !important;line-height:18px;}

    .recruitment-text h3{font-size: 42px;}*/

    .team-details h6 {
        padding-top: unset;
        margin-top: -30px;
        font-size: 26px;
    }

    .separator-caption p {
        font-size: 12px;
    }

    .row-process {
        width: unset;
    }

    .nav-menu-offset {
        padding-right: 100px;
    }

    .nav-social-menu-offset {
        padding-right: 100px;
    }

    .service-box {
        background-color: #dedfe1;
        position: relative;
        height: 340px;
        width: 340px;
    }
}

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

    .service-box {
        height: unset !important;
        width: unset !important;
        margin: 0 auto;
        margin-bottom: 25px;
    }

    .services-text-overlay {
        padding: 14%;
        top: 30px;
    }

    .services-text-overlay h3 {
        font-size: 16px;
        color: #fff
    }

    .services-text-overlay p {
        font-size: 14px;
        line-height: 16px;
        color: #fff
    }
}

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

    .services-text-overlay h3 {
        font-size: 14px;
        color: #fff
    }

    .services-text-overlay p {
        font-size: 14px;
        line-height: 14px;
        color: #fff
    }
}

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

    .services-text-overlay {
        padding: 12%;
        top: 20px;
    }

    .services-text-overlay h3 {
        font-size: 14px;
        color: #fff
    }

    .services-text-overlay p {
        font-size: 14px;
        line-height: 14px;
        color: #fff
    }
}

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

    .header-parallax {
        /*background-attachment: scroll;
        height: 350px;
        margin-bottom: -160px;
        margin-top: 40px;*/
        display: none;
    }

    .services-text-overlay {
        padding: 10%;
        top: 30px;
    }

    .services-text-overlay h3 {
        font-size: 13px;
        color: #fff
    }

    .services-text-overlay p {
        font-size: 13px;
        line-height: 13px;
        color: #fff
    }

    .separator-caption p {
        font-size: 12px;
    }

    .recruitment-text h3 {
        font-size: 22px;
    }

    .team-details h6 {
        padding-top: 20px;
        margin-top: unset;
        font-size: 18px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .menu-margin {
    	padding-left: 0;
    	padding-right: 0;
    	padding-top: 14px;
    }

	.nav-type-1 .container-fluid {
		padding-right: 15px;
	}
}

/* CUSTOM FONTS */

@font-face {
    font-family: "HelveticaNeue";
    src: url("../fonts/HelveticaNeue-02.ttf");
}

@font-face {
    font-family: "HelveticaNeue-Bold";
    src: url("../fonts/HelveticaNeue-Bold-01.ttf");
}

@font-face {
    font-family: "HelveticaNeue-Italic";
    src: url("../fonts/HelveticaNeue-Italic-04.ttf");
}