@font-face {
    font-family: 'FSHumanaRegular';
    src: url('Content/fonts/fsmeweb-regular-fd.eot');
    src: local('?'),lbllong
        url('Content/fonts/fsmeweb-regular-fd.eot?#iefix') format('embedded-opentype'),
        url('Content/fonts/fsmeweb-regular-fd.woff') format('woff'),
        url('Content/Content/fonts/fsmeweb-regular-fd.ttf') format('truetype'),
        url('Content/fonts/fsmeweb-regular-fd.svg#FSHumanaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FSHumanaItalic';
    src: url('Content/fonts/fsmeweb-italic-fd.eot');
    src: local('?'),
        url('Content/fonts/fsmeweb-italic-fd.eot?#iefix') format('embedded-opentype'),
        url('Content/fonts/fsmeweb-italic-fd.woff') format('woff'),
        url('Content/fonts/fsmeweb-italic-fd.ttf') format('truetype'),
        url('Content/fonts/fsmeweb-italic-fd.svg#FSHumanaItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FSHumanaLight';
    src: url('Content/fonts/fsmeweb-light-fd.eot');
    src: local('?'),
        url('Content/fonts/fsmeweb-light-fd.eot?#iefix') format('embedded-opentype'),
        url('Content/fonts/fsmeweb-light-fd.woff') format('woff'),
        url('Content/fonts/fsmeweb-light-fd.ttf') format('truetype'),
        url('Content/fonts/fsmeweb-light-fd.svg#FSHumanaLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FSHumanaLightItalic';
    src: url('Content/fonts/fsmeweb-lightitalic-fd.eot');
    src: local('?'),
        url('Content/fonts/fsmeweb-lightitalic-fd.eot?#iefix') format('embedded-opentype'),
        url('Content/fonts/fsmeweb-lightitalic-fd.woff') format('woff'),
        url('Content/fonts/fsmeweb-lightitalic-fd.ttf') format('truetype'),
        url('Content/fonts/fsmeweb-lightitalic-fd.svg#FSHumanaLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FSHumanaBold';
    src: url('Content/fonts/fsmeweb-bold-fd.eot');
    src: local('?'),
        url('Content/fonts/fsmeweb-bold-fd.eot?#iefix') format('embedded-opentype'),
        url('Content/fonts/fsmeweb-bold-fd.woff') format('woff'),
        url('Content/fonts/fsmeweb-bold-fd.ttf') format('truetype'),
        url('Content/fonts/fsmeweb-bold-fd.svg#FSHumanaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FSHumanaBoldItalic';
    src: url('Content/fonts/fsmeweb-bolditalic-fd.eot');
    src: local('?'),
        url('Content/fonts/fsmeweb-bolditalic-fd.eot?#iefix') format('embedded-opentype'),
        url('Content/fonts/fsmeweb-bolditalic-fd.woff') format('woff'),
        url('Content/fonts/fsmeweb-bolditalic-fd.ttf') format('truetype'),
        url('Content/fonts/fsmeweb-bolditalic-fd.svg#FSHumanaBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    background: url('../img/Handshake.jpg') no-repeat center fixed;
    background-size: cover;
    font-family: 'FS Humana Light', Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
select.hidden {
    display: none !important;
    position:relative;
}
select {
    margin-top: 10px;
   
    margin-bottom: 20px;
    outline: none !important;
    font-family: 'FS Humana Light', Arial, Helvetica, sans-serif !important;
    border: none;
    font-size: 1em;
    width: 60%;
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border-bottom: 1px solid #4e8416;
    border-radius: 0px;
    /*New Stuff*/
    line-height: normal;
    display: inline-block;
    outline: none;
    height: 2.31rem;
}
    select.smallSelect {
        margin-top: 10px;
        margin-left: 5px;
        font-family: 'FS Humana Light', Arial, Helvetica, sans-serif;
        border: none;
        font-size: 1em;
        width: 20%;
        position: relative;
        cursor: pointer;
        background-color: transparent;
        border-bottom: 1px solid #4e8416;
        border-radius: 0px;
    }
/* ADDED */
h1,
h2,
h3,
h4,
h5,
h6,
a,
p {
    font-family: 'FS Humana Light', Arial, Helvetica, sans-serif;
}

h3 {
    color: #1d5b2d;
    font-weight: 500;
}

h4 {
    color: #414042;
    font-weight: 400;
}

h5 {
    color: #414042;
    font-size: 1.3em;
    font-weight: 400;
}

/* END ADDED */
.certApp--logo__main {
    display: block;
    margin: 5px auto;
    padding: 50px;
}
#provType {
    margin-bottom: 20px;
}
/* ToolTip classses */
[data-tip] {
    position: relative;
}
#org-select-column {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
    [data-tip]:before {
        content: '';
        /* hides the tooltip when not hovered */
        display: none;
        content: '';
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #1a1a1a;
        position: absolute;
        top: 30px;
        left: 35px;
        z-index: 8;
        font-size: 0;
        line-height: 0;
        width: 0;
        height: 0;
    }

    [data-tip]:after {
        display: none;
        content: attr(data-tip);
        position: absolute;
        top: 35px;
        left: 0px;
        padding: 5px 8px;
        background: #1a1a1a;
        color: #fff;
        z-index: 9;
        font-size: 0.75em;
        height: 18px;
        line-height: 18px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        white-space: nowrap;
        word-wrap: normal;
    }

    [data-tip]:hover:before,
    [data-tip]:hover:after {
        display: block;
    }
/*#gender,
#suffix {
    margin: 20px 0;

}*/
.fi-info {
   margin:5px;
    width: 10px;
    height: 10px;
   
    color: #4e8416;
}

.fi-info:hover:after {
    content: "Detailed explanation as to what areas of practice focus are";
    display: block;
     bottom: -30px;
    right: -16px;
    width: 400px;
    color: #4e8416;
    font-size:.7rem;
}
.provTypeR {
    margin-bottom: 20px;
}

.certApp--wrapper {
    margin: 10px auto;
    max-width: 1024px;
    box-shadow: 0px 20px 35px 2px rgba(0, 0, 0, 0.5);
    border-radius: .75em;
    background-color: #fff;
}

.certApp--logo__main {
    display: block;
    margin: 5px auto;
}

.certApp--header {
    border-bottom: .25em solid #414042;
    display: block;
    margin: 5px auto;
    width: 75%;
}

.certApp--form {
    background-color: #fff;
    padding: 50px;
    border-radius: .75em;
  /*padding: 0px 50px 50px 50px;*/
}

span.certApp--form__ast {
    color: #AA005f !important;
    position: relative;
}

.certApp--form__FS {
    border: 0;
    margin: 0 0 1px 0;
    padding: 0;
}

/* CHANGED */
.certApp--form__leg {
    color: #d5d5d5;
    display: block;
    margin: 20px 0;
    padding: 20px 0px 15px 0px;
    width: 100%;
    border-bottom: .05em solid #d5d5d5;
    font-size: 1.5em;
}

.certApp--form__leg-active {
    color: #414042;
    font-family: 'FS Humana Light', Arial, Helvetica, sans-serif;
    border-bottom: .05em solid #1d5b2d;
    margin-bottom: 5px;
    font-size: 2em;
    z-index: 100;
}
/*END CHANGE*/
.certApp--form__wrapper {
    height: 0;
    overflow: hidden;
}

.certApp--form__wrapper-active {
    height: auto;
    padding: 10px 0 40px 0;
    z-index: 1000;
}
html.zf-has-scroll.is-reveal-open {
    top: auto !important;
}
.certApp--form__row {
    margin-bottom: 20px;
    width: 100%;
    display: inline-block;
}

.certApp--form__label {
    display: inline-block;
    margin-bottom: 5px;
}

.certApp--form__text {
    color: #414042;
    font-size: 14px;
    padding: 5px 10px;
    background-color: transparent !important;
    border: none;
    border-bottom: 1px solid #4e8416 !important;
}

.certApp--form__textarea {
    color: #414042;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 5px 10px;
}

/* CHANGED */
#certApp--form__submit {
    background: #fff;
    margin: 5px 0px;
    padding: 20px 0px;
    text-align: center;
    color: #5e0056 !important;
    font-weight: 400;
    display: inline-block;
    width: 150px;
    background: linear-gradient(to right, #5e0056 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 1s ease;
    cursor: pointer;
    border: .1em solid #5e0056;
}
/*a.disabled {
    pointer-events: none;
}*/
/* .certApp--form__submit:hover {
    text-decoration: none !important;
    color: #fff !important;
    background-color: #AA005f;
} */

/* END CHANGED */

.certApp--form__invalid {
    background-color: transparent;
    color: #aa005f;
    display: none;
    margin: 20px 0 0 0;
    padding: 5px 0;
    width: 100%;
}

/* CHANGED */
.certApp--form__NB,
.certApp--form__PB {
    background: #fff;
    margin: 5px 0px;
    padding: 15px 2px;
    text-align: center;
    color: #1d5b2d !important;
    font-weight: 400;
    display: inline-block;
    width: 150px;
    background: linear-gradient(to right, #1d5b2d 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 1s ease;
    cursor: pointer;
    border: .1em solid #1d5b2d;
}

.certApp--form__PB {
    background: #fff;
    margin: 15px 8px 15px 0px;
    padding: 15px 0px;
    text-align: center;
    color: #414042 !important;
    font-weight: 400;
    display: inline-block;
    width: 90px;
    background: linear-gradient(to right, #414042 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 1s ease;
    cursor: pointer;
    border: .1em solid #414042;
}

    .certApp--form__NB:hover,
    .certApp--form__PB:hover,
    #certApp--form__submit:hover {
        text-decoration: none !important;
        color: #fff !important;
        background-position: left bottom;
    }

/* .certApp--form__PB:hover {
    text-decoration: none !important;
    color: #414042 !important;
    background-color: transparent;
    border: 1px solid #414042;
} */
/* END CHANGE */
/*ADD*/
/*STYLING FOR UPLOAD DOCUMENT BUTTON*/
.upload {
    background: #fff;
    margin: 5px 0px;
    padding: 10px 2px;
    text-align: center;
    color: #1d5b2d ;
    font-weight: 400;
    display: inline-block;
    width: 150px;
    background: linear-gradient(to right, #1d5b2d 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 1s ease;
    cursor: pointer;
    border: .1em solid #1d5b2d;
}

button:hover {
    text-decoration: none !important;
    color: #fff !important;
    background-position: left bottom !important;
}
button {
    background: #fff !important;
    margin: 5px 0px;
    padding: 10px 2px;
    text-align: center;
    color: #1d5b2d !important;
    font-weight: 400;
    display: inline-block !important;
    width: 150px;
    background: linear-gradient(to right, #1d5b2d 50%, #fff 50%) !important;
    background-size: 200% 100% !important;
    background-position: right bottom !important;
    transition: all 1s ease !important;
    cursor: pointer;
    border: .1em solid #1d5b2d;
}

input:disabled ~ label.upload {
    text-decoration: none;
    color: #777 !important;
    border: .1em solid #777 !important;
    background-color:#fff;
}
input[file].disabled {
    border: .1em solid #777 !important;
    color: #777;
}
.upload:hover {
    text-decoration: none;
    color: #fff;
    background-position: left bottom;
}
.upload:hover{
    text-decoration: none;
    color: #fff;
    background-position: left bottom;
}
/*END ADD*/
/* CHANGE ====>comment out width */
span,
label {
    font-family: 'FS Humana Light', sans-serif;
  /*margin-top: 8px;*/
    /* margin:5px; */
    border: none;
    font-size: 1em;
  /*  width: 60%;*/
  /*color: #4e8416;
    margin-left: auto;
    margin-right: auto;*/
    position: relative;
    cursor: pointer;
}
    span.select2-selection__arrow {
        font-family: 'FS Humana Light', sans-serif;
        /*margin-top: 8px;*/
        margin: 5px;
        border: none;
        font-size: 1em;
          width: 100%;
        /*color: #4e8416;
    margin-left: auto;
    margin-right: auto;*/
        position: relative;
        cursor: pointer;
    }
    label.faclabel {
        width: 50%;
        border-bottom-width: 1px !important;
        border-bottom-style: solid !important;
        border-bottom-color: green !important;
        font-family: "FS Me Web Regular", Arial, Helvetica, Verdana, sans-serif;
        font-size: 16px;
        line-height: 30px;
        display: block;
        margin-bottom: 5px;
    }

/* END CHANGE */
/* ADDED */
/* Custom radio buttons */
input[type=checkbox]:after {
    background-color: #4e8416;
    display: inline-block;
}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    /* position: absolute;*/
    display: inline-block;
    color: #414042;
    left: -9999px;
}

label > [type="radio"]:checked,
label > [type="radio"]:not(:checked) {
    /*position: absolute;*/
    display: inline-block;
    opacity: 0;
    color: #414042;
    background: #fff;
    left: auto;
}

[type="radio"]:checked + span,
[type="radio"]:not(:checked) + span {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #414042;
    /*left: -25px;
    top: -10px;*/
    left: -9px;
    top: -13px;
}

    [type="radio"]:checked + span::before,
    [type="radio"]:not(:checked) + span::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 18px;
        height: 18px;
        border: 1px solid #ddd;
        border-radius: 100%;
        background: #fff;
    }

    [type="radio"]:checked + span::after,
    [type="radio"]:not(:checked) + span::after {
        content: '';
        width: 12px;
        height: 12px;
        background: #4e8416;
        position: absolute;
        top: 3px;
        left: 3px;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    [type="radio"]:not(:checked) + span::after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    [type="radio"]:checked + span::after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .radiobtn {
        height: 20px;
        width: 50%;
        margin: 0;
    
        display: inline-block;
    }
.longradiobtn {
    width: 100%;
    margin: 0;
    display: inline-block;
    font-family: 'FS Humana Light', sans-serif;
}
/* END ADD */
input:focus {
    outline: 0 !important;
}

/* Question */
input.certApp--form__question[type="text"] {
    /*font-size: 1em;*/
    font-size: 1.2em;
    font-weight: 300;
    border-radius: 2px;
    /*border: 1px solid #414042;*/
    /*padding: 5px 4px;*/
    /* margin-left: 50px; */
    border: none;
    width: 60%;
    background: rgba(0, 0, 0, 0);
    transition: padding-top 0.2s ease, margin-top 0.2s ease, width 0.4s ease;
    overflow-x: hidden;
}

input.certApp--form__question[id="rtc771acprecitaltext1"], input.certApp--form__question[id="rtc771Rate"], input.certApp--form__question[id="rtc771acprecitaltext2"], input.certApp--form__question[id="acprecitaltext1"],
input.certApp--form__question[id="acprecitaltext2"], input.certApp--form__question[id="acprecitaltext4"], input.certApp--form__question[id="acprecitaltext5"],
input.certApp--form__question[id="acpsart5executeddate"], input.certApp--form__question[id="acpsart5datesigned"] {
    border-bottom: 1px solid #4e8416;
    font-size: 1.2em;
    font-family: "FS Me Web Regular", Arial, Helvetica, sans-serif;
}
    /* Underline and Placeholder *
    input .certApp--form__question~label {
    display: block;
    position: relative;
    white-space: nowrap;
    padding: 0;
    width: 60%;
    border-top: 1px solid #4e8416;
    -webkit-transition: width 0.4s ease;
    transition: width 0.4s ease;
    height: 30px;
}*/
    /*New Stuff*/
input.certApp--form__question + label, label.required[style="display: none;"] + label {
    display: block;
    position: relative;
    padding: 0;
    width: 80%;
    border-top: 1px solid #4e8416;
    -webkit-transition: width 0.4s ease;
    transition: width 0.4s ease;
    height: 30px;
    margin: 15px 0;
}

input.certApp--form__question + label.required {
    display: block;
    position: relative;
    white-space:normal;
    padding: 0;
    width: 60%;
    border-top: 1px solid #4e8416;
    -webkit-transition: width 0.4s ease;
    transition: width 0.4s ease;
    height: 30px;
}

select + label.required {
    top: -20px;
    
}
label.required + label{
    border-color: transparent;
}

/*New Stuff*/
input.certApp--form__question + label > span{
    font-weight: 300;
    margin: 5px;
    position: relative;
    color: #414042;
    font-size: 1em;
    top: 5px;
    -webkit-transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
    transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
}

input.certApp--form__question[type="text"]:focus + label,
input.certApp--form__question[type="text"]:focus + label.required + label {
    width: 70%;
}

input.certApp--form__question[name="IsBillAddSameasPhysical"]{
    display:block;
    margin-left: 30%;
}

input.certApp--form__question[type="text"]:focus,
/*input.certApp--form__question[type="text"]:hover,*/
input.certApp--form__question[type="text"]:valid {
    /*border: 2px solid #4e8416;*/
    /* 
height: inherit; */
    padding-top: 35px;
    /*border: none !important;*/
    width: 70%;
}

/*input.certApp--form__question:focus~label>span,
input.certApp--form__question:valid~label>span*/

span.input-group-addon {
    display:none;
}

input.certApp--form__question:focus + label > span,
/*input.certApp--form__question:valid + label > span,*/
/*input.certApp--form__question:hover + label > span,*/
input.certApp--form__question[name="taxdesc"] + label > span,
/*#Licensenum + label > span,*/
label.required[style="display: none;"] + label > span,
/*input.certApp--form__question[name="Licensenum"] + label > span,*/
input.certApp--form__question[name="nameofacp"] + label > span,
input.certApp--form__question[name="acpaddress"] + label > span,
input.certApp--form__question[name="acpcity"] + label > span,
input.certApp--form__question[name="acpstate"] + label > span,
input.certApp--form__question[name="acpzip"] + label > span,
input.certApp--form__question[name="acpsphone"] + label > span,
input.certApp--form__question[name="acpstin"] + label > span,
input.certApp--form__question[name="acpsssn"] + label > span,
input.certApp--form__question[name="acpsNPI"] + label > span,
input.certApp--form__question[name="acpdbaname"] + label > span,
input.certApp--form__question[name="AgrExpirationDate"] + label > span,
input.certApp--form__question[name="acpsart5executeddate"] + label > span,
input.certApp--form__question[name="acpspocName"] + label > span,
input.certApp--form__question[name="acpsFax"] + label > span,
input.certApp--form__question[name="acpsEmail"] + label > span,
input.certApp--form__question[name="acpsart5acpsname"] + label > span {
    top: -60px;
    font-size: .75em;
    color: #4e8416;
}
.ui-datepicker {
    margin-left: 150px !important;
    z-index: 1000 !important;
}
br + input[type="text"]{
    margin-top: 20px;
}

label.required + label > span {
    top: -90px;
    font-size: .75em;
    color: #4e8416;
}

    /*
label[for=input]:focus,
label[for=input]:active {
    top: -60px;
    font-size: .75em;
    color: #4e8416;
}*/

input.certApp--form__question:invalid {
    box-shadow: none;
}

div.lbllong, ul, li {
    margin-bottom: 5px;
    text-align: left;
    font-size: 1em;
    font-family: "FS Humana Light", sans-serif;
    color:#4d4d4d;
}
option:disabled {
    display: none !important;
}
/*
div.contentTable_ div.tbody_.keepTall {
    padding: 15px 15px 15px 15px;
    width: 90%;
    background-color: white;
}

div.table_ {
    width: 90%;
    border: solid 1px #ededed;
   
    margin-bottom: .5rem;
    height: 90%;
    display: table;
}
div.contentTable_ div.tr_th {
    display: block;
    background-color: #f7f7f7;
}

div.contentTable_ div.tr_td {
    display: block;
    border-bottom: solid 1px #eaeaea !important;
}
    */
div.contentTable_ div.tr_th div.col1, div.contentTable_ div.tr_td div.col1 {
    width: 20% !important;
    display: block !important;
    border: solid 1px #ededed !important;
    
}

div.contentTable_ div.tr_th div.col2, div.contentTable_ div.tr_td div.col2 {
    width: 20% !important;
    display: block !important;
    border: solid 1px #ededed !important;
}

div.contentTable_ div.tr_th div.col3, div.contentTable_ div.tr_td div.col3 {
    width: 20% !important;
    display: block !important;
    border: solid 1px #ededed !important;
}

div.contentTable_ div.tr_th div.col4, div.contentTable_ div.tr_td div.col4 {
    width: 20% !important;
    display: block !important;
    border: solid 1px #ededed !important;
    
}

div.contentTable_ div.tr_th div.col5, div.contentTable_ div.tr_td div.col5 {
    width: 20% !important;
    display: block !important;
    border: solid 1px #ededed !important;
}

/*
input.certApp--form__question ~ label > span {
    font-weight: 300;
    margin: 0;
    position: absolute;
    color: #4e8416;*
    position: absolute;
    color: #4e8416;
    font-size: 1em;
    top: -25px;
    z-index: 999;*
    -webkit-transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
    transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
}

input[type="date"] {
    font-family: 'FS Humana Light', Arial, Helvetica, sans-serif;
    padding-left: 5px;
    padding-top: 10px;
    font-size: 1em;
}


@-webkit-keyframes appear {
    100% {
        opacity: 1;
    }
}

@keyframes appear {
    100% {
        opacity: 1;
    }
}*/

.column {
    float: left;
    width: 50%;
}
/*
.row:after {
    content: "";
    display: table;
    clear: both;
}*/
/*========MEDIA QUERIES=========*/

/* LARGE LAP */
@media (min-width: 1440px) {
}

/* SMALL LAP */
@media (max-width: 1024px) {
}

/* TABLET */
@media (max-width: 769px) {
    body {
        background: none;
    }

    .certApp--wrapper,
    .certApp--form {
        border-radius: 0px;
        margin: auto;
        position: relative;
        width: 100%;
        box-shadow: none !important;
    }

    .column {
        width: 100%;
    }
}

/* LARGE PHONE */
@media (max-width: 426px) {
    body {
        background: none;
    }
       .certApp--wrapper, .certApp--form {
        border-radius: 0px;
        margin: auto;
        position: relative;
        padding: 12px;
        width: 100%;
        box-shadow: none !important;
    }

    .certApp--logo__main {
        margin-left: auto;
        margin-right: auto;
        width: 95%;
    }

    select,
    span,
    label,
    input.certApp--form__question,
    input.certApp--form__question + label {
        width: 85%;
    }

        input.certApp--form__question:focus + label {
            width: 100%;
        }
}
@media print,screen and (min-width:40em) {
    .position-left.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-left.reveal-for-medium .close-button {
            display: none
        }

    .off-canvas-content .position-left.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-left {
        margin-left: 250px
    }

    .position-left.reveal-for-medium ~ .off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-right.reveal-for-medium .close-button {
            display: none
        }

    .off-canvas-content .position-right.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-right {
        margin-right: 250px
    }

    .position-right.reveal-for-medium ~ .off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-top.reveal-for-medium .close-button {
            display: none
        }

    .off-canvas-content .position-top.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-top {
        margin-top: 250px
    }

    .position-top.reveal-for-medium ~ .off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-bottom.reveal-for-medium .close-button {
            display: none
        }

    .off-canvas-content .position-bottom.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px
    }

    .position-bottom.reveal-for-medium ~ .off-canvas-content {
        margin-bottom: 250px
    }
}

@media print,screen and (min-width:64em) {
    .position-left.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-left.reveal-for-large .close-button {
            display: none
        }

    .off-canvas-content .position-left.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-left {
        margin-left: 250px
    }

    .position-left.reveal-for-large ~ .off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-right.reveal-for-large .close-button {
            display: none
        }

    .off-canvas-content .position-right.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-right {
        margin-right: 250px
    }

    .position-right.reveal-for-large ~ .off-canvas-content {
        margin-right: 250px
    }

    .position-top.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-top.reveal-for-large .close-button {
            display: none
        }

    .off-canvas-content .position-top.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-top {
        margin-top: 250px
    }

    .position-top.reveal-for-large ~ .off-canvas-content {
        margin-top: 250px
    }

    .position-bottom.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible
    }

        .position-bottom.reveal-for-large .close-button {
            display: none
        }

    .off-canvas-content .position-bottom.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px
    }

    .position-bottom.reveal-for-large ~ .off-canvas-content {
        margin-bottom: 250px
    }
    html.is-reveal-open {
        position: fixed;
        width: 100%;
        overflow-y: hidden
    }

        html.is-reveal-open.zf-has-scroll {
            overflow-y: scroll;
            -webkit-overflow-scrolling: touch
        }

        html.is-reveal-open body {
            overflow-y: hidden
        }


    .reveal-overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
         background: rgba(0,0,0,0.45);
        z-index: 1004;
        display: none;
        left: 0
    }
    .reveal {
        z-index: 1006;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        display: none;
        padding: 1rem;
        border: 1px solid #cacaca;
        border-radius: 0;
        background-color: #fefefe;
        position: relative;
        top: 100px;
        margin-right: auto;
        margin-left: auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }

    [data-whatinput=mouse] .reveal {
        outline: 0
    }

    @media print,screen and (min-width:40em) {
        .reveal {
            min-height: 0
        }
    }

    .reveal .column {
        min-width: 0
    }

    .reveal > :last-child {
        margin-bottom: 0
    }

    @media print,screen and (min-width:40em) {
        .reveal {
            width: 600px;
            max-width: 75rem
        }
    }

    @media only screen and (min-width: 40.063em) {
        .reveal.medium {
            width: 60%;
            max-width: 62.5em;
            left: 0;
            right: 0;
            margin: 0 auto
        }
    }
    .reveal.collapse {
        padding: 0
    }

    @media print,screen and (min-width:40em) {
        .reveal.tiny {
            width: 30%;
            max-width: 75rem
        }
    }

    @media print,screen and (min-width:40em) {
        .reveal.small {
            width: 50%;
            max-width: 75rem
        }
    }

    @media print,screen and (min-width:40em) {
        .reveal.large {
            width: 90%;
            max-width: 75rem
        }
    }

    .reveal.full {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        min-height: 100%;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }

    @media print,screen and (max-width:39.99875em) {
        .reveal {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            max-width: none;
            height: 100%;
            min-height: 100%;
            margin-left: 0;
            border: 0;
            border-radius: 0
        }
    }

    .reveal.without-overlay {
        position: fixed
    }
}
/* SMALL PHONE */
/*@media (max-width: 426px) {
}*/