body{
     background: #f8f8f8;
     font-family: 'Lato', sans-serif;
}
 img{
     max-width: 100%;
}
 figure{
     margin: 0;
     margin-top: -70px;
}
 .margin-top-30{
     margin-top: 30px;
}
 .margin-bottom-30{
     margin-bottom: 30px;
}
 .padding-bottom-30{
     padding-bottom: 30px;
}
 .padding-right60{
     padding-right: 60px;
}
 .padding-none{
     padding: 0;
}
 .bg-dark-light{
     background-color: #ffffff;
}
 .primary-border-bottom{
     border-width:0 0 1px 0;
     border-style: solid;
}
 .border-yellow{
     border-bottom: 1px solid #CCD600;
}
 .border-green{
     border-bottom: 1px solid #92D04F;
}
 .border-red{
     border-bottom: 1px solid #E60B57;
}
 .border-purple{
     border-bottom: 1px solid #94025F;
}
 .navbar-expand-md .navbar-nav .nav-link{
     padding: 1.8rem 2.0rem !important;
     color: #090808;
 }
 .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{
     background-color: #ffffff;
     color: #090808;
}
 #wrapper{
     position:relative;
     top: 40px;
}
 .fullwidth-banner{
     width: 100%;
     position: relative;
}
 .fullwidth-banner:before{
     background-color: rgba(0, 0, 0, 0.3);
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
}
 #body-wrap{
     position: absolute;
     top: 180px;
     left: 0;
     right: 0;
     bottom: auto;
}
#body-wrap .container{
}
 .body-wrap-in{
     padding: 60px;
}
 .btn-fullwidth{
     display: block;
}
 .btn-fullwidth .btn{
     width: 100%;
     display: block;
     border-radius: 2px !important;
}
 .btn-fullwidth .btn:first-child{
     margin-bottom: 0.5rem;
}
 .header-info span{
     display: block;
     float: left;
}
 .evidence-required > ul{
     padding: 0;
     margin: 0;
}
 .evidence-required li{
     padding: 1rem;
     background: #eee;
     margin: 1rem 0;
     list-style:none;
}
 .header-info span:first-child{
     padding-right: 3rem 
}
 .header-info p{
     margin:0;
}
 .social-group a{
     background: #9B9B9B;
     color: #FFFFFF;
     font-size: 1.2rem;
     border-radius: 2px;
     text-align: center;
     line-height: 32px;
     display: inline-block;
     height: 32px;
     width: 32px;
     margin: 0 0.4rem;
}
 .social-group a:hover{
     background: #E60B57;
}
 .main-links > li{
     padding: 0;
     margin: 0;
     list-style: none;
     display: inline-block;
}
 .main-links > li > a{
     color: #9B9B9B;
     display: block;
     padding: 10px 0;
     position: relative;
     text-decoration: none;
}
 .main-links > li > a:after{
     width: 40px;
     content:"";
     position: absolute;
     bottom: 0;
     top: auto;
     left: 0;
     right:0;
     margin: 0 auto;
     border-bottom:1px solid #838383;
}
 .main-links > li > a:hover::after{
     border-color: #E60B57;
}
 .main-links > li > a:hover{
     color: #E60B57;
}
/* - # sing-in */
 #signIn{
     background-color: rgba(0, 0, 0, 0.7);
}
 #signIn .modal-content{
     margin-left: -15px;
}
 .modal-backdrop{
     z-index: 99;
}
 .modal-backdrop .modal-backdrop{
     z-index: 999;
}
 .modal-custom{
     width: 420px;
}
 .modal-header{
     background: #262B30;
     padding: 0.5rem 2rem;
     border-radius: 0;
}
 .modal-header img{
     width: 6rem;
}
 .modal-body{
     padding: 1.5rem 2rem 0;
     text-align: left;
     border-radius: 0;
}
 .modal-body h6{
     font-weight: bold;
     color: #4A4A4A 
}
.form-group {
    margin-bottom: 0.5rem;
}
.form-control{
	height: calc(2rem + 2px);
	}
 input, select{
     border: 1px solid #D8D8D8;
     border-radius: 2px;
     background: #FAFAFA !important;
     box-shadow: inset 0 -1px 0 0 #D8D8D8;
}
 .input-pwd{
     position: relative;
}
 .input-pwd:after{
     content: "";
     background-color: #D0021B;
     height: 2px;
     width: 50px;
     position: absolute;
     top: auto;
     bottom: 0;
     left: 3rem;
}
 .modal-footer{
background: #FFCB30;
    padding: 0.5rem 5rem;
    margin: 1.5rem -2rem 0;
    display: block;
    color: #4A4A4A;
}
.modal-footer p{
	margin-bottom: 0.2rem;
	font-size: 0.9rem;
}
 .btn-register{
     display: inline-block;
     background: none;
     border: none;
     color: #FFFFFF;
     font-size: 1.2rem;
     letter-spacing: 0.9px;
     text-transform: uppercase;
     text-align: center;
}
 .btn-register:hover, .btn-register:focus{
     color: #FFFFFF;
     text-decoration: none;
}
 .btn-sign-in, .btn-sign-in:hover, .btn-sign-in:focus{
     text-decoration: underline;
     color: #4A4A4A 
}
 .input-group-prepend{
     border: 1px solid #D8D8D8;
     border-radius: 2px;
     background: #FAFAFA;
     box-shadow: inset 0 -1px 0 0 #D8D8D8;
}
 .input-group-prepend input{
     border:none;
     box-shadow: none;
}
 .input-group-text{
     background-color: #FAFAFA;
     border-radius: 0;
     border:none;
}

 .see-job{
     color: #35ABBF;
     display: block;
}
 .divider{
     background-color: #D8D8D8;
     height: 1px;
     display: block;
     width: 100%;
}
 .evidence-wrap{
     background: #F6F6F6;
     padding: 1rem;
     margin-bottom: 1rem 
}
 .inline-block{
     display: inline-block;
}
 .custom-radio .custom-control-label::before {
     border-radius: 3px;
}
 .custom-control-label{
     margin-right: 1rem;
     margin-left: 1rem;
     font-weight: bold;
}
 .custom-control-label::before {
     width: 1.1rem;
     height: 1.1rem;
}
 .custom-control-label::after{
     background-size: 100% 100%;
}
 .custom-radio .custom-control-input:checked~.custom-control-label::after {
     background-image: url('../imgs/tick.svg');
}
 .btn-upload{
     border: none;
     border-radius: 4px;
     font-weight: 600;
     padding: 0.3rem 1.5rem;
}
 .btn-get-training{
     background: url(../imgs/arrow-right.svg) no-repeat right center transparent;
     border: none;
     padding-right: 1.8rem;
     font-weight: bold;
}
 button:disabled, button[disabled]{
     background:no-repeat right center transparent;
}
 .title-getwork h3{
     font-size: 32px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #ffcb30;
}
 .title-getwork h4{
     font-size: 22px;
     font-weight: 600;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.36;
     letter-spacing: 0.2px;
     color: #4a4a4a;
     margin: 1.2rem 0;
}
 .read-more{
     font-size: 16px;
     font-weight: 900;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.31;
     letter-spacing: normal;
     color: #4a4a4a;
     margin: 1.2rem 0;
}
 .download-app{
     margin: 2rem 0;
     display: block;
}
 .apllication-sent{
     position: relative;
}
 .apllication-sent:before{
     content: "";
     background: url('../imgs/iPhone8Mockup.png') top right no-repeat;
     position: absolute;
     top: 3rem;
     right: -2.5rem;
     left: 0;
     bottom: 0;
     background-size: contain;
}
 #get-the-app {
     width: 560px;
     margin: 1rem 0;
}
 #get-the-app .country-code-form-group {
     width: 100px;
}
 .input-group-number, #get-the-app-country-code{
     background-color: #eee;
     border: 1px solid #ccc;
     border-radius: 3px;
}
 #get-the-app-country-code {
     height: 40px;
     border: none;
     padding: 0;
     line-height: 40px;
}
 #get-the-app.module {
     padding-right: 15px;
}
 #get-the-app + .module.left {
     padding-left: 0;
}
 #get-the-app-telephone {
     background-color: #eee;
     border: 1px solid #ccc;
     height: 42px;
     border-radius: 3px;
     margin-left:1rem;
     margin-right:1rem 
}
 .input-group-addon {
     padding:0 5px 0 10px;
     font-size: 14px;
     font-weight: 400;
     line-height: 40px;
     color: #555;
     text-align: center;
     background-color: #eee;
     border: none;
}
 #get-the-app-btn {
     border-color: #D41458;
     background-color: #D41458;
     line-height: 42px;
     margin-bottom: 0;
     height: 42px;
     color: #FFFFFF;
     padding: 0 1.5rem;
     border-radius: 3px;
}
 #get-the-app-btn:hover, #get-the-app-btn:focus{
     color: #222222;
}
   .attach-btn-wrapper {
   position: relative;
   overflow: hidden;
   display: inline-block;
   }
.attach-btn-wrapper .btn {
   border:none;
   color: #35ABBF;
   background-color: transparent;
   border-radius: 0;
   }
   .attach-btn-wrapper input[type=file] {
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   opacity: 0;
   right: 0;
   }
 footer .btn{
     display: inline-block;
     border-radius: 2px !important;
     float: left;
     padding-left: 60px;
     padding-right: 60px;
     margin-right: 1rem 
}
 footer .btn:first-child{
     margin-bottom: 0.5rem;
}

.formvalidation {
    font-size: 0.7em;
}
.loading-bottom {
    padding:180px;
}

a:hover {
    cursor:pointer;
}

.title-font {
    color:#777777;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear;
}


.selectbutton {
    width:"350px";
    height:"50px";
}

.logoutresponsive {
    margin-left:50px;
}
.navbar-brand{
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    width: 150px;
}