/*************************8      header css           ****************************************************/

.shrink {background:rgba(255,255,255,1); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}

.logo {max-height:90px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .logo {max-height:70px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; margin:4px 0px;}

.main-nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .main-nav{padding:5px 0px!important;box-shadow:0px 5px 12px rgba(0,0,0,.5);}

/*.main-nav .logo{margin-top:-17px;}*/
#Navigation{margin:0px;}
.navbar .menu-item{margin:0px 15px;font-size:14px;text-transform:uppercase;font-weight:bold;letter-spacing:0.05em;}
.navbar .menu-item .nav-link{color:#000;}
.navbar .menu-item.active .nav-link,.navbar .menu-item .nav-link:hover{color:#feb413;}

/*.home .fixed-top {
    position: absolute;
	 z-index: 0;
}
.home .shrink {background:none; box-shadow:none;}
.home .shrink .main-nav{box-shadow:none;}
.home .shrink .logo {-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; margin:4px 0px;}*/
/**********                Home page css       *******************************/
ul, ol {
    list-style-position: inside;
}
ul.in-list {
    list-style: none;
}
ol li::marker {
    font-weight: 900;
}

.bnr-txt2{background:#FEB413;}
.banner .banner-text{bottom: 0px;
left: 0;
right: 0;}
.overlay {
    bottom: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    transition: .5s ease;
    opacity: 0.9;
    color: #fff !important;
    font-size: 20px;
    padding: 20px;
	margin-bottom:30px;
}

.jobs a{color:#fff;}
.jobs p {
    margin-bottom: 0px;
}

.box-hgt:hover {
    background: #bab4b4 !important;
}
.main-nav .btn{width:221px;}
.banner .btn{width:292px;}

.woocommerce-MyAccount-content {
    display: none;
}

.banner .text-block{position:absolute;top:15%;}
.banner h1 {
    font-size: 55px;
}

input.application_button.button {
    background: #000;
    border: 1px solid #000;
    color: #fff;
}
.test-hgt {height: 105px;}
/********Wp Job Board********/
.wpjb .wpjb-top-header-image {
    width: 40px !important;
    height: 40px !important;
}
.wpjb .wpjb-top-header-image > img {
    max-width: 40px !important;
    max-height: 40px !important;
}
.wpjb .wpjb-img-50 img {
    max-width: 30px !important;
    max-height: 30px !important;
}
.wpjb .wpjb-top-header {
	background: #DEDCDC !important;
    color: #000 !important;
	padding: 10px !important;
}
a.wpjb-button.wpjb-form-job-apply {
    border-color: #000!important;
    background-color: #000!important;
    color: #fff!important;
}
.wpjb a.wpjb-button, .wpjb .wpjb-upload-actions a.button {
    border-color: #000!important;
    background-color: #000!important;
    color:#fff!important;
}
.wpjb a.wpjb-button:visited, .wpjb .wpjb-upload-actions a.button:visited, .wpjb a.wpjb-button:hover, .wpjb .wpjb-upload-actions a.button:hover {
  border-color: #E30613!important;
    background-color: #E30613!important;
    color: #fff !important;
}
input#wpjb_submit {
    background: #000 !important;
    color: #fff !important;
    border: solid #000 !important;
}
input#wpjb_submit:hover {
    border-color: #E30613!important;
    background-color: #E30613!important;
    color: #fff !important;
}
span.wpjb-glyphs.wpjb-icon-search {
    color: #fff !important;
}
.wpjb-search.wpjb-search-group-visible ul.wpjb-options-list {
    display: none;
}

.testimonial .hhd{font-size:40px;}
/*****Job maanger*********/

/**************              Footer                 ******************************/
.w-icon{font-size:22px;}
.icon{font-size:21px;}
i.fab.fa-whatsapp {
    color: #49C559;
}
i.fab.fa-facebook-f {
    color: #1873EB;
}
i.fab.fa-linkedin {
    color: #0E72A3;
}
.service-hgt {
    height: 385px !important;
}
.footer .icon{font-size:17px;}

ul#menu-footer-menu {
    display: inline-flex !important;
}
.footer a.nav-link {
    color: #000;
}
.footer a.nav-link:hover {
    color: #feb413;
}
/********************     Media query       ***************************************/

@media (min-width: 1920px){
	.container {max-width: 1630px!important;}
	section.banner img {
   height: 750px;
}
	.service-hgt {height: 355px !important;}

}
@media (min-width: 1800px) and (max-width: 1919.98px){
.bnr-txt {
    bottom: 15%;
}
section.banner img {
    height: 650px;
}	
}
@media (min-width: 1500px) and (max-width: 1799.98px){
.bnr-txt2 {
    margin-top: 20px;
}
.bnr-txt {
    bottom: 11%;
}
section.banner img {
    height: 520px;
}
}
@media (min-width: 1600px){

	.container-fluid {max-width: 1920px;}
	.container {max-width: 1530px;}
	
	.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
	.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}
	
	.logo {max-height:112px;}
	.navbar .menu-item{margin:0px 10px;}
	
	.banner h1{font-size:70px;}
	.banner h5{font-size:25px;}
	
	.hhd{font-size:70px;}
	.hd{font-size:60px;}
	.fs-22{font-size:25px;}
	.fs-22{font-size:25px;}
	.fs-18{font-size:20px;line-height:1.8;}
	
	.bodr-bottom:after {padding-bottom:40px;}
	.contact .block{line-height:1.8;}

}

@media (min-width: 1400px) and (max-width: 1499.98px){
	.bnr-txt {
    bottom: 18% !important;
}
.navbar .menu-item {
    margin: 0px 10px;
    font-size: 13px;
}
.bnr-txt2 {
    margin-top: 30px;
}	
.test-hgt {height: 110px;}
.service-hgt {
    height: 325px !important;
}
section.banner img {
    height: 450px;
}
.fs-26{font-size:24px;} 	
}
@media (min-width: 1200px) and (max-width: 1399.98px){
section.banner img {
    height: 350px;
}
.fs-26{font-size:22px;} 	
.banner img.home-bnr {width: 100%; -o-object-position: center; object-position: center;}
.header-icon {
    font-size: 15px;
}
.test-hgt {height: 110px;}
	.box-hgt {
    height: 200px !important;
}
.box2 {
    height: 110px !important;
}
.bnr-txt2 {
    margin-top: -30px;
}	
a.job-title {
    font-size: 18px !important;
}	
.jobs a {
    color: #fff;
    font-size: 14px;
}
.service-hgt {
    height: 385px !important;
}
}


@media (min-width: 991.98px) and (max-width: 1199.98px) { /**                       FOR IPAD   ***********************/
	
	.fs-26{font-size:22px;} 
	.banner h1{font-size:60px;}
	.header-icon {
    font-size: 13px;
}
section.banner img {
    height: 320px;
}		
.fs-20 {
    font-size: 15px;
}
.banner img.home-bnr {
    width: 100%;
    -o-object-position: center;
    object-position: center;
}
.bnr-txt2 {
    margin-top: -30px;
}	
.banner .btn {
    width: 293px;
}
.box-hgt {
    height: 190px !important;
}
.service-hgt {
    height: 435px !important;
}
.box2 {
    height: 100px !important;
}
a.job-title {
    font-size: 16px !important;
}
.jobs a {
    color: #fff;
    font-size: 12px;
}	
.test-hgt {height: 135px;}
.main-nav .btn {
    width: 221px;
}
}

@media (max-width: 991.98px) { 
	.test-hgt { height: auto;}
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
		
	.hhd{font-size:40px; }
	.hd{font-size:35px; }
	h1,h2.h1{font-size:30px; }
	
	.fs-22{font-size:20px;}
	.fs-25{font-size:22px;}

}

@media (min-width: 768px) and (max-width: 991.98px) { 
	.fs-26{font-size:24px;} 
.bnr-txt2 {
    margin-top: 20px;
}
.banner .position-absolute {
    position: static!important;
    background-color: #fff;
}
.overlay {
    bottom: 0;
    background: none !important;
    background: none!important;
    color: #000 !important;
}
	.need-job {
    margin-top: 10px !important;
}
	.header-icon {
    font-size: 13px;
}
.banner img.home-bnr {width: 100%; 
   -o-object-position: center; object-position: center;}
	#Navigation{justify-content: center; width:100%;margin:0px 0px 0px;} 
	.navbar .menu-item{margin:0px 1px;}
	.banner h1{font-size:45px;}
	.main-nav .btn {width: 211px;font-size:13px;}
	.banner .btn {width: 294px;}
	.testimonial .hhd {padding-top: 15px !important;}
.jobs a {
    color: #fff;
    font-size: 15px;
}
a.job-title {
    font-size: 16px !important;
}
}

@media (max-width: 767.98px){
	.fs-26{font-size:24px;} 
		ul#menu-footer-menu {
    display: block !important;
}
	.bnr-txt p {
    margin-bottom: 0px !important;
}
	.overlay {
    bottom: 0;
    background: none !important;
    background: none!important;
    color: #000 !important;
}
	.form-group p {
    margin-bottom: 2px;
}
.wpcf7-spinner {
    display: none !important;
}
	.service-hgt {
    height: auto !important;
}
	.container {max-width:100% !important;}
	
	.banner .position-absolute{position:static!important;background-color:#fff;}
	.banner h1{font-size:38px;}
	.testimonial .hhd {
    font-size: 35px;
}
.jobs a {
    color: #fff;
    font-size: 15px;
}
	.need-job {
    margin-top: 10px !important;
}
	/**********    Navbar Css   *********************/
	
	.logo{height:50px;}
	.navbar {justify-content:start;}
	
	.mobile-nav-toggle {background: none;border: 0;cursor: pointer;outline: none !important;padding: 16px 30px 16px 5px;
        transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;z-index: 9999;box-shadow: none !important;}

    .mobile-nav-active .mobile-nav-toggle.active {position: absolute;left:5px;top:30px;}

    .mobile-nav-toggle span,.mobile-nav-toggle span:before,.mobile-nav-toggle span:after {
        cursor: pointer;height: 4px;width: 23px;background: #000;position: absolute;display: block;content: '';transition: all 500ms ease-in-out;border-radius: 5px;}
    .mobile-nav-toggle span:before {top: -7px;width: 23px;}
    .mobile-nav-toggle span:after {bottom: -7px;width: 23px;}
    .mobile-nav-toggle.text-white span,.mobile-nav-toggle.text-white span:before,.mobile-nav-toggle.text-white span:after {background: #fff;}

    .mobile-nav-overlay {width: 100%;height: 100%;z-index: 1038;top: 0;left: 0;position: fixed;background: rgba(0, 0, 0, 0.5);overflow: hidden;display: none;}
    .mobile-nav {position: fixed;top: 0;bottom: 0;z-index: 1040;overflow-y: auto;left: -280px;width: 280px !important;
        padding: 20px;background:#E30613;transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}
    .mobile-nav * {list-style: none;color: #fff !important;}
	.mobile-nav {height: auto!important;}
	
    .mobile-nav .dropdown-menu {position: static !important;transform: none !important;background: none !important;padding-left: 25px;}
    .mobile-nav .dropdown-menu .dropdown-item-text {margin: 5px 0px;padding: 2px 10px;}
    .mobile-nav .dropdown-menu .dropdown-item {margin: 10px 0px;}
	.mobile-nav .dropdown-menu .dropdown-item .fa {display: none;}
    .mobile-nav .dropdown-menu .dropdown-item:before {content: "\00BB";margin-right: 5px;font-size: 20px;line-height: 1;}

	.mobile-nav ul{border:none!important;}
	.mobile-nav ul > .menu-item:not(.list-inline-item) {padding: 5px;width: 100%;}
	.mobile-nav ul > .menu-item > .nav-link {display: block;position: relative;color: #fff !important;
		padding: 0px !important;font-weight: 500;font-size: 20px;text-transform: uppercase;text-align: left !important;
		text-decoration: none !important;background: none;border: none;}
    .mobile-nav ul > .menu-item > button.nav-link {font-size: 16px;}
	.mobile-nav ul > .menu-item > button.nav-link.active span {color: #3DAA34 !important;}
	.mobile-nav ul > .menu-item > .nav-link > img {width: 20px;margin-right: 10px;}
	
    .mobile-nav-active {overflow: hidden;}
	.mobile-nav-active #Header {background-color: transparent !important;z-index: 1040;}
	.mobile-nav-active .mobile-nav-toggle.active span:after {width: 23px;}
	.mobile-nav-active .mobile-nav-toggle.active span {background-color: transparent;}
    .mobile-nav-active .mobile-nav-toggle.active span:before,.mobile-nav-active .mobile-nav-toggle.active span:after {top: 7px;}
    .mobile-nav-active .mobile-nav-toggle.active span:before {bottom: 0px;background: #fff;transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
	.mobile-nav-active .mobile-nav-toggle.active span:after {background: #fff;transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
	.mobile-nav-active .mobile-nav.active {left: 0;}
	.mobile-nav-active .mobile-nav-toggle {margin-top: -15px;}
	.mobile-nav-active .mobile-nav-toggle i {color: #fff;}
            

    .mobile-nav ul.navbar-nav > li.menu-item > .megamenu,
    .mobile-nav ul.navbar-nav > li.menu-item > .sub-menu {
        font-size: 15px;font-weight: 400;position: static;background: none;color: #fff;padding: 0px;border: none;display: none;}

	.mobile-nav ul.navbar-nav > li.menu-item > .megamenu a,
	.mobile-nav ul.navbar-nav > li.menu-item > .sub-menu > li > a {
		display: block;padding: 10px 20px;color: #fff;}

	.mobile-nav ul.navbar-nav > li.menu-item > .megamenu a:before,
	.mobile-nav ul.navbar-nav > li.menu-item > .sub-menu > li > a:before {
		display: inline;content: "\00bb";margin-right: 5px;}

    .mobile-nav-active .mob-menu-btn {display: block;}
}

@media (max-width: 575.98px){
	.banner img.home-bnr {width: 100%; -o-object-fit: contain;
    object-fit: contain;-o-object-position: center;object-position: center;}
	
	.navbar-brand {display: block;max-width: calc(100% - 90px);}
	
	.main-nav .btn,.banner .btn{width:100%;}
}
@media (max-width: 320.98px){
.jobs a {
    color: #fff;
    font-size: 13px;
}
}


