@import url(reset.css);
@import url(defaults.css);
@import url(mobile.css);



@font-face {
    font-family: 'halis_gr';
    src: url('/assets/fonts/ahmet_altun_-_halisgr-light-webfont.woff2') format('woff2'),
         url('/assets/fonts/ahmet_altun_-_halisgr-light-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'halis_gr';
    src: url('/assets/fonts/ahmet_altun_-_halisgr-book-webfont.woff2') format('woff2'),
         url('/assets/fonts/ahmet_altun_-_halisgr-book-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'halis_gr';
    src: url('/assets/fonts/ahmet_altun_-_halisgr-regular-webfont.woff2') format('woff2'),
         url('/assets/fonts/ahmet_altun_-_halisgr-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'halis_gr';
    src: url('/assets/fonts/ahmet_altun_-_halisgr-regularitalic-webfont.woff2') format('woff2'),
         url('/assets/fonts/ahmet_altun_-_halisgr-regularitalic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'halis_gr';
    src: url('/assets/fonts/ahmet_altun_-_halisgr-medium-webfont.woff2') format('woff2'),
         url('/assets/fonts/ahmet_altun_-_halisgr-medium-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

::-moz-selection {
color: #1b1b1b;
background-color:#ff7d14;
}

::selection {
color: #1b1b1b;
background-color:#ff7d14;
}

input, button, textarea, select {
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}

body {
    font-size: 14px;
    font-family: 'Neue Helvetica W01', sans-serif;
    color: #69615b;
    line-height: 24px;
    font-weight: 300;
    float: left;
    width: 100%;
    overflow-x: hidden;
    min-height: 100vh;
    position: relative;
    padding-bottom: 90px;
}

body.home{
    background: #1b1b1b;
    color: #dadada;
}

body.privacy{
    background: #1b1b1b;
    color: #dadada;
    padding-top: 135px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

:hover {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.alert {
	background: #fff;
	border: 2px solid;
	border-radius: 0;
}
.alert.alert-danger {
	border-color: #d00000;
	color: #d00000;
}

a:hover {
	cursor:pointer;
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6, .title, .nav-main .menu ul li a, .halis_gr {
	font-family:'halis_gr', sans-serif;
}

/* apply a natural box layout model to all elements */

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

 * {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

*:before, *:after {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

*:hover:before, *:hover:after {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.slick-initialized .slick-slide, .slick-slider .slick-list, .slick-slider .slick-track, .slick-slider {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

p {
    margin: 0 0 24px;
	line-height:24px;
}

:focus, :active, :visited {
	outline:none;
	text-decoration:none;
}

/* Rules for Parallax Background */
.parralax {
  background-attachment: fixed !important;
  background-position: center center!important;
  background-size: cover!important;
}

/* 	FLOATS	*/
.element {
	float:left;
	width:100%;
	height:auto;
	display:block;
}

/*Aligns*/
.vertical {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.horizontal {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.vhboth {
  position: relative;
  top:50%;
  left: 50%;
   -webkit-transform: translateY(-50%)translateX(-50%);
  -ms-transform: translateY(-50%)translateX(-50%);
  transform: translateY(-50%)translateX(-50%);
}

.no-padding{
	padding:0 !important;
}

:before, :after {
	font-family: FontAwesome;
}

.container-fluid {
  margin: 0 0 50px 0;
  float: left;
  width: 100%;
  clear: both;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 100%;
    display: block;
    padding: 10px 15px;
    border: 1px solid #cccccc;
}

/* if js is enabled hide the no-script div */
.js #no-script {
	display:none;
	position:absolute;
	top:-9999px;
	left:-9999px;
}

.footer-bottom {
    margin-bottom: 0;
    padding: 39px 15px;
    background: #2b2b2b;
    height: 90px;
    position: absolute;
    bottom: 0px;
    line-height: 1;
}

.footer-bottom p.copyright {
    margin: 0;
    text-transform: none;
    font-size: 14px;
color: #c7bdbd;
    float: left;
    width: 100%;
    text-align: left;
    line-height: 1;
}

.footer-bottom p.copyright.pull-right {
    text-align: right;
}

.footer-bottom p.copyright .spacer {
    margin: 0 10px;
    font-size: 12px;
    vertical-align: top;
}

.footer-bottom p.copyright a {
    color: #c7bdbd;
}

.footer-bottom p.copyright a:hover {
	color:#ffffff;
}

.footer-bottom p.copyright a.identifyLogo{
	font-weight:600;
	color:#ffffff;
}

.footer-bottom p.copyright a.identifyLogo:hover {
    color: #ff7d14;
}


.footer-bottom ul.icon-list-container{
	float:right;
	width:auto;
	padding:0;
	margin:0;
	list-style-type:none;
}

.footer-bottom ul.icon-list-container li{
	float:left;
	margin:0 10px 0 0;
}

.footer-bottom ul.icon-list-container li:last-of-type{
	margin:0;
}

.footer-bottom ul.icon-list-container li a{
	font-size:20px;
}

.footer-bottom ul.icon-list-container li a:before{
	color:#5c5c5c;
}

.footer-bottom ul.icon-list-container li a:hover:before{
	color:#ff7d14;
}




.footer-main {
    margin-bottom: 0;
    padding-bottom: 38px;
    padding-top: 38px;
    background: #1b1b1b;
    color: #dadada;
}

.footer-main .row {
    height: 110px;
    position: relative;
}

.footer-main .footer-content-box {
	float: left;
	width: 100%;
}

.footer-main .footer-content-box .strong-tag-title {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff;
    font-size: 12px;
    line-height: normal;
    margin: 0 0 15px 0;
}

.footer-main .footer-content-box ul{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}

.footer-main .footer-content-box ul li{
	float:left;
	margin:0 10px 0 0;
}

.footer-main .footer-content-box.right ul li{
	float:right;
	margin:0 0 0 10px;
}

.footer-main .footer-content-box ul li a{
	font-size:20px;
}

.footer-main .footer-content-box ul li a:before{
	color:#5c5c5c;
}

.footer-main .footer-content-box ul li a:hover:before{
	color:#ff7d14;
}

.footer-main .footer-content-box.right{
	text-align:right;
}

.footer-main .footer-content-box-main{
	float: left;
	width: 100%;
}

.footer-main .footer-content-box-main .title {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 30px 0;
    line-height: 1;
}

.footer-main .footer-content-box-main a.cta-button{
	display:table;
	margin:0 auto;
	float:none;
}

.footer-logos{
	background:#ff8c31;
	padding-top:35px;
	padding-bottom:35px;
	margin-bottom:0px;
}

.footer-logos .strong-tag-title{
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
    color: #6c3f1a;
    font-size: 14px;
    line-height: normal;
    margin: 0 0 20px 0;
	text-align:center;
}

.logos-row .logo{
	float:left;
	width:100%;
	height:58px;
	background:#ffffff;
}

.logos-row .logo.holbeach{
	background:url(/assets/img/logos/holbeach-recruitment.png) no-repeat center center;
	background-size:contain;
}

.logos-row .logo.premier{
	background:url(/assets/img/logos/premier-group.png) no-repeat center center;
	background-size:contain;
}

.logos-row .logo.safal{
	background:url(/assets/img/logos/safal-logo.png) no-repeat center center;
	background-size:contain;
}

.logos-row .logo.vacature{
	background:url(/assets/img/logos/vacature-logo.png) no-repeat center center;
	background-size:contain;
}

.logos-row .logo.hilton{
	background:url(/assets/img/logos/hilton-logo.png) no-repeat center center;
	background-size:contain;
}

.logos-row .logo.consors{
	background:url(/assets/img/logos/consors-logo.png) no-repeat center center;
	background-size:contain;
}

.form-container-main {
    float: left;
    width: 100%;
    /*max-width: 490px;*/
    display: block;
}

.form-container-main .title {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    font-size: 55px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    color: #ff7d14;
}

.form-container-main .title strong{
	color:#ff7d14;
	font-weight:#700;
}

.form-container-main .content{
	float:left;
	width:100%;
	margin:0 0 20px 0;
}

.form-container-main .content p:last-of-type{
	margin:0;
}

.form-container-main form{
	float:left;
	width:100%;
}

.form-container-main form p{
	float:left;
	width:100%;
	margin:0 0 15px 0;
}

.form-container-main form p.left{
	width:49%;
}

.form-container-main form p.right{
	width:49%;
	float:right;
}

body:not(.register-page) .form-container-main form p label{
	float:left;
	width:100%;
	line-height:1;
	color:#ffffff;
	font-size:10px;
	text-transform:uppercase;
	margin:0 0 5px 0;
	font-weight:700;
	display: none;
}

body:not(.register-page) .form-container-main form p input{
	float:left;
	width:100%;
	background:#111111;
	border:solid 1px #111;
	height:50px;
}

body:not(.register-page) .form-container-main form p textarea {
    float: left;
    width: 100%;
    background: #111111;
    border: solid 1px #111;
    height: 250px;
    resize: none;
}

body:not(.register-page) .form-container-main form p .help-block{
	margin: 0 0 0 5px;
}

body:not(.register-page) .form-container-main form p.has-error .help-block,
body:not(.register-page) .form-container-main form p.has-error label {
	color: #c5201c;
}

.form-container-main form p select{
	background:none;
	border:solid 1px #111;
	height:50px;
	-webkit-appearance:none;
}

.form-container-main form p select option {
    background: #111111;
    color: #fff;
	padding:10px 15px;
}

.form-container-main form p.select-menu .element{
	position:relative;
	background:#111111;
}

.form-container-main form p.select-menu .element:after{
	position:absolute;
	right:15px;
	font-family:'FontAwesome';
	content:'\f0d7';
	top:12px;
}

.get-in-touch.white-block .form-container-main form p select {
    background: #fff;
    border: solid 1px #ccc;
    height: 45px;
}

.form-container-main form p input.cta-button.orange-border{
	display:table;
	margin:0 auto;
	float:none;
	width:auto;
}

.container-fluid.get-in-touch.white-block-background .form-container-main form p label {
    color: #1b1b1b;
}

.container-fluid.get-in-touch.white-block-background .form-container-main form p input:not(.cta-button), .container-fluid.get-in-touch.white-block-background .form-container-main form p select, .container-fluid.get-in-touch.white-block-background .form-container-main form p textarea {
    background: #f5f5f5;
    border: solid 1px #ccc;
	color:#666;
}

.container-fluid.get-in-touch.white-block-background .form-container-main .title {
    color: #1b1b1b;
}

.closer-look-image-holder {
    float: left;
    width: 100%;
    margin-top: -35px;
}

.closer-look-image-holder .phone-image{
	float:left;
	width:100%;
	height:390px;
	background:url(/assets/img/closer-look-image.png) no-repeat center center;
	background-size:contain;
}

.closer-look-content {
    margin-top: 100px;
}

.closer-look-content .title.border-top-bottom-title{
	float:right;
}

.title.border-top-bottom-title {
    font-size: 30px;
    padding-top: 10px;
    padding-bottom: 8px;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 25px;
    color: #ffffff;
}

.closer-look-content .content{
	text-align:right;
	float:left;
	width:100%;
}

.closer-look-content .content p:last-of-type{
	margin:0;
}

.rated-info-content{
	float:left;
	width:100%;
}

.rated-info-content .title.big-title-orange-dot{
	float:left;
	width:100%;
}

.rated-info-content .title.border-top-bottom-title{
	float:left;
}

.rated-info-content .content{
	float:left;
	width:100%;
	margin-bottom:30px;
}

.rated-info-content .content p:last-of-type{
	margin:0;
}

.rated-info-content .buttons{
	float:left;
	width:100%;
}

.rated-info-content .buttons .cta-button{
	margin:0 20px 0 0;
}

a.service-box-container {
    float: left;
    width: 100%;
	text-align:center;
}

a.service-box-container .title{
	float:left;
	width:100%;
	margin-bottom:15px;
	color:#ffffff;
	text-transform:uppercase;
	font-size:24px;
}

a.service-box-container .content{
	float:left;
	width:100%;
	color:#ffffff;
}

a.service-box-container .content p:last-of-type{
	margin:0;
}

a.service-box-container .icon-container {
    width: 85px;
    height: 85px;
    display: block;
    margin: 0 auto 25px;
	border:solid 2px #3d3d3d;
	background:none;
	position:relative;
	border-radius:50%;
}

a.service-box-container .icon-container .icon{
	float:left;
	width:100%;
	height:100%;
	position:relative;
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

a.service-box-container:hover .icon-container{
	border:solid 2px #ff7d14;
	background:#ff7d14;
}

a.service-box-container:hover .icon-container .icon{
	-moz-transform: scale(0.55);
	-webkit-transform: scale(0.55);
	-o-transform: scale(0.55);
	-ms-transform: scale(0.55);
	transform: scale(0.55);
}

a.service-box-container .icon-container .icon.icon-1{
	background:url(/assets/img/icons/icon-1-orange.png) no-repeat center center;
	background-size:contain;
}

a.service-box-container:hover .icon-container .icon.icon-1{
	background:url(/assets/img/icons/icon-1-white.png) no-repeat center center;
	background-size:contain;
}

a.service-box-container .icon-container .icon.icon-2{
	background:url(/assets/img/icons/icon-2-orange.png) no-repeat center center;
	background-size:contain;
}

a.service-box-container:hover .icon-container .icon.icon-2{
	background:url(/assets/img/icons/icon-2-white.png) no-repeat center center;
	background-size:contain;
}

a.service-box-container .icon-container .icon.icon-3{
	background:url(/assets/img/icons/icon-3-orange.png) no-repeat center center;
	background-size:contain;
}

a.service-box-container:hover .icon-container .icon.icon-3{
	background:url(/assets/img/icons/icon-3-white.png) no-repeat center center;
	background-size:contain;
}

a.service-box-container .icon-container .icon.icon-4{
	background:url(/assets/img/icons/icon-4-orange.png) no-repeat center center;
	background-size:contain;
}

a.service-box-container:hover .icon-container .icon.icon-4{
	background:url(/assets/img/icons/icon-4-white.png) no-repeat center center;
	background-size:contain;
}

.servive-blocks .row .col-lg-3:nth-child(1){

}

.servive-blocks .row .col-lg-3:nth-child(2){
	margin-top:40px;
}

.servive-blocks .row .col-lg-3:nth-child(3){
	margin-top:70px;
}

.servive-blocks .row .col-lg-3:nth-child(4){
	margin-top:100px;
}

.how-it-works-container {
    float: left;
    width: 100%;
}

.how-it-works-container .title {
    float: left;
}

.how-it-works-container .content {
	float:left;
	width:100%;
	margin-bottom:30px;
}

.how-it-works-container .content p:last-of-type {
	margin-bottom:0px;
}

.how-it-works-container .buttons{
	float:left;
	width:100%;
}

.for-those-content {
    float: left;
    width: 100%;
    padding-left: 30px;
}

.for-those-content .title{
    float: left;
	clear: both;
}

.for-those-content .content{
	float:left;
	width:100%;
}

.for-those-content .content ul{
	display:table;
	list-style-type:none;
}

.for-those-content .content ul li{
	position:relative;
	padding:0 0 0 0;
	margin:0 0 10px 0;
	line-height:22px;
}

.for-those-content .content ul li:before {
    content: '';
    width: 15px;
    height: 15px;
    border: solid 2px #ffffff;
    position: absolute;
    left: -25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    background: #1b1b1b;
    z-index: 1;
}

.for-those-content .content ul li:after {
    content: '';
    width: 320px;
    height: 2px;
    position: absolute;
    background: #ffffff;
    right: 105%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    z-index: 0;
}

.for-those-content .content ul li:last-of-type{
	margin:0;
}

.for-those-content .speaker-icon {
    display:block;
	margin:0 0 20px 0;
	width:52px;
	height:52px;
	background:url(/assets/img/icons/speaker-icon.png) no-repeat center center;
	background-size:contain;
}

.for-those-content .title.border-top{
    font-size: 17px;
    padding-top: 10px;
    padding-bottom: 0;
    border-top: solid 1px #ffffff;
    text-transform: uppercase;
    font-weight: 700;
	color:#ffffff;
}

.for-those-content .title.border-bottom-bigger {
    font-size: 30px;
    padding-top: 10px;
    padding-bottom: 8px;
    border-bottom: solid 1px #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 25px;
    color: #ffffff;
}

.for-those-images {
    float: left;
    width: 100%;
    height: 485px;
	position:relative;
}

.for-those-images img.screen {
    position: absolute;
    display: block;
	width:100%;
	height:auto;
}

.for-those-images img.screen-1 {
	position:absolute;
	top:0px;
	left:0px;
	max-width:485px;
}

.for-those-images img.screen-2 {
    bottom: 30px;
    right: 0px;
    max-width: 531px;
}

.get-in-touch-cta-block {
    float: left;
    width: 100%;
    height: 629px;
    background: url(/assets/img/get-in-touch-bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 75px 75px 75px 75px;
    position: relative;
}

.get-in-touch-cta-block .get-in-touch-inner-content {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    float: left;
}

.get-in-touch-cta-block .get-in-touch-inner-content .title-container {
    float: left;
    width: 315px;
    clear: both;
    background: #1b1b1b;
    padding: 25px;
	margin-bottom:40px;
}

.get-in-touch-cta-block .get-in-touch-inner-content .title-container .title{
	float:left;
	width:100%;
	text-transform:uppercase;
	font-size:20px;
	line-height:1;
}

.get-in-touch-cta-block .get-in-touch-inner-content .cta-button{
	clear:both;
}

.get-in-touch-cta-block .get-in-touch-inner-content .title-container .title.title-1{
	font-size: 36px;
    font-weight: 100;
	color:#c4c4c4;
}

.get-in-touch-cta-block .get-in-touch-inner-content .title-container .title.title-2{
	font-size:110px;
	color:#ff7d14;
	font-weight:700;
}

.get-in-touch-cta-block .get-in-touch-inner-content .title-container .title.title-3{
	font-size:41px;
	color:#ff7d14;
	font-weight:700;
}

.get-in-touch-cta-block .get-in-touch-inner-content .title-container .title.title-4{
	font-size:35px;
	color:#ff7d14;
	font-weight:700;
}

.get-in-touch-cta-block .get-in-touch-inner-content .title-container .title.title-5{
	font-size: 41px;
    font-weight: 100;
	color:#c4c4c4;
}

.get-in-touch-cta-block .get-in-touch-inner-content .title-container .title.title-6{
	font-size: 24px;
    font-weight: 700;
	color:#959494;
}

.phone-image.how-it-works-image {
    position: absolute;
    width: 700px;
    height: 490px;
    background: url(/assets/img/how-it-works-image.png) no-repeat center center;
    background-size: contain;
    display: block;
    top: 0px;
    right: -58%;
}

.phone-image.rated-image {
    position: absolute;
    width: 1090px;
    height: 475px;
    background: url(/assets/img/rated-image.png) no-repeat center center;
    background-size: contain;
    display: block;
    top: -80px;
    left: 0;
}

.rated-10-10 {
    padding: 100px 15px;
	position:relative;
}

.rated-10-10:before{
	content:'';
	position:absolute;
	left:0;
	z-index:-1;
	background:#151515;
	height:100%;
	top:0;
	width:30%;
	display:block;
}

.container-fluid.header-main {
    margin-bottom: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    padding-top: 20px;
    padding-bottom: 20px;
}

.header-main .logo-main {
    width: 200px;
    height: 46px;
    float: right;
    background: url(/assets/img/logo-main.png) no-repeat right center;
    background-size: contain;
}
.register__static-sidebar {
    background: black;
    color: white;
}

.text-white {
    color: white;
}

.nav-main > .menu {
    float: left;
    width: 100%;
    margin: 11px 0 0;
}

.nav-main > .menu > ul {
    width: auto;
    padding: 0;
    list-style-type: none;
    float: none;
    margin: 0 auto;
    display: table;
}

.nav-main > .menu > ul > li {
    float: left;
    margin: 0 18px;
    position: relative;
}

.nav-main .menu ul > li > a{
	text-transform:uppercase;
	color:#ffffff;
	font-weight:600;
	position:relative;
}



.nav-main .menu ul > li > a:hover{
	color:#ff7d14;
}

.nav-main .menu ul li.active a {
    color: #ff7d14;
}

.nav-main .menu ul > li > a:hover:before {
    width: 113%;
}

.nav-main .menu ul > li:nth-of-type(2) > a:hover:before {
    width: 105%;
}

.nav-main .menu ul > li.menu-item-has-children > a:hover:before {
    width: 93%;
}

.nav-main > .menu > ul > li:last-of-type > a:hover:before {
    width: 110%;
}

.nav-main .menu ul > li.menu-item-has-children > a {
    position: relative;
    padding-bottom: 43px;
}

.nav-main .menu ul > li.menu-item-has-children > a:after{
	content:'\f0d7';
	font-family:'FontAwesome';
	position:relative;
	margin:0 0 0 10px;
	color:#ffffff;
	font-size:12px;
}

.nav-main .menu ul > li.menu-item-has-children > a:hover:after{
    color: #ff7d14;
}

.nav-main .menu ul > li.menu-item-has-children ul.sub-menu {
    position: absolute;
    top: 65px;
    width: 200px;
    list-style-type: none;
    background: rgba(0, 0, 0, 0.4);
    display: none;
	-webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.nav-main .menu ul > li.menu-item-has-children ul.sub-menu li {
	float:left;
	width:100%;
}

.nav-main .menu ul > li.menu-item-has-children ul.sub-menu li a {
	float:left;
	width:100%;
	padding:8px 12px;
	background:none;
}

.nav-main .menu ul > li.menu-item-has-children ul.sub-menu li a:hover{
	color:#ffffff;
	background:#ff8c30;
}

.slider-container {
    height: 100vh;
	position:relative;
	margin-bottom:100px;
}

.slider-container a.click-go-down-page{
	width:44px;
	height:51px;
	background:url(/assets/img/mouse-icon.png) no-repeat center center;
	background-size:contain;
	position:absolute;
	bottom:50px;
	right:50px;
}

.slider-container .row{
    height: 100%;
	position:relative;
}

.slider-container .row .slider-slides{
    height: 100%;
	position:relative;
	float:left;
	width:100%;
}

.container-fluid.slider-container .row .slider-main-slide{
    height: 100%;
	position:relative;
	float:left;
	width:100%;
}

.slider-container .row .slider-main-slide .image-container{
    height: 100%;
	position:relative;
}

.slider-container .row .slider-main-slide .image-container{
    height: 100%;
	position:relative;
}

.slider-slides .slick-list{
    height: 100%;
	position:relative;
}

.slider-slides .slick-list .slick-track{
    height: 100%;
	position:relative;
}

.slider-content-main {
    float: left;
    width: 100%;
}

.slider-content-main .header-container {
    float: left;
    width: 100%;
	margin-bottom:31px;
}

.slider-content-main .header-container .title {
    float: left;
	clear:both;
	margin:0;
}

.slider-content-main .header-container .title.big-title-orange-dot{
	font-size:112px;
}

.slider-content-main .header-container .title.border-top-bottom-title{
	font-size: 30px;
    padding-top: 10px;
    padding-bottom: 8px;
    border-top: solid 2px #aaaaaa;
    border-bottom: solid 2px #aaaaaa;
}

.slider-content-main .content {
    float: left;
    width: 100%;
	font-size:26px;
	margin-bottom:40px;
	color:#ffffff;
}

.slider-content-main .content p{
	line-height:1.3;
	font-weight:200;
}

.slider-content-main .content p:last-of-type{
	margin:0;
}

.slider-content-main .buttons{
	float:left;
	width:100%;
}

.slider-content-main .buttons .cta-button{
	margin:0 20px 0 0;
}

.slider-content-main .content a.read-more-arrow:before{
	color:#ff7d14;
}

.image-container .slider-image{
    height: 100%;
	position:relative;
	float:left;
	width:100%;
	background: url(/assets/img/slider-image-placehold3er.jpg) no-repeat center center;
	background-size:cover;
}

.image-container .slider-phone-image {
    height: 73%;
    width: 60%;
    background: url(/assets/img/slider-phone-placehodler.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    display: block;
    right: -50px;
    bottom: 50px;
}

.slider-slides .slick-arrow {
    position: absolute;
    bottom: 50px;
    left: 43%;
    width: 48px;
    height: 48px;
    font-size: 20px;
    border: solid 2px #828282;
    text-align: center;
    line-height: 44px;
    cursor: pointer;
    z-index: 2;
}

.slider-slides .slick-arrow:before{
	color:#828282;
}

.slider-slides .slick-arrow:hover{
	background:#2b2b2b;
	border:solid 2px #2b2b2b;
}

.slider-slides .slick-arrow:hover:before{
	color:#ffffff;
}

.slider-slides .slick-arrow.fa-angle-right{
	left: 48%;
}

.for-those-slick .slick-arrow {
    position: absolute;
    top: 50px;
    right: 10%;
    width: 30px;
    height: 30px;
    font-size: 17px;
    border: solid 2px #828282;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    z-index: 2;
}

.for-those-slick .slick-arrow:before{
	color:#ffffff;
}

.for-those-slick .slick-arrow:hover{
	background:#ff7d14;
	border:solid 2px #ff7d14;
}

.for-those-slick .slick-arrow.fa-angle-right {
    right: 7%;
}

.container-fluid.header-main.transparency {
    background: rgba(0, 0, 0, 0.4);
}

a.navicon-black {
    width: 40px;
    height: 40px;
    float: left;
    margin: -3px 0 -5px -10px;
    border: none;
    padding: 8px;
    position: relative;
}

a.navicon-black .nav-line {
    float: left;
    width: 24px;
    height: 2px;
    background: #ffffff;
    position: absolute;
}

a.navicon-black .nav-line.line-1 {
    top: 11px;
    -moz-transform: rotate(0deg) translateY(0px);
    -webkit-transform: rotate(0deg) translateY(0px);
    -o-transform: rotate(0deg) translateY(0px);
    -ms-transform: rotate(0deg) translateY(0px);
    transform: rotate(0deg) translateY(0px);
}

a.navicon-black .nav-line.line-2 {
	top: 19px;
    -moz-transform: rotate(0deg) translateY(0px);
    -webkit-transform: rotate(0deg) translateY(0px);
    -o-transform: rotate(0deg) translateY(0px);
    -ms-transform: rotate(0deg) translateY(0px);
    transform: rotate(0deg) translateY(0px);
}

a.navicon-black .nav-line.line-3 {
	bottom: 11px;
    -moz-transform: rotate(0deg) translateY(0px);
    -webkit-transform: rotate(0deg) translateY(0px);
    -o-transform: rotate(0deg) translateY(0px);
    -ms-transform: rotate(0deg) translateY(0px);
    transform: rotate(0deg) translateY(0px);
}


a.navicon-black.clicked .nav-line.line-1 {
    -moz-transform: rotate(45deg) translateX(6px) translateY(6px);
    -webkit-transform: rotate(45deg) translateX(6px) translateY(6px);
    -o-transform: rotate(45deg) translateX(6px) translateY(6px);
    -ms-transform: rotate(45deg) translateX(6px) translateY(6px);
    transform: rotate(45deg) translateX(6px) translateY(6px);
}

a.navicon-black.clicked .nav-line.line-2 {
-moz-transform: rotate(-45deg) translateY(0px);
    -webkit-transform: rotate(-45deg) translateY(0px);
    -o-transform: rotate(-45deg) translateY(0px);
    -ms-transform: rotate(-45deg) translateY(0px);
    transform: rotate(-45deg) translateY(0px);
}

a.navicon-black.clicked .nav-line.line-3 {
-moz-transform: rotate(45deg) translateX(-6px) translateY(-5px);
    -webkit-transform: rotate(45deg) translateX(-6px) translateY(-5px);
    -o-transform: rotate(45deg) translateX(-6px) translateY(-5px);
    -ms-transform: rotate(45deg) translateX(-6px) translateY(-5px);
    transform: rotate(45deg) translateX(-6px) translateY(-5px);
}

.form-container .title-container {
    margin-bottom: 50px;
}

.form-container .title-container .title {
    display: table;
    margin: 0 auto;
    float: none;
    color: #1b1b1b;
    border-top: solid 1px #1b1b1b;
    border-bottom: solid 1px #1b1b1b;
    font-size: 30px;
}

.form-container .form-contents{
	margin-bottom:35px;
}

.form-container .form-contents .inputs-main-container{
	float:left;
	width:100%;
}

.form-container .form-contents .inputs-main-container .field{
	float:left;
	width:100%;
	margin-bottom:10px;
}

.form-container .form-contents.input-by-4 .inputs-main-container .field {
    width: 23.5%;
    margin: 0 2% 0 0;
}


.form-container .form-contents.input-by-4 .inputs-main-container .field.promo-code {
    width: 100%;
    margin: 0 2% 0 0;
}

.form-container .form-contents.input-by-6 .inputs-main-container .field {
	width: 47.5%;
	margin: 0 2% 10px 0;
}

.form-container .form-contents.input-by-6 .inputs-main-container.reset .field {
	width: 100%;
	margin: 0 2% 10px 0;
}

.form-container .form-contents.input-by-4 .inputs-main-container .field:nth-child(4n+4), .form-container .form-contents.input-by-6 .inputs-main-container .field:nth-child(4n+4) {
    margin: 0 0 10px 0;
}

.form-container .form-contents.input-by-4 .inputs-main-container .field.has-error label, .form-container .form-contents.input-by-4 .inputs-main-container .field.has-error span,
.form-container .form-contents.input-by-6 .inputs-main-container .field.has-error label, .form-container .form-contents.input-by-6 .inputs-main-container .field.has-error span
.form-container .form-contents .upload-documents-field .field .element.has-error label, .form-container .form-contents .upload-documents-field .field .element.has-error span {
    color: #bd0200;
}

.form-container .form-contents.input-by-4 .inputs-main-container .field.has-error input, .form-container .form-contents.input-by-6 .inputs-main-container .field.has-error input
.form-container .form-contents .upload-documents-field .field .element.has-error input, .form-container .form-contents .upload-documents-field .field .element.has-error input {
    border-color: #bd0200;
}

.form-container .form-contents.input-by-4 .inputs-main-container .field.is-valid label, .form-container .form-contents.input-by-4 .inputs-main-container .field.is-valid span,
.form-container .form-contents.input-by-6 .inputs-main-container .field.is-valid label, .form-container .form-contents.input-by-6 .inputs-main-container .field.is-valid span {
    color: #2d9693;
}

.form-container .form-contents.input-by-4 .inputs-main-container .field.is-valid input, .form-container .form-contents.input-by-6 .inputs-main-container .field.is-valid input {
    border-color: #2d9693;
}
.form-container .form-contents input::-webkit-calendar-picker-indicator {
	display: none;
}

.form-container .form-contents input[type="date"]::-webkit-input-placeholder {
	visibility: hidden !important;
}

.form-container .form-contents input::-webkit-inner-spin-button, .form-container .form-contents input::-webkit-clear-button {
	display: none;
}

.form-container .form-contents .inputs-main-container .field label,
.form-container .form-contents .select-menu-container label,
.form-group label {
   text-transform: capitalize;
    font-size: 14px;
    line-height: 0.8;
    margin-bottom: 17px;
    color: #3b3b3b;
    font-weight: 800;
    float: left;
    width: 100%;
    display: block;
}

.container.list-complete-enter-to label{
	font-size:10px;
	line-height:1;
	margin:0 0 5px 0;
	color:#1b1b1b;
	font-weight:700;
	float:left;
	width:100%;
}

.form-container .form-contents .select-menu-container {
    float: left;
    width: 100%;
}

.form-container .form-contents .select-menu-container .field{
	position:relative;
	background:#f5f5f5;
    float: left;
    width: 100%;
}

.form-container .form-contents .select-menu-container .field:after{
	position:absolute;
	right:15px;
	font-family:'FontAwesome';
	content:'\f0d7';
	top:12px;
}

.form-container .form-contents .inputs-main-container .field input,
.form-group input,
.form-group select,
.form-group textarea {
    float: left;
    width: 100%;
    background: #f5f5f5;
    border: solid 1px #f5f5f5;
    height: 50px;
    outline: none !important;
    border-radius: 0px;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(82, 57, 38, 0);
    -moz-box-shadow: 0px 0px 14px 0px rgba(82, 57, 38, 0);
    box-shadow: 0px 0px 14px 0px rgba(82, 57, 38, 0);
    padding: 10px 20px;
    font-size: 15px;
    color: #69615b;
}

.form-group textarea {
    height: 250px;
    resize: none;
    line-height: 28px;
}

.form-group.has-error input,
.form-group select input,
.form-group.has-error textarea {
    border-color: #ff2323;
    background: #ffffff;
}

.form-group.has-error span.help {
    clear: both;
    display: block;
    color: #ff2323;
    margin-top: 10px;
    float: left;
    width: 100%;
}

.form-container .form-contents .inputs-main-container .field input:hover,
.form-group input:hover,
.form-group select:hover,
.form-group textarea:hover {
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(82, 57, 38, 0.29);
    -moz-box-shadow: 0px 0px 14px 0px rgba(82, 57, 38, 0.29);
    box-shadow: 0px 0px 14px 0px rgba(82, 57, 38, 0.29);
}

.form-container .form-contents .inputs-main-container .field input:focus,
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
	background:#ffffff;
	border-color:#ff7d14;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(82, 57, 38, 0);
    -moz-box-shadow: 0px 0px 14px 0px rgba(82, 57, 38, 0);
    box-shadow: 0px 0px 14px 0px rgba(82, 57, 38, 0);
}

.form-container .form-contents .select-menu-container .field select{
	background:none;
	border:solid 1px #f5f5f5;
	height:50px;
	-webkit-appearance:none;
}

.form-container .form-contents .select-menu-container .field option {
    background: #f5f5f5;
    color: #666;
	padding:10px 15px;
}

.form-container .form-arrows-bottom .float-right{
	float:right;
}

.form-container .form-arrows-bottom .float-right:nth-of-type(3) {
    margin-right: 15px;
}

.form-container .form-arrows-bottom .float-left{
	float:left;
}

.header-main-intro-content .title.content-no-border-title {
    float: left;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #1b1b1b;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 22px 0;
}

.header-main-intro-content .content{
    float: left;
    width: 100%;
    text-align: center;
}

.header-main-intro-content .content p {
    margin: 0;
    font-size: 15px;
    line-height: 27px;
}

.header-main-intro-content .content p:last-of-type{
	margin:0;
}

.form-container .form-contents .content {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

.form-container .form-contents .content.final {
    margin-bottom: 0px;
}

.form-container .form-contents .content p {
    font-size: 15px;
    line-height: 27px;
    margin-bottom: 12px;
}

.form-container .form-contents .content p:last-of-type{
	margin:0;
}

.form-container .form-contents .content.has-error p {
    color: #bd0200;
}

.form-container .form-contents .checkboxs-main-container {
    float: left;
    width: 100%;
}

.form-container .form-contents .checkboxs-main-container .checkbox {
    float: left;
    width: 18.4%;
    margin: 0 2% 10px 0;
}

.form-container .form-contents .checkboxs-main-container .checkbox input{
	display:none;
}

.form-container .form-contents .checkboxs-main-container .checkbox label {
    float: left;
    width: 100%;
    padding: 15px;
    text-transform: uppercase;
    color: #999999;
    border: solid 1px #cccccc;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
}

.form-container .form-contents .checkboxs-main-container .checkbox.is-valid label{
    border: solid 1px #2d9693;
}
.form-container .form-contents .checkboxs-main-container .checkbox.has-error label{
    border: solid 1px #bd0200;
}
.form-container .form-contents .checkboxs-main-container .checkbox.checked label{
	background:#f67a15;
	border:solid 1px #f67a15;
	color:#ffffff;
}

.form-container .form-contents .checkboxs-main-container .checkbox:nth-child(5n+5) {
    margin: 0 0 10px 0;
}

.form-container .form-contents .job-availability-container {
    float: left;
    width: 100%;
    height: 310px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
}

.form-container .form-contents .job-availability-container p.vertical{
	float:right;
	width: 60%;
	font-weight:600;
	color:#1b1b1b;
}

.form-container .form-contents .job-availability-container .job-block-avail {
    float: left;
    width: 350px;
    padding: 0 20px;
}

.form-container .form-contents .job-availability-container .job-block-avail:last-of-type{
	margin:0;
}

.form-container .form-contents .job-availability-container .job-block-avail label {
    float: left;
    width: 100%;
    border-radius: 50%;
    border: solid 3px #1b1b1b;
    position: relative;
    padding: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
	aspect-ratio:1/1;
}

.form-container .form-contents .job-availability-container .job-block-avail#green label{
	border: solid 3px #3ad048;
	color:#3ad048;
}

.form-container .form-contents .job-availability-container .job-block-avail.checked#green label{
	border: solid 3px #3ad048;
	background:#3ad048;
	color:#ffffff;
}

.form-container .form-contents .job-availability-container .job-block-avail#amber label{
	border: solid 3px #fbab16;
	color:#fbab16;
}

.form-container .form-contents .job-availability-container .job-block-avail.checked#amber label{
	border: solid 3px #fbab16;
	background:#fbab16;
	color:#ffffff;
}

.form-container .form-contents .job-availability-container .job-block-avail#red label{
	border: solid 3px #f73e3c;
	color:#f73e3c;
}

.form-container .form-contents .job-availability-container .job-block-avail.checked#red label{
	border: solid 3px #f73e3c;
	background:#f73e3c;
	color:#ffffff;
}

.form-container .form-contents .job-availability-container .job-block-avail label .label-icon {
    float: left;
    width: 100%;
    height: 75px;
    position: relative;
    margin: 0px 0 20px 0;
}

.form-container .form-contents .job-availability-container .job-block-avail label .text{
	float:left;
	width:100%;
	text-align:center;
	margin:0;
	text-transform:uppercase;
	font-weight:700;
}

.form-container .form-contents .job-availability-container .job-block-avail input{
	display:none;
}

.form-container .form-contents .job-availability-container .job-block-avail label .label-icon.icon-1{
	background: url(/assets/img/registration-icons/green-smile.png) no-repeat center center;
	background-size:contain;
}

.form-container .form-contents .job-availability-container .job-block-avail label .label-icon.icon-2{
	background: url(/assets/img/registration-icons/amber-smile.png) no-repeat center center;
	background-size:contain;
}

.form-container .form-contents .job-availability-container .job-block-avail label .label-icon.icon-3{
	background: url(/assets/img/registration-icons/red-smile.png) no-repeat center center;
	background-size:contain;
}

.form-container .form-contents .job-availability-container .job-block-avail.checked .label-icon.icon-1{
	background: url(/assets/img/registration-icons/green-smile-white.png) no-repeat center center;
	background-size:contain;
}

.form-container .form-contents .job-availability-container .job-block-avail.checked .label-icon.icon-2{
	background: url(/assets/img/registration-icons/amber-smile-white.png) no-repeat center center;
	background-size:contain;
}

.form-container .form-contents .job-availability-container .job-block-avail.checked .label-icon.icon-3 {
    background: url(/assets/img/registration-icons/red-smile-white.png) no-repeat center center;
    background-size: contain;
}

.form-container .form-contents .content.left-content {
    text-align: left;
}

.form-container .form-contents .type-documents-field {
    float: left;
    width: 100%;
}

.form-container .form-contents .type-documents-field textarea {
    float: left;
    width: 100%;
	height:250px;
}

.form-container .form-contents .upload-documents-field {
    margin-top: 30px;
}

.form-container .form-contents .upload-documents-field.cv_upload {
    margin-top: 0px;
}


.form-container .form-contents .upload-documents-field.cv_upload input:hover,
.qualification-box-container .upload input:hover {
	cursor: default;
}

.form-container .form-contents .upload-documents-field.cv_upload .input-group-btn,
.qualification-box-container .upload .input-group-btn {
	background: #fc7d1a;
}

.form-container .form-contents .upload-documents-field .field,
.qualification-box-container .upload {
    float: left;
    width: 100%;
	margin:0 0 20px 0;
}

.qualification-box-container .upload {
    margin: 14px 0 0 0;
}

.form-container .form-contents .upload-documents-field .field:last-of-type{
	margin:0;
}

.form-container .form-contents .upload-documents-field .field label{
	text-transform:uppercase;
	font-size:10px;
	line-height:1;
	margin:0 0 5px 0;
	color:#1b1b1b;
	font-weight:700;
	float:left;
	width:100%;
}

.form-container .form-contents .upload-documents-field .field .element{
	float:left;
	width:100%;
}

.form-container .form-contents .upload-documents-field .field .element.split {
    float: left;
    width: 47.5%;
    margin: 0 5% 0 0;
}

.form-container .form-contents .upload-documents-field .field .element.split:last-of-type{
	margin:0;
}

.form-container .form-contents .upload-documents-field .field .element.upload {
	padding-bottom: 15px;
}

.qualification-box-container {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.form-container.step-5 .qualification-box-container {
    min-height: 270px;
}

.qualification-box-container .logo {
    float: left;
    width: 100%;
	height:70px;
	margin:0 0 20px 0;
}

.qualification-box-container .card-icon {
	max-width: 100%;
	max-height: 117px;
}

.qualification-box-container > label {
    height: 130px;
    width: 100%;
    text-align: center;
}

.qualification-box-container input[type="text"]{
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
}
.qualification-box-container input[type="file"]{
    float: left;
    width: 100%;
    margin: 5px 0;
}

.qualification-box-container .qualification-yes-or-no{
	float: left;
    width: 100%;
	margin:0 0 0 0;
}

.qualification-box-container .qualification-yes-or-no p{
	float:left;
	width:100%;
	text-align:center;
}

.qualification-box-container .qualification-yes-or-no .radio-buttons{
	float: none;
    width: 100%;
	margin:0 0 0 0;
}

.qualification-box-container .qualification-yes-or-no .radio-buttons .radio-block{
	float:left;
    width: 100%;
	margin:0 0;
}

.qualification-box-container .qualification-yes-or-no .radio-buttons .radio-block input{
	display:none;
}

.qualification-box-container .qualification-yes-or-no .radio-buttons .radio-block label{
	float:left;
	width:50px;
	height:50px;
	border:solid 2px #1b1b1b;
	font-size:22px;
	text-align:center;
	line-height:46px;
}

.qualification-box-container .qualification-yes-or-no .radio-buttons .radio-block.has-error label {
    border:solid 2px #bd0200 !important;
}

.qualification-box-container .qualification-yes-or-no .radio-buttons .radio-block.yes label{
	border:solid 2px #fbab16;
    width: 100%;
    font-size: inherit;
}

.qualification-box-container > p {
    font-weight: 600;
    margin: 0 0 5px;
    text-align: center;
}

.qualification-box-container .qualification-yes-or-no .radio-buttons .radio-block.yes label .fa:before{
	color:#fbab16;
}

.qualification-box-container .qualification-yes-or-no .radio-buttons .radio-block.yes.checked label{
	border:solid 2px #fbab16;
	background:#fbab16;
    color: #fff;
}

.qualification-box-container .qualification-yes-or-no .radio-buttons .radio-block.no label{
	border:solid 2px #f43535;
}

.qualification-box-container .qualification-yes-or-no .radio-buttons .radio-block.no label .fa:before{
	color:#f43535;
}

.qualification-box-container .qualification-yes-or-no .radio-buttons .radio-block.checked label .fa:before{
	color:#fff;
}

.qualification-box-container .qualification-yes-or-no .radio-buttons .radio-block.no.checked label{
	border:solid 2px #f43535;
	background:#f43535;
}

.qualification-box-container.add-more{
	position:relative;
}

.qualification-box-container.add-more .add-another-overlay{
	background:rgba(255,255,255,0.5);
	position: absolute;
	top:0;
	lefT:0;
	height:100%;
	width:100%;
	display:block;
}

.qualification-box-container.add-more .add-another-overlay .vertical {
    float: left;
    padding: 0 50px;
    width: 100%;
    text-align: center;
}

.qualification-box-container.add-more .add-another-overlay .vertical .fa{
	width:65px;
	height:65px;
	display:block;
	margin:0 auto 20px;
	float:none;
	border-radius:50%;
	border:solid 1px #cccccc;
	font-size:40px;
	line-height:60px;
	color:#999999;
	background:#fff;
}

.qualification-box-container.add-more .add-another-overlay .vertical .text{
	text-transform:uppercase;
	font-weight:800;
	color:#1b1b1b;
}

.qualification-box-container .qualification-fields {
    float: left;
    width: 100%;
}

.qualification-box-container .qualification-fields .field {
    float: left;
    width: 100%;
	margin:0 0 5px 0;
}

.qualification-box-container .qualification-fields .field:last-of-type{
	margin:0;
}

.qualification-box-container .qualification-fields .field input{
	margin:0;
}

.container-fluid.sub-header-container {
    height: auto;
    padding: 0;
    position: relative;
    background: #1b1b1b;
    background: url(/assets/img/get-in-touch-bg.jpg) no-repeat center center;
    background-size: cover;
    margin-bottom: 80px;
}

.container-fluid.sub-header-container .overlay {
    background: rgba(27, 27, 27, 0.79);
    position: relative;
    height: 100%;
    width: 100%;
    display: block;
    padding: 130px 15px 60px;
}

.sub-header-container .overlay h1 {
    float: left;
    color: #ffffff;
    font-size: 40px;
    border-top: none;
    border-bottom: none;
    padding: 0px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.sub-header-container .overlay .container {
    top: 0%;
    -webkit-transform: translateY(-0%);
    -ms-transform: translateY(-0%);
    transform: translateY(-0%);
}

.sub-header-container .overlay .breadcrumbs{
	float:left;
	width:100%;
}

.sub-header-container .overlay .breadcrumbs p {
    float: left;
    width: 100%;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0px;
}

.sub-header-container .overlay .breadcrumbs p a {
    color: #ffffff;
    font-weight: 700;
    opacity: 1;
	float:left;
}

.sub-header-container .overlay .breadcrumbs p strong {
    float: left;
}

.sub-header-container .overlay .breadcrumbs p b {
    float: left;
    font-weight: 700;
    margin: 0 14px;
}

.sub-header-container .overlay .breadcrumbs p a:hover {
	opacity:0.6;
}

.profile-tabs {
	margin-bottom: 10px;
}

.profile-tabs a {
    margin: 5px;
    width: 220px;
    text-align: center;
}

.title.big-title-orange-dot {
    font-size: 68px;
    text-transform: uppercase;
	line-height:1.2;
}

.title.big-title-orange-dot strong{
	color:#ff7d14;
}

.cta-button,
button.btn,
 .btn,
  .dg-container .dg-main-content .dg-view-wrapper .dg-content-footer button,
  ul.pagination li a, ul.pagination li span,
  .swal-modal .swal-footer .swal-button-container button {
    float: left;
    width: auto;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    padding: 18px 20px;
    border: solid 2px #5d5c5c;
    height: 50px;
    border-radius: 0px;
    outline: none !important;
    box-shadow: none !important;
    line-height: 1;
    min-width: 160px;
    text-align: center;
    backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
    transform: translate(0px, 0px);
    transform-style: preserve-3d;
}

button.btn.full {
    width: 100%;
    min-width: 0px;
}

.cta-button:hover{
	border:solid 2px #ff8c30;
	background:#ff8c30;
	color:#1b1b1b;
}

.cta-button.grey{
	color:#666666;
}

.profile-tabs i.fa-caret-down {
    font-size: 22px;
    display: block;
    margin: -7px 0 0 0;
}

.cta-button.grey:hover{
	color:#ffffff;
}

.cta-button.fill-orange, button.btn.btn-primary, .btn.btn-primary,
.swal-modal .swal-footer .swal-button-container button{
	border:solid 2px #ff8c30;
	background:#ff8c30;
	color:#1b1b1b;
}

.cta-button.fill-orange:hover:not(.ignore-hover), button.btn.btn-primary:hover, .btn.btn-primary:hover {
    border: solid 2px #1b1b1b;
    background: #1b1b1b;
    color: #ff8c30;
}

.cta-button.orange-border{
	border:solid 2px #ff8c30;
	background:none;
	color:#ff8c30;
}

.cta-button.orange-border:hover{
	border:solid 2px #ff8c30;
	background:#ff8c30;
	color:#fff;
}

.cta-button.green-fill{
	border:solid 2px #38e647;
	background:#38e647;
	color:#fff;
}

button.btn.btn-danger, .dg-container .dg-main-content .dg-view-wrapper .dg-content-footer button.dg-btn--ok, a.cta-button.fill-red  {
    background: #ff2323;
    border-color: #ff2323;
}

button.btn.btn-danger:hover, .dg-container .dg-main-content .dg-view-wrapper .dg-content-footer button.dg-btn--ok:hover, a.cta-button.fill-red:hover  {
    background: #bd0d0d;
    border-color: #bd0d0d;
	color:#ffffff;
}

.dg-container .dg-main-content .dg-view-wrapper .dg-content-footer button.dg-btn--cancel,
a.cta-button.fill-green {
    background: #189c18;
    border-color: #189c18;
}

.dg-container .dg-main-content .dg-view-wrapper .dg-content-footer button.dg-btn--cancel:hover,
a.cta-button.fill-green:hover {
	background:#0d6f0d;
	border-color:#0d6f0d;
	color:#ffffff;
}

.progress-bar.progress-bar-striped.bg-warning {
    background-color: #ff8c32;
    background-image: none;
    background: #ce6616;
    background: linear-gradient(to right, #ff8c30 0%,#ffa159 100%);
    background: linear-gradient(to right, #ff8c30 0%,#ffa159 100%);
    background: linear-gradient(to right, #ff8c30 0%,#ffa159 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce6616', endColorstr='#ffa159',GradientType=1 );
	    box-shadow: none;
}

.progress, .profile-tabs {
    margin-bottom: 50px;
}

.form-container.step-5 .qualification-box-container {
    min-height: 0px;
}


.form-container.step-7 .field {
    float: left;
    width: 97%;
}

.form-container.step-7 .field label.radio-inline {
    width: auto;
    padding: 0 0 0 16px;
    position: relative;
    margin-right: 21px;
}

.form-container.step-7 .field label.radio-inline input {
    left: 0;
    margin-left: 0;
    width: auto;
    margin: 0;
}

.form-container.step-7 .field .vue-slider-component.vue-slider-has-label .vue-slider-process{
	background:#ff8c32 !important;
}


.swal-overlay--show-modal .swal-modal .swal-footer .swal-button-container button.swal-button.swal-button--confirm {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 30px;
    border: solid 2px #5d5c5c;
    border-radius: 0;
    background-color: transparent;
    color: #666;
}

.swal-overlay--show-modal .swal-modal .swal-footer .swal-button-container button.swal-button.swal-button--confirm:hover{
	border:solid 2px #ff8c30;
	background:#ff8c30;
	color:#1b1b1b;
}

.swal-overlay--show-modal .swal-modal .swal-footer .swal-button-container button.swal-button.swal-button--confirm:focus, .swal-overlay--show-modal .swal-modal .swal-footer .swal-button-container button.swal-button.swal-button--confirm:active, .swal-overlay--show-modal .swal-modal .swal-footer .swal-button-container button.swal-button.swal-button--confirm:visited {
	outline:none;
	text-decoration:none;
	border:none;
}

.row.form-contents.input-by-6 .field.submit-button {
    float: left;
    width: 100%;
    margin-top: 15px;
}

.form-container .form-contents .inputs-main-container .field.has-error span.help {
    color: red;
    clear: both;
    margin-top: 13px;
    float: left;
}

.contact-form-inner {
    float: left;
    width: 100%;
    height: 629px;
    display: block;
}
body.recruiters {
    background: #1b1b1b;
}

.footer-logos, .footer-main {
    display: none;
}


.get-in-touch {
    padding: 0 30px;
	margin-bottom:30px;
}

.not-sure-block {
    margin-bottom: 30px;
    padding: 0 30px;
}

.not-sure-block .not-sure-inner {
    float: left;
    width: 100%;
    height: 644px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
	background:url(../img/not-sure-block.jpg) center center no-repeat;
	background-size:cover;
}

.heading-ctas {
    height: 100vh;
    margin-bottom: 80px;
}

.heading-ctas .ctas-inner {
    height: 100vh;
    float: left;
    width: 100%;
    position: relative;
}

.heading-ctas .ctas-inner.left {
	background:url(../img/home-cta-tradesmen.jpg) center center no-repeat;
	background-size:cover;
}

.heading-ctas .ctas-inner.right {
	background:url(../img/home-cta-agency.jpg) center center no-repeat;
	background-size:cover;
}

.heading-ctas .ctas-inner .cta-block {
    float: left;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(27, 27, 27, 0.5);
    padding: 70px;
}

.heading-ctas .ctas-inner .cta-block .vertical {
    position: absolute;
    bottom: 70px;
    transform: translateY(-0%);
    top: initial;
    width: 75%;
}

.heading-ctas .ctas-inner .cta-block h2.title {
    float: left;
    width: 100%;
    display: block;
    margin: 0 0 24px 0;
    font-family: 'halis_gr';
}

.heading-ctas .ctas-inner .cta-block h2.title b {
    float: left;
    width: 100%;
    font-size: 30px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 100;
    margin: 0 0 10px 0;
    line-height: 22px;
}

.heading-ctas .ctas-inner .cta-block h2.title span {
    float: left;
    width: auto;
    font-size: 79px;
    text-transform: uppercase;
    font-weight: 700;
    color: #ffffff;
    line-height: 52px;
    padding: 20px 0 15px;
    position: relative;
}

.heading-ctas .ctas-inner .cta-block h2.title span:before, .heading-ctas .ctas-inner .cta-block h2.title span:after {
    content: "";
    position: absolute;
    height: 4px;
    width: 100%;
    display: block;
    left: 0px;
    background: #ffffff;
}

.heading-ctas .ctas-inner .cta-block h2.title span:before {
	top:0px;
}

.heading-ctas .ctas-inner .cta-block h2.title span:after {
	bottom:0px;
}

.heading-ctas .ctas-inner .cta-block p {
    margin: 0 0 30px 0;
    font-size: 19px;
    color: #ffffff;
    font-weight: 200;
	clear:both;
}

.heading-ctas .ctas-inner .cta-block p b {
    font-weight: 700;
}

.heading-ctas .ctas-inner .cta-block .action-button {
    clear: both;
    float: left;
    position: absolute;
    left: 0px;
    color: #ffffff;
    bottom: 0px;
}

.heading-ctas .ctas-inner .cta-block .action-button:hover {
    color: #ff7d14;
}

.heading-ctas .ctas-inner:hover .cta-block .action-button:hover {
	color:#1b1b1b;
}

.heading-ctas .ctas-inner .cta-block .action-button i {
    float: left;
    font-size: 14px;
    margin: 5px 10px 0 0;
}

.heading-ctas .ctas-inner.right  .cta-block .action-button {
	left:initial;
	right:0px;
}

.heading-ctas .ctas-inner.right  .cta-block .action-button span {
	float:left;
}

.heading-ctas .ctas-inner.right  .cta-block .action-button i {
	float:right;
    margin: 5px 0px 0 10px;
}

.heading-ctas .ctas-inner .cta-block .cta-button {
    display: block;
    margin: 0 0 55px 0;
    border-color: #ff7d14;
    background: #ff7d14;
    color: #1b1b1b;
}

.heading-ctas .ctas-inner:hover .cta-block .cta-button {
	border-color:#2b2b2b;
	background:none;-
}

.heading-ctas .ctas-inner .cta-block .cta-button:hover {
	background:#ffffff;
	border-color:#ffffff;
}

.heading-ctas .ctas-inner .cta-block .action-button span {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

.heading-ctas .ctas-inner:hover {
	padding:60px;
}

.heading-ctas .ctas-inner:hover .cta-block {
    background: rgba(255, 125, 20, 0.83);
}

.heading-ctas .ctas-inner:hover .cta-block .vertical {
    top: 54%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: 0px;
}

.heading-ctas .ctas-inner:hover .cta-block .cta-button {
    margin: 0px;
}

.heading-ctas .ctas-inner:hover .cta-block .action-button {
    left: 0px;
    bottom: -52px;
}

.heading-ctas .ctas-inner.right:hover .cta-block .action-button {
    left: initial;
    right: 91px;
    bottom: -52px;
}

.heading-ctas .ctas-inner.left:hover .cta-block h2.title span {
    font-size: 65px;
    padding: 13px 0 9px;
}

.heading-ctas .ctas-inner.left:hover .cta-block .vertical {
    width: 62%;
}

body.home .header-main {
    top: 0vh;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
}

.servive-blocks.homepage-services {
    margin-bottom: 70px;
}

.beat-rush-block {
    height: 612px;
    border-left: 30px solid #1b1b1b;
    border-right: 30px solid #1b1b1b;
    margin-bottom: 30px;
    background: url(../img/beat-the-rush.jpg) center center no-repeat;
    background-size: cover;
}

.beat-rush-block .rush-block-inner {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    background: rgba(255, 125, 20, 0.9);
    padding: 40px;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.beat-rush-block .rush-block-inner h3 {
    float: left;
    width: 100%;
    display: block;
    font-weight: 700;
    font-size: 72px;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    line-height: 61px;
    margin: 7px 0 12px 0;
}

.beat-rush-block .rush-block-inner h3 i {
    color: #1b1b1b;
    display: inline-block;
    margin: 0 0px 0 -33px;
}

.beat-rush-block span.title {
    float: left;
    width: 100%;
    display: block;
    text-align: center;
    margin: 2px 0 35px 0;
    font-size: 29.7px;
    font-weight: 100;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 39px;
}

.beat-rush-block p.subtitle {
    font-size: 17px;
    padding: 10px 77px;
    line-height: 24px !important;
}

.beat-rush-block .cta-block.horizontal {
    float: left;
    width: 495px;
    display: block;
    margin: 0 0 25px 0;
    text-align: center;
}

.beat-rush-block .cta-block span {
    color: #ffffff;
    font-size: 20px;
    font-weight: 300;
    display: block;
    line-height: 30px;
    margin: 0;
}

.beat-rush-block .rush-block-inner ul {
    display: table;
    float: none;
    margin: 0 auto 25px;
    clear: both;
    color: #fff;
	list-style-type:none;
}

.beat-rush-block .rush-block-inner ul li{
	position:relative;
	padding:0 0 0 20px;
}

.beat-rush-block .rush-block-inner ul li:before{
	content:'\f00c';
	font-family:'FontAwesome';
	position:absolute;
	left:0;
	top:0;
	color:#fff;
	font-size:12px;
}

.beat-rush-block .cta-block b {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.beat-rush-block .cta-block b:before, .beat-rush-block .cta-block b:after {
    content: "";
    position: absolute;
    width: 99%;
    height: 3px;
    background: #ffffff;
    left: 2px;
}

.beat-rush-block .cta-block b:before {
    top: 2px;
}

.beat-rush-block .cta-block b:after {
    bottom: 0px;
}

.beat-rush-block .rush-block-inner p {
    clear: both;
    float: left;
    width: 100%;
    display: block;
    text-align: center;
    color: #ffffff;
    line-height: 15px;
    margin-bottom: 30px;
}

.beat-rush-block .rush-block-inner .links {
    float: left;
    width: auto;
    display: block;
    clear: both;
}

.beat-rush-block .rush-block-inner .links a.cta-button {
    border-color: #ffffff;
    float: left;
    display: block;
    margin: 0 15px;
}

.beat-rush-block .rush-block-inner .links a.cta-button:hover {
	background:#1b1b1b;
	border-color:#1b1b1b;
	color:#ffffff;
}

.not-sure-block .not-sure-inner .vhboth {
    width: 100%;
    max-width: 426px;
    float: left;
    display: block;
	height:auto;
}

.not-sure-block .not-sure-inner .not-sure-block {
    padding: 30px;
    background: #1b1b1b;
    float: left;
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
}

.not-sure-block .not-sure-inner .not-sure-block .title-block {
    float: left;
    width: 100%;
    display: block;
    margin: 0 0 28px 0;
    text-align: center;
    font-family: 'halis_gr';
}

.not-sure-block .not-sure-inner .not-sure-block .title-block span {
    float: left;
    width: 100%;
    color: #ff7d14;
    font-size: 59px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 51px;
    margin: 3px 0 0 0;
}

.not-sure-block .not-sure-inner .not-sure-block .title-block i {
    float: left;
    width: 100%;
    display: block;
    margin: 15px 0 0 0;
    font-size: 34px;
    text-transform: uppercase;
    font-weight: 100;
    color: #c4c4c4;
}

.not-sure-block .not-sure-inner .not-sure-block .title-block b {
    float: left;
    width: 100%;
    font-size: 29px;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff;
    display: block;
    margin: 12px 0 0 0;
}

.not-sure-block .not-sure-inner .not-sure-block .content {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 30px 0;
    text-align: center;
    color: #ffffff;
}

.not-sure-block .not-sure-inner .not-sure-block .content b {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 18px 0;
}

.not-sure-block .not-sure-inner .not-sure-block .content p {
    margin: 0 0 0 0;
    color: #dadada;
    font-weight: 300;
}

.not-sure-block .not-sure-inner .not-sure-block .download-block-links {
    float: left;
	width:100%;
}

.not-sure-block .not-sure-inner .not-sure-block .download-block-links a.download-app {
    float: left;
    width: 45%;
    height: 49px;
    display: block;
    margin: 0 10% 0 0;
}

.not-sure-block .not-sure-inner .not-sure-block .download-block-links a.download-app.apple{
	background:url(../img/app-store-badge.png) no-repeat center center;
	background-size:contain;
}

.not-sure-block .not-sure-inner .not-sure-block .download-block-links a.download-app.android{
	background:url(../img/play-store-badge.png) no-repeat center center;
	background-size:contain;
	margin:0;
}

.not-sure-block .not-sure-inner .not-sure-block form {
    float: left;
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

.not-sure-block .not-sure-inner .not-sure-block form .submit-button {
    position: absolute;
    width: 46px;
    height: 46px;
    right: 0px;
}

.not-sure-block .not-sure-inner .not-sure-block form input.field {
    float: left;
    border: none;
    height: 46px;
    padding: 8px 15px;
    background: #000000;
    padding-right: 66px;
}

.not-sure-block .not-sure-inner .not-sure-block form .submit-button input {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    opacity: 0;
    z-index: 2;
}

.not-sure-block .not-sure-inner .not-sure-block form .submit-button span.fa {
    width: 100%;
    height: 100%;
    display: block;
    background: #ff7d14;
    float: left;
    text-align: center;
    color: #7f3e0a;
    font-size: 15px;
    padding: 14px;
}

.not-sure-block .not-sure-inner .not-sure-block form .submit-button:hover span.fa {
    background: #c36010;
}

.not-sure-block .not-sure-inner .not-sure-block form input.field:hover, .not-sure-block .not-sure-inner .not-sure-block form input.field:focus {
	background:#2b2b2b;
}

.not-sure-block .not-sure-content {
    float: left;
    width: 100%;
    height: 644px;
    display: block;
    padding: 0 80px 0 50px;
}

.not-sure-block .not-sure-content .vertical {
    float: left;
    width: 100%;
    height: auto;
    display: block;
}

.not-sure-block .not-sure-content .content {
    float: left;
    width: 100%;
    display: block;
    height: auto;
}

.not-sure-block .not-sure-content .content span.title.border-top-bottom-title {
    float: left;
    display: block;
    position: relative;
}

.not-sure-block .not-sure-content .content span.title.border-top-bottom-title:after {
    width: 6px;
    height: 6px;
    display: block;
    position: absolute;
    content: "";
    right: 5px;
    top: 27px;
    background: #ff7d14;
    border-radius: 50%;
}

.not-sure-block .not-sure-content .content .content p:first-of-type {
    font-size: 17px;
    font-weight: 200;
    line-height: 28px;
    margin: 0 0 20px 0;
}

body.home .header-main.fixed {
    position: fixed;
    top: 0px;
}


/* Profile Overview Page CSS */

.form-container .form-contents .panel.panel-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
    clear: both;
    float: left;
    width: 100%;
    height: auto;
    margin: 0px;
}

.form-container .form-contents .content.final button.btn.btn-danger {
    max-width: 100%;
    margin-top: 25px;
    width: 446px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.form-container .form-contents .panel-default .panel-heading {
    background: none;
    border-radius: 0px;
    border-bottom: none;
    float: left;
    width: 100%;
    padding: 0px 0px;
    margin-bottom: 35px;
    position: relative;
    padding-right: 120px;
}

.form-container .form-contents .panel.panel-default .panel-body {
    border: none;
    border-top: none;
    margin-bottom: 50px;
    float: left;
    width: 100%;
    padding: 0px;
    border-radius: 0px;
}

.form-container .form-contents .panel.panel-default .panel-body strong{
	color:#1b1b1b;
}

.form-container .form-contents .panel.panel-default .panel-body ul{
	display:table;
	list-style-type:none;
}

.form-container .form-contents .panel.panel-default .panel-body ul li{
	padding:0 0 0 20px;
	position:relative;
	line-height:normal;
	margin-bottom:10px;
}

.form-container .form-contents .panel.panel-default .panel-body ul li:last-of-type{
	margin:0;
}

.form-container .form-contents .panel.panel-default .panel-body ul li:before{
	content:'\f054';
	font-family:'FontAwesome';
	position:absolute;
	left:0;
	top:3px;
	font-size:12px;
	color:#ff8c30;
}

.form-container .form-contents .panel-default .panel-heading h2 {
    float: left;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 0px;
    color: #1b1b1b;
    margin: 0px 0;
}

.form-container .form-contents .panel-default .panel-heading .heading-toolbar {
    float: right;
    position: absolute;
    right: 0px;
    top: -7px;
}

.form-container .form-contents .panel-default .panel-heading .heading-toolbar a {
    float: left;
    width: auto;
    text-transform: uppercase;
    color: #1b1b1b;
    font-size: 12px;
    font-weight: 800;
    padding: 12px 18px;
    border: solid 2px #ff8c30;
    min-width: 0px;
    height: 40px;
    background: #ff8c30;
    text-decoration: none !important;
}

.form-container .form-contents .panel-default .panel-heading .heading-toolbar a i {
    float: left;
    margin-right: 4px;
}

.form-container .form-contents .panel-default .panel-heading .heading-toolbar a:hover {
    background: #1b1b1b;
    border: solid 2px #1b1b1b;
    color: #fff;
}

.form-container .form-contents .panel-default .panel-heading .heading-toolbar a:hover i:before{
	color:#fff;
}

.mobile-menu {
    position: fixed;
    z-index: 101;
    background: #1b1b1b;
    top: 0px;
    height: 100%;
    padding: 15px;
    padding-top: 80px;
    width: 100%;
    left: 0px;
    transform: translateX(-100%);
    opacity: 0;
}

.mobile-menu.active {
    transform: translateX(0);
    opacity: 1;
}

.mobile-menu .mobile-nav-links {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    float: left;
}

.mobile-menu .mobile-nav-links ul.nav-main {
    float: left;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 0 0;
    list-style-type: none;
}

.mobile-menu .mobile-nav-links ul.nav-main > li {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    display: block;
}

.mobile-menu .mobile-nav-links ul.nav-main > li > a {
    width: 100%;
    height: auto;
    float: left;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 20px;
    font-weight: 800;
    margin: 0;
    font-family: 'halis_gr', sans-serif;
    padding-left: 30px;
    line-height: 0.98;
    position: relative;
}

.mobile-menu .mobile-nav-links ul.nav-main > li > a:before {
    content: "";
    position: absolute;
    left: 0px;
    height: 0px;
    width: 2px;
    display: block;
    top: 1px;
    background: #ffffff;
	opacity:0;
}

.mobile-menu .mobile-nav-links ul.nav-main > li > a:hover{
    color: #ffffff;
}

.mobile-menu .mobile-nav-links ul.nav-main > li > a:hover:before {
	opacity:1;
	height: 18px;
}

.mobile-menu .mobile-nav-links ul.nav-main > li.active a {
    color: #ff7d14;
}

.mobile-menu .mobile-nav-links ul.nav-main > li.active a:before {
	opacity:1;
	background: #ff7d14;
	height: 18px;
}


/*.container-fluid.search-for-candidates{*/
    /*-webkit-transition: none;*/
    /*-moz-transition: none;*/
    /*-ms-transition: none;*/
    /*-o-transition: none;*/
    /*transition: none;*/
	/*display:none;*/
/*}*/

.row.search-candidates-form .form-container-main {
    max-width: none;
}








.qualification-box-container .upload .input-group {
    display: block;
    float: left;
    width: 100%;
}

.qualification-box-container .upload .input-group input.form-control {
    display: block;
    float: left;
    width: 58%;
    margin-bottom: 0;
}

.qualification-box-container .upload .input-group span.input-group-btn {
    display: block;
    float: left;
    width: 42%;
    background: none;
}

.qualification-box-container .upload .input-group span.input-group-btn button.btn {
    float: left;
    width: 100%;
    height: 46px;
    border: none;
    -webkit-appearance: none;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;
    background: #ff8c30;
    text-transform: uppercase;
    color: #1b1b1b;
    font-size: 11px;
    font-weight: 800;
}

.qualification-box-container .upload .input-group span.input-group-btn button.btn:hover{
	background:#1b1b1b;
	color:#ff8c30;
}





.form-container .form-contents .upload-documents-field.cv_upload .input-group {
    display: block;
    float: left;
    width: 100%;
}

.form-container .form-contents .upload-documents-field.cv_upload .input-group input.form-control {
    display: block;
    float: left;
    width: 58%;
    margin-bottom: 0;
}

.form-container .form-contents .upload-documents-field.cv_upload .input-group span.input-group-btn {
    display: block;
    float: left;
    width: 42%;
    background: none;
}

/*.form-container .form-contents .upload-documents-field.cv_upload .input-group span.input-group-btn button.btn {
    float: left;
    width: 100%;
    height: 46px;
    border: none;
    -webkit-appearance: none;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;
    background: #ff8c30;
    text-transform: uppercase;
    color: #1b1b1b;
    font-size: 11px;
    font-weight: 800;
}

.form-container .form-contents .upload-documents-field.cv_upload .input-group span.input-group-btn button.btn:hover{
	background:#1b1b1b;
	color:#ff8c30;
}*/

.form-container.step-6 .field.references-available{
	float:left;
	width:100%;
}

.form-container.step-6 .field.references-available input[type="checkbox"] {
    position: relative;
    width: auto;
    float: left;
    margin-top: 5px;
}


div#app {
    float: left;
    width: 100%;
    min-height: 43.5vh;
}

.subpage-styling h1 {
    font-size: 30px;
    padding-top: 10px;
    padding-bottom: 8px;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 40px;
    color: #ffffff;
}

.subpage-styling strong {
    color: #ffffff;
}

div.grecaptcha-badge {
    display: none;
}

.no-margin {
    margin: 0px !important;
}

.flex {
    display: flex;
    clear: both;
    flex-wrap: wrap;
    flex: 1;
}

/* basic link styling */
a.forgotten-password,
a.btn-underline {
    font-weight: 600;
    text-decoration: underline !important;
    color: #ff7d14;
    opacity: 1;
}

a.forgotten-password:hover,
a.btn-underline:hover {
	opacity:0.6;
}

/* job board pages */

body.job-board {
    padding-top: 150px;
}

body.job-board .container-fluid.header-main.transparency {
    background: #1b1b1b;
}

.top-page-section {
    margin-bottom: 50px;
}

.top-page-section h1 {
    float: left;
    width: auto;
    display: block;
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
    color: #1b1b1b;
    max-width: 80%;
}

form.new {
    float: left;
    width: 100%;
    display: block;
    height: auto;
}

.form-group .input-group,
.form-group {
    display: block;
    clear: both;
    float: left;
    width: 100%;
}

.form-group {
    margin-bottom: 23px;
}

.form-group.button-only {
    padding-top: 31px;
}

.form-group.final {
    margin-bottom: 0px;
}

.form-group .input-group input {
    z-index: 1;
    position: relative;
}


.form-group .input-group .input-group-addon {
    position: absolute;
    z-index: 3;
    right: 0px;
    top: 0px;
    padding: 0px;
    height: 100%;
    border-radius: 0px;
    border: none;
    border-left: none;
    display: block;
    width: auto;
    background: none;
}

.form-group .input-group .input-group-addon > * {
    float: right;
    width: auto;
    display: block;
    height: 100%;
    background: none;
    border: 1px solid transparent;
}

form.margin-top {
    margin-top: 40px;
}

.one-line {
	line-height:0.8;
}

.main-panel {
    margin-bottom: 70px;
}

.main-panel.job-board-list {
    margin-bottom: 35px;
}

.vacancies > div {
	margin-bottom:35px;
}

.vacancies a {
    position: relative;
    height: 100%;
    float: left;
    width: 100%;
    border: 1px solid #968f89;
    border-radius: 0px;
    padding: 30px;
    padding-bottom: 110px;
}

.vacancies a:hover {
	border-color:#ff8c30;
}

.vacancies a h4 {
    font-size: 18px;
    color: #1b1b1b;
    line-height: 1.2;
    margin: -2px 0 20px 0;
    padding-right: 138px;
    position: relative;
}

.vacancies a h4 .agency-name,
.top-page-section h1 .agency-name {
    float: left;
    width: 100%;
    display: block;
    font-size: 14px;
    font-family: 'Neue Helvetica W01', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 0.8;
    margin-bottom: 11px;
    color: #504e4c;
}

.top-page-section h1 .agency-name {
    margin-bottom: 18px;
}

.vacancies a small {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 12px;
    letter-spacing: 0px;
    font-family: 'Neue Helvetica W01', sans-serif;
    font-weight: 800;
    color: rgba(105, 97, 91, 0.83);
}

.vacancies a ul {
    float: left;
    width: 100%;
    display: block;
    height: auto;
    margin-bottom: 10px;
    list-style-type: none;
}

.vacancies a ul li {
    float: left;
    margin-bottom: 10px;
    margin-right: 30px;
    position: relative;
    font-size: 15px;
    color: #69615b;
    min-height: 30px;
    line-height: 28px;
    padding-left: 45px;
}

.vacancies a ul li i {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 30px;
    width: 30px;
    background: #ff8c30;
    color: #1b1b1b;
    font-size: 15px;
    text-align: center;
    line-height: 0.8;
    padding: 9px 0;
}

.vacancies a p {
    clear: both;
    float: left;
    width: 100%;
    margin: 0px;
    font-size: 15px;
    line-height: 26px;
    color: #69615b;
}

.vacancies a .btn {
    position: absolute;
    left: 30px;
    bottom: 30px;
}

ul.pagination {
    clear: both;
    float: left;
    width: 100%;
    padding: 0 15px;
    margin: 5px 0 45px 0;
}

ul.pagination li {
    float: left;
    width: auto;
    display: block;
    margin-right: 15px;
}

ul.pagination li a {
    height: 40px;
    padding: 12px 19px;
    min-width: 114px;
    border-radius: 0px !important;
    border-color: #4b4b4b;
    background: #4b4b4b;
	color:#ffffff;
}

ul.pagination li a:hover {
    background: #1b1b1b;
    border-color: #1b1b1b;
    color: #ffffff;
}

ul.pagination li.disabled {
}

ul.pagination li.disabled span {
    width: auto;
    padding: 12px 19px;
    background: rgba(105, 97, 91, 0.21);
    border-color: rgb(223, 221, 220) !important;
    border-radius: 0px;
    color: #69615b !important;
    height: 40px;
    min-width: 114px;
	pointer-events:none;
	cursor:not-allowed;
}

.main-panel span.tag {
    float: left;
    display: block;
    background: #ff7d14;
    font-family: 'halis_gr', sans-serif;
    color: #1b1b1b;
    font-weight: 800;
    line-height: 0.8;
    letter-spacing: 1px;
    padding: 12px 15px;
    position: relative;
}

.main-panel span.tag:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 13px solid #ff7d14;
    position: absolute;
    right: -10px;
    top: 8px;
}

.main-panel span.job-posted {
    margin-bottom: 33px;
}

.form-group.text-only label {
    margin-bottom: 10px;
}

.form-group.text-only p {
    clear: both;
    float: left;
    width: 100%;
    margin: 0px;
    line-height: 27px;
    font-size: 15px;
}

.main-panel .content {
    clear: both;
    float: left;
    width: 100%;
    display: block;
}

.main-panel .content.margin-top {
    margin-top: 15px;
}

.main-panel .content p {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 13px;
}

.main-panel .content p:last-of-type {
	margin:0px;
}

.top-page-section button {
    float: right;
    width: auto;
    height: 40px;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 12px;
    line-height: 1;
    border-color: #4b4b4b;
    background: #4b4b4b;
    color: #ffffff;
    padding: 14px 20px;
    margin: -7px 0 0 0;
}

.top-page-section button:hover {
    border-color: #1b1b1b;
    background: #1b1b1b;
}

.top-page-section button i {
    float: left;
    width: auto;
    font-size: 11px;
    margin-right: 11px;
}

form.login-form-main {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

body.register-page .container-fluid.header-main.transparency,
body.account-overview .container-fluid.header-main.transparency {
    background: rgba(0, 0, 0, 0);
    position: absolute;
}

.vue-inner {
    clear: both;
    float: left;
    width: 100%;
    height: auto;
}

.progress {
    border-radius: 0px;
    background-color: #f5f5f5;
    background-image: none;
    box-shadow: none;
    margin-bottom: 60px;
    border-radius: 20px;
}

.recruiter-contact {
    clear: both;
    float: left;
    width: auto;
    margin-top: 35px;
    padding: 25px;
    background: #fd8220;
}

.recruiter-contact h3 {
    float: left;
    display: block;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    color: #1b1b1b;
    width: 100%;
    line-height: 0.8;
    margin-bottom: 15px;
}

.recruiter-contact p {
    font-size: 15px;
    color: #1b1b1b;
    font-weight: 400;
    margin: 0px;
}

.recruiter-contact p a {
    font-weight: 800;
    text-decoration: underline;
    color: #1b1b1b;
    opacity: 1;
}

.recruiter-contact p a:hover {
	opacity:0.6;
}

ul.checklist {
    float: left;
    list-style-type: none;
}

.form-group.text-only ul.checklist {
    margin-top: 8px;
    width: 100%;
    margin-bottom: -14px;
}

ul.checklist li {
    float: left;
    width: 100%;
    margin: 0 35px 14px 0 !important;
    padding-left: 45px !important;
    min-height: 30px;
}
.form-group.text-only ul.checklist li {
    width: auto !important;
}

ul.checklist li:before {
    content: "\f00c" !important;
    width: 30px;
    height: 30px;
    left: 0px !important;
    top: 0px !important;
    background: #ff8c30;
    color: #2b2b2b !important;
    text-align: center;
    line-height: 0.8;
    padding: 10px 0;
}

.form-group.text-only ul.checklist li span {
    float: left;
    width: auto;
    padding-top: 4px;
}

.form-group.checkbox-image label,
.form-group.toggle label {
    float: left;
    width: 100%;
    display: block;
    margin: 0px;
    position: relative;
    padding-left: 85px;
    height: 60px;
}

.form-group.toggle label {
    height: auto;
    padding-left: 170px;
    min-height: 100px;
}

.form-group.checkbox-image label .icon,
.form-group.toggle label .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
}

.form-group.checkbox-image label .icon {
    height: 60px;
    width: 60px;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(82, 57, 38, 0.29);
    -moz-box-shadow: 0px 0px 14px 0px rgba(82, 57, 38, 0.29);
    box-shadow: 0px 0px 14px 0px rgba(82, 57, 38, 0.29);
    background: #ffffff;
    padding: 12px;
}

.form-group.toggle label .icon {
    width: 150px;
    height: 100px;
    background: #ffffff;
    border: 1px solid #cccccc;
    padding: 10px;
}

.form-group.checkbox-image label .icon:before {
    content: "\f00c" !important;
    width: 100%;
    height: 100%;
    left: 0px !important;
    top: 0px !important;
    background: #ff8c30;
    color: #2b2b2b !important;
    text-align: center;
    line-height: 0.8;
    padding: 22px 0;
    position: absolute;
    z-index: 2;
    font-size: 16px;
    opacity: 0;
}

.form-group.checkbox-image label input,
.form-group.toggle label input {
    display: none;
}

.form-group.toggle label .icon img {
    float: left;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    left: 50%;
    top: 50%;
    position: relative;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.form-group.toggle label .toggle-inner .toggle-align {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    display: block;
    padding-right: 80px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.form-group.toggle label .toggle-inner {
    float: left;
    width: 100%;
    display: block;
    height: 100px;
    font-size: 16px;
    line-height: 1.3;
    position: relative;
    color: #69615b;
    padding-top: 0px;
}

.form-group.toggle label .toggle-inner .toggle {
    position: absolute;
    height: 30px;
    display: block;
    width: 50px;
    background: rgba(105, 97, 91, 0.22);
    bottom: -6px;
    right: 0px;
    border-radius: 50px;
}

.form-group.toggle label .toggle-inner .toggle:after {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    background: #3b3b3b;
    display: block;
    border-radius: 50%;
    left: 8px;
    top: 7px;
}

.form-group.toggle label:hover .toggle-inner .toggle:after {
	background:#1b1b1b;
}

.form-group.toggle label input:checked ~ .toggle-inner .toggle {
    background: rgb(251, 186, 133);
}

.form-group.toggle label input:checked ~ .toggle-inner .toggle:after {
    background: #da6100;
    left: 26px;
}

.form-group.checkbox-image label input:checked ~ .icon:before {
	opacity:1;
}

.form-group.toggle.w-dropdown .upload {
    width: calc(100% + 170px);
    margin-left: -170px;
    clear: both;
    float: left;
    margin-top: 25px;
}

.form-group.checkbox-image label span.checkbox-inner {
    color: #69615b;
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 1.4;
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.form-group.checkbox-image label:hover span.checkbox-inner,
.form-group.toggle label:hover .toggle-inner {
	color:#ff8c30;
}

.form-group.checkbox-image label .icon img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.form-group .upload .input-group {
    position: relative;
}

.form-group .upload .input-group input {
    width: 100% !important;
    display: block;
    background: #f5f5f5;
    border: solid 1px #f5f5f5;
    padding-right: 70px;
}

.form-group .upload .input-group:hover input {
	background:#ffffff;
}

.form-group .upload .input-group .input-group-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    width: auto !important;
    display: block;
}

.form-group .upload .input-group .input-group-btn button.btn {
    width: 50px !important;
    height: 50px !important;
    padding: 0px !important;
    min-width: 0px;
    overflow: hidden;
    color: transparent !important;
    position: relative !important;
}

.form-group .upload .input-group:hover .input-group-btn button.btn {
	background:#1b1b1b !important;
}

.form-group .upload .input-group:hover .input-group-btn button.btn {
	background:#1b1b1b;
}

.form-group .upload .input-group:hover {
	cursor:pointer;
}

.form-group .upload .input-group .input-group-btn button.btn:before {
    content: "\f093";
    color: #1b1b1b;
    font-size: 16px;
    position: absolute;
    left: 0px;
    width: 100%;
    top: 16px;
}

.form-group .upload .input-group:hover .input-group-btn button.btn:before {
	color:#ff8c30;
}

.vue-slider-component.vue-slider-has-label {
    margin-bottom: 0px !important;
}

.vue-slider-component.vue-slider-horizontal-reverse .vue-slider-piecewise-label, .vue-slider-component.vue-slider-horizontal .vue-slider-piecewise-label {
    font-size: 14px !important;
    -webkit-transform: translate(-50%,18px) !important;
    transform: translate(-50%,18px) !important;
    color: #69615b !important;
}

.form-group.checkbox-basic.alone {
    padding-top: 26px;
}

.form-group.checkbox-basic input {
    display: none;
}

.form-group.checkbox-basic span {
    float: left;
    width: 100%;
    position: relative;
    padding-left: 75px;
    font-size: 16px;
    color: #69615b;
    min-height: 50px;
    padding-top: 15px;
    line-height: 1.3;
}

.form-group.checkbox-basic.small span {
    padding-left: 55px;
    min-height: 30px;
    padding-top: 6px;
}

.form-group.checkbox-basic span a {
    font-weight: 700;
    text-decoration: underline;
    color: #1b1b1b;
    opacity: 1;
}

.form-group.checkbox-basic span a:hover {
	opacity:0.7;
}

.form-group.checkbox-basic span:hover {
    color: #ff8c30;
    cursor: pointer;
}

.form-group.checkbox-basic span.help {
	padding-top:10px;
    padding-left: 75px;
    clear: both;
    display: block;
    color: #ff2323;
    margin-top: 20px;
    float: left;
    width: 100%;
    font-size: 14px;
    min-height: 0px;
}

.form-group.checkbox-basic.small span.help {
    padding-left: 55px;
    padding-top: 0px;
}

.form-group.checkbox-basic span.help:before {
	display:none;
}

.form-group.checkbox-basic label {
    margin: 0px !important;
}

.form-group.checkbox-basic label:hover {
    cursor: pointer;
}

.form-group.checkbox-basic span:before {
    content: "\f00c";
    position: absolute;
    left: 0px;
    width: 50px;
    height: 50px;
    background: #f5f5f5;
    text-align: center;
    line-height: 0.8;
    font-size: 16px;
    padding: 17px 0;
    top: 0px;
    color: transparent;
}

.form-group.checkbox-basic.small span:before {
    width: 36px;
    height: 36px;
    font-size: 14px;
    padding: 12px 0;
}

.form-group.checkbox-basic input:checked ~ span:before {
    color: #1b1b1b;
    background: #ff8c30;
}

.login-panel {
    float: left;
    width: 100%;
    display: block;
    height: auto;
	padding-left:15px;
}

.login-panel span.title {
    color: #1b1b1b;
    border: none;
    padding: 0px;
    line-height: 0.8;
    font-size: 25px;
    margin: 0 0 35px 0px;
    float: left;
    width: 100%;
}

.no-account {
    float: left;
    width: calc(100% - 15px);
    display: block;
    height: 100%;
    position: relative;
    border: 1px solid rgba(255, 140, 48, 0);
    padding: 40px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(82, 57, 38, 0.29);
    -moz-box-shadow: 0px 0px 14px 0px rgba(82, 57, 38, 0.29);
    box-shadow: 0px 0px 14px 0px rgba(82, 57, 38, 0.29);
}

.no-account:hover {
    border: 1px solid rgba(255, 140, 48, 1);
    -webkit-box-shadow: 0px 0px 0px 0px rgba(82, 57, 38, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(82, 57, 38, 0);
    box-shadow: 0px 0px 0px 0px rgba(82, 57, 38, 0);
}

.no-account h3 {
    float: left;
    width: 100%;
    display: block;
    line-height: 1.2;
    font-size: 30px;
    text-transform: uppercase;
    color: #1b1b1b;
    margin: -5px 0 17px 0;
}

.no-account p {
    font-size: 16px;
    line-height: 28px;
    clear: both;
    margin: 0px;
}

.no-account a.cta-button {
    position: absolute;
    bottom: 40px;
}



/* modals */
.dg-backdrop {
    z-index: 99999 !important;
}

.dg-container {
    z-index: 99999 !important;
}

.dg-container .dg-main-content {
    border-radius: 0px;
    padding: 25px;
}

.dg-container .dg-main-content .dg-view-wrapper .dg-content-body {
    float: left;
    width: 100%;
    border: none;
    padding: 0 0 0 0;
    display: block;
    margin-bottom: 25px;
}

.dg-container .dg-main-content .dg-view-wrapper .dg-content-body .dg-content {
    float: left;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0px;
    color: #1b1b1b;
    margin: -5px 0 -5px 0;
    font-family: 'halis_gr', sans-serif;
    text-align: center;
    line-height: 1.6;
}

.dg-container .dg-main-content .dg-view-wrapper .dg-content-footer {
    clear: both;
    display: block;
    padding: 0px;
}

.dg-container .dg-main-content .dg-view-wrapper .dg-content-footer button {
    width: 48%;
    max-width: 168px;
}

.dg-container .dg-main-content .dg-view-wrapper .dg-content-footer button:first-of-type {
    float: left;
}

.dg-container .dg-main-content .dg-view-wrapper .dg-content-footer button:last-of-type {
    float: right;
}

.dg-container .dg-main-content .dg-view-wrapper .dg-content-footer button span {
    font-weight: 800;
}

.how-it-works-container .content,
.for-those-content .content,
.form-container-main form p.sales-content {
    color: rgba(255, 255, 255, 0.8);
}

.form-container-main form p.recruiter-trial {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    margin-bottom: 30px;
}

.form-container-main form p input.cta-button.orange-border.orange-overwrite {
    border: solid 2px #ff8c30;
    background: #ff8c30;
    color: #1b1b1b;
	margin-top:20px;
}

.form-container-main form p input.cta-button.orange-border.orange-overwrite:hover {
	color:#1b1b1b;
	background:#ffffff;
	border-color:#ffffff;
}

.form-group.text-only ul.checklist.with-button {
    float: left;
    width: 100%;
}

.form-group.text-only ul.checklist.with-button li {
    width: 100% !important;
    margin: 0 0px 20px 0 !important;
}

.form-group.text-only ul.checklist.with-button li span {
    position: relative;
    width: 100%;
    padding-right: 230px;
}

.form-group.text-only ul.checklist.with-button li span button {
    position: absolute;
    right: 0px;
    top: 0px;
    width: auto;
    text-transform: uppercase;
    font-family: 'Neue Helvetica W01', sans-serif;
    font-size: 12px;
    font-weight: 800;
    height: 30px;
    padding: 0 10px;
    line-height: 1;
    background: #1b1b1b;
    border: none;
    color: #ffffff;
}

.form-group.text-only ul.checklist.with-button li span button:hover {
	background:#3b3b3b;
}


/* new styling */
.cv-templates-selector-container {
    clear: both;
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0px;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

.cv-templates-selector-container .job-block-avail {
    flex: 1;
    padding-right: 0px;
    margin-bottom: 0px;
    max-width: 31%;
    background: #f5f5f5;
    padding: 15px;
    position: relative;
    padding-bottom: 51px;
}

.cv-templates-selector-container .job-block-avail:hover {
    background: rgb(233 233 233);
}

.cv-templates-selector-container .job-block-avail.checked {
    background: rgb(255 140 48 / 15%);
}


.cv-templates-selector-container .job-block-avail:before, .cv-templates-selector-container .job-block-avail > img {
    float: left;
    position: relative;
    width: 100%;
    height: 370px;
    background-color: #ffffff !important;
    margin-bottom: 15px;
    background-repeat: no-repeat !important;
    object-fit: contain;
}



.cv-templates-selector-container .job-block-avail.checked:before {
    background-color: #ffeee0 !important;
    background-blend-mode: multiply;
}


.cv-templates-selector-container .job-block-avail input {
    display: none;
}

.cv-templates-selector-container .job-block-avail label {
    font-size: 16px;
    color: #1b1b1b;
    float: left;
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: end;
    align-content: end;
    height: auto;
    min-height: 36px;
    padding-left: 67px;
    position: relative;
    font-family: 'halis_gr', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.06em;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    padding-bottom: 21px;
}



.cv-templates-selector-container .job-block-avail.checked label:hover {
	color:#1b1b1b;
	pointever-events:none;
}

.cv-templates-selector-container .job-block-avail label:before {
    content: "\f00c";
    position: absolute;
    left: 15px;
    width: 36px;
    height: 36px;
    background: #ffffff;
    text-align: center;
    line-height: 0.8;
    font-size: 14px;
    padding: 12px 0;
    color: transparent;
    border: 1px solid #cccccc;
    bottom: 15px;
}


.cv-templates-selector-container .job-block-avail.checked label:before {
    color: #1b1b1b;
    background: #ff8c30;
border: 1px solid #ff8c30;
}

.cv-templates-selector-container .job-block-avail label > span {
	display:none;
}

.cv-templates-selector-container .job-block-avail label > span.text {
	display:block;
}

.form-container.step-5 .form-contents {
    clear: both;
    float: left;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-bottom: 0px;
    display: flex;
    flex-wrap: wrap;
}

.form-container.step-5 .form-arrows-bottom .col-xs-12 {
    margin-top: 30px;
}

.form-container.step-5 .form-contents .fill-red.cta-button {
    width: 100%;
}


.form-container.step-9 .form-contents .col-xs-9 {
    flex: 1;
}


.form-container.step-9 .form-contents .col-lg-3 {
    flex: 1;
}

.register-form-main .profile-tabs .panel-default {
    float: left;
    width: 100%;
    display: flex;
    background: none;
    border: none;
    border-bottom: 1px solid rgb(105 97 91 / 18%);
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 20px;
    padding-bottom: 20px;
    justify-content: start;
    align-items: center;
    align-content: center;
}

.register-form-main .profile-tabs .panel-default .panel-heading {
    float: left;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 0px;
    color: #1b1b1b;
    margin: 0px 0;
    font-family: 'halis_gr', sans-serif;
    padding: 0px;
    background: none;
    border: none;
    width: 100%;
    margin-bottom: 0;
    flex: 1;
    padding-right: 30px;
}

.register-form-main .profile-tabs .panel-default .panel-body {
    padding: 0px;
    flex: 0;
}

.register-form-main .profile-tabs .panel-default .panel-body .col-lg-12 {
    display: flex;
    padding: 0px;
}

.register-form-main .profile-tabs .panel-default .panel-body a {
    width: auto;
    min-width: 0px;
    margin: 0 0 0 15px;
    display: flex;
    justify-content: start;
    align-content: center;
    align-items: center;
}

form.register-form-main > .container > .row > .col-lg-1,
form.register-form-main .form-container .container > .form-contents .col-lg-1 {
    width: 0%;
}

form.register-form-main .profile-tabs,
form.register-form-main .form-container .container > .form-contents .col-lg-10 {
    width: 100%;
}

.register-form-main .profile-tabs .panel-default .panel-body a:before {
    font-family: FontAwesome;
    content: "";
    float: left;
    margin-right: 8px;
}

.register-form-main .profile-tabs .panel-default.download-cv .panel-body a:first-of-type:before {
	content: "\f019";
}

.register-form-main .profile-tabs .panel-default.download-cv .panel-body a:last-of-type:before {
	    content: "\f040";
}

.register-form-main .profile-tabs .panel-default.app-download-alert .panel-body a img {
    max-height: 50px;
}

form.register-form-main .profile-tabs span {
    clear: both;
    float: left;
    width: 100%;
    display: flex;
    border-bottom: 2px solid #1b1b1b;
    flex-wrap: nowrap;
    justify-content: start;
    align-content: stretch;
    align-items: stretch;
}

form.register-form-main .profile-tabs span a {
    margin: 0px;
    flex: none;
    height: auto;
    margin: 0px;
    white-space: nowrap;
    width: auto;
    max-width: 100%;
    min-width: 0px;
    border: none;
    position: relative;
    color: #1b1b1b;
    padding: 0 15px 19px;
    background: none;
	position:relative;
}

form.register-form-main .profile-tabs span a:not(.disabled):before {
	position:absolute;
	left:0px;
	height:2px;
bottom: -2px;
width:0%;
	content:"";
	background:#ff8c30;
-webkit-transition: all 0.2s ease-in-out !important;
    -moz-transition: all 0.2s ease-in-out !important;
    -ms-transition: all 0.2s ease-in-out !important;
    -o-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
}

form.register-form-main .profile-tabs span a:hover {
	color: #1b1b1b;
}


form.register-form-main .profile-tabs span a.fill-orange {
	color:#ff8c30;
	cursor:default;
	pointer-events:none;
}

form.register-form-main .profile-tabs span a.fill-orange:before,
form.register-form-main .profile-tabs span a:hover:before {
	width:100%;
}

form.register-form-main .profile-tabs span a.disabled {
  opacity: 0.75;
  cursor: default;
}

form.register-form-main .profile-tabs {
    margin-bottom: 36px;
}

.step-4.form-container .row.form-contents,
.step-7.form-container .row.form-contents {
    display: flex;
    flex-wrap: wrap;
}


.form-container.step-4 .col-lg-3, .form-container.step-8 .col-lg-3 {
    max-width: 50%;
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    align-content: center;
}


.form-container.step-4 .col-lg-3 .form-group, .form-container.step-8 .col-lg-3 .form-group {
    flex: 1;
}

.form-container.step-4 .col-lg-3 .form-group.checkbox-basic,
.form-container.step-8 .col-lg-3 .form-group.checkbox-basic {
max-width: 140px;
    padding-left: 30px;
    margin-bottom: 0px;
}

.step-4 .form-contents .col-lg-6, .step-8 .form-contents .col-lg-6 {
    width: 50%;
    max-width: 50%;
}

.row.form-contents .form-group .float-right {
    float: right !important;
}


.step-4.form-container .row.form-contents > div.col-lg-12,
.step-7.form-container .row.form-contents > div.col-lg-12 {
    flex: 0 0 100%;
}

.step-4.form-container .row.form-contents > div.col-lg-2,
.step-7.form-container .row.form-contents > div.col-lg-2 {

}

.step-7.form-container .row.form-contents > div.col-lg-2 label {
    display: none;
}

.step-4.form-container .row.form-contents > div.col-lg-2 a.cta-button,
.step-7.form-container .row.form-contents > div.col-lg-2 a.cta-button {
    float: right;
}


/* width */
.form-group textarea::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.form-group textarea::-webkit-scrollbar-track {
    background: #f5f5f5;
}

/* Handle */
.form-group textarea::-webkit-scrollbar-thumb {
    background: #1b1b1b;
    border: 2px solid #f5f5f5;
    border-radius: 7px;
}

.form-group:hover textarea::-webkit-scrollbar-thumb {
 border: 2px solid #ffffff;
}

.form-group:hover textarea::-webkit-scrollbar-track {
	background:#ffffff;
}

/* Handle on hover */
.form-group textarea::-webkit-scrollbar-thumb:hover {
  background: #ff7d14;
}

.swal-overlay {
    backdrop-filter: blur(2px);
}

.swal-modal {
    border-radius: 0px;
    padding: 35px 30px;
    box-shadow: 0 0 35px 0px rgb(27 27 27 / 13%);
}

.swal-modal .swal-icon {
    margin-top: 0px;
    margin-bottom: 35px;
}

.swal-modal .swal-title {
    clear: both;
    float: left;
    width: 100%;
    padding: 0px;
    margin: -6px 0 14px 0 !important;
    color: #1b1b1b;
    font-family: 'halis_gr', sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-size: 23px;
    line-height: 1.3;
}

.swal-modal .swal-text {
    font-size: 16px;
    font-family: 'Neue Helvetica W01', sans-serif;
    color: #69615b;
    line-height: 26px;
    font-weight: 300;
    padding: 0px;
    text-align: center;
    margin: 0px;
}

.swal-modal .swal-footer {
    clear: both;
    padding: 0px;
    margin-top: 33px;
    display: flex;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
}

.swal-modal .swal-footer .swal-button-container {
    margin: 0px;
    flex: 0;
    margin-left: 8px;
    margin-right: 8px;
}

.swal-modal .swal-footer .swal-button-container button {
    border: solid 2px #ff8c30 !important;
    background: #ff8c30 !important;
    color: #1b1b1b !important;
    min-width: 0px;
    font-family: 'Neue Helvetica W01', sans-serif;
    font-weight: 800 !important;
}

.swal-modal .swal-footer .swal-button-container button:hover {
	border: solid 2px #1b1b1b !important;
    background: #1b1b1b !important;
    color: #ff8c30 !important;
}

form.login-form-main .form-contents {
    display: flex;
    flex-wrap: wrap;
}

form.login-form-main .form-contents .col-lg-1 {
    width: 0%;
    padding: 0px;
}

form.login-form-main .form-contents .col-lg-3 {
    flex: 0;
    min-width: fit-content;
}

form.login-form-main .form-contents .col-lg-7 {
    flex: 1;
}

form.login-form-main .form-contents .field.submit-button {
    display: flex;
    flex-wrap: nowrap;
    width: auto !important;
    margin-top: 28px !important;
}

.row.form-contents.input-by-6 .field.submit-button a.cta-button:first-of-type {
		margin-right:7px;
}

.row.form-contents.input-by-6 .field.submit-button a.cta-button:last-of-type {
	margin-left:7px;
}

.account-overview .form-container .container > span > .container {
    padding: 0px;
}

.form-container.step-5 .form-group label,
.form-container.step-4 .form-group label,
.form-container.step-8 .form-group label {
    font-size: 14px;
    line-height: 0.8;
    margin-bottom: 17px;
    color: #3b3b3b;
    font-weight: 800;
    float: left;
    width: 100%;
}

.form-container.step-9 .col-lg-9, .form-container.step-4 .col-lg-9, .form-container.step-8 .col-lg-9 {
    max-width: 50%;
}
.form-container.step-5 .container .form-contents .col-lg-10,
.form-container.step-6 .container .form-contents .col-lg-10 {
    max-width: 83.33333333%;
}

.form-container.step-5 .form-contents .input-group,
.form-container.step-9 .form-contents .input-group,
.form-container.step-4 .form-contents .input-group,
.form-container.step-8 .form-contents .input-group  {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.form-container.step-9 .row.form-contents,
.form-container.step-4 .row.form-contents,
.form-container.step-8 .row.form-contents {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

.form-container.step-5 .form-contents .input-group .input-group-between,
.form-container.step-9 .form-contents .input-group .input-group-between,
.form-container.step-4 .form-contents .input-group .input-group-between,
.form-container.step-8 .form-contents .input-group .input-group-between {
    margin: 0 10px;
}

.step-4 .form-group.checkbox-basic.small span.help {
    padding-left: 0px;
}

.form-group.flex-checkbox.checkbox-basic.small span {
    display: flex;
    flex-wrap: wrap;
    min-height: 36px;
    padding-top: 0px;
    align-items: center;
    align-content: center;
}

.form-container.step-8 .form-group.checkbox-basic label {
    margin-bottom: 0px;
}

.step-8 .form-contents .col-lg-6.reference {
	width:50%;
	max-width:50%;
}

.form-group.toggle.w-dropdown label {
    margin: 0px !important;
}

.no-transition, .container, .container-fluid, .row, .col-xs-12, .col-xs-0, .profile-tabs, .dg-backdrop, .dg-container, .dg-container  .dg-main-content, .dg-container .dg-content-cont, .form-container .form-contents .panel-default>.panel-heading .heading-toolbar a i , .form-container .form-contents .panel-default>.panel-heading .heading-toolbar a i:before, .form-group .upload .input-group:hover .input-group-btn button.btn:before, .register-form-main .profile-tabs .panel-default .panel-body a:before,
form.register-form-main .profile-tabs span, .register-form-main .profile-tabs .panel-default, form{
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.dob-container {
    float: left;
    display: flex;
    width: 100%;
}

.dob-container > select {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    border-left: 1px solid white;
    border-right: 1px solid white;
}

.dob-container > select:nth-child(2) {
  min-width: fit-content;
}


/* NEW RB Changes */

.form-container .title-container .step__number {
    float: left;
    width: 100%;
    position: relative;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1;
    letter-spacing: -0.02em;
    color: #1B1B1B;
    margin-bottom: 15px;
}

.form-container .title-container .step__title {
    margin: 0;
    float: left;
    width: 100%;
    position: relative;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 1;
    letter-spacing: -0.02em;
    color: #1B1B1B;
    font-weight: 700;
}

.form-container.register .clear-both {
    clear: both;
}

.form-container.register .progress {
    height: 15px;
    background: rgba(255, 125, 20, 0.10);
}

.form-container.register .progress .progress-bar.progress-bar-striped.bg-warning {
    background: #FF7D14;
}

.form-container.register .form-group > label {
    text-transform: none;
    font-family: 'halis_gr', sans-serif;
    font-size: 18px;
    letter-spacing: -0.02em;
}

.form-container.register .form-group input,
.form-container.register .form-group select,
.form-container.register .form-group textarea {
    background: #F1F4F9;
    border: solid 1px #B2C2DD;
    border-radius: 6px;
}

.form-container.register .form-group {
    margin-bottom: 30px;
}

.form-container.register .form-arrows-bottom .cta-button,
.form-container.register .form-group .cta-button {
    background: #333333;
    border-color: #333333;
    color: #fff;
    border-radius: 6px;
    font-size: 16px;
    letter-spacing: -0.02em;
    font-weight: 700;
    min-width: 140px;
    padding: 15px 20px;
    font-family: 'halis_gr', sans-serif;
}

.form-container.register .form-arrows-bottom .cta-button:hover,
.form-container.register .form-group .cta-button:hover {
    background: #FF7D14;
    border-color: #FF7D14;
    color: #fff;
}

.form-container.register .form-group > label > i {
    color: red;
    font-style: normal;
}

.form-container.register.step-2 .title-container {
    margin-bottom: 26px;
}

.form-container.register .form-contents .content-col {
    font-size: 16px;
    margin-bottom: 25px;
}

.form-container.register .form-contents .content-col p {
    line-height: 30px;
    margin: 0 0 10px 0;
}

.form-container.register .form-contents .content-col > :last-child {
    margin: 0;
}

.form-container.register .form-contents.select-menu .content-col {
    margin-bottom: 30px;
}

.form-container.register .form-group.search-bar-container {
    position: relative;
}

.form-container.register .form-group.search-bar-container > input {
    font-size: 18px;
    height: 56px;
    padding: 12px 55px 12px 24px;
}

.form-container.register .form-group.search-bar-container .icon-container {
    position: absolute;
    right: 24px;
    top: 18px;
    width: 16px;
    height: 16px;
}

.form-container.register .form-group.search-bar-container .icon-container svg {
    line-height: 1;
    width: 100%;
    height: 100%;
}

.form-container.register .title-container {
    margin-bottom: 40px;
}

.form-container.register .custom_radio_styles,
.form-container.register .custom_checkbox_styles {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.form-container.register .custom_radio_styles > label,
.form-container.register .custom_checkbox_styles > label {
    float: left;
}

.form-container.register .custom_radio_styles > label > input[type="radio"],
.form-container.register .custom_checkbox_styles > label > input[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.form-container.register .custom_radio_styles > label > span,
.form-container.register .custom_checkbox_styles > label > span {
    float: left;
    width: auto;
    padding: 9px 22px;
    border: solid 1px #333333;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 500;
    color: #333333;
    line-height: 23px;
}

.form-container.register .custom_checkbox_styles > label > span {
    padding-left: 44px;
    padding-right: 18px;
    position: relative;
}

.form-container.register .custom_checkbox_styles > label > span:before {
    content: '';
    position: absolute;
    left: 12px;
    width: 22px;
    height: 22px;
    border-radius: 3px;
    border: solid 1px #ccc;
}

.form-container.register .custom_radio_styles > label input:checked ~ span,
.form-container.register .custom_radio_styles > label.active span {
    background: #FF7D14;
    border-color: #FF7D14;
    color: #fff;
}

.form-container.register .custom_checkbox_styles > label input:checked ~ span:before,
.form-container.register .custom_checkbox_styles > label.active span:before {
    border-color: #333333;
    background: url(/assets/img/check.svg) no-repeat center center #333333;
    background-size: 16px;
}

.form-container.register .form-contents .content-col > h4 {
    float: left;
    width: 100%;
    position: relative;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 1;
    letter-spacing: -0.02em;
    color: #1B1B1B;
    font-weight: 700;
}

.form-container.register .form-group .dob_select,
.form-container.register .form-group .file_upload_select {
    float: left;
    width: 100%;
    position: relative;
    background: #F1F4F9;
    border-radius: 6px;
    border: none;
}

.form-container.register .form-group .dob_select select,
.form-container.register .form-group .file_upload_select select {
    background: none;
    position: relative;
    z-index: 2;
}

.form-container.register .form-group .dob_select:after,
.form-container.register .form-group .file_upload_select:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 15px;
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 1;
}

.form-container.register .form-group .file_upload_field {
    float: left;
    width: 100%;
    position: relative;
}

.form-container.register .form-group .file_upload_select ~ .file_upload_field {
    margin-top: 15px;
}

.form-container.register .form-group .upload .input-group:hover input {
    background: #F1F4F9;
}

.form-container.register .uploads_list_table {
    float: left;
    width: 100%;
    position: relative;
}

.form-container.register .uploads_list_table > .form-group.upload_row:last-of-type {
    margin-bottom: 0;
}

.form-container.register .form-contents .content-col.mb-40 {
    margin-bottom: 40px;
}

.form-container.register .form-contents .content-col.mb-35 {
    margin-bottom: 35px;
}

.form-container.register .form-group .upload .input-group .input-group-btn {
    top: 4px;
    right: 4px;
}

.form-container.register .form-group .upload .input-group .input-group-btn .btn {
    height: 48px !important;
    width: 48px !important;
    border-radius: 4px;
    border: none;
    background: #4E5869;
    font-size: 0px;
}

.form-container.register .form-group  .upload .input-group input {
    height: 56px;
}

.form-container.register .form-group .upload .input-group .input-group-btn .btn:before {
    background: url(/assets/img/upload-arrow.svg) no-repeat center center;
    background-size: 16px;
    content: '';
    width: 20px;
    height: 20px;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.form-container.register .uploads_list_table .form-group.upload_row {
    width: 49%;
    clear: none;
}

.form-container.register .uploads_list_table .form-group.upload_row:nth-child(even) {
    float: right;
}

.form-container.register .uploads_list_table .form-group.upload_row:nth-child(odd) {
    clear: both;
}

.form-container.register .form-contents .buttons-container-download {
    float: left;
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.form-container.register .form-contents .buttons-container-download a.btn {
    background: #1B1B1B;
    border-color: #1B1B1B;
    color: #fff;
    border-radius: 6px;
    font-size: 16px;
    letter-spacing: -0.02em;
    font-weight: 700;
    min-width: 140px;
    padding: 15px 20px;
    font-family: 'halis_gr', sans-serif;
}

.form-container.register .form-contents .buttons-container-download a.btn:hover {
    background: #FF7D14;
    border-color: #FF7D14;
    color: #fff;
}

.form-container.register .form-contents .buttons-container-download a.btn .btn-icon {
    float: left;
    width: 24px;
    height: 24px;
    margin: 0 12px 0 0;
    position: relative;
    top: -4px;
}

.form-container.register .form-contents .buttons-container-download a.btn .btn-icon.apple-icon {
    background: url(/assets/img/ios-icon.png) no-repeat center center;
    background-size: contain;
}

.form-container.register .form-contents .buttons-container-download a.btn .btn-icon.android {
    background: url(/assets/img/android-icon.png) no-repeat center center;
    background-size: contain;
}

.form-container.register .form-contents .buttons-container-download a.btn.apple {
    background: #1D81F3;
    border-color: #1D81F3;
}

.form-container.register .form-contents .buttons-container-download a.btn.apple:hover {
    background: #333;
    border-color: #333;
}

.form-container.register .form-contents .content-col > .benefit-panels {
    margin-bottom: 20px;
    margin-top: 30px;
    float: left;
    width: 100%;
}

.form-container.register .form-contents .content-col > .benefit-panels .panel {
    border: solid 1px rgba(78, 88, 105, 0.4);
    border-radius: 5px;
    padding: 25px;
    margin: 0 0 15px 0;
}

.form-container.register .form-contents .content-col > .benefit-panels .panel:last-of-type {
    margin: 0;
}

.form-container.register .form-contents .content-col > .benefit-panels .panel .panel-body {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 0;
}

.form-container.register .form-contents .content-col > .benefit-panels .panel .panel-body .panel-icon {
    float: left;
    width: 60px;
    height: 60px;
    min-width: 60px;
    background: #FF7D14;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    padding: 14px;
    margin-right: 23px;
}

.form-container.register .form-contents .content-col > .benefit-panels .panel .panel-body .panel-icon svg {
    fill: #452409;
    stroke: #452409;
    float: left;
    width: 100%;
    height: 100%;
}

.form-container.register .form-contents .content-col > .benefit-panels .panel .panel-body .panel-content {
    float: left;
    width: 100%;
    position: relative;
    font-size: 16px;
    color: #4E5869;
}

.form-container.register .form-contents .content-col > .benefit-panels .panel .panel-body .panel-content p {
    line-height: 30px;
}

.form-container.register .form-contents .content-col > .benefit-panels .panel .panel-body .panel-content h5 {
    margin: 0 0 8px 0;
    letter-spacing: -0.02em;
    color: #1b1b1b;
    font-size: 20px;
    line-height: 30px;
    margin-top: -6px;
}

.form-container.register .form-contents .content-col > .benefit-panels .panel .panel-body .panel-content > :last-child {
    margin-bottom: -7px;
}

.form-container.register .form-contents a.btn.view-profile-link {
    background: #65C88C;
    border-color: #65C88C;
    color: #fff;
    border-radius: 6px;
    font-size: 16px;
    letter-spacing: -0.02em;
    font-weight: 700;
    min-width: 140px;
    padding: 15px 28px;
    font-family: 'halis_gr', sans-serif;
    text-shadow: none !important;
    float: none;
    display: table;
    margin: 0 auto;
}

.form-container.register .form-contents a.btn.view-profile-link:hover {
    background: #1B1B1B;
    border-color: #1B1B1B;
    color: #fff;
}

.form-container.register.step-4 .title-container,
.form-container.register.step-5 .title-container,
.form-container.register.step-6 .title-container,
.form-container.register.step-7 .title-container,
.form-container.register.step-8 .title-container,
.form-container.register.step-9 .title-container,
.form-container.register.step-10 .title-container,
.form-container.register.step-11 .title-container {
    margin-bottom: 32px;
}

.form-container.register .form-group .dob-container {
    gap: 8px;
}

.register__dynamic-content {
    padding-left: 30px!important;
}

.container-fluid.form-container.register > .container > .row {
    display: flex;
    flex-wrap: wrap;
}

.register__static-sidebar {
    background: none;
}

.register__static-sidebar > .register__static-sidebar-inner {
    background: #1B1B1B;
    display: flex;
    flex-direction: column;
    padding: 40px;
    height: 100%;
}

.register__static-sidebar > .register__static-sidebar-inner > img {
    max-height: 36px;
    width: auto !important;
    object-fit: contain;
    object-position: left center;
    margin-bottom: 60px;
}

.register__static-sidebar > .register__static-sidebar-inner > p:first-of-type {
    padding: 8px 0 6px 0;
    border-top: solid 2px #fff;
    border-bottom: solid 2px #fff;
    font-family: 'halis_gr', sans-serif;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    font-weight: 600;
}

.register__static-sidebar > .register__static-sidebar-inner > a {
    margin-top: auto;
    align-self: flex-start;
    color: #fff;
}

.register__static-sidebar > .register__static-sidebar-inner > a > b {
    text-decoration: underline;
    color: #fff;
}

.register__static-sidebar > .register__static-sidebar-inner > a:hover {
    color: #ff7d14;
}

.register__static-sidebar > .register__static-sidebar-inner > a:hover > b {
    color: #ff7d14;
}

.register__static-sidebar > .register__static-sidebar-inner > h2 {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.02em;
    margin-bottom: 15px;
}

.form-container .register__dynamic-content .form-contents {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
}

.register__dynamic-content .form-group.other-qualification {
    margin-top: 20px !important;
}


.btn-app {
    height: 50px;
    float: left;
    display: flex;
    align-items: center;
    border-radius: 5px;
    justify-content: center;
    font-family: 'halis_gr', sans-serif;
    text-transform: uppercase;
	gap:12px;
	position:relative;
	padding-left:20px;
	padding-right:24px;
	color:#ffffff;
	letter-spacing:-0.02em;
	line-height:0.8;
	font-weight: 600;
    font-size: 14px;
}

.btn-app:before {
	content:"";
	float:left;
	min-width:24px;
	height:24px;
	display:block;
}

.btn-app.ios {
	background:#1D81F3;
}


.btn-app.android {
	background:#1B1B1B;
}

.btn-app.ios:hover {
	color:#ffffff;
	background:#1372dd;
}


.btn-app.android:hover {
	color:#ffffff;
	background:#000000;
}

.btn-app.ios:before {
	background:url(../img/app-store-icon.png) center center no-repeat;
	background-size:contain;
}

.btn-app.android:before  {
	background:url(../img/play-store-icon.png) center center no-repeat;
	background-size:contain;
}

.tab-panel-overflow {
    clear: both;
    float: left;
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
    margin-top: 10px;
    padding-bottom: 10px;
}


.tab-panel-overflow span {
    width: auto !important;
}

.account-overview .form-container .container > span > .container {
    width: 100%;
}

/* width */
.tab-panel-overflow::-webkit-scrollbar {
  height:5px;
}

/* Track */
.tab-panel-overflow::-webkit-scrollbar-track {
  background: #f9f9f9;
  border-radius:10px;
}

/* Handle */
.tab-panel-overflow::-webkit-scrollbar-thumb {
  background:#1b1b1b;
  border:1px solid #f9f9f9;
   border-radius:10px;
}

/* Handle on hover */
.tab-panel-overflow::-webkit-scrollbar-thumb:hover {
  background: #ff8c30;
}

.group-toggles label {
    padding-left: 0px !important;
    min-height: unset !important;
	position:relative !important;
}


.group-toggles {
    display: flex !important;
    flex-wrap: wrap;
    gap: 30px;
    row-gap: 15px;
}
.group-toggles label {
    margin: 0px !important;
    width: auto !important;
}

.group-toggles label .toggle-inner {
    height: auto !important;
}

.group-toggles label .toggle-inner .toggle-align {
    top: auto !important;
    transform: none !important;
    min-height: 30px;
    display: flex !important;
    justify-content: start;
    align-items: center;
    padding-right: 65px !important;
}

.group-toggles label .toggle-inner .toggle-align .toggle {
    bottom: auto !important;
    top: 0px !important;
    transform: none !important;
}

.group-toggles label input[type="checkbox"] {
    display: block;
    position: absolute;
    top: -4px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
	cursor:pointer;
}

.platform-btn img{
    width: 170px;
}

.form-group.text-only ul.checklist.with-button li span .buttons button {
    position: relative;
    top: auto;
    right: auto;
}

.form-group.text-only ul.checklist.with-button li span .buttons {
    position: absolute;
    right: 0px;
    top: 0px;
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.card-upload {
    clear: both;
    float: left;
    width: 100%;
    display: flex;
    gap: 15px;
    flex-direction: row;
}

.card-upload .form-group {
    margin-bottom: 0px;
}

.card-upload .form-group label {
    min-height: 0px;
    padding-left: 0px;
}

.card-upload .form-group .upload {
    width: 100% !important;
    margin-left: 0px !important;
    margin-top: 15px !important;
}

.card-upload .form-group .upload input.form-control {
    height: 40px;
    padding: 10px 15px;
    font-size: 13px;
    padding-right: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.card-upload .form-group .upload button.btn.btn-default {
    width: 40px !important;
    height: 40px !important;
    font-size: 10px !important;
}

.card-upload .form-group .upload button.btn.btn-default:before {
    font-size: 14px;
    top: 14px;
}

.no-cards-available .form-group.toggle.w-dropdown label {
    min-height: 0px !important;
    padding-left: 0px !important;
}

.no-cards-available span.toggle-inner {
    height: auto !important;
}

.file_upload_select ~ .row.mt-20 {
    clear: both;
    padding-top: 15px;
}

.form-container.register .form-group .fil-upload-rows {
    clear: both;
    float: left;
    width: 100%;
    display: flex;
    margin-top: 15px;
	gap:15px;
}

.form-container.register .form-group .fil-upload-rows .col-sm-6 {
    padding: 0px;
    flex: 1;
}



#availability-check-modal > div {
    max-width: 750px !important;
}

#availability-check-modal > div {
    max-width: 750px !important;
    padding: 25px !important;
    overflow: hidden;
}

#availability-check-modal .form-container {
    width: 100%;
}

#availability-check-modal  .form-arrows-bottom .cta-button:first-of-type {
    background: none;
    color: #ff8c30;
}

#availability-check-modal  .form-arrows-bottom .cta-button:first-of-type:hover {
	border-color:#1b1b1b;
	color:#1b1b1b;
}

#availability-check-modal .form-container .form-contents .content {
    margin-bottom: 20px;
}
#availability-check-modal .form-container .form-contents .job-availability-container {
    height: auto;
    flex-direction: row;
}

#availability-check-modal .form-container .form-contents .job-availability-container {
    height: auto;
    flex-direction: row;
    gap: 15px;
}

#availability-check-modal .col-lg-10 {
    width: 100%;
}

#availability-check-modal .form-container .form-contents .job-availability-container .job-block-avail label {
    padding: 0px;
    width: 100%;
    height: 100%;
    border: none;
    aspect-ratio: auto;
    border-radius: 0px;
    flex-direction: column;
}

#availability-check-modal .form-container .form-contents .job-availability-container .job-block-avail label .text {
    font-size: 14px;
    line-height: 1.3;
    color: #1b1b1b;
    margin: -5px 0;
}

#availability-check-modal .form-container .form-contents .job-availability-container .job-block-avail label .label-icon {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
    border-radius: 50%;
    background-size: 52px !important;
}

#availability-check-modal .form-container .form-contents .job-availability-container .job-block-avail {
    flex: 1;
    padding: 0px;
}

#availability-check-modal .form-container .form-contents .job-availability-container .job-block-avail label .label-icon.icon-1 {
    background-color: rgb(82 182 63 / 15%);
}

#availability-check-modal .form-container .form-contents .job-availability-container .job-block-avail label .label-icon.icon-2 {
    background-color: rgb(250 182 53 / 15%);
}

#availability-check-modal .form-container .form-contents .job-availability-container .job-block-avail label .label-icon.icon-3 {
    background-color: rgb(255 66 66 / 15%);
}

.form-container .form-contents .job-availability-container .job-block-avail.checked label {
	background:none !important;
	border:none !important;
}

#availability-check-modal .form-container .form-contents .job-availability-container .job-block-avail.checked label .label-icon.icon-1  {
    background-color: rgb(82 182 63 / 100%);
}

#availability-check-modal .form-container .form-contents .job-availability-container .job-block-avail.checked label .label-icon.icon-2 {
    background-color: rgb(250 182 53 / 100%);
}

#availability-check-modal .form-container .form-contents .job-availability-container .job-block-avail.checked label .label-icon.icon-3 {
    background-color: rgb(255 66 66 / 100%);
}

#availability-check-modal .form-container .form-contents .job-availability-container .job-block-avail.checked#red label .text {
    color: red;
}
 
  #availability-check-modal .form-container .form-contents .job-availability-container .job-block-avail.checked#amber label .text {
	     color: #e3a22a;
 }
 
  #availability-check-modal .form-container .form-contents .job-availability-container .job-block-avail.checked#green label .text {
    color: #41af4a;
 }

#availability-check-modal h3 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    color: #1b1b1b;
    line-height: 1.2;
}

.vue-lb-box{width:100%}.vue-lb-container{align-items:center;background-color:rgba(0,0,0,.8);box-sizing:border-box;display:-moz-box;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;height:100%;justify-content:center;left:0;padding:10px;position:fixed;top:0;width:100%;z-index:2000;-webkit-align-items:center;-moz-box-sizing:border-box;-webkit-justify-content:center;-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center}.vue-lb-content{margin-bottom:60px;max-width:1024px;position:relative}.vue-lb-header{display:-moz-box;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;justify-content:space-between;height:40px;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify}.vue-lb-button-close{background:none;border:none;cursor:pointer;outline:none;position:relative;top:0;vertical-align:bottom;height:40px;margin-right:-10px;padding:10px;width:40px}.vue-lb-figure{margin:0;display:block;position:relative}img.vue-lb-modal-image{max-height:calc(100vh - 140px);cursor:pointer;display:block;height:auto;margin:0 auto;max-width:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.vue-lb-info{visibility:initial;position:absolute;bottom:25px;color:#fff;background-color:rgba(0,0,0,.7);height:40px;width:100%;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center}.vue-lb-footer{box-sizing:border-box;color:#fff;cursor:auto;display:-moz-box;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;justify-content:space-between;left:0;line-height:1.3;padding:5px 0;-moz-box-sizing:border-box;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify}.vue-lb-footer-info{display:block;flex:1 1 0;-webkit-flex:1 1 0;-ms-flex:1 1 0}.vue-lb-footer-count{color:hsla(0,0%,100%,.75);font-size:.85em;padding-left:1em}.vue-lb-thumbnail{bottom:10px;height:50px;padding:0 50px;text-align:center;white-space:nowrap;display:inline-block;position:relative}.vue-lb-modal-thumbnail{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.2)}.vue-lb-modal-thumbnail,.vue-lb-modal-thumbnail-active{background-position:50%;background-size:cover;border-radius:2px;cursor:pointer;display:inline-block;height:50px;margin:2px;overflow:hidden;width:50px}.vue-lb-modal-thumbnail-active{box-shadow:inset 0 0 0 2px #fff}.vue-lb-thumbnail-arrow{height:54px;width:40px;background:none;border:none;border-radius:4px;cursor:pointer;outline:none;padding:10px;position:absolute;top:50%;-webkit-touch-callout:none;user-select:none;height:50px;margin-top:-25px;width:30px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.vue-lb-thumbnail-left{left:10px}.vue-lb-thumbnail-right{right:10px}.vue-lb-arrow{background:none;border:none;border-radius:4px;cursor:pointer;outline:none;padding:10px;position:absolute;top:50%;-webkit-touch-callout:none;user-select:none;height:120px;margin-top:-60px;width:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.vue-lb-left{left:10px}.vue-lb-right{right:10px}.vue-lb-open{overflow:hidden}.vue-lb-thumbnail-wrapper{bottom:10px;height:50px;left:0;margin:0 auto;position:absolute;right:0;text-align:center;top:auto}@media (min-width:500px){.vue-lb-thumbnail-arrow{width:40px}}@media (min-width:768px){.vue-lb-arrow{width:70px}}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter,.fade-leave-to{opacity:0}.no-scroll{overflow-y:hidden}