/* Radio images */

.radio-pictures [type=radio], .radio-pictures [type=checkbox] { 
  display: none;
}

.radio-pictures [type=radio]:checked + span, .radio-pictures [type=checkbox]:checked + span {
  outline: 2px solid #F5B067;
}

.radio-pictures span {
	position: relative;
	height: 100%;
	width: 100%;
	display: block;
	cursor: pointer;
	cursor: hand;
}

.radio-pictures input:checked + span:after{
	content: "\e90f";
	font-family: ambition-standard;
	position: absolute;
	top: -6px;
	left: -6px;
	z-index: 999;
	width: 30px;
	height: 30px;
	background: #F5B067;
	border-radius: 50%;
	color: #fff;
	padding: 4px 8px;
}


/* Radioboxes large */

.radio-boxes.radio-boxes-lg {
	display: block;
}

.radio-boxes.radio-boxes-lg .radio-box {
	padding: 20px 60px 20px 60px;
	text-align:left;
}

.radio-boxes.radio-boxes-lg .radio-box span {
	transform: translate(0, 18px);
	right: inherit;
	position: relative;
}

.radio-boxes.radio-boxes-lg .radio-box, .radio-boxes.radio-boxes-lg label {
	width: 100%;
	height: auto;
}

.radio-boxes.radio-boxes-lg .radio-box span:before {
    position: absolute;
    left: -40px;
    top:-6px;
}

/* Radioboxes image */

#radio-boxes-img-1 {
	background-image: url('../img/selector-imag-1.png');
}

#radio-boxes-img-2 {
	background-image: url('../img/selector-imag-2.png');
}

#radio-boxes-img-3 {
	background-image: url('../img/selector-imag-3.png');
}

.radio-boxes.radio-boxes-img {
	display: block;
}

.radio-boxes.radio-boxes-img .radio-box {
	padding: 20px 60px 20px 20%;
	text-align:left;
	background-repeat: no-repeat;
    background-position: left 30px center;
    background-size: auto 86%;
}

.radio-boxes.radio-boxes-img .radio-box span {
	transform: translate(0, 18px);
	right: inherit;
	position: relative;
}

.radio-boxes.radio-boxes-img .radio-box, .radio-boxes.radio-boxes-img label {
	width: 100%;
	height: auto;
}

.radio-boxes.radio-boxes-img .yes span:before {
	content: '';
}

/* Radio button carousel */



.carousel-caption .radio-boxes .radio-box {
	width: 150px;
    background-color: rgba(0,0,0,0.3);
    border: 1px solid #fff;
    padding: 15px;
    text-align: center;
}

@media not all and (pointer: coarse) {

.carousel-caption .radio-boxes .radio-box:hover {
    background-color: rgba(0,0,0,0.5);
}

}

.carousel-caption label  {
	margin: 0 auto;
}

.carousel-caption .radio-boxes.radio-boxes-lg .radio-box span:before {
    position: absolute;
    left: -30px;
    top:-6px;
}

/* Radioboxes default */

.warning {
	border: 1px solid #E83F44;
}

 .radio-boxes {
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

 .radio-boxes input[type="radio"], .radio-boxes input[type="checkbox"] {
	 display: none;
}

.warning {
	border: 1px solid #E83F44;
}

.radio-boxes {
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.radio-boxes input[type="radio"], .radio-boxes input[type="checkbox"] {
	display: none;
}

.radio-boxes input[type="radio"]:checked + .radio-box, .radio-boxes input[type="checkbox"]:checked + .radio-box {
	background-color: #F5B067;
}

.radio-boxes input[type="radio"]:checked + .radio-box span, .radio-boxes input[type="checkbox"]:checked + .radio-box span {
	color: white;
	/*transform: translateY(70px);*/
	transform: translateY(8px);
}

.radio-boxes input[type="radio"]:checked + .radio-box span:before, .radio-boxes input[type="checkbox"]:checked + .radio-box span:before {
	transform: translateY(0);
	opacity: 1;
}

.radio-boxes .radio-box {
	width: 150px;
	height: 100px;
	background-color: #fff;
	transition: all 250ms ease;
	will-change: transition;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	position: relative;
	font-weight: 900;
	border-radius: 6px;
}



@media not all and (pointer: coarse) {
.radio-boxes .radio-box:hover {
	background-color: #dee4ea;
}
}


 .radio-boxes .radio-box:active {
	 transform: translateY(8px);
}

.radio-boxes .radio-box span {
	position: absolute;
	transform: translate(0, 10px);
	left: 0;
	right: 0;
	transition: all 300ms ease;
	font-size: 1em;
	user-select: none;
	/* color: #F5B067; */
	text-transform: none;
}

 .radio-boxes .radio-box span:before {
	 font-size: 1.2em;
	 font-family: ambition-standard;
	 display: block;
	 /*transform: translateY(-80px);*/
	 transform: translateY(-20px);
	 opacity: 0;
	 transition: all 300ms ease-in-out;
	 font-weight: normal;
	 color: white;
}
 .radio-boxes .yes span:before {
	content: '\e90f';
}
 .radio-boxes .back-end span:before {
	content: '\e90f';
}

.radio-boxes p {
	color: #fff;
	font-weight: 400;
}

.radio-boxes p a {
	text-decoration: underline;
	font-weight: bold;
	color: #fff;
}

.radio-boxes p span:after {
	content: '\e90f';
	font-family: ambition-standard;
	color: yellow;
}

@media (max-width: 768px) {
 .radio-boxes .radio-box {
	width: 130px;
}

}

@media (max-width: 574px) {

.radio-boxes {
	display: block;
}

.radio-boxes .radio-box span {
	transform: translate(0, 10px);
}

.radio-boxes input[type="radio"]:checked + .radio-box span, .radio-boxes input[type="checkbox"]:checked + .radio-box span {
	transform: translateY(10px);
}

.radio-boxes .radio-box, .radio-boxes label {
	width: 100%;
	height: 42px;
}

.radio-boxes .radio-box span:before {
	display: inline-block;
    position: absolute;
    left: 20px;
	top: -2px;
}

}
 
.radio-boxes input[type="radio"]:checked + .radio-box span, .radio-boxes input[type="checkbox"]:checked + .radio-box span {
	color: white;
	/*transform: translateY(70px);*/
	transform: translateY(8px);
}

 .radio-boxes input[type="radio"]:checked + .radio-box span:before,  .radio-boxes input[type="checkbox"]:checked + .radio-box span:before {
	 transform: translateY(0);
	 opacity: 1;
}
 .radio-boxes .radio-box {
	 width: 150px;
	 height: 100px;
	 background-color: #fff;
	 transition: all 250ms ease;
	 will-change: transition;
	 display: inline-block;
	 text-align: center;
	 cursor: pointer;
	 position: relative;
	 font-weight: 900;
	 border-radius: 6px;
	 border: 1px solid #dee4ea;
}


 
@media not all and (pointer: coarse) {
.radio-boxes .radio-box:hover {
	background-color: #dee4ea;
}
} 
 
 .radio-boxes .radio-box:active {
	 transform: translateY(8px);
}


.radio-boxes .radio-box span:before {
	font-size: 1.2em;
	font-family: ambition-standard;
	display: block;
	/*transform: translateY(-80px);*/
	transform: translateY(-20px);
	opacity: 0;
	transition: all 300ms ease-in-out;
	font-weight: normal;
	color: white;
}

.radio-boxes .yes span:before {
	content: '\e90f';
}

.radio-boxes .back-end span:before {
	content: '\e90f';
}

.radio-boxes p {
	color: #fff;
	font-weight: 400;
}

.radio-boxes p a {
	text-decoration: underline;
	font-weight: bold;
	color: #fff;
}

.radio-boxes p span:after {
	content: '\e90f';
	font-family: ambition-standard;
	color: yellow;
}

@media (max-width: 768px) {
.radio-boxes .radio-box {
	width: 130px;
}

}

@media (max-width: 574px) {

.radio-boxes.radio-boxes-lg .radio-box {
	padding: 10px 10px 10px 60px;
}

.carousel-caption .radio-boxes.radio-boxes-lg .radio-box {
	padding: 8px;
}

.radio-boxes.radio-boxes-img .radio-box {
	padding: 10px 10px 10px 40%;
	background-position: left center;
    background-size: 34% auto;
}

.radio-boxes {
	display: block;
}

.radio-boxes .radio-box span {
    transform: translate(0, 10px);
}

.radio-boxes input[type="radio"]:checked + .radio-box span, .radio-boxes input[type="checkbox"]:checked + .radio-box span {
    transform: translateY(10px);
}

.radio-boxes .radio-box, .radio-boxes label {
	width: 100%;
	height: 42px;
}

.radio-boxes .radio-box span:before {
    display: inline-block;
    position: absolute;
    left: 20px;
    top: -2px;
}

}