@font-face {
  font-family: 'D-DIN';
  src: url("../../assets/fonts/D-DIN.otf");
  font-weight: normal;
  font-style: normal; }
  
@font-face {
  font-family: 'D-DIN-Bold';
  src: url("../../assets/fonts/D-DIN-Bold.otf");
  font-weight: normal;
  font-style: normal; }
  
@font-face {
  font-family: 'D-DINCondensed';
  src: url("../../assets/fonts/D-DINCondensed.otf");
  font-weight: normal;
  font-style: normal; }
  
@font-face {
  font-family: 'D-DINCondensed-Bold';
  src: url("../../assets/fonts/D-DINCondensed-Bold.otf");
  font-weight: normal;
  font-style: normal; }
  
@font-face {
  font-family: 'D-DINExp';
  src: url("../../assets/fonts/D-DINExp.otf");
  font-weight: normal;
  font-style: normal; }
  
@font-face {
  font-family: 'D-DINExp-Bold';
  src: url("../../assets/fonts/D-DINExp-Bold.otf");
  font-weight: normal;
  font-style: normal; }
  
@font-face {
  font-family: 'D-DINExp-Italic';
  src: url("../../assets/fonts/D-DINExp-Italic.otf");
  font-weight: normal;
  font-style: normal; }
  
@font-face {
  font-family: 'D-DIN-Italic';
  src: url("../../assets/fonts/D-DIN-Italic.otf");
  font-weight: normal;
  font-style: normal; }

body
{
	font-family:'D-DIN';
	color: #000;
}
.header {
    padding: 0px!important;
    float: left;
    width: 100%;
    background: #F0C11A!important;
}

.nobgborder
{
	background:none;
	border:none;
}

.mw-80
{
	max-width:80%;
}

.mw-50
{
	max-width:50%;
}

.mw-60
{
	max-width:60%!important;
}

.p-relative
{
	position:relative;
}

.hide
{
	display:none!important;
}

.mobdisplay
{
	display:none;
}

.pointer
{
	cursor:pointer!important;
}

.pull-right
{
	float:right!important;
}

.pull-left
{
	float:left!important;
}

.nodecor
{
	text-decoration:none!important;
}

.text-42 {
    font-size: 40px;
    font-family:'D-DIN-Bold'!important;
}

.btn-topblack
{
	background: #000000!important;
    color: #F0C11A!important;
    font-family: 'D-DIN-Bold'!important;
    padding: 12px 30px!important;
    border-radius: 8px!important;
    font-size: 14px;
    transition: 0.2s;
    line-height: 26px;
    text-decoration: none!important;
}

.btn-toptransparent
{
	background: transparent!important;
    border: 2px solid #000!important;
    color: #000!important;
    font-family: 'D-DIN-Bold'!important;
    padding: 10px 30px!important;
    border-radius: 8px!important;
    font-size: 14px;
    transition: 0.2s;
    line-height: 26px;
    text-decoration: none!important;
}

.font-normal
{
	 font-weight: 500!important;
	 font-family: 'D-DIN'!important;
}

.font-weight-bold
{
	 font-weight: 700!important;
	 font-family: 'D-DIN-Bold'!important;
}

.text-align-left
{
	text-align: left;
}

.txt-yellow
{
	color:#F0C11A!important;
}

.txt-yellow-i
{
	color:#F0C11A;
}

.ff10
{
	font-size:10px!important;
}
.ff11
{
	font-size:11px!important;
}
.ff12
{
	font-size:12px!important;
}

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

.ff16
{
	font-size:16px!important;
}

.ff18
{
	font-size:18px!important;
}

.ff20
{
	font-size:20px!important;
}

.uppercase
{
	text-transform: uppercase;
}

.bg-grey
{
	background:#F3F3F3!important;
}

.bg-darkgrey
{
	background:#707070;
}

.bg-yellow
{
	background:#F0C11A!important;
}

.btn-bg-yellow
{
	background:#F0C11A;
}

.border-yellow
{
	border-bottom: 3px solid #F0C11A;
    padding-left: 0px;
}

p {
    color: #707070!important;
}

.btn-contactus
{
	background: #465D64!important;
    border-radius: 0px!important;
    border: 1px solid #fff!important;
    text-decoration: none!important;
    padding: 10px 40px!important;
}

.btn-signup
{
	color:#000!important;
	border-radius: 0px!important;
	padding: 10px 40px!important;
	text-decoration: none!important;
    border: 1px solid #fff!important;
    background: #fff!important;
}

.creditbanner
{
	margin-top: -115px;
    z-index: 99;
    position: relative;
    text-align:center;
}

.creditbanner img
{
	width:80%;
}

.txt-white
{
	color:#fff!important;
}

.searchbarpipe {
    width: 1px;
    border-right: 1px solid #707070!important;
    height: 44px;
    margin-right: 10px;
}

.searchinput{
    background: 0 0;
    border: none!important;
    width: 100%!important;
    font-size: 1.1rem!important;
    color: #000;
    padding: 20px 6px!important;
    height: 20px!important;
}

.popularsearches
{
    padding-left: 15px;
    padding-right: 15px;
}

.popularsearchesborder
{
	border-left: 1px solid #fff;
    padding-left: 15px;
    padding-right: 15px;
}

.jobseekerloginbg
{	
	position: relative;
    background: url(../images/jobseekerloginbg.png) no-repeat top center;
    background-size: cover;
}

.txt-black
{
	color:#000!important;
}

.txt-black-i
{
	color:#000;
}

.text-right
{
	text-align: right!important;
}

.boxcenter {
  display: flex;
  align-items: center;
  justify-content: center;
}

.loginemptxt
{
	display: inline-flex;
    flex-direction: row-reverse;
    padding-right: 20px;
}

.logininput
{
	border-radius: 0px!important;
    width: 100%!important;
    border-color: #CAC2C2!important;
    padding: 20px 15px!important;
    height: 0px!important;
}

.linkcolor
{
	color:#008AFF!important;
}

.br-0
{
	border-radius:0px!important;
}

.font4rem
{
	font-size: 4rem;
}

.bg-lightgrey
{
	background:#EBEBEB;
}

.white-box-shadow
{
	box-shadow: 15px 13px 25px -20px #000000;
	border: 1px solid #ccc;
}

.br-20
{
	border-radius:20px!important;
}

.contactlinkcolor
{
	color:#1A85F0!important;
}

.contactusdiv
{
	width: 90%;
    margin: auto;
    margin-top: 100px;
}

.btn-send-message {
    padding: 10px 60px 10px 60px;
    color:#000;
}

.mandotory
{
	color:#FF0000;
	font-size:20px;
	vertical-align: top;
}

.faqs-nav-tabs
{
	border: none!important;
    font-size: 20px;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 100px;
    color:#707070;
}

.faqs-nav-tabs.active
{
	border-bottom:2px solid #F0C11A!important;
	color:#000!important;
	font-weight:700;
	font-family:'D-DIN-BOLD';
}

.accordion-button, .accordion-body
{
	padding: 0.5rem 0rem!important;
}

.accordion-button:focus
{
	border-color: #fff;
}

.accordion-button
{
	font-weight:700;
	font-family:'D-DIN-BOLD';
	color:#000;
}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #fff;
}

.btn-black
{
	background: #000!important;
    color: #F0C11A!important;
    font-weight: 700!important;
    font-family: 'D-DIN-BOLD'!important;
    padding: 15px 35px!important;
    width: 100%;
}

.btn-yellow
{
	background: #F0C11A!important;
    color: #000!important;
    font-weight: 700!important;
    font-family: 'D-DIN-BOLD'!important;
    padding: 15px 35px!important;
    width: 100%;
}

.nobgli::after
{
	background:none!important;
}

.mobilebg {
  background-image: url(../images/mobilebg.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  height: 375px;
  min-height:350px;
  top: 87px;
  width: 350px;  
  z-index: 999999;
}

.mobilenav li::after {
    content: "";
    position: absolute;
    top: 15px;
    right: 4px;
    width: 20px;
    height: 20px;
    background: url(../images/keyboard_arrow_right_FILL0_wght400_GRAD0_opsz48.svg) no-repeat center;
}

.btn-primary
{
	background:#F0C11A;
	border-color:#F0C11A;
	color:#fff;
}

.btn-primary:hover
{
	background:#F0C11A;
	border-color:#F0C11A;
	color:#fff;
}

.selected-dial-code {
    color: #000!important;
}

.intl-tel-input {
    position: relative;
    display: inline-block;
    width: 100%;
}

.has-error
{
	border: 1px solid RED!important;
}

.footer .footer-col-2 {
    flex: 0 0 auto;
    width: 13%;
}

.footer .footer-col-1 {
    flex: 0 0 auto;
    width: 35%;
}

.btn.btn-default:hover
{
	background-color: #F0C11A;
}

.blwhite
{
	border-left: 2px solid #fff;
}

.loginborder
{
	border:1px solid #CAC2C2;	
	border-radius: 20px;
	width: 245px;
	cursor:pointer;
}

.loginborder.selected
{
	border:2px solid #F0C11A;	
}

.sk-folding-cube {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg); }
  .sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1); }
  .sk-folding-cube .sk-cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fcbc08;
    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
            animation: sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%; }
  .sk-folding-cube .sk-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
            transform: scale(1.1) rotateZ(90deg); }
  .sk-folding-cube .sk-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
            transform: scale(1.1) rotateZ(180deg); }
  .sk-folding-cube .sk-cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
            transform: scale(1.1) rotateZ(270deg); }
  .sk-folding-cube .sk-cube2:before {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s; }
  .sk-folding-cube .sk-cube3:before {
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s; }
  .sk-folding-cube .sk-cube4:before {
    -webkit-animation-delay: 0.9s;
            animation-delay: 0.9s; }

@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }