@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('hght_fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),  url('hght_fonts/ProximaNova-Regular.otf')  format('opentype'),
    url('hght_fonts/ProximaNova-Regular.woff') format('woff'), url('hght_fonts/ProximaNova-Regular.ttf')  format('truetype'), url('hght_fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro-Medium';
    src: url('hght_fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),  url('hght_fonts/DINPro-Medium.otf')  format('opentype'),
    url('hght_fonts/DINPro-Medium.woff') format('woff'), url('hght_fonts/DINPro-Medium.ttf')  format('truetype'), url('hght_fonts/DINPro-Medium.svg#DINPro-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

body div#config-generated-form.mhf h1{
    font-family: DINPro-Medium;
    font-size: 25px;
    text-transform: none;
    color: #243858;
}

body div#config-generated-form.mhf h2{
    font-family: DINPro-Medium;
    font-size: 20px;
    text-transform: none;
    color: #1E9E5E;
}

body div#config-generated-form.mhf h3{
    font-family: DINPro-Medium;
    font-size: 20px;
    text-transform: uppercase;
    color: #243858;
    font-weight: normal;
}


/*MHF decoration and positioning*/
div#config-generated-form.mhf{
    font-family: ProximaNova-Regular;
    font-size: 16px;
    line-height: 24px;
    color: #555555;
    margin: 10px 0;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 17px 0px rgba(80, 80, 80, 0.4);
    -moz-box-shadow: 0px 0px 17px 0px rgba(80, 80, 80, 0.4);
    box-shadow: 0px 0px 17px 0px rgba(80, 80, 80, 0.4);
}


/*MHF Footer decoration and positioning*/
div#config-generated-form.mhf div.header h2{
    margin: 25px 0 25px 25px;
    color: #ffffff;
    display: inline-block;
    font-size: 22px;
    font-weight: 100;
}

div#config-generated-form.mhf div.header span.count{
    margin: 22px 25px 22px 0;
    color: #ffffff;
    display: inline-block;
    float: right;
    background-color: #23B66C;
    padding: 3px 15px;
    border-radius: 15px;
}

div#config-generated-form.mhf div.header{
    display: block;
    margin: 0 -25px 30px;
    height: 75px;
    background-color: #1E9E5E;
}

/*MHF Footer decoration and positioning*/
div#config-generated-form.mhf .mhf-footer{
    padding: 0 25px 25px;
    position: relative;
}

div#config-generated-form.mhf .mhf-footer:after{
    content: ' ';
    clear: both;
    display: block;
}

div#config-generated-form.mhf .mhf-footer a.back{
    display: none;
    /*border: 2px solid #dddddd !important;*/
    padding: 7px 20px !important;
    /* display: inline-block !important; */
    border-radius: 25px !important;
    text-decoration: none !important;
    /*color: #666666;*/
    position: relative !important;
    padding-left: 40px !important;
    margin-top: 30px;
    float: left;
}

div#config-generated-form.mhf .mhf-footer .back:after{
    width: 13px;
    height: 16px;
    display: inline-block;
    content: " ";
    /*background: url("/wp-content/themes/national-hrt/assets/images/sprites.png") no-repeat -49px -91px;*/
    position: absolute;
    left: 12px;
    top: 13px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

div#config-generated-form.mhf .mhf-footer a.forward{
    float: right;
    /*border: 2px solid #dddddd !important;*/
    padding: 7px 20px !important;
    display: inline-block;
    border-radius: 25px !important;
    text-decoration: none !important;
    /*color: #666666;*/
    position: relative !important;
    padding-right: 40px !important;
    margin-top: 30px;
}

div#config-generated-form.mhf .mhf-footer .forward:after{
    width: 13px;
    height: 16px;
    display: inline-block;
    content: " ";
    /*background: url("/wp-content/themes/national-hrt/assets/images/sprites.png") no-repeat -49px -91px;*/
    position: absolute;
    right: 12px;
    top: 10px;
}


div#config-generated-form.mhf .mhf-footer a.button{
    border: 2px solid #1e9e5e !important;
    background-color: #1e9e5e;
    color: #ffffff;
}

div#config-generated-form.mhf .mhf-footer a.button:after{
    background:url("/img/mhf/hgha/sprites.png") no-repeat -57px -91px
}


/*Section decoration and positioning*/
div#config-generated-form.mhf .mhf-section{
    display: none;
    padding: 0 25px;
}

div#config-generated-form.mhf .mhf-section.current{
    display: block;
}

/*mhf input decoration and positioning*/
div#config-generated-form.mhf .mhf-section #under_diagnosed_history.mhf-block{
    margin-top: 15px;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.radio{
    position: relative;
}


div#config-generated-form.mhf .mhf-section label{
    text-align: left;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.radio>label{
    height: 100%;
    vertical-align: middle;
    line-height: 20px;
    margin-right: 135px;
}
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input>.input.radio{
    min-width: 135px;
    text-align: left;
    position: absolute;
    right: 0;
    bottom: 50%;
    margin-bottom: -9px;
    line-height: 10px;
}

div#config-generated-form.mhf .mhf-section #questions_for_treatment_left.mhf-block .mhf-input.radio>.input.radio,
div#config-generated-form.mhf .mhf-section #questions_for_treatment_right.mhf-block .mhf-input.radio>.input.radio,
div#config-generated-form.mhf .mhf-section #diagnosed_history_left.mhf-block .mhf-input.radio>.input.radio,
div#config-generated-form.mhf .mhf-section #diagnosed_history_right.mhf-block .mhf-input.radio>.input.radio{
    min-width: 135px;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 50%;
    margin-bottom: -9px;
    line-height: 10px;
}

div#config-generated-form.mhf .mhf-section #questions_for_treatment_left.mhf-block .mhf-input.radio,
div#config-generated-form.mhf .mhf-section #questions_for_treatment_right.mhf-block .mhf-input.radio,
div#config-generated-form.mhf .mhf-section #diagnosed_history_left.mhf-block .mhf-input.radio,
div#config-generated-form.mhf .mhf-section #diagnosed_history_right.mhf-block .mhf-input.radio{
    border-bottom: 1px solid #A3A3A3;
    margin-bottom: 0;
    height: 100%;
    line-height: 40px;
    padding: 8px 0px;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.checkbox>.input.checkbox{
    float: right;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.checkbox>.input.checkbox>label.checkbox{
    width: 20px;
    height: 20px;
    border: 1px solid #C3C3C3;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    background: #ffffff;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.checkbox.data-error>.input.checkbox>label.checkbox{
    border-color: red;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.checkbox>.input.checkbox>input:checked~label.checkbox:after{
    content: '\2713';
    margin-top: 4px;
    color: green;
    font-size: 22px;
    font-weight: bold;
    display: inline-block;
    width: 20px;
    text-align: center;
    line-height: 15px;
    height: 16px;
    overflow: hidden;
    vertical-align: top;
}

/*html input decoration and positioning*/
div#config-generated-form.mhf .input>input{
    border: 1px solid #C3C3C3;
    border-radius: 3px;
    behavior: url("/img/mhf/hgha/PIE.htc");
    padding: 11px;
    position: relative;
    background-color: #ffffff;
    line-height: 14px;
    font-size: 14px;
    outline: none;
    max-height: 40px;
    padding-right: 30px;
}

div#config-generated-form.mhf .input>textarea{
    border: 1px solid #C3C3C3;
    border-radius: 3px;
    behavior: url("/img/mhf/hgha/PIE.htc");
    padding: 11px;
    position: relative;
    background-color: #ffffff;
    line-height: 14px;
    font-size: 14px;
}

div#config-generated-form.mhf .input>div>.select2-container{
    width: 100%;
}

div#config-generated-form.mhf .input>div>.select2-container.select2-container-active .select2-choice,
div#config-generated-form.mhf .input>div>.select2-container .select2-choice{
    background: #ffffff;
    border: 1px solid #C3C3C3;
    border-radius: 3px;
    behavior: url("/img/mhf/hgha/PIE.htc");
    padding: 11px;
    position: relative;
    line-height: 14px;
    font-size: 14px;
    outline: none;
    max-height: 40px;
    height: auto;
    box-shadow: none;
    min-height: 16px;
}

div#config-generated-form.mhf .input>div>.select2-container .select2-choice .select2-arrow{
    border-left: none;
    background: none;
    top: 5px;
}


/*div#config-generated-form.mhf .input>div>.select2-container.select2-dropdown-open  .select2-choice{*/
    /*border-color: #ff9900;*/
/*}*/

.select2-drop-active:after{
    display: block;
    content: '\025E5';
    color: white;
    position: absolute;
    top: -11px;
    right: 20px;
    transform: rotate(315deg);
}

.select2-drop-active{
    margin-top: 12px;
    border-radius: 5px;
    border: none;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 0px 20px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 0px 20px 0px rgba(50, 50, 50, 0.5);
    padding: 4px 0;
}
.select2-results{
    margin: 0;
    padding: 0;
}

.select2-search{
    padding: 0 4px 4px 4px;
}

.select2-results .select2-result-label{
    font-family: ProximaNova-Regular;
    font-size: 16px;
    line-height: 24px;
}

.select2-results .select2-highlighted{
    background-color: #ff9900;
}

div#config-generated-form.mhf .input>div.data-error>.select2-container .select2-choice{
    border: 1px solid red;
}


div#config-generated-form.mhf .input>select{
    border: 1px solid #C3C3C3;
    border-radius: 3px;
    behavior: url("/img/mhf/hgha/PIE.htc");
    padding: 11px;
    position: relative;
    background-color: #ffffff;
    line-height: 14px;
    font-size: 14px;
    outline: none;
    max-height: 40px;
}


div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.checkbox.data-error>label,
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.radio.data-error>label{
    color: red;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.data-error>.input>input,
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.data-error>.input>.select2 .select2-choice,
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.data-error>.input>textarea
{
    border: 1px solid red;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.data-error.textarea>.input:after,
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.data-error.text>.input:after{
    content: "";
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 12px;
    background: url('/img/mhf/hgha/sprites.png') no-repeat -18px -96px;
    top: 50%;
    right: 10px;
    margin-top: -5px;
}


div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.data-correct.textarea>.input:after,
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.data-correct.text>.input:after{
    content: "";
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 12px;
    background: url('/img/mhf/hgha/sprites.png') no-repeat 0 -96px;
    top: 50%;
    right: 10px;
    margin-top: -5px;
}


div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input>.input>input:focus,
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input>.input>textarea:focus
{
    border: 1px solid #ff9900;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input>.input.radio{
    min-width: 135px;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input>.input.radio>*,
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input>.input.radio .radio-block>*{
    display: inline-block;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input>.input.radio .radio-block>label.radioLabel{
    padding: 0 0 0 8px;
    line-height: 20px;
    vertical-align: middle;
}
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input>.input.radio .radio-block:last-child>label.radioLabel:last-child{
    padding: 0 0 0 8px;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input>.input.radio .radio-block>input{
    /*width: 5%;*/
    width: initial;
    display: none;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input>.input.radio .radio-block>input+label.radio{
    line-height: 0;
    background-color: #ffffff;
    border: 1px solid #C3C3C3;
    border-radius: 20px;
    padding: 5px;
}

div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input>.input.radio .radio-block>input+label.radio span{
    width: 8px;
    height: 8px;
    border-radius: 4px;
    display: inline-block;
}


div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input>.input.radio .radio-block>input:checked+label.radio span{
    background-color: #1E9E5E;
}

/*Custom settings*/

div#config-generated-form.mhf .mhf-section .mhf-block#signature p.description{
    text-align: justify;
}

/*Custom ratios*/


/*custom ratios*/
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l10-i90>label
{ max-width: 9%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l15-i85>label
{ width:initial; max-width: 14%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l20-i80>label
{ width:initial; max-width: 19%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l25-i75>label
{ width:initial; max-width: 24%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l30-i70>label
{ width:initial; max-width: 29%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l35-i65>label
{ width:initial; max-width: 34%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l40-i60>label
{ width:initial; max-width: 39%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l45-i55>label
{ width:initial; max-width: 44%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l50-i50>label
{ width:initial; max-width: 49%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l55-i45>label
{ width:initial; max-width: 54%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l60-i40>label
{ width:initial; max-width: 59%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l65-i35>label
{ width:initial; max-width: 64%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l70-i30>label
{ width:initial; max-width: 69%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l75-i25>label
{ width:initial; max-width: 74%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l80-i20>label
{ width:initial; max-width: 79%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l85-i15>label
{ width:initial; max-width: 84%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l90-i10>label
{ width:initial; max-width: 89%; }
div#config-generated-form.mhf .mhf-section .mhf-block .mhf-input.l95-i5>label
{ width:initial; max-width: 94%; }




@media screen and (max-width: 600px){
    div#config-generated-form.mhf div.header h2{
        font-size: 18px;
    }
}



@media screen and (max-width: 450px){
    div#config-generated-form.mhf div.header h2{
        font-size: 15px;
        margin-left: 15px;
    }
    div#config-generated-form.mhf div.header span.count{
        margin-right: 15px;
    }
    div#config-generated-form.mhf .mhf-section #questions_for_treatment_left.mhf-block .mhf-input.radio>label,
    div#config-generated-form.mhf .mhf-section #questions_for_treatment_right.mhf-block .mhf-input.radio>label,
    div#config-generated-form.mhf .mhf-section #diagnosed_history_left.mhf-block .mhf-input.radio>label,
    div#config-generated-form.mhf .mhf-section #diagnosed_history_right.mhf-block .mhf-input.radio>label,
    div#config-generated-form.mhf .mhf-section #lifestyle_information_left.mhf-block .mhf-input.radio>label,
    div#config-generated-form.mhf .mhf-section #lifestyle_information_right.mhf-block .mhf-input.radio>label,
    div#config-generated-form.mhf .mhf-section #lifestyle_information_sub.mhf-block .mhf-input.radio>label,
    div#config-generated-form.mhf .mhf-section #explain_family_health_history.mhf-block .mhf-input.radio>label,
    div#config-generated-form.mhf .mhf-section #family_history.mhf-block .mhf-input.radio>label{
        width: 100%;
        max-width: none;
        margin-right: 0;
    }

    div#config-generated-form.mhf .mhf-section #questions_for_treatment_left.mhf-block .mhf-input.radio>.input.radio,
    div#config-generated-form.mhf .mhf-section #questions_for_treatment_right.mhf-block .mhf-input.radio>.input.radio,
    div#config-generated-form.mhf .mhf-section #diagnosed_history_left.mhf-block .mhf-input.radio>.input.radio,
    div#config-generated-form.mhf .mhf-section #diagnosed_history_right.mhf-block .mhf-input.radio>.input.radio,
    div#config-generated-form.mhf .mhf-section #lifestyle_information_left.mhf-block .mhf-input.radio>.input.radio,
    div#config-generated-form.mhf .mhf-section #lifestyle_information_right.mhf-block .mhf-input.radio>.input.radio,
    div#config-generated-form.mhf .mhf-section #lifestyle_information_sub.mhf-block .mhf-input.radio>.input.radio,
    div#config-generated-form.mhf .mhf-section #family_history.mhf-block .mhf-input.radio>.input.radio,
    div#config-generated-form.mhf .mhf-section #explain_family_health_history.mhf-block .mhf-input.radio>.input.radio{
        width: 100%;
        position: static;
        text-align: left;
    }
}


@media screen and (max-width: 400px){
    div#config-generated-form.mhf div.header h2{
        font-size: 13px;
    }
    div#config-generated-form.mhf div.header span.count{
        font-size: 13px;
    }
}




/*/////////////////////////////////////////////////Spinner//////////////////////////////////////////////////*/
#floatingCirclesG{
    position: absolute;
    right: 150px;
    top: 32px;
    width: 38px;
    height: 38px;
    margin: auto;
    transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
}

.f_circleG{
    position:absolute;
    background-color:rgb(255,255,255);
    height:7px;
    width:7px;
    border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    animation-name:f_fadeG;
    -o-animation-name:f_fadeG;
    -ms-animation-name:f_fadeG;
    -webkit-animation-name:f_fadeG;
    -moz-animation-name:f_fadeG;
    animation-duration:1.2s;
    -o-animation-duration:1.2s;
    -ms-animation-duration:1.2s;
    -webkit-animation-duration:1.2s;
    -moz-animation-duration:1.2s;
    animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
}

#frotateG_01{
    left:0;
    top:16px;
    animation-delay:0.45s;
    -o-animation-delay:0.45s;
    -ms-animation-delay:0.45s;
    -webkit-animation-delay:0.45s;
    -moz-animation-delay:0.45s;
}

#frotateG_02{
    left:4px;
    top:4px;
    animation-delay:0.6s;
    -o-animation-delay:0.6s;
    -ms-animation-delay:0.6s;
    -webkit-animation-delay:0.6s;
    -moz-animation-delay:0.6s;
}

#frotateG_03{
    left:16px;
    top:0;
    animation-delay:0.75s;
    -o-animation-delay:0.75s;
    -ms-animation-delay:0.75s;
    -webkit-animation-delay:0.75s;
    -moz-animation-delay:0.75s;
}

#frotateG_04{
    right:4px;
    top:4px;
    animation-delay:0.9s;
    -o-animation-delay:0.9s;
    -ms-animation-delay:0.9s;
    -webkit-animation-delay:0.9s;
    -moz-animation-delay:0.9s;
}

#frotateG_05{
    right:0;
    top:16px;
    animation-delay:1.05s;
    -o-animation-delay:1.05s;
    -ms-animation-delay:1.05s;
    -webkit-animation-delay:1.05s;
    -moz-animation-delay:1.05s;
}

#frotateG_06{
    right:4px;
    bottom:4px;
    animation-delay:1.2s;
    -o-animation-delay:1.2s;
    -ms-animation-delay:1.2s;
    -webkit-animation-delay:1.2s;
    -moz-animation-delay:1.2s;
}

#frotateG_07{
    left:16px;
    bottom:0;
    animation-delay:1.35s;
    -o-animation-delay:1.35s;
    -ms-animation-delay:1.35s;
    -webkit-animation-delay:1.35s;
    -moz-animation-delay:1.35s;
}

#frotateG_08{
    left:4px;
    bottom:4px;
    animation-delay:1.5s;
    -o-animation-delay:1.5s;
    -ms-animation-delay:1.5s;
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
}



@keyframes f_fadeG{
    0%{
        background-color:rgba(0,0,0,0.53);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-o-keyframes f_fadeG{
    0%{
        background-color:rgba(0,0,0,0.53);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-ms-keyframes f_fadeG{
    0%{
        background-color:rgba(0,0,0,0.53);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-webkit-keyframes f_fadeG{
    0%{
        background-color:rgba(0,0,0,0.53);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-moz-keyframes f_fadeG{
    0%{
        background-color:rgba(0,0,0,0.53);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}