.cbox {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.cbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.radiobtn {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #fff;
	border:1px solid #ccc;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.cbox:hover input ~ .radiobtn {
    background-color: #fff;
	border:1px solid #ddd;
}

/* When the radio button is checked, add a blue background */
.cbox input:checked ~ .radiobtn {
    background-color: #083f78;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiobtn:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.cbox input:checked ~ .radiobtn:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.cbox .radiobtn:after {
 	top: 7px;
	left: 7px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.fields {
	width:70%;
	margin:0 auto 10px;
	text-align:left;
	line-height:normal;
}
.contact-us .fields label {
	width:auto;
}
/*.cbox {
	margin-left:10px;
}*/


/* ///////////////////////*/
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 23px;
    width: 23px;
    background-color: #fff;
	border:1px solid #000;
	border-radius:40px;
}

/* On mouse-over, add a grey background color */
.cbox:hover input ~ .checkmark {
    border:1px solid #003da5;
}

/* When the checkbox is checked, add a blue background */
.cbox input:checked ~ .checkmark {
    background-color: #003da5;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.cbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.cbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ///////////////////////*/

select {
   -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

/* select box /////////*/
.select-box {
  position: relative;
  display: block;
  width: 100%;
  font: 18px Sofia Pro, Arial, Helvetica, sans-serif;
  color: #444e52;
  float:right;
  z-index:2;
}

.custom-select {
    padding: 10px 15px;
    font: 20px Sofia Pro, Arial, Helvetica, sans-serif;
    color: #444e52;
    padding-right: 20px;
    position: relative;
    width: 100%;
    background: url(../img/select-box-arrow.jpg) 95% 20px no-repeat;
    border: none;
    border-bottom: 1px solid #ccc;
}

.custom-select.job-application {
    color: #fff;
    font-size: 16px;
    background: url(../img/arrow-down.png) 95% 20px no-repeat;
}

/*@media (min-width: 768px) {
  .select-box {
    width: 70%;
  }
}
@media (min-width: 992px) {
  .select-box {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .select-box {
    width: 30%;
  }
}*/
.select-box__current {
  position: relative;
  cursor: pointer;
  outline: none;
}
.select-box__current:focus + .select-box__list {
  opacity: 1;
  -webkit-animation-name: none;
          animation-name: none;
}
.select-box__current:focus + .select-box__list .select-box__option {
  cursor: pointer;
}
.select-box__current:focus .select-box__icon {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.select-box__icon {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height:10px;
  transition: 0.2s ease;
}
.select-box__value {
  display: flex;
}
.select-box__input {
  display: none;
}
.select-box__input:checked + .select-box__input-text {
  display: block;
}
.select-box__input-text {
  display: none;
  width: 100%;
  margin: 0;
  padding: 8px 35px 8px 15px;
  background-color: #fff;
  /*border:1px solid #4cbfe0;*/
  border-bottom:1px solid #ccc;
}
.select-box__list {
  position: absolute;
  width: 100%;
  padding: 0;
  margin:0;
  z-index:9;
  list-style: none;
  opacity: 0;
  -webkit-animation-name: HideList;
          animation-name: HideList;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: step-start;
          animation-timing-function: step-start;
   -webkit-box-shadow: 0px 5px 8px -1px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 5px 8px -1px rgba(0,0,0,0.16);
box-shadow: 0px 5px 8px -1px rgba(0,0,0,0.16);
}
.select-box__option {
  display: block;
  padding: 15px;
  background-color: #fff;
  z-index:9999;
}
.select-box__option:hover, .select-box__option:focus {
  color: #fff;
  background-color: #2e88ba;
}


@-webkit-keyframes HideList {
  from {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  to {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}

@keyframes HideList {
  from {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  to {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}

.filter-bar .select-box ul li {
	margin:0;
	display:block;
}



/* File Upload Input CSS */
.upload-file-input {
    overflow: hidden;
    position: relative;
    padding-left: 70px;
    font: 20px Sofia Pro, Arial, Helvetica, sans-serif;
    display: block;
    margin-bottom: 30px;
}

.upload-file-input input[type=file] {
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    cursor: pointer;
}

.upload-file-input::after {
    background: url(../img/attachement.png) no-repeat left top;
    width: 48px;
    height: 22px;
    position: absolute;
    left: 0px;
    top: 2px;
    content: '';
    cursor: pointer;
}

.custom-file-input {
  height:28px;
  margin:10px auto;
  line-height:inherit;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
  width:360px;
   background:
}
.custom-file-input:focus {
	border:none;
	outline:none;
}
.custom-file-input::after {
	background: url(../img/attachement.png) no-repeat left top;
	width:48px;
	height:22px;
	position:absolute;
	left:-40px;
	top:19px;
	content:'';
	cursor:pointer;
}
.custom-file-input::before {
  content: 'Add attached document (Word, PDF, Max 300 Ko)*';
  color:#fff;
  font:20px Sofia Pro, Arial, Helvetica, sans-serif;
  display: inline-block;
  background:#3a5579;
  border: none;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
}
.custom-file-input:hover::before {
 border:none;
}
.custom-file-input:active::before {
	background:none;
	border:none;
}