/*-------------- Font Family --------------*/
@font-face { font-family: 'Roboto'; font-weight: 400; src: url('webfonts/Roboto-Regular.ttf'); }
@font-face { font-family: 'Roboto'; font-weight: 500; src: url('webfonts/Roboto-Medium.ttf'); }
@font-face { font-family: 'Roboto'; font-weight: 600; src: url('webfonts/Roboto-Bold.ttf'); }
@font-face { font-family: 'Roboto'; font-weight: 700; src: url('webfonts/Roboto-Black.ttf'); }
@font-face { font-family: 'Rox'; font-weight: 800; src: url('webfonts/RoxboroughCF-Heavy.otf'); }
@font-face { font-family: 'slick'; src: url('webfonts/slick.ttf'); }

html, body { scroll-behavior: smooth; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; overflow-x: hidden; }
/* h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-weight: 600; } */
h1, h2, h3, h4, h5, h6 { font-family: 'Rox', sans-serif; font-weight: 800; }
a, button, p { font-family: 'Roboto', sans-serif; font-size: 16px; outline: none; }


/*-------------- Header Menu --------------*/
.title-bar { background-color: white; position: fixed; width: 100%; z-index: 100; }
.title-bar .mobile-logo img { width: 100%; }
.title-bar button { align-items: center; display: flex; padding: 0; position: absolute; right: 15px; }
.title-bar button .hamburger-inner, .title-bar button .hamburger-inner:after, .title-bar button .hamburger-inner:before { background-color: #165B84; height: 3px; width: 34px; }
.title-bar button .hamburger-inner:before { top: -8px; }
.title-bar button .hamburger-inner:after { bottom: -8px; }

.no-js .top-bar { display: none; }
.top-bar { background-color:  transparent; display: inline-block; padding: 0; position: fixed; width: 100%; z-index: 100; }
.top-bar .logo { padding: 15px; position: absolute; }
.top-bar .logo img { width: 80px; }
.top-bar .altus-menu ul { background-color: #165B84; display: flex; flex-direction: row; justify-content: flex-end; margin: auto 0 auto auto; padding: 15px 10px; width: fit-content; }
.top-bar .altus-menu ul li { list-style-type: none; margin: 0 15px; position: relative; }
.top-bar .altus-menu ul li a { color: white; font-size: 16px; text-transform: uppercase; }
.top-bar .altus-menu ul li.active a:before { background-color: white; border-radius: 50%; bottom: -5px; content: ''; height: 5px; left: 0; margin: auto; position: absolute; right: 0; width: 5px; }
.top-bar .altus-menu ul li:focus a:before, .top-bar .altus-menu ul li:hover a:before { background-color: white; border-radius: 50%; bottom: -5px; content: ''; height: 5px; left: 0; margin: auto; position: absolute; right: 0; width: 5px; }


/*-------------- Home Slider --------------*/
.head-slider .header-slider button.slick-prev { background-color: #165B84ab; border: 1px solid white; height: 40px; left: 20px; width: 40px; z-index: 2; }
.head-slider .header-slider button.slick-prev:before { background-image: url('../images/arrow-left.svg'); background-position: center; background-repeat: no-repeat; background-size: 100%; content: ''; height: 30px; left: 4px; position: absolute; top: 4px; width: 30px; }
.head-slider .header-slider button.slick-next { background-color: #165B84ab; border: 1px solid white; height: 40px; right: 20px; width: 40px; z-index: 2; }
.head-slider .header-slider button.slick-next:before { background-image: url('../images/arrow-right.svg'); background-position: center; background-repeat: no-repeat; background-size: 100%; content: ''; height: 30px; left: 4px; position: absolute; top: 4px; width: 30px; }
.head-slider .header-slider .slider-items .bg-images { background: center no-repeat; background-size: cover; height: 850px; min-height: 200px; position: relative; }
.head-slider .header-slider .slider-items .bg-images .content { bottom: 100px; left: 0; position: absolute; max-width: 600px; }
.head-slider .header-slider .slider-items .bg-images .content .title { background-color: #165B84ab; display: flex; flex-direction: column; height: 100%; min-height: 220px; padding: 15px 15px 15px 6rem; position: relative; }
.head-slider .header-slider .slider-items .bg-images .content .title:before { background-color: #165B84; bottom: 0; content: ''; height: 100%; left: 0; position: absolute; width: 80px; }
.head-slider .header-slider .slider-items .bg-images .content .title:after { background-image: url('../images/slider-arrow.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; content: ''; height: 20px; left: 15px; position: absolute; top: 20px; width: 50px; }
.head-slider .header-slider .slider-items .bg-images .content .title h1 { color: white; font-weight: 700; line-height: 1; margin: 0 0 2rem; position: relative; text-transform: uppercase; }
.head-slider .header-slider .slider-items .bg-images .content .title h1:before { border-bottom: 2px solid white; bottom: -15px; content: ''; left: -95px; position: absolute; width: 80%; }
.head-slider .header-slider .slider-items .bg-images .content .title p { color: white; margin: 0; text-transform: uppercase; }


/*-------------- Overview --------------*/
.overview .overview-img { align-items: center; display: flex; height: 100%; justify-content: center; overflow: hidden; padding: 20px; }
.overview .overview-img > div { background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; overflow: hidden; transform-origin: 50% 65%; transition: transform 2s, filter 3s ease-in-out; width: 100%; }
.overview .overview-img > div:hover { transform: scale(1.3); }
.overview .content { background-color: #165B84; display: flex; flex-direction: column; /*height: 500px;*/ justify-content: center; padding: 20px 2rem; position: relative; }
.overview .content .title { margin-bottom: 3rem; position: relative; }
.overview .content .title:before { border-bottom: 2px solid white; bottom: -25px; content: ''; left: -32px; position: absolute; width: 70%; }
.overview .content .title h1 { color: white; line-height: 1; font-size: 70px; text-transform: uppercase; }
.overview .content .title a button,
.overview .content .desc a button { animation-delay: 0.5s; background-color: #F7BE11; border: 1px solid #F7BE11; border-radius: 5px; cursor: pointer; min-width: 200px; padding: 5px 10px; transition: 0.2s; width: 250px; }
.overview .content .title a button:focus, .overview .content .title a button:hover,
.overview .content .desc a button:focus, .overview .content .desc a button:hover{ background-color: transparent; border: 1px solid #F7BE11; }
.overview .content .title a button p,
.overview .content .desc a button p { color: #165B84; font-weight: 500; margin: 0; text-transform: uppercase; }
.overview .content .title a button:focus p, .overview .content .title a button:hover p,
.overview .content .desc a button:focus p, .overview .content .desc a button:hover p { color: #F7BE11; }
.overview .content .desc p { color: white; font-size: 20px; }


/*-------------- All About Us --------------*/
.all-about-us { background-color: #165B8436; margin: 20px 0; padding: 3rem 20px; }
.all-about-us .about-us-img { background-color: #165B84; height: 600px; min-height: 300px; padding: 15px; position: relative; }
.all-about-us .about-us-img > div { background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; }
.all-about-us .about-us-img > div p { background-color: #F7BE11; bottom: 0; color: white; font-weight: 600; line-height: 1.2; margin: auto 0 auto auto; padding: 10px; position: absolute; right: 0; text-align: right; width: 200px; }
.all-about-us .content .title { margin: 0 0 2rem; }
.all-about-us .content .title h1 { color: #165B84; font-size: 70px; font-weight: 700; line-height: 1; text-transform: uppercase; }
.all-about-us .content .title a button { animation-delay: 0.5s; background-color: #165B84; border: 1px solid #165B84; border-radius: 5px; cursor: pointer; min-width: 200px; padding: 5px 10px; transition: 0.2s; width: 250px; }
.all-about-us .content .title a button:focus, .all-about-us .content .title a button:hover { background-color: transparent; border: 1px solid #165B84; }
.all-about-us .content .title a button p { color: #F7BE11; font-weight: 500; margin: 0; text-transform: uppercase; }
.all-about-us .content .title a button:focus p, .all-about-us .content .title a button:hover p { color: #165B84; }
.all-about-us .content .desc p { color: #165B84; font-size: 18px; }
.all-about-us .content .quote { margin: 3rem 0 0; position: relative; }
.all-about-us .content .quote:before { background-image: url('../images/quote.svg'); background-position: center; background-repeat: no-repeat; background-size: 100%; content: ''; height: 60px; left: -10px; opacity: 0.2; position: absolute; top: -25px; width: 60px; }
.all-about-us .content .quote p { color: #165B84; font-size: 22px; font-weight: 600; line-height: 1.1; margin: 0; padding: 0 0 0 20px; }
.all-about-us .content .quote h4 { color: #165B84; font-size: 30px; font-weight: 700; margin: 1rem 0 0; padding: 0 0 0 20px; text-transform: uppercase; }


/*-------------- Our Services --------------*/
.our-services { background-image: linear-gradient(to top, #ffffffb5, #ffffffb5), url('../images/our-services-bg.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; margin: 0 0 20px; padding: 5rem; }
.our-services .title h1 { color: #165B84; font-size: 70px; font-weight: 700; line-height: 1; margin: 0; position: relative; text-transform: uppercase; }
.our-services .title-line { align-items: center; display: flex; flex-direction: column; justify-content: center; height: 100%; position: relative; }
.our-services .title-line:before { border-bottom: 3px solid #165B84; content: ''; position: absolute; right: 0; top: 50%; width: 100%; }
.our-services .services { -webkit-box-shadow: 0px 0px 5px 0px rgba(178,178,178,1); -moz-box-shadow: 0px 0px 5px 0px rgba(178,178,178,1); box-shadow: 0px 0px 5px 0px rgba(178,178,178,1); background-color: white; margin: 3rem 15px 1rem; padding: 20px; text-align: center; }
.our-services .services .img-effect { height: 200px; margin: 0 0 1rem; overflow: hidden; }
.our-services .services .bg-images { background-position: center; background-repeat: no-repeat; background-size: cover; height: 200px; margin: 0 0 1rem; overflow: hidden; transform-origin: 50% 65%; transition: transform 2s, filter 3s ease-in-out; }
.our-services .services .bg-images:hover { transform: scale(1.3); }
.our-services .services-1 { animation-delay: 0.2s; }
.our-services .services-2 { animation-delay: 0.4s; }
.our-services .services-3 { animation-delay: 0.6s; }
.our-services .services-4 { animation-delay: 0.8s; }
.our-services .services img { margin: auto auto 1rem; width: 120px; }
.our-services .services .services-title h4 { line-height: 1; margin: 0 0 15px; min-height: 75px; }
.our-services .services .services-title p.short-desc { min-height: 75px; }
.our-services .services .services-title a button { background-color: #F7BE11; border-radius: 5px; cursor: pointer; padding: 10px 15px; transition: 0.3s; width: 100%; }
.our-services .services .services-title a button:hover { background-color: #165B84; }
.our-services .services .services-title a button p { color: #165B84; margin: 0; font-weight: 700; text-transform: uppercase; }
.our-services .services .services-title a button:hover p { color: #F7BE11; }
.our-services .home-services-slider button.slick-prev { background-color: #165B84ab; border: 1px solid white; height: 40px; left: -20px; width: 40px; z-index: 2; }
.our-services .home-services-slider button.slick-prev:before { background-image: url(../images/arrow-left.svg); background-position: center; background-repeat: no-repeat; background-size: 100%; content: ''; height: 30px; left: 4px; position: absolute; top: 4px; width: 30px; }
.our-services .home-services-slider button.slick-next { background-color: #165B84ab; border: 1px solid white; height: 40px; right: -20px; width: 40px; z-index: 2; }
.our-services .home-services-slider button.slick-next:before { background-image: url(../images/arrow-right.svg); background-position: center; background-repeat: no-repeat; background-size: 100%; content: ''; height: 30px; left: 4px; position: absolute; top: 4px; width: 30px; }


/*-------------- Footer --------------*/
.footer .maps { height: 100%; padding: 20px 2rem; }
.footer .maps img { margin: 0 0 1rem; width: 70px; }
.footer .footer-contact { background-color: #165B84; height: 100%; padding: 2rem; text-align: right; }
.footer .footer-contact .title h1 { color: white; font-size: 50px; font-weight: 700; line-height: 1; margin: 0 0 3rem; text-transform: uppercase; }
.footer .footer-contact .content div { margin: 0 0 2rem; }
.footer .footer-contact .content div h5 { color: white; font-weight: 700; line-height: 1; margin: 0 0 5px; text-transform: uppercase; }
.footer .footer-contact .content div p.address { color: white; line-height: 1.2; margin: auto 0 auto auto; width: 220px; }
.footer .footer-contact .content div p a { color: white; }
.footer .footer-contact .content .social-media { margin: 0; padding: 0; }
.footer .footer-contact .content .social-media li { display: inline-block; list-style-type: none; margin: 0 0 0 10px; vertical-align: middle; }
.footer .footer-contact .content .social-media li img { width: 36px; }
footer .copyright { background-color: #165B84; padding: 20px 2rem; text-align: right; }
footer .copyright p { color: white; font-size: 14px; margin: 0; }
footer .tnc { padding: 20px 2rem; }
footer .tnc p { margin: 0; }
footer .tnc p a { color: #165B84; font-size: 14px; margin: 0; }

.site-map { background-color: #165B84; padding: 2rem 0 15px; }
.site-map h2 { color: white; font-size: 30px; font-weight: 700; margin: 0 0 1.5rem; text-align: center; text-transform: uppercase; }
.site-map .site-contact { text-align: center; }
.site-map .site-contact h5 { color: #F7BE11; font-size: 20px; font-weight: 800; margin: 0 0 5px; text-transform: uppercase; }
.site-map .site-contact p { color: white; font-size: 16px; line-height: 1.4; margin: 0 0 5px; }
.site-map .site-contact p a { color: white; font-size: 16px; }
.site-map ul.social-media { margin: 0 0 20px; padding: 0; text-align: center; }
.site-map ul.social-media li { display: inline-block; list-style-type: none; vertical-align: middle; }
.site-map ul.social-media li img { margin: auto 5px; width: 30px; }
.site-map .footer { text-align: center; }
.site-map .footer p { color: white; font-size: 12px; font-weight: 700; margin: 0; text-transform: uppercase; }


/*-------------- About Us Banner --------------*/
.about-us-banner { position: relative; }
.about-us-banner .bg-images { background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px; min-height: 200px; position: relative; }
.about-us-banner .bg-images:before { background-image: url('../images/about-us-banner-clip.png'); background-position: center; background-repeat: no-repeat; background-size: 100%; content: ''; height: 100%; position: absolute; right: -194px; width: 700px; }
.about-us-banner .bg-images .title { bottom: 100px; left: 120px; position: absolute; }
.about-us-banner .bg-images .title h1 { color: #165B84; font-size: 70px; font-weight: 700; line-height: 1.2; margin: 0; position: relative; text-transform: uppercase; }
.about-us-banner .bg-images .title h1:before { border-bottom: 2px solid #165B84; content: ''; left: 400px; position: absolute; top: 50%; width: 300px; }


/*-------------- About Us Description --------------*/
.about-us-desc { padding: 4rem 20px; }
.about-us-desc .about-us-img { background-color: #165B84; height: 550px; min-height: 300px; padding: 15px; position: relative; }
.about-us-desc .about-us-img > .img-effect { height: 100%; overflow: hidden; width: 100%; }
.about-us-desc .about-us-img > .img-effect div { background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; transform-origin: 50% 65%;
	transition: transform 2s, filter 3s ease-in-out; }
.about-us-desc .about-us-img:hover > .img-effect div { transform: scale(1.3); }
.about-us-desc .about-us-img > .img-effect p { background-color: #F7BE11; bottom: 0; color: white; font-weight: 600; line-height: 1.2; margin: auto 0 auto auto; padding: 10px; position: absolute; right: 0; text-align: right; width: 200px; }
.about-us-desc .content .desc p { color: #165B84; font-size: 22px; }
.about-us-desc .content .quote { margin: 3rem 0 0; position: relative; }
.about-us-desc .content .quote:before { background-image: url('../images/quote.svg'); background-position: center; background-repeat: no-repeat; background-size: 100%; content: ''; height: 60px; left: -10px; opacity: 0.2; position: absolute; top: -25px; width: 60px; }
.about-us-desc .content .quote p { color: #165B84; font-size: 26px; font-weight: 600; line-height: 1.1; margin: 0; padding: 0 0 0 20px; }
.about-us-desc .content .quote h4 { animation-delay: 0.3s; color: #165B84; font-size: 34px; font-weight: 700; margin: 1rem 0 0; padding: 0 0 0 20px; text-transform: uppercase; }


/*-------------- Mission & Vision --------------*/
/* .mis-vis { background-color: #165B8436; padding: 4rem 20px; }
.mis-vis .vision { padding: 2rem; }
.mis-vis .vision .title h1 { color: #165B84; font-size: 70px; font-weight: 700; line-height: 1.2; margin: 0; position: relative; text-transform: uppercase; width: fit-content; width: -moz-fit-content; }
.mis-vis .vision .title h1:before { border-bottom: 2px solid #165B84; content: ''; left: 250px; position: absolute; top: 50%; width: 40%; }
.mis-vis .vision .bg-images { background-position: top; background-repeat: no-repeat; background-size: cover; height: 400px; margin: 2rem 0 1rem; }
.mis-vis .vision p { color: #165B84; font-size: 18px; font-weight: 600; margin: 0; }
.mis-vis .mission { padding: 2rem; }
.mis-vis .mission .title h1 { color: #F7BE11; font-size: 70px; font-weight: 700; line-height: 1.2; margin: 0; position: relative; text-transform: uppercase; width: fit-content; width: -moz-fit-content; }
.mis-vis .mission .title h1:before { border-bottom: 2px solid #F7BE11; content: ''; left: 320px; position: absolute; top: 50%; width: 40%; }
.mis-vis .mission .bg-images { background-position: top; background-repeat: no-repeat; background-size: cover; height: 400px; margin: 2rem 0 1rem; }
.mis-vis .mission p { color: #165B84; font-size: 18px; font-weight: 600; margin: 0; } */

.mis-vis { background-color: #165B8436; padding: 4rem 20px; }
.mis-vis .vision { margin: 1rem 0; }
.mis-vis .vision .img-effect { overflow: hidden; }
.mis-vis .vision .bg-images { background-position: top; background-repeat: no-repeat; background-size: cover; height: 400px; transform-origin: 50% 65%; transition: transform 2s, filter 3s ease-in-out; }
.mis-vis .vision .img-effect:hover .bg-images { transform: scale(1.3); }
.mis-vis .vision .desc { background-color: #165B84; height: 100%; padding: 2rem; text-align: center; }
.mis-vis .vision .desc h2 { border-bottom: 1px solid white; color: white; font-size: 40px; margin: auto auto 1rem; text-transform: uppercase; width: fit-content; width: -moz-fit-content; }
.mis-vis .vision .desc p { color: white; font-size: 18px; font-weight: 600; margin: 0; }
.mis-vis .mission { margin: 1rem 0; }
.mis-vis .mission .img-effect { overflow: hidden; }
.mis-vis .mission .bg-images { background-position: top; background-repeat: no-repeat; background-size: cover; height: 400px; transform-origin: 50% 65%; transition: transform 2s, filter 3s ease-in-out; }
.mis-vis .mission .img-effect:hover .bg-images { transform: scale(1.3); }
.mis-vis .mission .desc { background-color: #165B84; height: 100%; padding: 2rem; text-align: center; }
.mis-vis .mission .desc h2 { border-bottom: 1px solid white; color: white; font-size: 40px; margin: auto auto 1rem; text-transform: uppercase; width: fit-content; width: -moz-fit-content; }
.mis-vis .mission .desc p { color: white; font-size: 18px; font-weight: 600; margin: 0; }


/*-------------- Core Value --------------*/
.core-value .core-title { align-items: center; background-color: #165B84; border-bottom: 2px solid #F7BE11; display: flex; flex-direction: column; height: 100%; justify-content: center; min-height: 300px; padding: 20px; position: relative; text-align: center; }
.core-value .core-title:before { background-image: url('../images/core-value.png'); background-position: center; background-repeat: no-repeat; background-size: 100%; content: ''; height: 200px; position: absolute; width: 200px; }
.core-value .core-title h1 { animation-delay: 0.7s; color: white; font-weight: 700; line-height: 1.2; margin: 0; text-transform: uppercase; }
.core-value .core-items-listing { padding: 4rem 0; }
.core-value .core-items-listing .value-items { border-bottom: 2px solid #F7BE11; padding: 20px; text-align: center; }
.core-value .core-items-listing .value-items-1 { animation-delay: 0.1s; }
.core-value .core-items-listing .value-items-2 { animation-delay: 0.2s; }
.core-value .core-items-listing .value-items-3 { animation-delay: 0.3s; }
.core-value .core-items-listing .value-items .img-effect { height: 250px; margin: 0 0 1rem; overflow: hidden; }
.core-value .core-items-listing .value-items .bg-images { background-position: center; background-repeat: no-repeat; background-size: cover; height: 250px; margin: 0 0 10px;transform-origin: 50% 65%; transition: transform 2s, filter 3s ease-in-out; }
.core-value .core-items-listing .value-items:hover .img-effect .bg-images { transform: scale(1.3); }
.core-value .core-items-listing .value-items .title h3 { color: #165B84; font-size: 20px; font-weight: 700; }
.core-value .core-items-listing .value-items .desc p { color: #165B84; font-size: 18px; line-height: 1.2; }


/*-------------- Our Services Banner --------------*/
.our-services-banner { position: relative; }
.our-services-banner .bg-images { background-position: center; background-repeat: no-repeat; background-size: cover; height: 450px; min-height: 200px; position: relative; }
.our-services-banner .bg-images:before { background-image: url('../images/about-us-banner-clip.png'); background-position: center; background-repeat: no-repeat; background-size: 100%; content: ''; height: 100%; position: absolute; right: -194px; width: 700px; }
.our-services-banner .bg-images .title { bottom: 100px; left: 120px; position: absolute; }
.our-services-banner .bg-images .title h1 { color: #165B84; font-size: 70px; font-weight: 700; line-height: 1.2; margin: 0; position: relative; text-transform: uppercase; }
.our-services-banner .bg-images .title h1:before { border-bottom: 2px solid #165B84; content: ''; left: 500px; position: absolute; top: 50%; width: 200px; }


/*-------------- Our Services Description --------------*/
.our-services-desc { padding: 30px 0 5rem; }
.our-services-desc .spacing { height: 60px; }
.our-services-desc .bg-color { background-color: #165B8436 }
.our-services-desc .bg-images { background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; min-height: 400px; transform-origin: 50% 65%; transition: transform 2s, filter 3s ease-in-out; }
.our-services-desc .img-effect { height: 100%; overflow: hidden; }
.our-services-desc .img-effect:hover .bg-images { transform: scale(1.3); }
.our-services-desc .services-desc { padding: 15px; }
.our-services-desc .services-desc h1 { color: #165B84; font-size: 40px; font-weight: 700; line-height: 1; margin: 0 0 15px; padding: 0 0 10px; position: relative; }
.our-services-desc .services-desc h1:before { border-bottom: 2px solid #165B84; bottom: 0; content: ''; position: absolute; width: 100%; }
.our-services-desc .services-desc p { color: #165B84; font-size: 16px; font-weight: 500; line-height: 1.6; }
.our-services-desc .services-desc h5 { color: #165B84; font-weight: 700; padding: 0 0 5px; position: relative; }
.our-services-desc .services-desc h5:before { border-bottom: 1px solid #165B84; bottom: 0; content: ''; position: absolute; width: 100%; }
.our-services-desc .services-desc ul li { margin: 0 0 5px; }
.our-services-desc .services-desc ul li p { margin: 0; }
.our-services-desc .services-desc ul.client-logo { margin: 1rem 0 0; padding: 0; }
.our-services-desc .services-desc ul.client-logo li { display: inline-block; vertical-align: middle; }
.our-services-desc .services-desc ul.client-logo li img { height: 90px; margin: 0 10px 0 0; width: auto; }


/*-------------- Contact Us --------------*/
.join-us { padding: 7rem 0 5rem; }
.join-us .title { margin-bottom: 2rem; }
.join-us .title h2 { color: #165B84; font-weight: 700; position: relative; text-transform: uppercase; }
.join-us .title h2:before { border-bottom: 2px solid #165B84; content: ''; left: 400px; position: absolute; top: 26px; width: 200px; }
.join-us .bg-images { background-position: center; background-repeat: no-repeat; background-size: cover; height: 500px; min-height: 300px; position: relative; transform-origin: 50% 65%; transition: transform 2s, filter 3s ease-in-out; }
.join-us .contact-1 { animation-delay: 0.1s; }
.join-us .contact-2 { animation-delay: 0.2s; }
.join-us .contact-3 { animation-delay: 0.3s; }
.join-us .img-effect { height: 500px; overflow: hidden; position: relative; }
.join-us .img-effect:hover .bg-images { transform: scale(1.3); }
.join-us .img-effect h2 { background-color: #165B84; bottom: 0; color: white; font-size: 20px; font-weight: 700; left: 0; margin: 0; padding: 10px 20px; position: absolute; text-transform: uppercase; width: fit-content; width: -moz-fit-content; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }
.contact-form { background-color: #165B8436; padding: 70px 0; }

.contact-form .job-available { color: #165B84; margin: 0 0 2rem; text-align: center; text-transform: uppercase; }
.contact-form .job-available h3 { font-size: 20px; position: relative; }
.contact-form .job-available h3:before { border-bottom: 2px solid #165B84; content: ''; left: 120px; position: absolute; top: 12px; width: 200px; }
.contact-form .job-available h3:after { border-bottom: 2px solid #165B84; content: ''; position: absolute; right: 120px; top: 12px; width: 200px; }

.contact-form .not-available { padding: 15px; text-align: center; }
.contact-form .not-available img { margin: auto auto 1rem; opacity: 0.5; width: 120px; }
.contact-form .not-available h3 { color: #165B84; font-weight: 700; text-align: center; text-transform: uppercase; }
.contact-form .not-available img.show_ani { opacity: 0.5 !important; }
.contact-form .not-available h3.show_ani { opacity: 1 !important; }

.contact-form .title h2 { color: #165B84; font-weight: 700; position: relative; text-transform: uppercase; }
.contact-form .title h2:before { border-bottom: 2px solid #165B84; content: ''; left: 300px; position: absolute; top: 26px; width: 200px; }
.contact-form form .items label { position: relative; }
.contact-form form .items label label.error { bottom: -22px; color: red; font-size: 14px; position: absolute; }
.contact-form form .items { position: relative; }
.contact-form form .items label.error { bottom: -22px; color: red; font-size: 14px; position: absolute; }
.contact-form form .items p { color: #165B84; font-weight: 600; margin: 0; text-transform: uppercase; }
.contact-form form .items input { border: 0; box-shadow: unset; }
.contact-form form .pdf input { background-color: white; height: 39px; margin: 0 0 1rem; padding: 7px; }
.contact-form form .items textarea { border: 0; box-shadow: unset; }
.contact-form form .submit { margin: 2rem 0 0; text-align: center; }
.contact-form form .submit input { background-color: #F7BE11; border: 0; color: #165B84; cursor: pointer; font-size: 16px; font-weight: 700; line-height: 1; padding: 11px 20px 10px; text-transform: uppercase; transition: 0.2s; width: 200px; }
.contact-form form .submit input:focus, .contact-form form .submit input:hover { background-color: #165B84; color: #F7BE11; }
.contact-form .contact-msg { margin-bottom: 1rem; }
.contact-form .contact-msg .msg-success { background-color: #6ADE23; padding: 10px; }
.contact-form .contact-msg .msg-success p { color: white; font-weight: 600; margin: 0; }
.contact-form .contact-msg .msg-fail { background-color: #DE2323; padding: 5px; }
.contact-form .contact-msg .msg-fail p { color: white; font-weight: 600; margin: 0; }
.contact-form .contact-msg .msg-fail p a { color: white; font-weight: 700; text-transform: uppercase; }

.contact-us { background-color: #165B8436; padding: 7rem 0 5rem; }
.contact-us .title h2 { color: #165B84; font-size: 50px; font-weight: 800; line-height: 1.2; margin: 0 0 1rem; text-align: center; text-transform: uppercase; }
.contact-form2 { background-color: white; }
.contact-form2 .title h2 { font-size: 30px; text-align: center; }
.contact-form2 .title p { color: #165B84; text-align: center; }
.contact-form2 .title h2:before { content: unset; }
.contact-form2 form .items input { border: 1px solid #165B84; color: #165B84; }
.contact-form2 form .items textarea { border: 1px solid #165B84; color: #165B84; }



@media screen and (min-width: 2001px) { 
	.grid-container.full { max-width: 1400px; }
	.our-services,
	.site-map,
	.mis-vis,
	.contact-form,
	.contact-us { margin: auto; max-width: 1400px; }

}

@media screen and (min-width: 1022px) {
	/*-------------- Header Menu --------------*/
	.no-js .top-bar { display: block; }
	.no-js .title-bar { display: none; }
}

@media screen and (max-width: 1023px) {
	/*-------------- Header Menu --------------*/
	.top-bar { top: 65px; }
	.top-bar .logo { display: none; }
	.top-bar .altus-menu ul { border-bottom: 2px solid #F7BE11; display: inline-block; width: 100%; }
	.top-bar .altus-menu ul li { margin: 0 0 15px; }
	.top-bar .altus-menu ul li.active a:before { content: unset; }
	.top-bar .altus-menu ul li:focus a:before, .top-bar .altus-menu ul li:hover a:before { content: unset; }
	.top-bar .altus-menu ul li.active a:after { border-bottom: 1px solid white; bottom: 0; content: ''; left: 0; position: absolute; width: 50px; }
	.top-bar .altus-menu ul li:focus a:after, .top-bar .altus-menu ul li:hover a:after { border-bottom: 1px solid white; bottom: 0; content: ''; left: 0; position: absolute; width: 50px; }


	/*-------------- Home Slider --------------*/
	.head-slider .header-slider .slider-items .bg-images { height: 650px; }
	.head-slider .header-slider .slider-items .bg-images .content { bottom: 50px; max-width: 450px; }
	.head-slider .header-slider .slider-items .bg-images .content .title { min-height: 120px; }
	.head-slider .header-slider .slider-items .bg-images .content .title h1 { font-size: 34px; }


	/*-------------- Overview --------------*/
	.overview .content { display: inline-block; /*height: 500px;*/ padding: 2rem; }
	.overview .content .title h1 { font-size: 55px; }
	.overview .content .title a button { width: 200px; }
	.overview .content .title a button p { font-size: 14px; }
	.overview .content .desc p { font-size: 16px; }


	/*-------------- All About Us --------------*/
	.all-about-us { padding: 3rem 15px; }
	.all-about-us .about-us-img { height: 550px; }
	.all-about-us .about-us-img > div p { font-size: 14px; }
	.all-about-us .content .title h1 { font-size: 55px; }
	.all-about-us .content .title a button { width: 200px; }
	.all-about-us .content .title a button p { font-size: 14px; }
	.all-about-us .content .desc p { font-size: 16px; }
	.all-about-us .content .quote p { font-size: 18px; }


	/*-------------- Our Services --------------*/
	.our-services { padding: 3rem 15px; }
	.our-services .title h1 { font-size: 55px; }
	.our-services .services .services-title a button p { font-size: 14px; }


	/*-------------- About Us Banner --------------*/
	.about-us-banner .bg-images { height: 350px; }
	.about-us-banner .bg-images:before { width: 510px; }
	.about-us-banner .bg-images .title { bottom: 60px; left: 40px; }
	.about-us-banner .bg-images .title h1 { font-size: 50px; }
	.about-us-banner .bg-images .title h1:before { content: unset; }


	/*-------------- About Us Description --------------*/
	.about-us-desc .content .desc p { font-size: 16px; }
	.about-us-desc .content .quote p { font-size: 22px; }
	.about-us-desc .content .quote h4 { font-size: 30px; }
	.about-us-desc .about-us-img { height: 450px; }
	.about-us-desc .about-us-img > div p { font-size: 14px; }


	/*-------------- Mission & Vision --------------*/
	.mis-vis .vision { padding: 0; }
	/* .mis-vis .vision .bg-images { height: 300px; margin: 1rem 0; } */
	.mis-vis .vision .title h1 { font-size: 50px; }
	.mis-vis .vision .title h1:before { left: 180px; width: 120px; }
	.mis-vis .mission { padding: 0; }
	/* .mis-vis .mission .bg-images { height: 300px; margin: 1rem 0; } */
	.mis-vis .mission .title h1 { font-size: 50px; }
	.mis-vis .mission .title h1:before { left: 220px; width: 120px; }

	.mis-vis .vision .bg-images { height: 350px; margin: 0; }
	.mis-vis .mission .bg-images { height: 350px; margin: 0; }


	/*-------------- Core Value --------------*/
	.core-value .core-items-listing { padding: 2rem 0; }


	/*-------------- Footer --------------*/
	.footer .footer-contact { padding: 2rem 15px; }
	.footer .maps { padding: 2rem 15px; }
	.footer .footer-contact .title h1 { font-size: 55px; margin: 0 0 2rem; }
	.footer .footer-contact .content div p.address { font-size: 14px; }
	.footer .footer-contact .content div p a { font-size: 14px; }

	/*-------------- About Us Banner --------------*/
	.our-services-banner .bg-images { height: 350px; }
	.our-services-banner .bg-images:before { width: 510px; }
	.our-services-banner .bg-images .title { bottom: 60px; left: 40px; }
	.our-services-banner .bg-images .title h1 { font-size: 50px; }
	.our-services-banner .bg-images .title h1:before { content: unset; }


	/*-------------- Our Services Description --------------*/
	.our-services-desc .spacing { height: 67px; }


	/*-------------- Contact Us --------------*/
	.join-us { padding: 8rem 0 5rem; }
	.join-us .img-effect { margin-bottom: 2rem; }
	.join-us .bg-images { margin-bottom: 2rem; }
	.join-us .bg-images h2 { font-size: 40px; }
	.contact-form .job-available h3:before { content: unset; }
	.contact-form .job-available h3:after { content: unset; }
}


@media screen and (max-width: 991px) {
	/*-------------- Home Slider --------------*/
	.head-slider .header-slider .slider-items .bg-images { height: 550px; }


	/*-------------- Overview --------------*/
	.overview .content { /*height: 450px;*/ }
	.overview .content .title h1 { font-size: 46px; }


	/*-------------- All About Us --------------*/
	.all-about-us .content .title h1 { font-size: 46px; }


	/*-------------- Our Services --------------*/
	.our-services .services { margin: 2rem 15px 1rem; }
	.our-services .title h1 { font-size: 46px; }


	/*-------------- About Us Banner --------------*/
	.about-us-banner .bg-images .title h1 { font-size: 46px; }	


	/*-------------- About Us Description --------------*/
	.mis-vis .vision .title h1 { font-size: 46px; }
	.mis-vis .vision { margin: 0 0 1rem; }
	.mis-vis .vision p { font-size: 16px; }
	.mis-vis .mission { margin: 0 0 1rem; }
	.mis-vis .mission p { font-size: 16px; }


	/*-------------- Footer --------------*/
	.footer .footer-contact .title h1 { font-size: 46px; }


	/*-------------- Our Services Banner --------------*/
	.our-services-banner .bg-images .title h1 { font-size: 46px; }	


	/*-------------- Our Services Description --------------*/
	.our-services-desc .services-desc h1 { font-size: 32px; }
	.our-services-desc .services-desc p { font-size: 14px; }

	
	/*-------------- Contact Us --------------*/
	.join-us .title h2 { font-size: 36px; }
	.join-us .title h2:before { content: unset; }
	.contact-form .title h2 { font-size: 36px; }
	.contact-form .title h2:before { content: unset; }
}


@media screen and (max-width: 639px) {
	/*-------------- Header Menu --------------*/
	.top-bar .altus-menu ul li { margin: 0 0 10px; }
	.top-bar .altus-menu ul li a { font-size: 14px; }


	/*-------------- Home Slider --------------*/
	.head-slider .header-slider .slider-items .bg-images { height: 450px; }


	/*-------------- Overview --------------*/
	.overview .overview-img { height: 300px; }
	.overview .content { height: auto; padding: 2rem 15px; }


	/*-------------- All About Us --------------*/
	.all-about-us .about-us-img { height: 350px; margin: 0 0 1.5rem; }


	/*-------------- Our Services --------------*/
	.our-services .services .services-title h4 { font-size: 26px; min-height: 40px; }


	/*-------------- About Us Banner --------------*/
	.about-us-banner .bg-images { height: 300px; }


	/*-------------- About Us Description --------------*/
	.about-us-desc { padding: 3rem 0; }
	.about-us-desc .about-us-img { height: 350px; margin-bottom: 1.5rem; }

	
	/*-------------- Mission & Vision --------------*/
	.mis-vis { padding: 3rem 0; }
	.mis-vis .vision .bg-images { height: 300px; }
	.mis-vis .mission .bg-images { height: 300px; }


	/*-------------- Core Value --------------*/
	.core-value .core-title { min-height: auto; padding: 1rem 20px; }
	.core-value .core-title:before { content: unset; }
	.core-value .core-title h1 { font-size: 46px; }
	.core-value .core-title h1 br { display: none; }
	.core-value .core-items-listing .value-items { margin: 0 0 1.5rem; padding: 20px 0; }
	.core-value .core-items-listing .value-items .title h3 { font-size: 30px; }


	/*-------------- Footer --------------*/
	.footer .footer-contact { text-align: left; }
	.footer .footer-contact .content div p.address { margin: 0; }
	footer .tnc { padding: 10px; text-align: center; }
	footer .copyright { text-align: center; }
	footer .copyright p { font-weight: 700; }

	/*-------------- Our Services Banner --------------*/
	.our-services-banner .bg-images { height: 300px; }
}


@media screen and (max-width: 500px) {
	/*-------------- Home Slider --------------*/
	.head-slider .header-slider .slider-items .bg-images .content { bottom: 0; max-width: 100%; width: 100%; }
	.head-slider .header-slider .slider-items .bg-images .content .title { padding: 15px 15px 15px 75px; }
	.head-slider .header-slider .slider-items .bg-images .content .title h1 { font-size: 30px; }
	.head-slider .header-slider .slider-items .bg-images .content .title p { font-size: 14px; }
	.head-slider .header-slider .slider-items .bg-images .content .title:before { width: 60px; }
	.head-slider .header-slider .slider-items .bg-images .content .title:after { left: 8px; width: 40px; }


	/*-------------- Overview --------------*/
	.overview .content .title h1 { font-size: 40px; }
	.overview .content .title a button { min-width: 140px; width: 160px; }
	.overview .content .desc p { line-height: 1.6; }


	/*-------------- All About Us --------------*/
	.all-about-us .content .title h1 { font-size: 40px; }
	.all-about-us .content .title a button { min-width: 140px; width: 160px; }
	.all-about-us .content .desc p { line-height: 1.6; }


	/*-------------- Our Services --------------*/
	.our-services .title h1 { font-size: 40px; }
	.our-services .title-line:before { content: unset; }
	.our-services .services-1 { animation-delay: 0.1s; }
	.our-services .services-2 { animation-delay: 0.2s; }
	.our-services .services-3 { animation-delay: 0.3s; }
	.our-services .services-4 { animation-delay: 0.4s; }


	/*-------------- Mission & Vision --------------*/
	.mis-vis .vision .title h1 { font-size: 40px; }
	.mis-vis .vision .title h1:before { left: 140px; }
	.mis-vis .mission .title h1 { font-size: 40px; }
	.mis-vis .mission .title h1:before { left: 180px; }


	/*-------------- Core Value --------------*/
	.core-value .core-title h1 { font-size: 40px; }


	/*-------------- Footer --------------*/
	.footer .footer-contact .title h1 { font-size: 40px; }
	.site-map p.address br { display: none; }


	/*-------------- Our Services Description --------------*/
	.our-services-desc .bg-images { min-height: 300px; }


	/*-------------- Contact Us --------------*/
	.join-us .bg-images { height: 300px; }
	.join-us .img-effect { height: 300px; }
	.join-us .bg-images h2 { font-size: 30px; }
}


@media screen and (max-width: 400px) {
	/*-------------- Home Slider --------------*/
	.head-slider .header-slider .slider-items .bg-images .content .title h1 { font-size: 26px; }


	/*-------------- Overview --------------*/
	.overview .content .title h1 { font-size: 34px; }

	
	/*-------------- All About Us --------------*/
	.all-about-us { padding: 3rem 0; }
	.all-about-us .content .title h1 { font-size: 34px; }
	.all-about-us .content .quote p { font-size: 16px; }
	.all-about-us .content .quote h4 { font-size: 20px; }


	/*-------------- Our Services --------------*/
	.our-services { padding: 3rem 10px; }
	.our-services .title h1 { font-size: 34px; }
	.our-services .services .services-title h4 { font-size: 22px; min-height: 78px; }
	.our-services .services .services-title p { font-size: 14px; }


	/*-------------- About Us Banner --------------*/
	.about-us-banner .bg-images { height: 260px; }
	.about-us-banner .bg-images .title h1 { font-size: 40px; }
	.about-us-banner .bg-images:before { right: -340px; }

	
	/*-------------- Mission & Vision --------------*/
	.mis-vis .vision .title h1 { font-size: 34px; }
	.mis-vis .mission .title h1 { font-size: 34px; }


	/*-------------- Core Value --------------*/
	.core-value .core-title h1 { font-size: 34px; }


	/*-------------- Footer --------------*/
	.footer .footer-contact .title h1 { font-size: 34px; }


	/*-------------- Our Services Banner --------------*/
	.our-services-banner .bg-images { height: 260px; }
	.our-services-banner .bg-images .title h1 { font-size: 40px; }
	.our-services-banner .bg-images:before { right: -340px; }
}

/*-------------- Update Career Page / 30-April-2024 --------------*/
.career-image { margin: 2rem auto; }