.quiz-wrap h3,
.quiz-wrap h4,
.quiz-wrap h5,
.quiz-wrap p,
.quiz-wrap label {
    margin-block-end: 0;
	color: #fafafa;
}
.quiz-wrap label {
    margin: 0;
    line-height: 1.5;
}

.quiz-wrap .pcuh-card-content
{
 background:#28174a;	
}

.quiz-wrap .pcuh-article-card
{
  border: 1px solid #120b22;
  border-radius: 15px;	
  background:none;
}

.h3
{
    font-size: 1.9rem;
}

.answ-num {
    
    font-size: 0.95rem;
    width: auto;
}

.quiz-wrap a {   
	color: #2c69c3;
	transition:0.5s;
}
.quiz-wrap a:hover {
  color: #2c87c3;
}

.hidden {
    display: none;
}


.final-header {
    display: none;
}

.quiz-wrap input {
    outline: none;
}

.text-center {
    text-align: center;
}

.align-flex {
    display: flex;
    display: -webkit-flex;
}

.align-h-center {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
}

.align-v-center {
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.align-all {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

.height-80 {
    height: 80%;
}

.max-height {
    height: 100%;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(2rem 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-top: 7px;
    margin-bottom: 15px;
}

.form-control:focus {
    border: 1px solid #444;
}

#quiz-new {
    margin-top: 20px;
}

#btn-group-1 {
    border-top: 1px solid rgba(255, 255, 255, .15);
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    padding-top: 10px;
    padding-bottom: 10px;
}

#btn-group-2 {
    margin: 0 auto;
    width: 35.5%;
    margin-top: 30px;
}


.thank {
    display: none;  
}

.quiz-wrap {

    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.quiz-wrap > div {    
    width: 55%;
    margin: 0 auto;
}

.final-header,
.quiz-header {
    margin: 0px;    
    margin-bottom: 7px;
}
p.final-header,
p.quiz-header {    
    margin-bottom: 20px;
}

#quiz-task {
    width: 100%;
    margin: 0 auto;    
	margin-top:20px;
}

#final-slide {
    width: 100%;
    margin: 0 auto;
    height: auto;    
    border-top: 1px solid rgba(255, 255, 255, .15);
}

.text-bold {
    font-weight: 600;
}

.quiz-slide:first-child {
    display: block;
}

.custom-control {
    margin-left: 35px;
    margin-top: 28px;
    cursor: pointer;
}

.custom-control label {
    
	cursor: pointer; 
    font-size:17px;	
}

#btn-group-2,
#final-slide,
.quiz-slide {
    display: none;
}

.slide-wrap > div {
    width: 35%;
}

.slide-wrap > div:first-child {
    margin-right: 1rem;
}

.slide-wrap input {
    width: 100%;
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    cursor: pointer;
}

#quiz-next[data-active="false"] {
    background: gray;
}

#quiz-next[data-active="true"] {
    background: #f0df0e;
    background: -moz-linear-gradient(-45deg, #f0df0e 0%, #fcf958 100%);
    background: -webkit-linear-gradient(-45deg, #f0df0e 0%, #fcf958 100%);
    background: linear-gradient(135deg, #f0df0e 0%, #fcf958 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(
        startColorstr='#f0df0e',
        endColorstr='#fcf958',
        GradientType=1
    );
    color: #000;
}

#quiz-back[data-active="false"] {
    visibility: hidden;
    width: 1px;
}

#quiz-return,
#quiz-back[data-active="true"] {
    visibility: visible;
    margin-left: 1rem;
    background: #e0e0e0;
    border: #bdbdbd 1px solid;
    font-size: 1rem;
    color: #000;
    -webkit-box-shadow: 0px 7px 11px 0px rgba(50, 50, 50, 0.6);
    -moz-box-shadow: 0px 7px 11px 0px rgba(50, 50, 50, 0.6);
    box-shadow: 0px 7px 11px 0px rgba(50, 50, 50, 0.6);
}

#quiz-send[data-active="false"] {
    background: #e0e0e0;
    -webkit-box-shadow: 0px 7px 11px 0px rgba(50, 50, 50, 0.6);
    -moz-box-shadow: 0px 7px 11px 0px rgba(50, 50, 50, 0.6);
    box-shadow: 0px 7px 11px 0px rgba(50, 50, 50, 0.6);
    font-size: 1rem;
    border: none;
    color: #000;
    margin-left: 1rem;
}

#quiz-send[data-active="true"],
.btn-orange {
    background: #F9A825;
    -webkit-box-shadow: 0px 7px 11px 0px rgba(50, 50, 50, 0.6);
    -moz-box-shadow: 0px 7px 11px 0px rgba(50, 50, 50, 0.6);
    box-shadow: 0px 7px 11px 0px rgba(50, 50, 50, 0.6);
    font-size: 1rem;
    border: 1px solid #ee7b16;
    color: #000;
    margin-left: 1rem;
}

.custom-radio .custom-control-label:before,
.custom-radio:checked .custom-control-label:before {
    border-radius: 0;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-control-input,
.custom-control-label {
    display: block;
}

.custom-control-label:before {
    position: absolute;
    margin-left: -1.8rem;
    margin-top: -0.35rem;
    display: block;
    width: 1.7rem;
    height: 1.7rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    user-select: none;
    background-color: #dee2e6;
}

.custom-control-input ~ .custom-control-label:before {
    background: url(../img/checkmark-none.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1000;
}

.custom-control-input:checked ~ .custom-control-label:before {
    color: #fff;
    background-color: none;
    background: url(../img/checkmark.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1000;
}

.progress {
    border: 1px solid #6b4b32;
    width: 30%;
    margin-left: 4%;
    height: 20px;
}

.progressbar {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    transition: width .6s ease;
    background:  #F57C00;
    background: linear-gradient(
        90deg,
        #FFC247 0%,
        #FF9800 50%,
        #F57C00 100%
    );
    height: 100%;
}

label.custom-control-label[for="check_pers_data"]::before {
    display: none !important;
}

label.custom-control-label[for="check_pers_data"] {
    width: 35rem;
    font-size: 1rem;
}

.click-area {    
    width: 90%;    
	border:none;    
}

	#recommended-guides .pcuh-article-card
	{
	 margin-top:20px;	
	 margin-left:0; 
	}
	
	#recommended-guides .pcuh-articles-grid
	{
	 display:block;	
	}
	
	#recommended-guides .pcuh-card-image
	{
	 display:none;	
	}
	
	#recommended-guides .pcuh-section
	{
	 padding:0;	
	}

@media only screen and (max-device-width: 767px) {
	
    .quiz-wrap {
        width: 100%;
		align-items:flex-start;
    }

    .quiz-wrap > div {        
        width:100%;
		margin: 0 auto;
	    margin:0;
    }	

    .quiz-slide .align-flex {
        flex-wrap: wrap;
    }

    #quiz-back {
        margin-top: 0px;
    }

    #final-slide .slide-wrap.align-h-center {
        display: block;
    }

    .slide-wrap > div {
        width: 90%;
        margin: 0 auto;
    }

    .form-control {
        height: 45px;
        font-size: 1.2rem;
    }

    .slide-wrap > div:first-child {
        margin-right: auto;
    }	
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    .quiz-wrap {
        width: 92%;
    }
}


.pcuh-recom-section .pcuh-card-placeholder {
    display: none;
}

.pcuh-recom-section h3.pcuh-card-title
{
 font-size: 21px; 	
 margin-bottom:0;
}
.pcuh-recom-section p.pcuh-card-description
{
 font-size: 16px; 	
 margin-top:5px;
}


/* Quiz buttons - minimalist style */

#quiz-return,
#quiz-back[data-active="true"] {
    background: #e8edf5;
    border: 1px solid #9aa8c2;
    color: #24344d;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    transition:
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        color 0.15s ease-in-out;
}

#quiz-return:hover,
#quiz-back[data-active="true"]:hover {
    background: #dbe3f0;
    border-color: #8797b3;
    color: #1559ed;
}


/* Take the survey again */

.btn-orange {
    background: #F9A825;
    border: 1px solid #ee7b16;
    color: #000;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    transition:
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        color 0.15s ease-in-out;
}

.btn-orange:hover {
    background: #f7b83f;
    border-color: #e58a18;
    color: #000;
}