/*******************************
             Global
*******************************/

/* Regular */

@font-face {
    font-family: 'ALPHAX-LIGHT';
    src: url(../fonts/ALPHAX-Light.woff);
    font-style: normal;
    font-weight: 100;
}

@font-face {
    font-family: 'ALPHAX-BOLD';
    /*src: url(../fonts/ALPHAX-Bold.woff);*/
    src: url(../fonts/ALPHAX-Light.woff);
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'ALPHAX';
    /*src: url(../fonts/ALPHAX-Regular.woff);*/
    src: url(../fonts/ALPHAX-Light.woff);
    font-style: normal;
    font-weight: normal;
}


body.main-body {
    
    background-color: #f2f2f2;

    /*
    background-image: url(../img/main_bg.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
    */
    font-size: 18px;
    font-family: 'ALPHAX-LIGHT', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
body.pushable >.pusher {
    
    background-color: #f2f2f2;
    font-family: 'ALPHAX-LIGHT', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    /*
    background-image: url(../img/main_bg.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
    */
}


h1,
h2,
h3,
h4,
h5,
h6,
.ui.header {
    font-family: 'ALPHAX-LIGHT', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

h1.ui.header {
    font-size: 3.5rem;
}

.sub.header {
    font-size: 1.5rem;
}


.main-center-container {
    margin-top: 100px;
}

.ui.segment {
    margin: 30px 0;
    border-radius: 1rem;
    /*background: rgba(0, 0, 0, 0.7) ;*/
}

.ui.margin-top{
    display: block;
    margin-top: 30px;
    clear: both;
}
/*
.ui.vertical.segment {
    border: none;
}
    */

/*************************************/
.hidden.menu {
    display: none;
}

.masthead.segment {
    min-height: 400px;
    padding: 1em 0em;
}

.masthead .logo.item img {
    margin-right: 1em;
}

.masthead .ui.menu .ui.button {
    margin-left: 0.5em;
}

.masthead h1.ui.header {
    margin-top: 1em;
    margin-bottom: 0em;
    font-size: 4em;
    font-weight: normal;
}

.masthead h2 {
    font-size: 1.7em;
    font-weight: normal;
}

.ui.vertical.stripe {
    padding: 4em 0em;
}

.ui.vertical.stripe.segment * {
    color: #fff;
}

.ui.vertical.stripe h3 {
    font-size: 2em;
}

.ui.vertical.stripe .button+h3,
.ui.vertical.stripe p+h3 {
    margin-top: 3em;
}

.ui.vertical.stripe .floated.image {
    clear: both;
}

.ui.vertical.stripe p {
    font-size: 1.33em;
}

.ui.vertical.stripe .horizontal.divider {
    margin: 3em 0em;
}

.quote.stripe.segment {
    padding: 0em;
}

.quote.stripe.segment .grid .column {
    padding-top: 5em;
    padding-bottom: 5em;
}

.footer.segment {
    padding: 5em 0em;
}

.secondary.pointing.menu .toc.item {
    display: none;
}


.ui.inverted.segment, .ui.primary.inverted.segment {

}

.ui.inverted.segment .header{
    color: #fff;
    font-size: 3rem;
    font-weight: lighter;
}
.ui.inverted.segment label{
    font-weight: lighter;
    font-size: 1.5rem;
    font-family: 'ALPHAX-LIGHT', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.ui.secondary.inverted.pointing.menu{
    border : none;
    background: transparent;
}

.ui.secondary.inverted.pointing.menu a.item{
    color: #101820 !important;
}

/**************************************/
.ins_plan_container .card{
    -webkit-box-shadow: none;
    box-shadow : none;
    border: none;
}
.ins_plan_container .card input{
    display: none;
}
.ins_plan_container .card .card-body{
    color: #101820;
}
.ins_plan_container .card .card-body > h1.card-title{
    font-size: 1.25em;
}

.ins_plan_container .card span.shield-icon {
    display: inline-block;
    padding-top: 25px;
    font-size: 2em;
    width: 70px;
    height: 70px;
    background-image: url(../img/shield-solid-dark.svg);
    /* You must set a specified height */
    background-position: center;
    /* Center the image */
    background-repeat: no-repeat;
    /* Do not repeat the image */
    background-size: cover;
    /* Resize the background image to cover the entire container */
    color: #fff;
}

.ins_plan_container .card span.shield-icon-o {
    background-image: url(../img/shield-halved-solid.svg);
}

/*.card:hover {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(255,255,255,.25);
-moz-box-shadow: 0px 0px 20px 0px rgba(255,255,255,.25);
box-shadow: 0px 0px 20px 0px rgba(255,255,255,.25);
}*/

.ins_plan_container .card:hover span.shield-icon,
.ins_plan_container .card.active span.shield-icon {
    color: #fff;
    background-image: url(../img/shield-solid.svg);
}

.ins_plan_container .card:hover span.shield-icon-o {
    background-image: url(../img/shield-halved-solid-dark.svg);
}

.aligned.left{
    text-align: left;
}

.ui.form.insurance-info-select .six.wide.field {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    
}

.ui.form.insurance-info-select .six.wide.field>label {
    font-family: 'ALPHAX-LIGHT', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    text-align: right;
    width: 100%;
}

.ui.form.insurance-info-select .ten.wide.field {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.insurance-info-select input[type=radio]{
    display: none;
}

.insurance-info-select label.ui.button{
    color: #000 !important;
    font-family: 'ALPHAX-LIGHT', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.insurance-info-select label.ui.button.active{
    background: #e4002e;
    color: #fff !important;
}

.insurance-info-select .ui.button.active{
    background: #e4002e;
    color: #fff !important;
    font-family: 'ALPHAX-LIGHT', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.ui.text.container{
    max-width: 800px !important;
}


@media only screen and (max-width: 800px) {
    /*.ui.fixed.menu {
        display: none !important;
    }
        */

    .secondary.pointing.menu .item,
    .secondary.pointing.menu .menu {
        display: none;
    }

    .secondary.pointing.menu .toc.item {
        display: block;
    }

    /*
    .masthead.segment {
        min-height: 350px;
    }
        */

    .masthead h1.ui.header {
        font-size: 2em;
        margin-top: 1.5em;
    }

    .masthead h2 {
        margin-top: 0.5em;
        font-size: 1.5em;
    }
}