@font-face {
    font-family: 'bold-houschka';
    src: url('/fonts/HouschkaAltPro-Bold.woff2'),
	 url('/fonts/HouschkaAltPro-Bold.woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'extra-houschka';
    src: url('/fonts/HouschkaAltPro-ExtraBold.woff2'),
	 url('/fonts/HouschkaAltPro-ExtraBold.woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'medium-houschka';
    src: url('/fonts/HouschkaAltPro-Medium.woff2'),
	 url('/fonts/HouschkaAltPro-Medium.woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'light-houschka';
    src: url('/fonts/HouschkaAltPro-Light.woff2'),
	 url('/fonts/HouschkaAltPro-Light.woff');
	font-weight: normal;
	font-style: normal;
}

html, body, p, ul, li, a, div, article, main, header, input{ font-family: 'medium-houschka'; color: #808285;}

h1, h2, h3, h4, h5{ font-family: 'extra-houschka'; font-weight: normal;}
h1, h2{color: #fff; }
h3, h4, h5{color: #4a0d66;}

h1 .red, h2 .red, h3 .red, h4 .red, h5 .red{ color: #ff2245;}
h1 .blue, h2 .blue, h3 .blue, h4 .blue, h5 .blue{color: #0075ff;}

/*H1*/
@media (min-width: 100px) {
    h1{font-size: 32px;}
    #about h4, #joinUs h4, h2, h3{font-size: 26px;}
    .iconCard h5, h4{font-size: 22px;}
    h5{font-size: 18px;}
}
@media (min-width: 768px) {
    h1{font-size: 40px;}
    #about h4, #joinUs h4, h2, h3{font-size: 32px;}
    .iconCard h5, h4{font-size: 24px;}
    h5{font-size: 18px;}
}
@media (min-width: 1200px) {
    h1{font-size: 50px;}
    #about h4, #joinUs h4, h2, h3{font-size: 32px;}
    .iconCard h5, h4{font-size: 26px;}
    h5{font-size: 18px;}
}
@media (min-width: 100px) {
    .banner h2{font-size: 32px; font-family: 'medium-houschka';}
    .banner h2 strong{font-size: 32px; font-family: 'extra-houschka';}
}
@media (min-width: 768px) {
    .banner h2{font-size: 40px; font-family: 'medium-houschka';}
    .banner h2 strong{font-size: 40px; font-family: 'extra-houschka';}
}
@media (min-width: 1200px) {
    .banner h2{font-size: 50px; font-family: 'medium-houschka';}
    .banner h2 strong{font-size: 50px; font-family: 'extra-houschka';}
}
/*P*/
@media (min-width: 100px) {
	a, p{font-size: 18px;}
}
@media (min-width: 1200px) {
	a, p{font-size: 22px;}
}
/*FORM INPUT*/
.form-control,
input{padding: 16px 20px; height: auto; font-size: 18px; }
.form-control{ padding: 16px; }



/*LINKS*/
a:hover, a{color: #359A8E;  }
a.linkArrow:hover, a.linkArrow{text-decoration: none; }
a.linkArrow i.fa-arrow-right{ text-decoration: none; margin-right: 10px; font-size: 14px;}
a.linkArrow i.fa-chevron-right{ text-decoration: none; margin-left: 10px; font-size: 14px;}
a.linkArrow span{ text-decoration: none;}
a.linkArrow:hover span{ text-decoration: underline;}
/*BUTTONS*/

.btn{
    font-size: 18px;
    padding: 16px 40px;
}

.btn-primary{
    background-color: #4A0D66;
    border-color: #4A0D66;
    color: #fff;
    font-family: 'extra-houschka';
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.btn-primary:active,
.btn-primary:hover{
    background-color: #37094C;
    border-color: #37094C;
    color: #fff;
}
.btn-secondary{
    background-color: #58595B;
    border-color: #58595B;
    color: #fff;
    font-family: 'extra-houschka';
}
.btn-secondary:active,
.btn-secondary:hover{
    background-color: #808285;
    border-color: #808285;
    color: #fff;
}
.btn-secondary.green{
    background-color: #359A8E;
    border-color: #359A8E;
    color: #fff;
    font-family: 'extra-houschka';
}
.btn-secondary.green:active,
.btn-secondary.green:hover{
    background-color: #256D65;
    border-color: #256D65;
    color: #fff;
}
.btn-secondary.orange{
    background-color: #FFA400;
    border-color: #FFA400;
    color: #fff;
    font-family: 'extra-houschka';
}
.btn-secondary.orange:active,
.btn-secondary.orange:hover{
    background-color: #E09000;
    border-color: #E09000;
    color: #fff;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.btn-primary:focus,
.btn-primary.focus{box-shadow: 0 0 0 0.2rem rgba(130,138,145,.5);}

.btn-primary.chevron, .btn-secondary.chevron{line-height: 15px;}
.btn-primary.chevron::after, .btn-secondary.chevron::after{
    font-family: "FontAwesome";
    content: "  \f054";
    /* content: "»"; */
    text-decoration: none;
    display: block;
    float: right;
    white-space: pre;
    padding: 3px 0px 0px;
}
/**/
.btn-primary.stacked{
    font-size: 18px;
    color: #fff;
    -webkit-box-shadow: 0 7px #37094C;
    -moz-box-shadow: 0 7px #37094C;
    box-shadow: 0 7px #37094C;
    border: 0px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    vertical-align: top;
    margin-bottom: 2px;
}
.btn-primary:hover.stacked{
    border: 0px;
    -webkit-box-shadow: 0 5px #37094C;
    -moz-box-shadow: 0 5px #37094C;
    box-shadow: 0 5px #37094C;
    margin-top: 2px;
    margin-bottom: 0px;
}
.btn-secondary.stacked{
    font-size: 18px;
    color: #fff;
    background-color: #808285;
    -webkit-box-shadow: 0 7px #58595B;
    -moz-box-shadow: 0 7px #58595B;
    box-shadow: 0 7px #58595B;
    border: 0px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    vertical-align: top;
    margin-bottom: 2px;
}
.btn-secondary:hover.stacked{
    border: 0px;
    background-color: #808285;
    -webkit-box-shadow: 0 5px #58595B;
    -moz-box-shadow: 0 5px #58595B;
    box-shadow: 0 5px #58595B;
    margin-top: 2px;
    margin-bottom: 0px;
}
.btn-secondary.green.stacked{
    font-size: 18px;
    color: #fff;
    background-color: #359A8E;
    -webkit-box-shadow: 0 7px #256D65;
    -moz-box-shadow: 0 7px #256D65;
    box-shadow: 0 7px #256D65;
    border: 0px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    vertical-align: top;
    margin-bottom: 2px;
}
.btn-secondary.green:hover.stacked{
    border: 0px;
    background-color: #359A8E;
    -webkit-box-shadow: 0 5px #256D65;
    -moz-box-shadow: 0 5px #256D65;
    box-shadow: 0 5px #256D65;
    margin-top: 2px;
    margin-bottom: 0px;
}
.btn-secondary.orange.stacked{
    font-size: 18px;
    color: #fff;
    background-color: #FFA400;
    -webkit-box-shadow: 0 7px #E09000;
    -moz-box-shadow: 0 7px #E09000;
    box-shadow: 0 7px #E09000;
    border: 0px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    vertical-align: top;
    margin-bottom: 2px;
}
.btn-secondary.orange:hover.stacked{
    border: 0px;
    background-color: #FFA400;
    -webkit-box-shadow: 0 5px #E09000;
    -moz-box-shadow: 0 5px #E09000;
    box-shadow: 0 5px #E09000;
    margin-top: 2px;
    margin-bottom: 0px;
}
/*****************/
/*****************/
/*BACK TO TOP*/
.backToTop a:active, .backToTop a:visited, .backToTop a:link{text-decoration: none; }
.backToTop a{display: inline-block; width: auto; font-size: 4px;line-height: 7px; margin-bottom: 50px; margin-top: 50px;}
.backToTop a:hover{ text-decoration: none; }
.backToTop a .linktext{
    display: block;
    color: #fff;
    text-decoration: underline;
    font-size: 18px;
    width: auto;
    text-align: center;
    line-height: 30px;
    padding-bottom: 5px;
}

.backToTop a:hover::after{
    text-decoration: none;
}
.backToTop #angleUp{height: 35px; width: auto; margin-bottom: 15px;  }
.backToTop #angleUp path{fill: #fff; }

/*CLEAR*/
.clear{clear: both;}


#navigation{
    background-color: #4a0d66;
    padding: 10px 0px;
}
#navigation ul{margin-bottom: 0px;}
#navigation ul li{
    float: left; 
    width: auto;
    list-style: none; 
    margin-left: 10px;      
}
#navigation ul li a{
    color: #fff;
}
#navigation ul li a:hover{
    text-decoration: underline; 
    color: #fff;
}
#navigation .btn-secondary{
    background-color: #4a0d66;
    border: 1px solid #fff; 
    text-decoration: none; 
}
#navigation .btn-secondary:hover{
    border: 1px solid #ccc; 
    text-decoration: none; 
    background-color: #37094C;
}
#navigation .btn-secondary:focus, 
#navigation .btn-secondary:active{
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.logoBar{
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
   
}
.logoBar .cls-1{fill: #4a0d66; }
.logoBar a{
    max-width: 442px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 50px; 
}


.banner{
    background-repeat: no-repeat;
    background-position:  0 0;
    background-size: cover;
}
.bannerHeight{
    min-height: 300px;
}
.verticalAlign{
    vertical-align: middle;
    padding: 30px inherit;
}
.united {
    background-image: url(../images/bg-red-blue.gif);
    background-position: center;
    background-repeat: repeat-y;
    background-size: auto;
    background-blend-mode:normal;
}

.copyCentering{
    padding-top: 20px;
}

.bannerHeight{
    min-height: 390px;
}

@media (min-width: 576px) {
    .copyCentering{padding-top: 90px;}
    .bannerHeight{height: 410px;}
}
@media (min-width: 768px) {
    .copyCentering{padding-top: 150px;}
    .bannerHeight{height: 520px;}
}
@media (min-width: 992px) {
    .copyCentering{padding-top: 160px;}
    .bannerHeight{height: 580px;}
}
@media (min-width: 1200px) {
    .copyCentering{padding-top: 160px;}
    .bannerHeight{height: 640px;}
}

.united .banner.states{
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
}

@media (min-width: 100px) { .united .banner.states{background-image: url(../images/states-mobile.webp);}}
@media (min-width: 768px) { .united .banner.states{background-image: url(../images/states.webp); }}
.playButton a{
    padding: 110px 0 0;
    background-image: url(../images/play-button.png);
    background-repeat: no-repeat;
    background-position: center 0px;
    background-size: auto;
    display: block;
    color: #fff; 
    text-decoration: none;
}
.playButton a:hover{
    background-image: url(../images/play-button-over.png);
    color: #bcbec0;
}





/*JOIN US FORM */
#joinUs .stripes{
    background-position: center;
    background-repeat: repeat-x;
    
}
#joinUs .starsRight,
#joinUs .starsLeft{
    position: absolute;
    z-index: 1;
    top: 0px;
/*    margin-top: 90px;*/
}
#joinUs .starsRight{margin-right: -33px;right: 0px;}
#joinUs .starsLeft{margin-left: -33px;left: 0px;}

@media (min-width: 100px)  {
    #joinUs .starsRight, #joinUs .starsLeft{ margin-top: 170px; display: none; }
    #joinUs .stripes{background-image: none}
}
@media (min-width: 576px)  {
    #joinUs .starsRight, #joinUs .starsLeft{ margin-top: 170px; display: none; }
}
@media (min-width: 768px)  {
    #joinUs .starsRight, #joinUs .starsLeft{ margin-top: 138px; display: block;}
    #joinUs .stripes{background-image: url(../images/stripes.gif);}
}
@media (min-width: 992px)  {
    #joinUs .starsRight, #joinUs .starsLeft{ margin-top: 90px;  display: block;}
    #joinUs .stripes{background-image: url(../images/stripes.gif);}
}
@media (min-width: 1200px) {
    #joinUs .starsRight, #joinUs .starsLeft{ margin-top: 90px;  display: block;}
    #joinUs .stripes{background-image: url(../images/stripes.gif);}
}

.bigStar{
    position: absolute;
    z-index: 1;
    top: 0px;
    margin-top: -49px;
    margin-left: -45px;
}
.bigStripes{
    background-image: url(../images/big-stripes.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: auto;
}
@media (min-width: 100px) {
    .bigStar{display: initial; }
    .bigStripes{background-image: url(../images/big-stripes.png);}
    #redPlusBlue{margin-bottom: 140px;}
}
@media (min-width: 768px) {
    .bigStar{display: none; }
    .bigStripes{background-image: none;}
    #redPlusBlue{margin-bottom: 30px;}
}
/*THANK YOU*/
@media (min-width: 100px){#joinUs.thankYou .starsRight, #joinUs.thankYou .starsLeft {margin-top: 84px; }}
@media (min-width: 576px){#joinUs.thankYou .starsRight, #joinUs.thankYou .starsLeft {margin-top: 84px; }}
@media (min-width: 768px){#joinUs.thankYou .starsRight, #joinUs.thankYou .starsLeft {margin-top: 83px; }}
@media (min-width: 992px){#joinUs.thankYou .starsRight, #joinUs.thankYou .starsLeft {margin-top: 76px; }}
@media (min-width: 1200px){#joinUs.thankYou .starsRight, #joinUs.thankYou .starsLeft {margin-top: 84px; }}

/**/
#joinUs form{
    border: 3px solid #4A0D66;
    padding: 30px;
    background-color: #fff;
}


@media (min-width: 100px) {	#joinUs form .btn{padding: 16px 16px;	}}
@media (min-width: 768px) {	#joinUs form .btn{padding: 16px 40px;	}}

/* ICON CARD*/
a.iconCard{
    color: #fff;
    background-color: #4A0D66;
    background-position: center 18%;
    text-decoration: none;
    display: block;
    background-repeat: no-repeat;
    padding: 50px 10px 10px;
    -webkit-border-radius: 12px ;
    -moz-border-radius:    12px ;
    border-radius:         12px ;
    display: table;
    width: 100%;
}
@media (min-width: 100px) { a.iconCard{ min-height: 306px;}	}
@media (min-width: 768px) {	a.iconCard{ min-height: 256px;}	}
@media (min-width: 992px) {	a.iconCard{ min-height: 406px;}	}
a.iconCard:hover{
    background-color: 37094C;
    text-decoration: none;
}
a.iconCard h5{
    color: #fff;
    text-decoration: underline;
    display: table-cell;
    vertical-align: middle;
    padding:40px 20px 0 ;
}
a.iconCard:hover h5{
    color: #fff;
    text-decoration: none;
    
}
#horn a.iconCard{background-image: url(../images/icons-horn.png); background-size: 140px;}
#people a.iconCard{background-image: url(../images/icons-people.png); background-size: 125px; background-position: center 24%;}
#heart a.iconCard{background-image: url(../images/icons-heart.png);}

.iconCard h5{
    background-image: url(../images/icons-external-link.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: auto;
}


#socialMedia{
    background-color: #359A8E;
    padding: 20px 0;
    color: #fff;
}
#socialMedia,
#socialMedia h1, #socialMedia h2, #socialMedia h3,
#socialMedia h4,#socialMedia h5, #socialMedia p, #socialMedia a { color: #fff; }

.bottomBtn span{margin-top: 999px;}
a.bottomBtn{
    background-position: center; 
    background-size: 60%; 
    background-repeat: no-repeat; 
    background-color: #4A0D66;
    padding: 40px 0  0 ; 
    width: 40px;
    overflow: hidden; 
    display: inline-block;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    margin-right: 10px;
}
a.bottomBtn:hover{background-color: #37094C;}
a.facebook.bottomBtn{ background-image: url(../images/logo-facebook.png);}
a.twitter.bottomBtn{ background-image: url(../images/logo-twitter.png);}
a.email.bottomBtn{ background-image: url(../images/logo-email.png);}


#socialMedia .share{
    margin-bottom: 10px; 
    font-size: 32px; 
    font-family: 'extra-houschka';
}
@media (min-width: 100px) { .socialButtons{text-align: center} }
@media (min-width: 768px) { .socialButtons{text-align: right} }



.alzLogo{
    max-width: 447px;
    width: 100%;
    height: auto;
}

#footer{
    background-color: #4a0d66;
    padding: 20px 0px; 
    color: #fff;
 
}
#footer p, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer a, #footer a:hover{ color: #fff;}

#alzFooterLogo a{
    max-width: 487px;
    height: auto; 
    display: block ;
    margin-left: auto; 
    margin-right: auto; 
    padding: 0px 20px; 
}
#footer p{
    font-size: 18px; 
}

.globalcopyright a{
    font-size: 18px; 
    text-decoration: underline;
}

#externalLinks a{
    font-family: 'bold-houschka';
    display: inline-block;
}
#externalLinks{font-weight: bold; }
#footer .pipe{
    margin-left: 10px;
    margin-right: 10px;
    font-weight: bold; 
    font-size: 22px; 
    color: #fff; 
}



.videoEmbed iframe, .videoEmbed object, .videoEmbed embed, .videoEmbed video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.videoEmbed {
    padding-top: 0;
    padding-bottom: 56.25%;
    position: relative;
}