/*.spearheads .ourapproach .container .row {
	position: static;
}*/

.topsection .mainbanner .bnrtxt a {
margin-top:0px;
}

footer .ftrcontdetail {
    padding-top: 450px;
    color: #fff;
}

.jobboxpost a {
    color: #fff;
    text-decoration: none;
}

.slider {
    height: 100vh;
}


.slider .row{
height: 100vh;
text-shadow: 15px 4px 13px rgba(32, 46, 53, 0.4);
}


.contactform .contacttab .nav-tabs .nav-link {
padding: 10px 30px;
}

.contactform .contacttab .nav-tabs .nav-link.active {
        padding: 10px 28px;
}

header.header-stick {
        min-height: auto;
            background: #fff;
                position: fixed;
}


@-moz-document url-prefix() { 
  body {
		overflow-x: hidden;
	}
    	.spearheads .ourapproach .container .row {
	
	position: static;
	margin-top: 150px;
}

.services .item p {
	font-size: 18px;
}

.ourapproach .col-xl-10.col-md-12 img.img-fluid {
	/*max-width: none;*/
}

.spearheads .ourapproach .ourappgreen {
	top: 466px;
}

.contactform .contacttab .tab-content form input {
	min-height: 50px;
}

.vacancies, .contactform, .services, footer {
	float: left; width: 100%;
}


}


@supports (-ms-ime-align:auto) {

	body {
		overflow-x: hidden;
	}
    	.spearheads .ourapproach .container .row {
	
	position: static;
	margin-top: 150px;
}

.services .item p {
	font-size: 18px;
}

.ourapproach .col-xl-10.col-md-12 img.img-fluid {
	max-width: none;
}

.spearheads .ourapproach .ourappgreen {
	top: 466px;
}

.contactform .contacttab .tab-content form input {
	min-height: 50px;
}

.vacancies, .contactform, .services, footer {
	float: left; width: 100%;
}

}

@media all and (-ms-high-contrast:none)     {
     	.spearheads .ourapproach .container .row {
	position: static;
	margin-top: 150px;
}

.services .item p {
	font-size: 18px;
}

.ourapproach .col-xl-10.col-md-12 img.img-fluid {
	max-width: none;
}

.spearheads .ourapproach .ourappgreen {
	top: 466px;
}

.contactform .contacttab .tab-content form input {
	min-height: 50px;
}


     
     *::-ms-backdrop, .spearheads .ourapproach .container .row {
	position: static;
	margin-top: 150px;
}

     *::-ms-backdrop, .services .item p {
	font-size: 18px;
}

     *::-ms-backdrop, .ourapproach .col-xl-10.col-md-12 img.img-fluid {
	max-width: none;
}


*::-ms-backdrop, .spearheads .ourapproach .ourappgreen {
	top: 466px;
}

*::-ms-backdrop, .contactform .contacttab .tab-content form input {
	min-height: 50px;
}


 /* IE11 */


 /* Microsoft Edge Browser 12+ (All) - @supports method */
 
@supports (-ms-ime-align:auto) {
  	.spearheads .ourapproach .container .row {
	position: static;
	margin-top: 150px;
}

.services .item p {
	font-size: 18px;
}

.ourapproach .col-xl-10.col-md-12 img.img-fluid {
	max-width: none;
}

.spearheads .ourapproach .ourappgreen {
	top: 466px;
}

.contactform .contacttab .tab-content form input {
	min-height: 50px;
}
}
 
/* Microsoft Edge Browser 15+ - @supports method */
 
@supports (-ms-ime-align:auto)
and (-webkit-text-stroke:initial) {
 	.spearheads .ourapproach .container .row {
	position: static;
	margin-top: 150px;
}

.services .item p {
	font-size: 18px;
}

.ourapproach .col-xl-10.col-md-12 img.img-fluid {
	max-width: none;
}

.spearheads .ourapproach .ourappgreen {
	top: 466px;
}

.contactform .contacttab .tab-content form input {
	min-height: 50px;
}
}
     }

@charset "utf-8";
/* CSS Document */

  /*==========  Non-Mobile First Method  ==========*/



  @media (min-width: 1600px) {
    .container{
        max-width: 1640px;
    }

 
}

@media (max-width: 1600px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 18px;
        padding: 0 30px;
    }

    

    .topsection .mainbanner .bnrtxt {
        font-size: 70px;
        line-height: 100px;
    }
    .topsection .mainbanner .bannerbg-bottom {
        position: absolute;
        bottom: -230px;
    }

    .hotbutton .hotbtn {
        padding: 36px 20px;
    }

    .hotbutton .hotbtn .hotimg {
        margin-bottom: 30px;
    }
    .spearheads .ourapproach .container {
        padding: 125px 50px 100px 50px;
    }

    .spearheads .ourapproach .ourappgreen .ourapptxt {
        padding: 20px;
    }
    .spearheads .ourapproach .ourappgreen p {
        font-size: 18px;
        padding-bottom: 20px;
    }

    .spearheads .ourapproach .ourappgreen ul li {
        font-size: 16px;
        margin-bottom: 44px;
    }

    .spearheads .ourapproach .container .appbtmtxt p{
        font-size: 16px;
    }

    .services .item p { 
        font-size: 20px;
        right: 20px;
    }

    .services .item {
        min-height: 250px;
        overflow: hidden;
    }

    .services .item:hover p {
        min-height: 250px;
        max-height: 250px;
    }

    .services .item:hover p span {
        font-size: 14px;
    }

    .vacancies {
        background-size: contain;
    }

    .vacancies h2 {
        padding-top: 200px;
        max-width: 100%;
    }

    .vacancies .jobboxpost {
        min-height: 300px;
        overflow: hidden;
    }
    .vacancies .jobboxpost p {
        font-size: 20px;
        left: 20px;
    }

    .topsection .mainbanner .bx-wrapper .bx-pager {
        bottom: 24%;
    }

    .services .item p {
        font-size: 14px;
        padding-bottom: 10px;
        margin-bottom: 0px;
    }

    .vacancies {
        margin-top: 60px;
    }

}


    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1440px) {

        .spearheads h2 {
            margin-bottom: 50px;
        }
        
        h2 {
            font-size: 24px;
        }        

        .spearheads .ourapproach .container {
            padding-top: 50px;
        }

        .spearheads .ourapproach h2 {
            padding-bottom: 50px;
        }

        .contactform .contacttab {
            margin-left: 20%;
        }

        .owl-prev {
            left: 87%;
            top: -120px;
        }

        .owl-next {
            top: -120px;
        }


    }

       /* Large Devices, Wide Screens */
       @media only screen and (max-width : 1368px) {
        .topsection .mainbanner .bannerbg-bottom { 
            bottom:-238px;
        }

        .hotbutton {
            bottom:-500px;
        }

        .navbar-expand-lg .navbar-nav .nav-link {
            padding: 0 10px;
        }

        .topsection .mainbanner .bx-wrapper .bx-pager {
            bottom: 34%;
        }

        .topsection .mainbanner .bnrtxt {
            margin-top: 266px;
        }

        .topsection .mainbanner .bnrtxt a {
            font-size: 27px;
            width: 235px;
            margin-top: 70px;
            border-radius: 40px;
                line-height: 60px;
        }

        .topsection .mainbanner .bnrtxt {
            margin-top: 200px;
            font-size: 50;
            line-height: 70px;
        }

        .topsection .mainbanner .bx-wrapper .bx-pager {
            bottom: 46%;
        }


       
    }
    



    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

        .hotbutton .container {
            width: 100%;
            max-width: 100%;
        }

        .topsection .mainbanner .bannerbg-bottom {
            bottom: -50px;
        }

        .hotbutton {
            bottom: -300px;
        }

        .topsection .mainbanner .bx-wrapper .bx-pager {
            bottom: 5%;
        }

        .hotbtn .hotimg img {
            width: 50%;
        }

        .topsection {
            margin-bottom: 400px;
        }

}


/* Medium Devices, Desktops */
    @media only screen and (max-width : 1024px) {

        .topsection .mainbanner .bnrtxt {
            margin-top: 200px;
        }

        .topsection .mainbanner .bx-wrapper .bx-pager {
            bottom: 24%;
        }

        .spearheads .ourapproach .ourappgreen {
            position: static;
            margin-top: 50px;
        }
        .spearheads .ourapproach .ourappgreen ul li{
            width: 50%;
        }

        .spearheads .ourapproach .container .appbtmtxt {
            padding-top: 50px;
        }

        .spearheads .ourapproach .container .appbtmtxt p {
            padding-right: 0;
        }
	
	}

         /* Medium Devices, Desktops */
         @media only screen and (max-width : 992px) {
            .navbar {
                background: #fff;
                border-radius: 0 0 20px 20px;
                padding: 5px 0 0 0;
            }

            li.nav-item {
                text-align: left;
                padding-bottom: 20px;
                padding-left: 20px;
            }

            .hotbutton .hotbtn {
                margin-bottom: 30px;
                 min-height: 392px;
            }

            .hotbutton {
                position: static ;
            }

            .topsection .mainbanner .bannerbg-bottom {
                bottom: 0px;
            }

            .mainbanner {
                padding:70px 0 0 0;
            }

            .topsection .mainbanner .bnrtxt {
                margin-top: 200px;
                font-size: 50px;
                line-height: 70px;
            }

            .topsection .mainbanner .bx-wrapper .bx-pager {
                bottom: 15%;
            }

            .spearheads .ourapproach .ourappgreen ul li {
                width: 100%;
            }

            .owl-nav {
                display: none;
            }

            .services {
                padding: 0 25px;
            }

            .hotbutton .container {
                width: 80%;
            }

            .spearheads .ourapproach .container .appbtmtxt p {
                padding-bottom: 0;
            }

            .services h2 { 
                padding-top: 50px;
            }

            .vacancies .jobboxpost {

                min-height: 200px;
            }

            .vacancies .jobboxpost p {
                bottom: 0px;
                font-size: 14px;
            }

            .vacancies .jobboxpost img {
                width: 135%;
            }

            .services h2 {
            	margin-top: 0px;
            }


        /*    .owl-carousel .owl-nav.disabled {
                display: block;
            }
*/
            .owl-nav {
                display: block;
            }
/*
            .owl-prev {
                left: 89%;
                bottom: -120px;
                background-size: contain;
                width: 50px;
                height: 50px; 
            }

            .owl-next {
                right: 0;
                bottom: -120px;
                background-size: contain;
                width: 50px;
                height: 50px; 
            }
 */

 .owl-nav {
    width: 100%;
    float: right;
    display: flex;
    margin-top: 10px;
        justify-content: center;

 }
 

 .owl-nav .owl-prev, .owl-nav .owl-next {
    position: static;
    float: right;
    background-size: contain;
    width: 50px;
    height: 50px; 
 }

 .owl-nav div:nth-child(1).owl-prev {
    order: 1;
 }

 .owl-nav div:nth-child(2).owl-next {
    order: 2;
 }

 .contacttab li.nav-item {
    padding-left:0px; 
 }




           

    }

    /* Small Devices, Tablets */     
    @media only screen and (max-width :768px) {       

  }

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

}
	
	/* Small Devices, Tablets */
    @media only screen and (max-width : 767px) {

        .vacancies .jobboxpost img {
            width: 100%;
        }

        .vacancies .jobboxpost {
            min-height: 400px;
        }

        .vacancies .jobboxpost p {
            font-size: 20px;
            bottom:20px;
        }

        .owl-prev {
            left: 54%;
        }

        .contactform .contacttab {
            margin-left: 0;
        }

        .owl-nav {
            display: none;
        }

        .topsection .mainbanner .bnrtxt {
            margin-top: 150px;
            font-size: 40px;
            text-align: center;
            width: 100%;
        }

        .topsection .mainbanner .bnrtxt a {
            margin-top: 40px;
            display: inline-block;
            font-size: 17px;
            width: 150px;
            line-height: 45px;
			height: 50px;
            border-radius: 25px;
        }

        .topsection .mainbanner .bannerbg-bottom {
            bottom: -72px;
        }

        .topsection .mainbanner .bx-wrapper .bx-pager {
            bottom: 15%;
        }

        .spearheads .ourapproach .ourappgreen ul {
            margin: 0;
        }

        .spearheads .ourapproach .ourappgreen ul li img {
            width: 100%;
            padding: 0 35%;
        }

        .spearheads .ourapproach .ourappgreen ul li {
            text-align: center;
            margin-bottom: 70px;
        }

        .spearheads .ourapproach .container .appbtmtxt p {
            padding-bottom: 0;
        }

        .services {
            padding: 0 15px;
        }

        .vacancies h2 {
            padding-top: 0px;
        }

        .vacancies .jobboxpost {
            margin-top: 50px;
        }

        .contactform .contacttab {
            margin-top: 50px;
        }

        .contactform {
            padding: 0 15px;
            padding-bottom: 50px;
        }

        .contactform li.nav-item {
            width: 50%;
            padding: 0px;
            font-size: 14px !important;
        }

        .contactform .contacttab .nav-tabs .nav-link.active {
            font-size: 14px;
            text-align: center;
        }

        .contactform .contacttab .nav-tabs .nav-link {
            font-size: 14px;
            text-align: center;
        }

        .contactform .contacttab .tab-content p {
            font-size: 14px;
        }

        .contactform .contactbox {
            margin-top: 50px;
            width: 100%;
            padding: 30px 30px 0px 30px;
        }

        footer .ftrcontdetail P{
            padding-top: 0;
        }

        footer {
            background: url(../images/footer-bg.png) center -250px no-repeat;
            background-color: #0a2d4e;
        }

        footer .footersocial {
            padding-top: 50px;
        }

        footer .ftrcontdetail {
            padding-top: 100px;
        }

        .hotbtn .hotimg img {
            width: auto;
        }

        .topsection {
            height: auto;
        }

        .services .item  {
        min-height: 350px;
                }


                .services .item p{
                    font-size: 30px;
                }

        .services .item:hover p{
            min-height: 350px;
            padding-right: 15px;
        }

    /*    footer div:nth-child(1).col-md-6 {
            order: 2;
            margin-bottom: 30px;
        }*/
/*
        .owl-nav {
            display: block;
        }

        .owl-prev {
            left: 67%;
        }

        .owl-prev, .owl-next {
            top: -128px;
        } */

         .owl-nav {
    width: 100%;
    float: right;
    display: flex;
    margin-top: 10px;
        justify-content: center;

 }
 

 .owl-nav .owl-prev, .owl-nav .owl-next {
    position: static;
    float: right;
    background-size: contain;
    width: 50px;
    height: 50px; 
 }

 .owl-nav div:nth-child(1).owl-prev {
    order: 1;
 }

 .owl-nav div:nth-child(2).owl-next {
    order: 2;
 }

 footer {
    background-image: none;
    text-align: center;

 }

 footer .footersocial {
    width: 100%;
    text-align: center;
}

footer .footersocial img {
    float: none;
}

footer .footersocial ul {
    float: none;
    display: flex;
    justify-content: center;
}

footer .footersocial p {
        width: 100%;
    text-align: center;
}

.vacancies .jobboxpost {
    min-height: 300px;
}

.vacancies {
	    margin-top: 100px;
}

footer img.ftrlogo {
	position: absolute;
	top: -210%;
    left: 20%;
    width: 50%;
    
}

footer .ftrcontdetail h3 {
    font-size: 16px;
}

footer .ftrcontdetail p {
    font-size: 16px;
}

footer .footersocial {
    padding-top: 50px;
}

footer .footersocial p {
    font-size: 14px;
}

.contactform .contacttab .tab-content form .form-check-inline input {
    left: -5px;
}

footer .footersocial {
    padding-top: 0px;
}


footer  {
	padding-top: 100px; 
}

      
        
    }


    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

        .topsection .mainbanner .bannerbg-bottom {
            bottom: -30px;
        }

        .hotbutton {
            margin-top: 50px;
        }
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

    }


@media only screen and (min-width:320px) and (max-width: 480px)  {
	.ftrlogo {
		left: 22% !important;
	}
}