/*fancyform*/
.form-group-options{
	margin: 0px 0px 0px 0px;
}
.form-group{
	margin: 0px 0px 0px 0px; font-size: 1em;
}

input.form-control,
select.form-control,
textarea.form-control{
    border:1px solid #ffffff; /*letter-spacing: 1px;*/ border-radius: 0px;
    font-size: 1em; color: #000000; background: none; line-height: 20px;
	margin: 0px 0px 0px 0px; height: 30px;
	padding: 0px 0px 0px 5px;  line-height: 30px; background: #ffffff!important;
}
textarea.form-control{
    height: 70px;
}
input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus{
	border:1px solid #ffffff; color: #000000; background: #ffffff!important;
    box-shadow: none;
}
.form-group.row{
    padding-bottom: 5px;
	display: flex; flex-wrap:nowrap; border-bottom: 1px solid #b0b0b0; align-items: flex-end;
	margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px!important;
}
.form-group.row label{
    position: relative; top:0px; font-size: 14px; float: left; left: 0px;width: 100%;
	margin: 0px!important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active ,
select:-webkit-autofill,
select:-webkit-autofill:hover, 
select:-webkit-autofill:focus, 
select:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
}
input:-webkit-autofill {
    -webkit-text-fill-color: #000000 !important;
}

input.form-control::placeholder,
input.form-control:-ms-input-placeholder,
input.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #999999;
  opacity: 1; /* Firefox */
}

.btn-group .btn-default{
	border:0px!important; border-bottom: 1px solid #000000!important;
}
.has-error.form-control,
.has-error .form-control{
	border:1px solid #F83470 !important;
}
.form-group.has-error pre{
    display: none!important;
}

.fancyFormForm{
    position: relative; float: left; width: 100%;
}
.fancyForm_nextitem.btn-prev-step{
    color: #000000;
	background:#ffffff!important;
	border:0px solid #000000!important;
}
.fancyForm_nextitem.btn-prev-step{
	border:1px solid #000000!important;
}
.fancyForm_nextitem.btn-prev-step span{
	color:#000000!important;
}
.fancyForm_nextitem.btn-prev-step:hover{
	 border:1px solid #000000!important;
	background:#000000!important;
}
.fancyForm_nextitem.btn-prev-step:hover span{
    color: #ffffff!important;
}
.fancyForm_nextitem.btn-prev-step,
.fancyForm_nextitem.btn-next-step,
.fancyForm_nextitem.btn-final-step{
    width: 100%; float: left;
}

.fancyFormFieldGroup{
    display: none;
}
.fancyFormFieldGroup.active{
    display: block; padding: 15px; background: #FaFaFa; border-radius: 15px; margin-top: 15px;
}
.page-block.fancyform{
    float: left; width: 100%;
    border-radius: 0px; margin: 0px 0px;
    grid-column:span 8;
}
.page-block.fancyform .page-block-caption{
	background: none;
}
.page-block.fancyform .page-block-caption .page-block-ttl h2,
.page-block.fancyform .page-block-caption .page-block-txt p,
.page-block.fancyform .page-block-caption .page-block-link{
}
.page-block.fancyform .page-block-caption .page-block-ttl h2{
}
.page-block.fancyform .page-block-caption .page-block-txt p{
}
.page-block.fancyform .btn-primary{
    margin-top: 0px; width: 100%; font-family: headfont; color: #ffffff; font-size: 1em; background: #000000;
}

.page-block-module.page-block-fancyform{
    padding: 0px 0px 0px 0px;
}
.page-block-module.page-block-fancyform .fancyformcarousel{
    width: 100%; margin: 0px;
}
.fancyformItem{
	padding: 0px 15px;
}
.fancyformItem.carousel-item{
	transition: -webkit-transform .6s ease-in-out!important;
    transition: transform .6s ease-in-out!important;
    transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out!important;
}
.fancyformNr{
    position: absolute;
    background: #542D00; color: #ffffff; border-radius: 50%; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 16px; float: left; margin: 15px 10px 10px 0px; 
    
}
.form-group .fancyformNr{
    display: none;
}
.form-group.row label.fancyformLabel{
    margin: 0px 0px 0px 0px!important; float: left; color: #000000; padding: 0px!important;
	/*font-weight: 600;*/ font-family: headfont; text-transform: uppercase; font-size: 0.8em; line-height: 30px;
}
.labelinfo-switch{
	font-size: 13px; float: left; width: 100%; padding-bottom: 5px;
}
.btn-group .btn{
	height:36px!important; border-radius: 15px;  min-height: 30px!important; padding: 8px 20px; line-height: 16px!important;
	margin-bottom: 0px!important;
	background: #ffffff!important; color: #A7A7A7!important;
	filter: drop-shadow(0px 0px 0px #A7A7A7);
	border:1px solid #E0E0E0!important; font-size: 13px!important;
	width: 70px!important
}
.btn-group .btn-primary::before{
	display: none;
}
.btn-group .btn.active{
	background: #54C0D3!important; color: #ffffff!important;
}


.fancySelectBtn{
    position: absolute; top: 40px; left: auto; right: 13px; z-index: 102;
}
.fancySelectBtn img{
    width: 22px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
}
.fancySelectBtn:hover img{
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fancyValueFinder{
    position: relative;
    z-index: 101;
}
.fancy_containerlist{
    position: absolute; 
    z-index: 100;
    top: 34px; left: 5px; 
	border-radius: 17px; border:1px solid #191919; width: calc(100% - 10px);
    padding: 40px 0px 15px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
    height: auto; max-height: 0px;
    overflow: hidden;
    opacity: 0; pointer-events: none;
}
.carousel-inner .fancy_containerlist{
    position: relative;
    top: 0px; left: 0px;  width: 100%; margin-top: -40px;
}
.fancyValueSelected{
    position: relative; float: left; width: 100%; margin: 5px 0px;
}
.fancyValueSelected .selected-fancyvalue{
    position: relative; float: left; width: auto; margin: 0px 3px 3px 3px; background: #919191; height: 20px; border-radius: 10px; line-height: 20px; padding: 0px 10px; color: #191919;
}
.fancyValueSelected .selected-fancyvalue a{
    text-decoration: none; padding: 0px 3px; color: #191919; /*font-weight: 600;*/ font-family: headfont;
}
.fancyValueSelected .selected-fancyvalue a:hover{
    color: #941010;
}





.fancy_containerlist.activeList{
	border-radius: 17px; border:1px solid #ffffff;
    padding: 40px 0px 15px;
    max-height: 400px;
    background: #000000;
    opacity: 1; pointer-events: all;
}

.fancySelectOption{
    display: none; padding: 4px 15px;
}
.fancySelectOption:hover{
    background:rgba(72,72,72,0.5);;
}
.fancySelectOption.activeFancyOption{
    display: block;
}
.fancySelectOption.activeFancyOption a:hover,
.fancySelectOption.activeFancyOption:hover a:hover,
.fancySelectOption.activeFancyOption:hover a{
    color: #94D1C4;
}


.fancyFormFieldGroup .fancyFormField{
	margin: 5px 0px;
}

.form-group .labelinfo p{
	color: #94D1C4; font-size: 13px;
}

.mini-fancyformLabel{
}
.fancyFormField{
    margin: 0px 0px 0px 0px; float: left; width: 100%;
}
.fancyFormField h3{
    margin: 0px 0px 10px 0px; padding: 0px; font-size: 12px; color: #F83470;
}
.fancyFormField .btn-primary.active{
}
.fancyFormOption{
    margin: 0px 0px 0px 0px; float: left; width: 100%;
}
.fancyFormOption input{ 
    margin: 5px 0px 0px 6px; float: left;
}
.fancyFormOption span{ 
    font-size: 12px;
    color: #ABABAB;
    margin: 5px 0px 0px 10px; float: left;
}
.fancyFormBottom{
    margin: 45px 0px 45px -15px; float: left; width: calc(100% + 30px);
	display: flex; flex-wrap: nowrap;
}
.fancyFormBottom.fancyFormBottomAfterSubmit{
    margin: 0px 0px 45px 0px; width: calc(100%);
}
.fancyFormBottom.fancyFormBottomAfterSubmit{
    margin: 0px 0px 45px 0px; width: calc(100%);
}
.fancyFormBottom .btn-prev-step{
	order: 1;
}
.fancyFormBottom .btn-next-step{
	background: #000000!important; order: 2;
}



.fancyFormBottom.fancyFormBottomAfterSubmit .btn-next-step{
	background: #838383!important; order: 2;
}
.fancyFormBottom.fancyFormBottomAfterSubmit .btn-prev-step{
	background: #000000!important; order: 1;
}
.fancyFormBottom.fancyFormBottomAfterSubmit .fancyForm_nextitem.btn-prev-step span{
	color: #ffffff!important;
}


.fancyFormBottom .btn-final-step{
	order: 2;
}
.fancyformLabel .glyphicon-info-sign{
    font-size: 14px; margin: 5px 10px 10px 10px; color: #F83470;
}
.fancyformItem label.error{
    width: 100%; padding: 15px 5px 0px 5px; color: #54C0D3; font-size: 18px!important; position: relative; float: left; top: 0px; left: 0px;
	display: none;
}
.fancyformItem .btn-group .btn-primary{
}

.fancy-optin{
	margin-top: 15px;
}
.fancy-optin .fancyFormField{
	margin-top: -5px;
}

.carousel-item .fancyformLabel{
   /* font-size: 24px!important; padding-left: 50px; text-transform: uppercase; display: block;*/
}
.carousel-item .fancyFormOption input{
    position: absolute; left: 0px;
}
.carousel-item .fancyFormField{
}
.carousel-item .fancyFormOption span{ 
    font-size: 12px; cursor: pointer;
    color: #000000;
    margin: 0px 0px 0px 4px; float: left;padding-left: 30px;
    line-height: 25px;
}
.fancyformItem .btn-group label.error{
    display: none!important;
}
.fancyformItem .btn-group.has-error::after{
    display: block; position: relative; float: left; width: 100%; content: 'Please make a choice';
    padding: 5px; background: #F7F7F7; color: #F83470; font-size: 12px;
}

.checklist.has-error label.error.hidden{
    display: block!important; visibility: visible!important; opacity: 1;
}


.fancyUploadLabelAndBtn{
	display: flex; justify-content: center; width: 100%!important; padding: 15px 0px;
    background: #f0f0f0;
}
.form-group.row .fancyUploadLabelAndBtn label.fancyformLabel{
	width: auto!important; padding-right: 15px!important;
}

.fancyFormField .btn-upload{
    background-color: #000000!important;
	color: #ffffff!important; 
	padding: 0px 15px 0px 45px; line-height: 34px; font-size: 1em;
    font-family: headfont; width: 100%!important; height: 30px; position: relative;
}
.fancyFormField .btn-upload::before{
    position: absolute; top: 5px; left: 5px; width: 30px; height: 20px;  position: absolute;  display: block; line-height: 20px!important;
    -webkit-font-smoothing: antialiased; text-align: center;
    font: var(--fa-font-light);   
    content: "\f093"; font-size: 1.0em;   
}
.fancyFormField .btn-upload:active,
.fancyFormField .btn-upload:hover{
    background: #F83470;
}
.fancyFormField .form-uploadfield{
    opacity: 0; height: 0px!important; padding: 0px!important; margin: 0px!important;
}
.fancyFormField .uploadpreview{
    width: 200px; display: none;
}

.uploadError{
	background: #F42E23; color: #ffffff; width: 100%; text-align: center;
	font-family: headfont; padding: 30px;
}

.toolbar a{
    background: #767676; color: #ffffff; text-transform: uppercase; padding: 3px 7px; float: left; text-decoration: none; margin-right: 5px; margin-bottom: 5px; 
}
.toolbar a:hover{
    background: #005FDD;
}

.fancyForm_nextitem{
    margin-top: 15px;
}

#fancyformProgressSteps{
    padding-right: 3px;
    position: absolute; top: 0px; left: 0px; float: right; width: 80px; height: 10px; text-transform: uppercase;
}
.fancyformProgressStepper{
    position: relative; float: left;  padding-right: 3px;
}
.fancyformProgressPercentage{
    position: absolute; top: 0px; left: auto; right:0px; float: right; width: 100%; height: 10px; text-align: right;
}
.fancyformProgressHolder{
    position: absolute; top: 30px; left: 0px; float: right; width: 100%; height: 10px;;
}
.fancyformProgressBar{
    position: relative; float: leftt; width: 0px; height: 8px; background: #54C0D3;
		-webkit-transition: all 1.4s ease;
		-moz-transition: all 1.4s ease;
		-o-transition: all 1.4s ease;
		transition: all 1.4s ease;
}


.fancyformItem .btn-default{
    color: #542D00!important;
	
}
.alert-success{
    text-align: center; padding: 30px; background:#ffffff; float: left; width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
} 
.alert-warning{
    background:#c08a8a;
}     
.alert-success .page-block-caption{
    padding: 0px!important;
} 
.page-block.fancyform  .alert-success .page-block-caption .page-block-ttl h2{
	color: #000000; text-align: center; margin: 30px 0px 10px 0px; line-height: 1.6em; font-size: 2.5em; font-family: headfont!important;
} 
.page-block.fancyform  .alert-success .page-block-caption .page-block-txt p{
	color: #000000; font-size: 1.2em; line-height: 1em; text-align: center; font-family: regularfont;
}  
.alert-success p a{
} 

@media(min-width:500px) {
	.alert-success{
		max-width: 450px; margin-left: calc(50% - 225px);
	} 
}
	
	
#flowfancyClose{
    position: absolute; top: 40px; left: 45px;
}
#flowfancy{
    position: fixed; width: 100%; max-width: 500px; height: 100vh; background: #54C0D3; top: 0px; left: auto; right: -500px; overflow: scroll; z-index: 2000; padding: 60px 0px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
} 
#flowfancy.active{
    right: 0px;
}
#flowfancy .page-block{
    background: none;
}
.fancyformStepCarousel{
    padding: 0px 0px;
}
.fancyformStepCarousel .fancyformNr{
    display: none;
}
#fancyStepContainer{
    position: fixed; float: left; width: 100%; display: flex; height: 25px; left: 0px; top: 75px; z-index: 10;
    justify-content: center;
	/*border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;*/
	overflow: hidden;
}
.fancyStep{
    background: rgba(255,255,255,1); width: 100%; height: 25px; line-height: 25px; text-align: center; margin: 0px 0px 0px 0px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000; 
    opacity: 1;  position: relative;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
}
.fancyStep:nth-of-type(2){
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}
.fancyStepLabel{
    position: absolute; width: 100%; font-size: 15px; left: 0px; text-align: center;
    color: #000000!important; /*font-weight: 600;*/ font-family: headfont; text-transform: uppercase;
}
.basefancyStepLabel{
	display: none;
}

.fancyStepLabel a{
    color: #838383!important; pointer-events: none;
}
.fancyStep::before{
    background: #94D1C4; content:''; display: none; position: relative; left: -25px; top: 20px; height: 1px; width: 20px;
}
.fancyStep::after{
    background: #94D1C4; content:''; display: none; position: relative; left: 45px; top: -21px; height: 1px; width: 20px;
}
.fancyStep:nth-of-type(1)::before{
    display: none!important;
}
.fancyStep:nth-of-type(3)::after{
    display: none!important;
}
.fancyStep.active{
    opacity: 1;
}
.fancyStep.active{
	background: #000000;
}
.fancyStep.active .fancyStepLabel a{
    color: #ffffff!important;
}
.fancyStep.donedeal{
    opacity: 1;
    background: rgba(148,209,196,1); 
}
.fancyStep a{
    color: #000000; text-decoration: none;
}
.fancy-step-info{
    position: relative; width: 100%; margin: 0px 0px;
}
.fancy-step-info h2{
    font-size: 40px; line-height: 27px; color: #000000; text-transform: uppercase; /*font-weight: 600;*/ font-family: headfont;
	margin: 70px 0px 45px 0px;
}
.fancy-step-info p{
	font-size: 15px; line-height: 21px; /*font-weight: 600;*/ font-family: headfont; margin-bottom: 15px;
}
.fancy-step-info ul{
	padding-left: 20px; margin-bottom: 30px;
}
.fancy-step-info li{
	font-size: 15px; line-height: 21px; font-weight: 400; margin-bottom: 10px;
}

.fancyStep.donedeal {
    opacity: 1;
    background: rgba(255,255,255,1); 
}
.fancyStep.donedeal a {
    color: #000000!important; pointer-events: all;
}
.fancyStep.donedeal a:hover {
    color: #F90D00!important; pointer-events: all;
}
.fancyStep.donedeal::after{
    display: block;
}
.fancyStep.donedeal.active {
    opacity: 1;
    background: rgba(148,209,196,0); 
}
.fancyStep.donedeal.active a {
    color: #94D1C4;
}
.fancyStep.donedeal.active::after{
    display: none;
}


#fancyStepSummary{
    position: absolute; top: 90px;
	display: none;
}
.fancyStepSummary{
	display: none;
}
.fancyStepSummary.active{
	display: block;
}
.fancyStepSummaryLabel{
    color: #919191; font-size: 10px;
}
.fancyStepSummaryValue{
    
}

.fancyformStepCarousel .carousel-item .fancyformLabel{
    /*font-family: regularfont;
font-weight: 700; font-size: 24px!important; padding-left: 0px; text-transform: none; display: block;*/
}
.fancy-column{
    padding: 0px 30px;
}
.fancy-column input.form-control,
.fancy-column select.form-control,
.fancy-column textarea.form-control{
	border:0px solid #585858!important; font-size: 14px!important; color: #000000!important; background: none!important;
    border-bottom: 0px solid #ABABAB!important;
}

.fancy-column .has-error.form-control, .fancy-column .has-error .form-control{
    border-bottom: 3px solid #ffffff!important;
}
.form-group.row.has-error label{
    /*font-weight: 600;*/ font-family: headfont; color: #F90D00!important;
}
.fancy-column textarea.form-control{
	border: 1px solid #ABABAB!important; padding: 5px 5px;
}
.msgBox-upload{
    position: relative;
    border: 1px solid #b0b0b0; width: 100%; height: 350px; padding: 15px; text-align: center;
}
.msgBox-upload a{
    color: #ffffff; text-decoration: underline;
}
.uploadpreviewContainer,
.uploadpreviewContainerBackup{
    position: absolute; top: 0px; left: 0px; width: 100%!important; height:100%; background-repeat: no-repeat; background-position: center center; background-size: contain;
	border: 30px solid #ffffff; background-color:#ffffff;
}
.uploadpreviewContainerBackup{
    display: none;
}
.uploadpreviewContainerBackup.showMe{
    display: block;
}
.uploadTxtMsg,
.currentFileText{
	background: #838383; width: 100%; z-index: 3; position: absolute; padding: 10px 15px; font-size:1em; font-family: regularfont; color: #ffffff; left: 0px; top: auto; bottom:0px;text-align: center;
}
.currentFileDelete{
	background: #838383; width: 100%; z-index: 3; position: absolute; padding: 10px 15px; font-size:1em; font-family: regularfont; color: #ffffff; left: 0px; top: 100%;text-align: center;
}
.uploadTxtMsg a{
	color: #000000;
}
.fancy-form-item{
    width: 100%; position: relative;
	position: relative; float: left; width: 100%;
}
.fancy-column .fancy-submit .form-group.row{
	padding: 0px!important; margin: 0px!important;
}

.fancy-form-item.fancy-btn p{
    font-size: 11px; color: #919191; margin-top: 15px;
}
.uploadTxtMsg a,
.currentFileText a{
	color: #000000;
}

.fancy-uploadfile1,
.fancy-uploadfile2,
.fancy-uploadfile3,
.fancy-vimeovideo{
	padding: 0px 0px; margin: 10px 0px 0px 0px;
}

.fancy-uploadfile1 .form-group.row,
.fancy-uploadfile2 .form-group.row,
.fancy-uploadfile3 .form-group.row,
.fancy-vimeovideo .form-group.row{
	border: 0px; padding: 0px!important; margin: 0px!important;
}
.progress-upload{
	position: absolute; top: 0px; left: 15px; width: calc(100% - 30px); background: #000000; margin: 0px; height: 350px;
}
.progress-upload .progress-bar{
	height: 100%; background: #F42E23;
}


.checklist{
	position: relative; width: 100%;
}

.fancy-q5{
	float: left; width: 100%;
}


@media(min-width:600px) {
    .page-block-module.page-block-fancyform .theformfields{
		width: 100%; max-width: none; display: flex; flex-direction: row; flex-wrap: wrap;
        align-items: flex-start;
    }
    .fancy-column{
        width: 50%;
    }
    .checklist{
        display: flex; flex-direction: row; flex-wrap: wrap;
    }
    .checklist .fancyFormOption{
         width: 100%;
    }
    .carousel-item .checklist .fancyFormOption{
         width: 100%; margin: 0px 0px 0px 0px;
    }
	.fancy-uploadfile1,
	.fancy-uploadfile2,
	.fancy-uploadfile3,
	.fancy-vimeovideo{
		width: 50%; float: left;
		padding: 0px 0px!important;
	}
    .msgBox-upload {
        height: 350px;
    }
	.progress-upload{
		height: 350px;
	}
}
@media(min-width:700px) {
    .page-block-module.page-block-fancyform{ 
    }
}


#form_training_container .no-login .fancy-mode #mode .fancyFormOption:nth-of-type(3){
    display: none;
}
#form_training_container .no-login .fancy-buddies{
    display: none;
}



.label-chooser{
    display: none;
}
#form_password .fancy-form-item.fancy-trainer,
#form_password .fancy-form-item.fancy-user{
    display: none;
}

.pswd_info ul, .pswd_info li {
    margin:0;
    padding:0;
    list-style-type:none;
}
.pswd_info ul li {
    margin:0px 20px 0px 0px; display: block!important; padding-left: 30px;

}
.pswd_info ul li:last-child {
}
.pswd_info {
    position:absolute;
    /*bottom:-75px;
    bottom: -115px\9; /* IE Specific */
    top: auto;
    bottom: 55px;
    left:50%;
    margin-left: -125px;
    width:250px;
    padding:15px;
    background:#BEEBE1;
    font-size:12px;
    border-radius:5px;
    color: #191919;
}
.pswd_info h4 {
    margin:0 0 10px 0; font-size: 14px;
    padding:0; font-weight:600;
}
.pswd_info::before {
    content: "\25BC";
    position:absolute;
    top:auto;
    bottom:-10px;
    left:45%;
    font-size:14px;
    line-height:14px;
    color:#ffffff;
    text-shadow:none;
    display:block;
}
.invalid {
    background:url("../img/frame/error.svg") no-repeat 0 50%;
    padding-left:22px;
    line-height:24px;
    color:#941010;
}
.valid {
    background:url("../img/frame/valid.svg") no-repeat 0 50%;
    padding-left:22px;
    line-height:24px;
    color:#191919;
}

.required-note{
	display: none;
}
.fancy- .form-group.row {
	flex-wrap: wrap; border: 0px; padding: 0px!important; margin: 0px!important;
}
.theExtraFields{
	display: block; width: 100%; float: left;
    background: #f0f0f0;
}

.page-block-module .theExtraFields{
}

.fancy- .theExtraFields .form-group.row {
	flex-wrap: nowrap; border-bottom: 1px solid #000000; padding: 0px 5px 10px 5px!important; margin: 30px 0px 0px 0px!important;
}


.roundCheckbox.fancyFormOption {
  position: relative; background: #ffffff; border-radius: 15px; width: auto;
}
.roundCheckbox.fancyFormOption label.circle_text{
	line-height: 21px; color: #000000; font-size: 1em; text-transform: uppercase;font-family: regularfont; padding: 0px 0px 0px 25px;
}
.roundCheckbox.fancyFormOption label.circle_check {
	background-color: #ffffff;
	border: 1px solid #000000;
	border-radius: 0%;
	cursor: pointer;
	height: 12px;
	left: 0px;
	position: absolute;
	top: 4px;
	width: 12px;
	pointer-events: none;
}

.roundCheckbox.fancyFormOption label.circle_check:after {
  /*border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 4px;
  left: 3px;
  position: absolute;
  top: 4px;
  transform: rotate(-45deg);
  width: 8px;*/

	content: "";
	height: 6px;
	width: 6px;
	background: #000;
  position: absolute;
  left: 2px;
  top: 2px;
  opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
}


.roundCheckbox.fancyFormOption input[type="checkbox"] {
  visibility: hidden; position: absolute;
}

.roundCheckbox.fancyFormOption input[type="checkbox"]:checked + label.circle_check {
  background-color: #ffffff;
  border-color: #000000;
}
.roundCheckbox.fancyFormOption input[type="checkbox"]:checked + label.circle_text {
  color: #000000;
}

.roundCheckbox.fancyFormOption input[type="checkbox"]:checked + label.circle_check:after {
  opacity: 1;
}



.roundRadioBtn.fancyFormOption {
  position: relative; background: #ffffff; border-radius: 15px; width: auto; margin-right: 10px;
}
.roundRadioBtn.fancyFormOption label.circle_text{
	line-height: 30px; color: #000000; font-size: 0.8em!important;
	text-transform: uppercase; /*font-weight: 600;*/ font-family: headfont; padding: 0px 0px 0px 25px;
    width: auto;
}
.roundRadioBtn.fancyFormOption label.circle_check {
	background-color: #ffffff;
	border: 1px solid #000000;
	border-radius: 0%;
	cursor: pointer;
	height: 12px;
	left: 0px;
	position: absolute;
	top: 8px;
	width: 12px;
	pointer-events: none;
}

.roundRadioBtn.fancyFormOption label.circle_check:after {
  /*border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 4px;
  left: 3px;
  position: absolute;
  top: 4px;
  transform: rotate(-45deg);
  width: 8px;*/

	content: "";
	height: 6px;
	width: 6px;
	background: #000;
  position: absolute;
  left: 2px;
  top: 2px;
  opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
}

.roundRadioBtn.fancyFormOption input[type="radio"] {
  visibility: hidden; position: absolute;
}

.roundRadioBtn.fancyFormOption input[type="radio"]:checked + label.circle_check {
  background-color: #ffffff;
  border-color: #000000;
}
.roundRadioBtn.fancyFormOption input[type="radio"]:checked + label.circle_text {
  color: #000000;
}

.roundRadioBtn.fancyFormOption input[type="radio"]:checked + label.circle_check:after {
  opacity: 1;
}

#pageBlockPage .slide-min,
#pageBlockPage .slide-max{
	color: #bbbbbb; text-transform: none; padding: 1px 0px 1px 0px; margin: 0px;
	font-size: 11px; line-height: 18px; width: 50%; position: absolute; top: 50px; left: 0px; text-align: left; font-size: 11px; 
}
#pageBlockPage .slide-max{
	left: auto; right: 7px; text-align: right; 
	padding: 1px 0px 1px 5px;
}
#pageBlockPage .slider-handle {
	background: #202E38;
}
#pageBlockPage .slider_output {
	width: 100%; text-align: center; font-size: 12px; color: #202E38; line-height: 18px; position: relative; margin-top: 5px;
}
#pageBlockPage .slider.slider-horizontal .slider-track{
	height: 1px; margin: 0px;
}
#pageBlockPage .slider.slider-horizontal{
	width: 220px; margin-top: 25px; margin-left: 8px;
}
#pageBlockPage .tooltip-inner{
	background: #ffffff;
	color: #202E39; font-size: 11px;
}

#pageBlockPage .bs-tooltip-top .arrow::before{
	border-top-color: #ffffff;
}

#activeSort{
	border: 0px!important; background: #ffffff!important; height: 30px; border-radius: 15px;
	font-size: 12px!important; line-height: 34px!important; color:#484848!important;
	padding: 0px 10px!important;
}

/*.fancyFormField select.form-control{
	position: relative; background: #ffffff!important; border-radius: 15px; height: 30px;
	line-height: 34px; padding-left: 10px; color: #484848; font-size: 12px!important;
}

.fancyFormField select.form-control:after, .fancyFormField select.form-control:before {
  content: '';
  position: absolute;
  z-index: 2;
  top: 9px;
  right: 10px;
  width: 0;
  height: 0;
  border: 4px dashed;
  border-color: #888 transparent;
  pointer-events: none;
}
.fancyFormField select.form-control:before {
  border-bottom-style: solid;
  border-top: none;
}
.fancyFormField select.form-control:after {
  margin-top: 7px;
  border-top-style: solid;
  border-bottom: none;
}*/

.value-dependent-row,
.hide-field{
	display: none; width: 100%;
}
.value-dependent-row.show-field{
	display: block!important;
}


.fancy-q5 .fancyformLabel,
.fancy-gender .fancyformLabel{
	display: none;
}
#gender.checklist{
	display: flex; flex-wrap: wrap; justify-content: flex-start;
}
.fancy-column #gender.checklist{
	flex-wrap: wrap;
}
.fancy-gender .form-group.row{
	padding-bottom: 20px!important;
}

#q5{
	display: flex; justify-content: center;
}
#q5 .fancyFormOption.roundCheckbox{
	width: auto;
}
.fancy-q5 .form-group.row{
	margin-top: 45px; border: 0px!important; margin-bottom: 30px;
}


.selectlist{
	width: 100%!important;
	position: relative;
}

.selectlist select {
    color: #000000;
    width: 100%;
    height: 30px;
    font-size: 1em;
    box-shadow: none;
    outline: none;
	
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0px 0px 0px 5px;
}

.selectlist:before{
  content: '';
  position: absolute;

  top: 5px;
  right: 5px;

  height: 20px;
  width: 30px;
  text-align: center;
  line-height: 21px;
  color:#000000;
  font-size: 30px;
  pointer-events: none;
    
    background-image: url("../img/btns/arrow-down-black.svg"); background-repeat: no-repeat; background-size: 15px; background-position: center center; background-color: #ffffff;
   /* -webkit-font-smoothing: antialiased;
    font: var(--fa-font-light);   
    content: "\f0d7"; font-size: 1.5em;*/


	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
}

.selectlist:hover:before{
   
    /*background-color: #000000;
    color:#ffffff;
    content: "\f0d7"; font-size: 1.5em;*/

  }
.selectlist:hover:before{
   
   /* transform: rotate(180deg)*/


  }

/* with the :focus here, we would show grey when not using the element */
.selectlist select {
}
option{
}
option:not(:first-of-type) {
}


.inside_fancyformItem{
	position: relative; float: left; width: 100%; left: 0px; top: 0px;
}

@media(min-width:768px) {
	.fancyformItem{
		min-height: 750px; background: #ffffff;
	}
	.inside_fancyformItem{
		min-height: 750px; background: #ffffff; padding-top: 135px; padding-bottom: 90px;
		display: flex; flex-wrap: wrap; align-items: center; align-content: center;
	}
	.fancy-step-info{
		position: absolute; top: 0px; left: 0px;
	}
	#fancy_step_container3 .fancy-step-info{
		width: 40%;
	}
	#fancy_step_container3 .fancy-step-info p{
		padding: 0px 15px;
	}
	#fancy_step_container3 .fancy-step-info ul{
		padding: 0px 35px;
	}
	#fancy_step_container3 .inside_fancyformItem{
		padding-left: 40%; padding-top: 170px;
	}
	#fancy_step_container3 .inside_fancyformItem{
		padding-left: 40%; padding-top: 170px;
	}
	.msgBox-upload,
	.progress-upload{
		height: 20vh; min-height: 120px; max-height: 300px;
	}
	
	
	
	.fancy-step-info h2{
		padding: 0px 15px; align-self: flex-start;
	}
	.fancyFormBottom{
		position: absolute; top: auto; margin: 0px 0px 0px -15px; bottom: 0px; left: 0px;
	}
	.fancy-input-element{
		flex: 0 0 50%;
		float: left;
		width: 50%; padding: 0px 15px!important;
	}
	.fancy-gender,
	.fancy-q5{
		width: 100%; min-width: 100%;
		background: #ffffff;
	}
	#gender.checklist{
		width: 450px;
	}
	.fancy-q5 .form-group.row{
		margin-top: 15px;
	}
	
	.fancy-.fancy-input-element{
		flex: 0 0 100%;
		float: left;
		width: 100%;
		padding: 0px 0px!important;
	}
	.value-dependent-row.show-field{
		width: 50%; float: left; padding: 0px 15px!important;
	}
	.fancy-column .value-dependent-row.show-field{
		width: 100%; padding: 0px!important;
	}
    .page-block.fancyform{
        display: flex; justify-content: center; flex-wrap: wrap;
    }
    .page-block-module.page-block-fancyform{
        width: 100%; margin: 0px; float: left; margin:0px;
        max-width: 900px;
	}
    .detail-block .page-block-module.page-block-fancyform{
        width: 100%; margin-left: 0px;
	}
    .fancy-column{
        padding: 0px 45px;
	}
    .page-block.fancyform .page-block-caption{
    }
}
@media(min-width:900px) {
    .theformfields{
        padding: 0px 0px;
    }
	.fancy-column{
		width: 33%; padding: 0px 30px;
	}
}
@media(min-width:991px) {
	#fancyStepContainer{
		top: 90px;
	}
    .page-block.fancyform{
        width: 100%; float: left;
        grid-column:2 / span 6;
    }
	.fancyformItem{
		min-height: 750px
	}
	.inside_fancyformItem{
		min-height: 750px
	}
}
@media(min-width:1280px) {
	

    .page-block.fancyform{
        grid-column:3 / span 4;
    }
    .detail-block .page-block.fancyform{
	}
    
    .page-block-module.page-block-fancyform .theformfields{
		display: block;
    }
	.fancy-column{
		width: 50%; float: left;
	}
	#fancy_column_container3{
		width: 100%; margin: 45px 0px 0px 0px; padding: 45px 0px 0px 0px; background: #000;
	}
	#fancy_column_container3 .form-group.row label.fancyformLabel{
		color: #ffffff;
	}
	#fancy_column_container3 .fancyFormField .btn-upload{
		background-color: #000000!important; color: #ffffff!important;
	}
	
	
	
    .msgBox-upload {
    
	}
	#fancy_step_container3 .fancy-step-info{
		width: 30%;
	}
	#fancy_step_container3 .inside_fancyformItem{
		padding-left: 30%; align-content: flex-start;
	}
	.fancy-uploadfile1, .fancy-uploadfile2, .fancy-uploadfile3, .fancy-vimeovideo{
		width:25%; flex: 0 0 25%;
	}
	.fancy-q5 .form-group.row{
	}
	.progress-upload,
	.msgBox-upload{
		height: 35vh;
	}
	
}
@media(max-height:800px) {
	#fancy_step_container3 .inside_fancyformItem{
		min-height: 700px!important;
	}
	
	#fancy_step_container3 .fancyFormBottom{
		position: fixed; width: 100%; margin: 0px!important; z-index: 100;
	}
	
}
@media(min-height:800px) and  (min-width:1260px) {
	#fancy_step_container3 .inside_fancyformItem{
		padding-left: 30%; align-content: center;
	}
	#fancy_step_container3 .fancy-step-info{
		height: 100%; display: flex; align-content: center; flex-wrap: wrap;
	}
	#fancy_step_container3 .fancy-step-info h2{
		position: absolute; top:0px; left: 0px;
	}
}



.page-block.vimeoupload{
	width: 100%;
}

@media(min-width:768px) {
	.page-block.vimeoupload{
		width: 700px; padding: 0px 45px 90px 45px;
		margin-left: calc(50% - 350px); float: left;
	}
}
/* (A) WRAPPER */
#up-wrap, #up-wrap * {
  font-family: regularfont;
  box-sizing: border-box;
}
#up-wrap {
  max-width: none;
  padding: 20px;
  margin: 20px;
  background: #f1f1f1;
}
#up-wrap h2 { margin: 0 0 15px 0; }

/* (B) PROGRESS BAR */
#up-progress, #up-bar, #up-percent { height: 45px; }
#up-progress {
  position: relative;
  background: #fff;
}
#up-bar {
  background: #F42E23;
  width: 0;
  transition: width 0.5s;
}
#up-percent {
  position: absolute; top: 0; left: 0;
  width: 100%; display: flex;
  align-items: center; justify-content: center; font-family: headfont; font-size: 21px;
}

/* (C) FILE PICKER */
#up-file { display: none; }
#up-label {
  display: inline-block;
  margin-top: 20px;
  padding: 12px 20px 10px 20px;
  color: #fff;
  border: 0px solid #dfdfdf;
  background: #F42E23;
  cursor: pointer; line-height: 21px; font-size: 15px; text-transform: uppercase; font-family: headfont;
}
#up-file:disabled ~ #up-label { background: #b1b1b1; }
.hideBtn{
	display: none!important;
}
.vimeo-progress{
	position: relative; width: 100%; color: #F42E23;text-transform: uppercase; font-family: headfont;
}