body{font-family: 'Lato', sans-serif; font-size: 1rem; overflow-x: hidden; color: #f5db92; background: #231f20;}
html {
  scroll-behavior: smooth;
}
/* Animation */
@keyframes mymove {
  50% {transform: rotate(180deg);}
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #baa66d;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #baa66d;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #baa66d;
}
input:focus, textarea:focus, button:focus {outline: none;}
.white {color: #fff;}
a {transition: 0.5s; color: #f5db92;}
a:hover {text-decoration: none; color: #f5db92;}
h1, h2, h3, h4, h5, h6 {font-weight: 800;}
.img100 img {width: 100%;}

.clear_1 {margin: 100px auto;}
.clear_2 {margin: 50px auto;}
.img100 {width: 100%;}
header {height: 100vh; position: fixed; width: 100%; z-index: -10;}
.blankF {min-height: 70vh; display: block;}
.blankF1 {min-height: 40vh; display: block;}
#myVideo {width: 100%; height: 100vh; object-fit: cover;}
.coverPhoto {width: 100%; height: 100vh;}
.coverPhoto img {width: 100%; height: 100vh; object-fit: cover;}
.emCover {width: 100%; height: 70vh; display: flex; align-items: center;}
.emCover div {width: 100%; text-align: center;}
.emCover img {width:80%;}
.servicH {font-size: 1.2rem;}
.contactLinks img {width:130px;}
.servicH img {width: 100px;}


@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/* Menu start here */

 .menu-icon {height: 30px; width: 30px; position: fixed; z-index: 6; left: 20px; top: 50px; cursor: pointer;}
 .menu-icon__line {height: 2px; width: 30px; display: block; background-color: #f5db92; margin-bottom: 4px; transition: transform 0.2s ease, background-color 0.5s ease;}
 .menu-icon__line-left {width: 15px}
 .menu-icon__line-right {width: 15px;float: right;}
 .nav {position: fixed; z-index: -1;}
 body.nav-active .nav {z-index: 5;}
 body.nav-active .menus {display: block;}
 .menus {padding: 20px 38px; display: none; width: 100%;}
 .menus a {font-size: 1rem; display: inline-block !important; margin-right: 10px;}
 .menus a:hover {color: #f5db92;}
 .nav:before, .nav:after {content: ""; position: fixed; width: 90vw; height: 100vh; background: rgba(245, 219, 146, 1); z-index: -1; transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s; transform: translateX(-100%) translateY(0%);}
 .nav:after {background: rgba(255, 255, 255, 1); transition-delay: 0s;}
 .nav:before {transition-delay: 0.1s;}
 .nav__content {position: fixed; top: 50%; transform: translate(0%, -50%); width: 80%; text-align: left; font-size: calc(1vh + 10px); font-weight: 200; cursor: pointer;}
 .nav__content a {color: #000; padding: 0.5rem 0; display: block;}
 .nav__list-item {position: relative; display: block; transition-delay: 0.8s; opacity: 0; transform: translate(0%, 100%);
	 transition: opacity 0.2s ease, transform 0.3s ease; margin-right: 25px;}
 .nav__list-item:before { content: ""; position: absolute; background: #000; width: 0px; height: 1px; top: 100%; transform: translate(0%, 0%); transition: all 0.7s ease; z-index: -1;}
 .nav__list-item:hover:before {width: 100%;}
 body.nav-active .menu-icon__line {background-color: #000; transform: translateX(0px) rotate(-45deg);}
 body.nav-active .menu-icon__line-left {transform: translateX(1px) rotate(45deg);}
 body.nav-active .menu-icon__line-right {transform: translateX(-2px) rotate(45deg);}
 body.nav-active .nav {visibility: visible;}
 body.nav-active .nav:before, body.nav-active .nav:after {transform: translateX(0%) translateY(0%);}
 body.nav-active .nav:after { transition-delay: 0.1s;}
 body.nav-active .nav:before {transition-delay: 0s;}
 body.nav-active .nav__list-item {opacity: 1; transform: translateX(0%); transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;}
 body.nav-active .nav__list-item:nth-child(0) {transition-delay: 0.5s;}
 body.nav-active .nav__list-item:nth-child(1) {transition-delay: 0.6s;}
 body.nav-active .nav__list-item:nth-child(2) {transition-delay: 0.7s;}
 body.nav-active .nav__list-item:nth-child(3) {transition-delay: 0.8s;}
 body.nav-active .nav__list-item:nth-child(4) {transition-delay: 0.9s;}

/* Menu ends here */

.formSec {background: rgba(35,31,32,0.9); position: relative; padding: 1rem 0; overflow-x: hidden;}
.headContent {background: rgba(35,31,32,0.9); margin-top: 10px; padding: 0.5rem 0;}
.formSec h3, .formSec p {text-align: center; line-height: 1}
.b1 {background: #f5db92; border:solid 1px #f5db92; color: #333333; padding: 5px 10px; border-radius: 5px; font-size: .8rem; font-weight: 700;}
.b1:hover, .b2:hover {color: #333; background: #fff; border: solid 1px #fff;}
.b2 {border:solid 1px #f5db92; color: #f5db92; padding: 5px 10px; border-radius: 5px; font-size: .8rem; font-weight: 700;}
.logo {width: 100%; text-align: center; margin-bottom: 30px;}
.logo img {width:50%;}
.headerForm {color: #f5db92;}
.headerForm h1 {font-size: 1.5rem; text-align: center;}
.headerForm p {text-align: center;}
.forms {padding:0 20px;}
.forms input, .forms textarea, .forms select {width: 100%; background: rgba(0,0,0,0); border: solid 1px #f5db92; padding: 3px 10px; border-radius: 5px; margin-bottom: 5px; font-weight: 400; color: #f5db92;}
.fButton {background: #f5db92 !important; color: #333333 !important; font-size: .8rem; font-weight: 700 !important; border:0;}
.fBox {margin: 0px; padding: 0 3px;}
.header {margin-top: 20px; position: absolute; width: 100%; top: 20px;}
/* .menu {display: inline-block; position: absolute; width: 32px; top: 50%; left: 40px; transform: translate(-50%, -50%); font-size: 24px; font-family:'Josefin Sans', sans-serif; color: #f5db92; cursor: pointer;}
.menu::before,
.menu::after {position: absolute; transition: 0.4s ease; opacity: 0; pointer-events: none;}
.menu:before {content: "M \00a0 \00a0 \00a0 \00a0 \00a0 \00a0U"; top: -40px; left: -60%; width: 90px;}
.menu:after {content: "N"; top: 50px; left: 96%;}
.menu:hover::before,
.menu:hover::after {top: -10px; opacity: 1; transition: 0.2s ease, opacity 0.17s 0.03s ease-in;}
.bar {width: 80%; height: 2px; background: #f5db92; margin: 0 auto 5px;transition: transform 0.4s ease;} */
.topCta a {color: #f5db92;}
.topCta a span {display: none;}
.downArrow {position: absolute; right: 3%; top: 10%;}
.sec {background-color: #231f20; min-height: 100vh; display: flex; align-items: center; padding: 4rem 0;}
.subSec {background-color: #231f20; min-height: 50vh; display: flex; align-items: center; padding: 4rem 0;}
.services {width: 100%;}
.services h2 {text-align: center; font-size: 1.8rem; text-transform: uppercase;}
.services h3 {font-size: 1.2rem;}
.serImag img {width: 50% !important; margin-top: 30px;}
.serCont a {text-align: right; display: block; font-size: 0.8rem;}
.serCont h3 {margin-top: 2rem;}

#sync1 .owl-theme, #sync1 .owl-nav, #sync1 .owl-theme, #sync1 .owl-dots {display: none;}
.owl-carousel {margin-top: 30px;}
.owl-carousel .item {text-align: center;}
.thums .active {opacity: 0.5;}
.thums .current {opacity: 1 !important;}
.thums .item img {width: 60%;}
.serCont {text-align: left; padding: 0 2rem;}

.slick-prev::before, .slick-next::before { color: #f5db92;}
.slick-next {right:-10px;}
.slick-prev {left:-10px;}
.partners {background: #fff; margin: 10px; text-align: center; color: #000;}
.partner h3 {font-size: 1.8rem; text-transform: uppercase; margin-bottom: 4rem; text-align: center;}
.partners img {width: 100%;}
.testImg {width: 100%; margin-bottom: 1rem;}
.testImg img {width: 80%; border-radius: 50%; margin: auto;}
.testimonialsTalk {text-align: center;}
.cName {text-align: center;}
.mBg {background-color: #231f20;}
.feature {padding: 4rem 0;}
.features {margin: 2rem; padding-left: 80px; position: relative;}
.features h4 {font-size: 1.2rem;}
.fImg {width:60px; float: left; margin-right: 20px; position: absolute; left: 0;}
.fImg img {width: 100%;}
.core {text-align: center; margin: 2rem 0 0 0;}
.core h4 {font-weight: 200;}
.cta {padding: 8rem 0;}
.cta h4 {text-align: center; margin-bottom: 2rem;}
.cta input {width: 100%; background: rgba(0,0,0,0); border: solid 1px #f5db92; padding: 3px 10px; border-radius: 5px; margin-bottom: 5px; font-weight: 400; color: #f5db92;}
.cta button {background: #f5db92 !important; color: #333333 !important; font-size: .8rem; font-weight: 700 !important; border:0; display: block; padding:0.2rem 2rem; border-radius: 6px; margin:10px auto;}

.footer {padding-bottom: 20px;}
.footer h5 {text-transform: uppercase; font-size: 1.2rem;}
.footer ul {list-style: none; padding: 0px;}
.socialM img {width:30px; margin-top: 15px;}

.employment .inBOX {padding:0px 5px; margin-top: 2px;}
article {position: relative; margin: 0px 5px 5px 0; float: left; border: 1px solid #f5db92; border-radius: 5px; box-sizing: border-box;}
article div {width: 100%; height: 100%; display: flex;justify-content: center; align-items: center; line-height: 25px;  transition: .5s ease;}
article div span {padding:4px 10px; display: block;}
article input {position: absolute; top: 0; left: 0; opacity: 0; cursor: pointer; display: block; min-height: 30px;}
input[type=checkbox]:checked ~ div {background-color: #f5db92; color: #000;}

.careerF {text-align: center; font-weight: 600;}
.careerF img {width: 60px; margin:1rem auto;}

.modal-content {background: #000; padding:1rem 2rem 0 1rem;}
.modal-content h3 {text-align: center; font-size: 1.5rem;}
.modal-content h3 span {font-size: 1.2rem; font-weight: 400 !important;}
.modal-footer {border-top: solid 1px #141414; justify-content: center; font-size: 0.9rem; font-weight: 600;}
.okayBtn {background: #f5db92; padding: 2px 10px !important; border-radius: 6px;}
.closeBtn {padding: 2px 10px !important; color: #666;}
.closeBtn:hover {border-radius: 6px; color: #ccc;}
.slick-dots li.slick-active button:before  {color: #f5db92 !important;}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


@media (min-width: 768px) {
.topCta a span {display: inline-block;}
.logo img {width:80%;}
.thums .item img {width: 40%;}
.serImag img {width: 100% !important; margin-top: 30px;}
.menu-icon {height: 30px; width: 30px; position: fixed; z-index: 6; left: 50px; top: 30px; cursor: pointer;}
.nav__content {width: 80%; font-size: calc(1vh + 20px); top: 50%;}

.coverPhoto img {width:100%;}
.emCover {width: 100%; height: 70vh; display: flex; align-items: center;}
.emCover div {width: 100%; text-align: center;}
.emCover img {width:300px;}

.servicH {font-size: 2.3rem;}
.contactLinks img {width:200px;}
.servicH img {width: 150px;}
.testImg {width: 100%; margin-bottom: 0;}
.testImg img {width: 80%; border-radius: 50%; margin: auto;}
}
@media (max-width: 768px) {
  .topNav .nav-item {display: none;}
}
@media only screen and (min-device-width: 480px)
                   and (max-device-width: 800px)
                   and (orientation: landscape) {

.logo img {width:150px;}
.lightBg {padding: 10px;}
.headerForm h1 {font-size: 1.2rem; text-align: center;}
.headerForm p {text-align: center; font-size: 0.8rem;}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  .nav__content {width: 60%;}
  .servicH {font-size: 1.5rem;}
  .contactLinks img {width:200px;}
  .servicH img {width: 120px;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {


}

@media (min-width: 992px) {
  .sticky {top: 8px; right: 30px; background: #fff; border-radius: 3px;}
 }

@media (min-width: 1200px) {
  .logo {width: 100%; text-align: center;}
  .logo img {width:80%;}
  .nav:before, .nav:after { width: 60vw; height: 100vh;}
  .nav__content {width: 60%; font-size: calc(1vh + 20px); top: 50%;}
 }
 @media (min-width: 1600px) {

  }

  @media (min-width: 1920px) and (max-width: 2560px)  {

  }