/*-- Bootstrap Grid --*/
.container {
    max-width:95%;
    width:100%;
    padding-right:20px;
    padding-left:20px;
    margin-right:auto;
    margin-left:auto;
}

.container-fluid {
    max-width:100%;
    width:100%;
    margin-right:auto;
    margin-left:auto;
}

.row {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-15px;
    margin-left:-15px;
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8, .col-85,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-85, .col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-85, .col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-85, .col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-85, .col-xl-9,.col-xl-auto {
    position:relative;
    width:100%;
    min-height:1px;
    padding-right:1.5rem;
    padding-left:1.5rem;
}

.col {-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-85{-webkit-box-flex:0;-ms-flex:0 0 70.83335%;flex:0 0 70.83335%;max-width:70.83335%}
.col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

.order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}
.order-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}
.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}
.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}
.order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}
.order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}
.order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}
.order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}
.order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}
.order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}
.order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}
.order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}

.offset-1{margin-left:8.333333%}
.offset-2{margin-left:16.666667%}
.offset-3{margin-left:25%}
.offset-4{margin-left:33.333333%}
.offset-5{margin-left:41.666667%}
.offset-6{margin-left:50%}
.offset-7{margin-left:58.333333%}
.offset-8{margin-left:66.666667%}
.offset-9{margin-left:75%}
.offset-10{margin-left:83.333333%}
.offset-11{margin-left:91.666667%}

@media (min-width:300px){
    .col-sm{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
    .col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
    .col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
    .col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
    .col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
    .col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    .col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
    .col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
    .col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
    .col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
    .col-sm-85{-webkit-box-flex:0;-ms-flex:0 0 70.83335%;flex:0 0 70.83335%;max-width:70.83335%}
    .col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
    .col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
    .col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
    .col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

    .order-sm-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}
    .order-sm-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}
    .order-sm-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}
    .order-sm-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
    .order-sm-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
    .order-sm-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
    .order-sm-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}
    .order-sm-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}
    .order-sm-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}
    .order-sm-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}
    .order-sm-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}
    .order-sm-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}
    .order-sm-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}
    .order-sm-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}
    .order-sm-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}

    .offset-sm-0{margin-left:0}
    .offset-sm-1{margin-left:8.333333%}
    .offset-sm-2{margin-left:16.666667%}
    .offset-sm-3{margin-left:25%}
    .offset-sm-4{margin-left:33.333333%}
    .offset-sm-5{margin-left:41.666667%}
    .offset-sm-6{margin-left:50%}
    .offset-sm-7{margin-left:58.333333%}
    .offset-sm-8{margin-left:66.666667%}
    .offset-sm-9{margin-left:75%}
    .offset-sm-10{margin-left:83.333333%}
    .offset-sm-11{margin-left:91.666667%}
}

@media (min-width:768px){
    .col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
    .col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
    .col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
    .col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
    .col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
    .col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
    .col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
    .col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
    .col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
    .col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
    .col-md-85{-webkit-box-flex:0;-ms-flex:0 0 70.83335%;flex:0 0 70.83335%;max-width:70.83335%}
    .col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
    .col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
    .col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
    .col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
    
    .order-md-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}
    .order-md-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}
    .order-md-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}
    .order-md-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
    .order-md-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
    .order-md-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
    .order-md-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}
    .order-md-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}
    .order-md-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}
    .order-md-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}
    .order-md-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}
    .order-md-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}
    .order-md-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}
    .order-md-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}
    .order-md-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}
    
    .offset-md-0{margin-left:0}
    .offset-md-1{margin-left:8.333333%}
    .offset-md-2{margin-left:16.666667%}
    .offset-md-3{margin-left:25%}
    .offset-md-4{margin-left:33.333333%}
    .offset-md-5{margin-left:41.666667%}
    .offset-md-6{margin-left:50%}
    .offset-md-7{margin-left:58.333333%}
    .offset-md-8{margin-left:66.666667%}
    .offset-md-9{margin-left:75%}
    .offset-md-10{margin-left:83.333333%}
    .offset-md-11{margin-left:91.666667%}
}

@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-85{-webkit-box-flex:0;-ms-flex:0 0 70.83335%;flex:0 0 70.83335%;max-width:70.83335%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-lg-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-lg-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-lg-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}

@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-85{-webkit-box-flex:0;-ms-flex:0 0 70.83335%;flex:0 0 70.83335%;max-width:70.83335%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-xl-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-xl-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}

/*-- Bootstrap Grid --*/

/*--- Color & Font Variables ---*/
:root {
    --black: #353535;
    --red: #810027;
    --pale: #F5F5F5;
    --lightblue: #EEF5FB;
    --blue: #509BD4;
    --white: #FFFFFF;
  }

@font-face {font-family: "Livvic Bold"; src: url("../fonts/livvic/Livvic-Bold.ttf");}
@font-face {font-family: "Livvic SemiBold"; src: url("../fonts/livvic/Livvic-SemiBold.ttf");}
@font-face {font-family: "Mulish"; src: url("../fonts/mulish/Mulish-SemiBold.ttf");}
@font-face {font-family: "Mulish Bold"; src: url("../fonts/mulish/Mulish-Bold.ttf");}
@font-face {font-family: "Mulish ExtraBold"; src: url("../fonts/mulish/Mulish-Black.ttf");}
/*--- Color & Font Variables ---*/


/*-- Buttons --*/
.btn:link,
.btn:visited {
    display:inline-block;
    font-weight:700;
    margin-right:1rem;
    margin-bottom:1rem;
    text-decoration:none; 
    text-align:center;
    border-radius: 10rem;
    padding:1.1rem 2.5rem;
    font-size:1.8rem;
}

@media (min-width: 768px) {.btn:link, .btn:visited {font-size:1.3rem; padding:.6rem 2rem .7rem 2rem;}}

    .btn:hover,
    .btn:active {transition:.2s;}

.btn-primary:link,
.btn-primary:visited {
    font-family:'Mulish Bold', sans-serif;
    background-color:var(--red);
    color:#fff;
    border:2px var(--red) solid;
}

    .btn-primary:hover,
    .btn-primary:active {color: #fff !important; background-color:hsl(342, 100%, 35%); border:2px hsl(342, 100%, 35%) solid;}

.btn-secondary:link,
.btn-secondary:visited {
    font-family:'Mulish Bold', sans-serif;
    background-color:#81002716;
    color:var(--red);
    border:2px var(--red) solid;
}

    .btn-secondary:hover,
    .btn-secondary:active {color: #fff !important; background-color:var(--red);}


.btn-white:link,
.btn-white:visited {
    font-family:'Mulish Bold', sans-serif;
    background-color:var(--white);;
    color:var(--red);
    border:2px var(--red) solid;
}

    .btn-white:hover,
    .btn-white:active {color: #fff !important; background-color:var(--red);}


/* Keyframes */

.animation-open {animation:fade-in 0.5s;}

@keyframes fade-in {
    0% {opacity: 0; transform: translateY(-50px) scale(0.9);}
    100% {opacity:1; transform: translateY(0px) scale(1);}
}

/*-- Buttons --*/

/*--Reusable Code--*/

*,
*::after,
*::before {
margin:0 0;
padding:0 0;
-webkit-box-sizing: inherit;
        box-sizing: inherit;
outline:none;
}

html {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-overflow-style: scrollbar;
    font-size:2.3vw;
    overflow-x:hidden !important;
    scroll-behavior: smooth;
}


@media (min-width: 768px) {html {font-size:.75vw;}}

body {
    line-height: 1.5;
    color:var(--black);
    background-color:#fff !important;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    font-family: 'Mulish', sans-serif;
    overflow:hidden;
}

sub {vertical-align: sub; font-size: 60%;}

.tc {text-align:center !important;}

.vc {display:flex !important; align-items:center !important;} /* Vertical Align*/

.d {display:none;}
    @media (min-width: 768px) {.d {display:inline-block;}}

.m {display:inline-block !important;}
    @media (min-width: 768px) {.m {display:none !important;}}

.hide {display:none !important;}


/*-- Typography --*/

h1 {
    font-family:'Livvic SemiBold', serif;
    font-size:3.3rem;
    line-height:1.3;
    margin-bottom:1rem;
    letter-spacing:.1rem;
}

@media (min-width: 768px) {h1 { font-size:3.5rem;}}

h2 {
    font-family:'Livvic SemiBold', serif;
    font-size:3rem;
    line-height:1.3;
    margin-bottom:1rem;
    letter-spacing:0;
}

@media (min-width: 768px) {h2 { font-size:3.5rem;}}

h3 {
    font-family:'Livvic SemiBold', serif;
    font-size:1.9rem;
    line-height:1.3;
    margin-bottom:1rem;
}

@media (min-width: 768px) {h3 {font-size:1.7rem;}}

h4 {
    font-family:'Livvic SemiBold', serif;
    font-size:2.4rem;
    line-height:1.3;
    margin-bottom:1rem;
}

@media (min-width: 768px) {h4 {font-size:1.9rem;}}

h5 {
    font-family:'Mulish', serif;
    font-size:1.6rem;
    color:var(--blue);
    line-height:1.3;
    margin-bottom:1rem;
}

@media (min-width: 768px) {h5 {font-size:1.3rem;}}


p {
    font-family:'Mullish', sans-serif;
    font-size:1.8rem;
    margin-bottom:1rem;
}

@media (min-width: 768px) {p {font-size:1.5rem;}}

a {text-decoration:none; color:var(--black); cursor: pointer;}

.soft-link {font-size:1.5rem; text-decoration:underline; color:var(--red);}
.soft-link:hover {color:var(--blue); transition:.3s;}

@media (min-width: 768px) {.soft-link {font-size:1.3rem;}}


/*-- Component: How Can We Help You? --*/
.services {margin-bottom:10rem;}
.services .title {margin:10rem 0 0 .5rem;}

.services .title p {width:100%;}
@media (min-width: 768px) {.services .title p {width:45%;}}

.services .tile {
    border:#509BD4 2px solid;
    margin:2rem 2rem;
    padding:2rem 3.5rem;
    border-radius:.9rem;
    box-shadow: #509BD4;
    box-shadow: 0 8px 11px 0 rgba(0, 0, 0, 0.10);
}

    .services .tile img {height:3.5rem}

/*-- Component: Our Committment --*/

.commitment {
    background-color:var(--pale);
    padding:7rem 0 10rem 0;
}

    .commitment .story {margin-bottom:8rem;}

        .commitment .story img {
            margin-left:-5rem;
            width:110%;
            height:auto;
        }

        @media (min-width: 768px) {.commitment .story img {width:100%;}}

        .commitment .story .textbox {margin-left:0rem; margin-top:5rem;}
        @media (min-width: 768px) {.commitment .story .textbox {margin-left:5rem; margin-top:0rem;}}

            .commitment .story .textbox h2,
            .commitment .story .textbox p {width:100%;}

            .commitment .story .textbox p {margin-bottom:2rem;}

            @media (min-width: 768px) {.commitment .story .textbox h2, .commitment .story .textbox p {width:85%;}}


        .commitment .stats .tile {
            width:70%;
            text-align:center;
            margin:1rem auto;
            padding-bottom:.5rem;
            border-bottom:#D2D2D2 2px solid;
        }

        @media (min-width: 768px) {
            .commitment .stats .tile {
                width:100%;
                padding:0 1rem;
                margin:auto;
                border-left:#D2D2D2 2px solid;
                border-bottom:none;
                margin-left:4rem;
                text-align:left;
            }
        }
        
        .commitment .stats p {
            font-family:"Mulish Bold", sans-serif;
            font-size:4rem;
            margin-bottom:0rem;
        }

        .commitment .stats h4 {
            font-family:"Mulish", sans-serif;
            font-size:1.8rem;
        }

        @media (min-width: 768px) {.commitment .stats h4 {font-size:1.3rem;}}


/*-- Component: Testimonials --*/

.testimonials {
    background-color:var(--lightblue);
    margin:8rem auto;
    padding:8rem 3rem;
}
@media (min-width: 768px) { .testimonials {padding:8rem 0;}}

    .testimonials .title {margin-bottom:2rem;}
    @media (min-width: 768px) { .testimonials .title {margin-left:14rem;}}

        .testimonials .title p {width:100%;}
        
        .testimonials .test {width:100%; margin:auto;}
        @media (min-width: 768px) {.testimonials .test {width:80%; margin:auto;}}


    .testimonials .tile {
        background-color:#fff;
        border-radius:1rem;
        padding:3rem 2rem;
        margin:1rem;
        box-shadow: 0 8px 11px 0 rgba(0, 0, 0, 0.10);
    }

        .testimonials .tile img {
            height:1.4rem;
            margin-bottom:.4rem;
        }

        .testimonials .tile h3 {
            font-size:2.1rem;
            color:var(--blue);
            margin-bottom:.5rem;
        }
        @media (min-width: 768px) {.testimonials .tile h3 { font-size:1.6rem;}}

        .testimonials .tile p {
            font-size:1.7rem;
            margin-bottom:.5rem;
        }
        @media (min-width: 768px) {.testimonials .tile p {font-size:1.3rem;}}

        .testimonials .tile span {
            font-family:'Mulish', sans-serif;
            font-size:1.3rem;
        }
        @media (min-width: 768px) {.testimonials .tile span { font-size:1.2rem;}}

/*-- Component: Insurance --*/

.insurance {margin-bottom:10rem;}

.insurance .title {margin-bottom:3rem;}

    .insurance .title h2, .insurance .title p {width:100%; margin:1rem auto;}
    @media (min-width: 768px) {.insurance .title h2, .insurance .title p {width:55%; margin:1rem auto;}}

    .insurance .tiles img {height:9rem; width:auto;}
    @media (min-width: 768px) {.insurance .tiles img {height:10rem; width:auto;}}

    .insurance .textbox {margin-top:5rem;}

    .insurance .textbox p {font-family:'Mulish Bold', sans-serif}

    .insurance .textbox a {
        color:var(--red);
        font-weight:bold;
    }

/*-- Component: Expect --*/

.expect {
    margin-top:0rem;
    background-color:var(--pale);
    padding:3rem 0;
}

@media (min-width: 768px) {.expect {padding:7rem 0 7rem 0;}}

    .expect .story {margin-bottom:5rem;}
    @media (min-width: 768px) {.expect .story {margin-bottom:9rem;}}

        .expect .story img {
            margin-right:-5rem;
            width:110%;
            height:auto;
            float:right;
        }

        @media (min-width: 768px) {.expect .story img {width:100%;}}

        .expect .story .textbox {margin-left:0rem; padding-top:5rem; padding-bottom:8rem;}
        @media (min-width: 768px) {.expect .story .textbox {margin-left:6rem;}}

            .expect .story .textbox h2,
            .expect .story .textbox p {width:100%;}

            .expect .story .textbox p {margin-bottom:2rem;}

            @media (min-width: 768px) {.expect .story .textbox h2 {width:80%;}}
            @media (min-width: 768px) {.expect .story .textbox p {width:89%;}}

        
        .expect .process {padding:0 0 5rem 0;}
        @media (min-width: 768px) {.expect .process {padding:0 5rem 5rem 5rem;}}

        .expect .process .tile {padding:1rem 5.5rem; margin:2rem auto;}
        @media (min-width: 768px) {.expect .process .tile {padding:1rem 5.5rem; margin:0;}}

        

        .expect .process .tile-center {border:none;}
        @media (min-width: 768px) {.expect .process .tile-center {border-left:#D2D2D2 1px solid; border-right:#D2D2D2 1px solid;}}


/*-- Component: FAQ --*/

.faq {margin:10rem auto;}

    .faq .faqbox {margin-left:-1rem; margin-bottom:5rem;}
    @media (min-width: 768px) {.faq .faqbox {margin-left:4rem; margin-bottom:0rem;}}

    .faq .faqbox h2, .faq .faqbox .subtitle {margin-left:2rem;}

    .faq .faqbox .subtitle {margin-bottom:3rem;}

    .faq .thumbnail {
        width:105%;
        margin:1rem auto;
        padding-bottom:.5rem;
        border-bottom:#D9D9D9 1.5px solid;
    }
    @media (min-width: 768px) {.faq .thumbnail {width:98%;}}

        .faq .thumbnail h3 {
            font-family:'Mulish Bold', sans-serif;
            font-size:1.8rem;
            cursor:pointer;
            padding-right:1rem;
        }
        @media (min-width: 768px) {.faq .thumbnail h3 {font-size:1.6rem;}}

        .faq .thumbnail h3:after {
            content: '\002B'; /* Unicode character for "plus" sign (+) */
            color: var(--red);
            float: right;
            text-decoration:none;
            font-size:1.8rem;
            font-family:'Mulish ExtraBold', sans-serif;
        }

        @media (min-width: 768px) { .faq .thumbnail h3:after {font-size:2rem;}}

        .faq .thumbnail p {
            font-family:'Mulish', sans-serif;
            font-size:1.8rem;
            color:var(--black);
            margin-top:1rem;
            display:none;
        }
        @media (min-width: 768px) {.faq .thumbnail p {font-size:1.4rem;}}
    
    .faq .textbox {
        background-color:var(--pale);
        border:var(--red) 7px solid;
        border-radius:7px;
        width:100%;
        margin:auto;
        padding:4rem 3rem;;
    }

    @media (min-width: 768px) {.faq .textbox {width:60%;}}

    .faq .textbox h4 {
        font-size:2.7rem;
        line-height:1.2;
        margin-bottom:1rem;
    }

    .faq .textbox p {padding:1rem 2.5rem;}


/*-- Component: Popup Video --*/

/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 15rem;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    overflow: auto;  
    background-color: rgba(13, 13, 13, 0.918); 
    animation: fadeIn .5s;
  
  }
  
  @keyframes fadeIn {
      from {opacity: 0;}
      to {opacity: 1;}
  }
  
  /* Modal Content */
  .modal-content #close-video {
    position:absolute;
    top:1.9rem;
    right:2rem;
    color:var(--white);
    font-size:4rem;
    cursor:pointer;
  }

  .modal-content img {
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        margin: auto;
        height:auto;
        width:90%;
  }

  @media (min-width: 768px) {.modal-content img { height:70%; width:auto;}}

  .modal-content iframe {
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        margin: auto;
        height:25rem;
        width:100%;
    }

@media (min-width: 768px) {.modal-content iframe {height:90%; top:50%; width:90%;}}


/*-- Component: Secondary Header --*/

.sec-header {position:relative; margin-top:8rem;}
@media (min-width: 768px) {.sec-header {position:relative; margin-top:0rem;}}

    .sec-header img {
        position:absolute;
        top:0rem;
        left:0;
        width:100%;
        height:auto;
    }

    @media (min-width: 768px) {.sec-header img {top:10rem;}}

    .sec-header .textbox h5 {color:var(--blue); margin-top:4rem;}
    @media (min-width: 768px) {.sec-header .textbox h5 {color:var(--white); margin-top:0;}}

    .sec-header .textbox h1 {
        color:var(--black);
        font-size:5rem;
        width:80%;
        margin:auto;
        margin-bottom:1.5rem;
    }
    @media (min-width: 768px) {.sec-header .textbox h1 {color:var(--white); font-size:7rem; width:100%; margin-bottom:1rem;}}

    .sec-header .textbox p {
        color:var(--black);
        width:90%;
        margin:auto;
    }
    @media (min-width: 768px) {.sec-header .textbox p {color:var(--white); width:40%;}}



/*-- Component: Form --*/

.form {position:relative; margin-top:8rem;}
@media (min-width: 768px) {.form {margin-top:10rem;}}

.form .bkgd {
    position:absolute;
    top:0;
    left:0;
    width:100%;
}

.form .container {max-width:95%;}
@media (min-width: 768px) {.form .container {max-width:60%;}}

.form .title {margin-top:5rem;}
@media (min-width: 768px) {.form .title {margin-top:8rem;}}




/*-------------------- Locations Pages ---------------------*/

/*-- Component: Locations Header --*/

/*-- Component: Secondary Header --*/

.loc-header {position:relative; margin-top:8rem;}
@media (min-width: 768px) {.loc-header {position:relative; margin-top:0rem;}}

    .loc-header img {
        position:absolute;
        top:0rem;
        left:0;
        width:100%;
        height:auto;
    }

    @media (min-width: 768px) { .loc-header img {top:8rem;}}

    .loc-header .textbox {padding:12.5rem 0 0rem 0;}
    @media (min-width: 768px) {.loc-header .textbox {padding:15rem 0 0rem 0;}}

    .loc-header .textbox h5 {color:var(--blue); margin-top:4rem;}
    @media (min-width: 768px) {.loc-header .textbox h5 {color:var(--white); margin-top:0;}}

    .loc-header .textbox h1 {
        color:var(--black);
        font-size:3.5rem;
        width:80%;
        margin:auto;
        margin-bottom:1rem;
    }
    @media (min-width: 768px) {.loc-header .textbox h1 {color:var(--white); font-size:7rem; width:100%; margin-bottom:1rem;}}

    .loc-header .textbox p {
        color:var(--black);
        width:90%;
        margin:auto;
        margin-bottom:1.6rem;
    }
    @media (min-width: 768px) {.loc-header .textbox p {color:var(--white); width:40%; margin-bottom:2rem;}}


/* Alt Location (No Images) */

.altloc-header {position:relative; margin-top:8rem;}
@media (min-width: 768px) {.alt-loc-header {margin-top:0rem;}}

    .altloc-header img {
        position:absolute;
        top:0rem;
        left:0;
        width:100%;
        height:auto;
    }

    @media (min-width: 768px) { .altloc-header img {top:3rem;}}

    .altloc-header .textbox {padding:12.5rem 0 0rem 0;}
    @media (min-width: 768px) {.altloc-header .textbox {padding:10rem 0 0rem 0;}}

    .altloc-header .textbox h5 {color:var(--black); margin-top:4rem;}
    @media (min-width: 768px) {.altloc-header .textbox h5 {color:var(--black); margin-top:0;}}

    .altloc-header .textbox h1 {
        color:var(--black);
        font-size:3.5rem;
        width:80%;
        margin:auto;
        margin-bottom:1rem;
    }
    @media (min-width: 768px) {.altloc-header .textbox h1 {color:var(--black); font-size:7rem; width:100%; margin-bottom:1rem;}}

    .altloc-header .textbox p {
        color:var(--black);
        width:90%;
        margin:auto;
        margin-bottom:1.6rem;
    }
    @media (min-width: 768px) {.altloc-header .textbox p {color:var(--black); width:40%; margin-bottom:2rem;}}


/*-- Component: Location Introduction --*/

.loc-intro {position:relative; margin-top:8rem;}
@media (min-width: 768px) {.loc-intro {margin-top:6.8rem;}}

.loc-intro .bkgd {
    position:absolute;
    top:0;
    left:0;
    width:100%;
}

.loc-intro .textbox {padding:1rem;}
@media (min-width: 768px) {.loc-intro .textbox {padding:9rem;}}

.loc-intro .infobox {
    border:#D2D2D2 1.3px solid;
    border-radius:5px;
    background-color:var(--white);
    margin:0rem 1rem 8rem 1rem;
    padding:4rem 3rem;
    box-shadow: 0 8px 11px 0 rgba(0, 0, 0, 0.10);
}

@media (min-width: 768px) {.loc-intro .infobox {margin:5rem; padding:3rem;}}

.loc-intro .infobox .location {margin:2rem auto;}

.loc-intro .infobox .location a:hover {
    color:var(--red);
    transition:.3s;
}


/*-- Component: Location Services --*/

.loc-services {margin:10rem auto 10rem auto; padding:0rem 2rem;}

@media (min-width: 768px) {.loc-services {margin:5rem auto 10rem auto; padding:0 10rem;}}

.loc-services .title {max-width:100%; margin:0 auto 0rem auto;}

@media (min-width: 768px) {.loc-services .title {max-width:55%; margin:0 auto 4rem auto;}}

.loc-services .row {margin-top:0rem;}

@media (min-width: 768px) {.loc-services .row {margin-top:2rem;}}

.loc-services .tile {
    border:#D2D2D2 1.3px solid;
    border-radius:5px;
    margin:3rem 1rem;
    padding:1rem;
    background-color:var(--white);
    box-shadow: 0 8px 11px 0 rgba(0, 0, 0, 0.10);
}

@media (min-width: 768px) {.loc-services .tile { margin:1rem;}}

.loc-services .tile img {width:100%; margin-bottom:1rem;}

.loc-services .tile p {margin-bottom:1.5rem;}


.loc-services .thumbnail {
    width:100%;
    margin:1rem auto 2rem auto;
    padding-bottom:.5rem;
    border-bottom:#D9D9D9 1.5px solid;
    border-top:#D9D9D9 1.5px solid;
}
@media (min-width: 768px) {.loc-services .thumbnail {width:98%;}}

    .loc-services .thumbnail h3 {
        font-size:1.7rem;
        cursor:pointer;
        padding-top:1.2rem;
    }
    @media (min-width: 768px) {.loc-services .thumbnail h3 {font-size:1.6rem;}}

    .loc-services .thumbnail h3:after {
        content: '\002B'; /* Unicode character for "plus" sign (+) */
        color: var(--red);
        float: right;
        text-decoration:none;
        font-size:1.8rem;
        font-family:'Mulish ExtraBold', sans-serif;
    }

    @media (min-width: 768px) { .loc-services.thumbnail h3:after {font-size:2rem;}}

    .loc-services .thumbnail .serv-dd {
        font-family:'Mulish', sans-serif;
        font-size:1.4rem;
        color:var(--black);
        margin-top:1rem;
        display:none;
    }

    .loc-services .thumbnail ul {list-style-type: none;}

    .loc-services .thumbnail ul li {font-size:1.6rem; margin-bottom:.5rem;}
    @media (min-width: 768px) {.loc-services .thumbnail ul li {font-size:1.2rem;}}


/*-- Component: Location Team --*/

.loc-team {padding: 0 2rem; margin:8rem auto;}
@media (min-width: 768px) {.loc-team {padding: 0 15rem; margin:8rem auto;}}

.loc-team .title {max-width:100%; margin:0 auto 4rem auto;}
@media (min-width: 768px) {.loc-team .title {max-width:65%; margin:0 auto 4rem auto;}}

.loc-team .tile {
    border:#D2D2D2 1.3px solid;
    border-radius:5px;
    margin:1rem;
    padding:1rem;
    background-color:var(--white);
    box-shadow: 0 8px 11px 0 rgba(0, 0, 0, 0.10);
}

.loc-team .member {margin:2rem;}

.loc-team .member img {
    width:100%;
    margin-bottom:1rem;
}

.loc-team .member h3 {margin-bottom:.5rem;}



/*------------------- Service Pages --------------------*/


/*-- Component: Service Header --*/

.service-header {margin-top:10rem;}
@media (min-width: 768px) {.service-header {margin-top:6rem;}}

.service-header .textbox {padding:0 2rem; margin-top:3rem;}
@media (min-width: 768px) {.service-header .textbox {padding:0 10rem;}}

.service-header .textbox h1 {
    font-size:4.5rem;
    line-height:1;
    margin-bottom:1.5rem;
}

@media (min-width: 768px) {.service-header .textbox h1 {font-size:5.5rem;}}

.service-header .textbox p {margin-bottom:1.5rem;}

.service-header .imgbox {text-align:right;}

.service-header .imgbox img {height:30rem; margin-right:-5.5rem; margin-top:5rem;}
@media (min-width: 768px) {.service-header .imgbox img {height:50rem;}}


/*-- Component: Featured Services --*/

.featured-services {margin:10rem auto;}

.featured-services .tile {
    border:var(--blue) 2px solid;
    border-radius:10px;
    box-shadow: 0 8px 11px 0 rgba(0, 0, 0, 0.10);
    padding:3rem 1rem;
}

@media (min-width: 768px) {.featured-services .tile {padding:5rem;}}

.featured-services .title {margin-bottom:2rem;}
@media (min-width: 768px) {.featured-services .title {margin-bottom:0;}}

.featured-services .tile ul {margin:0rem 3rem;;}
@media (min-width: 768px) {.featured-services .tile ul {margin:2rem auto;}}

.featured-services .tile ul li {font-size:1.8rem; margin-bottom:1rem;}
@media (min-width: 768px) {.featured-services .tile ul li {font-size:1.4rem;}}

/*-- Component: Locations --*/

.featured-locations {margin:8rem auto; padding:0 3rem;}
@media (min-width: 768px) {.featured-locations {margin:10rem auto; padding:0 10rem;}}

.featured-locations .title {margin-bottom:2rem;}

.featured-locations .tile {margin-bottom:2rem; margin:2rem 1rem;}

.featured-locations .tile img {width:100%; margin:1rem auto;}
@media (min-width: 768px) {.featured-locations .tile img {width:100%;}}