/* Theme Name: BoilerSplatv2
Theme URI: https://splatworld.tv/
Author: Brian Mishico for Splat, Inc.
Author URI: https://splatworld.tv/
Description: A theme created by Splat, Inc.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Tags: Modernizr, Conditionizr, HTML5, CSS3
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

BoilerSplatv2 - 2021 is based on Underscores and HTML5blank themes.
Underschttps://underscores.me/, (C) 2012-2019 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
HTML5blank : http://html5blank.com/
HTML5blank is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/




/*// GOOGLE FONT IMPORT //*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&display=swap');




/*// FONT AWESOME //*/
/*<script src="https://kit.fontawesome.com/6631480df0.js"></script>*/



/*//// BOX SIZING ////*/
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }



/*//// GLOBAL DOCUMENT SET UP ////*/
html, body {
    width: 100%; 
    height: 100%;
}
html {
    font-family: "Open Sans", sans-serif;
    font-size: 62.5%; /* = 10px BASE FONT-SIZE FOR EM */
    line-height: 1.2; /* = 120% BASE LINE HEIGHT */
    font-weight: normal;
    font-style: normal;
    color: var(--var-font-color);
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    /* overflow-y: hidden; */
}
body {
    overflow-x: hidden;
    /*overflow-y: auto;*/
    background-color: var(--var-body-color);
}


/*//// LINKS ////*/
a, a:link {
      color: var(--var-link-color);
      text-decoration: none;
      transition: color .4s ease-in-out;
}
a:hover, a:active {
      color: var(--var-active-link-color);
      text-decoration: none;
}
a:visited {
      color: var(--var-visited-link-color);
}



/*//// TYPE ELEMENTS ////*/
/*// FONT //*/
h1, h2, h3, h4, h5, h6, p, li {
    margin: 0;
    padding: 0;
}
/*// SPECIFICS //*/
h1 { font-size: 4rem; }
h2 { font-size: 3.4rem; } 
h3 { font-size: 3rem; }
h4 { font-size: 2.4rem; }
h5, h6 { font-size: 1.8rem; }
p, li { 
    font-size: 1.6rem;
    line-height: 1.4rem;
}



/*///// SHARED PAGE ELEMENTS /////*/
/*//// WRAPS ALL - MAIN, SECTIONS AND FOOTER ////*/
.page-container {
    position: relative;
    min-height: 100%;
    background-color: var(--var-gutter-color);
}



/*//// MAIN HOLDS SECTIONS EXCEPT FOOTER ////*/
main {
    position: relative;
    width: 100%;
    max-width: var(--var-design-width); 
    height: auto;
    min-height: calc( 100vh - ( 100vh * var(--var-sticky-footer-height) ) );
    margin: 0 auto;
    background-color: var(--var-page-color);
}



/*//// SECTIONS HOLD PAGE/DESIGN ELEMENTS ////*/
section { 
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
}



/*//// SUB-SECTION CONTAINERS ////*/
div.container-1440-width {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1440px;
    background-color: inherit;
}
div.container-1920-width {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1920px;
    background-color: inherit;
}
div.container-boilersplat-width {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: var(--var-content-width);
    margin: 0 auto;
    padding: 0;
    background-color: inherit;
}



/*//// HEADER ////*/
/*// RED ACCENT BAR //*/
div.page-header-container div.red-accent-bar {
    position: relative;
    width: 100%;
    height: 4.7rem;
    background-color: #A41E22;
}
header {
    position: relative;
    z-index: 100;
    width: 100%;
    height: var(--var-header-height);;
    background-color: var(--var-header-color);
    overflow: visible;
}
/*// HEADER SITE LOGO //*/
img.top-site-logo {
    position: absolute;
    z-index: 101;
    top: 6.75rem;
    left: 6.5rem;
    width: 23.3rem;
    height: 9.8rem;
}
img.top-site-logo.logo-hide {
    display: none;
}



/*//// DESKTOP NAVIGATION ////*/
nav#desktop-menu { }
nav#desktop-menu ul.main-menu {
    position: absolute;
    top: 5rem;
    left: 37.5rem;
    right: 30.5rem;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
nav#desktop-menu ul.main-menu li.main-menu-item {
    position: relative;
    display: inline-block;
    width: auto;
    border-bottom: 1px solid transparent;
}
nav#desktop-menu ul.main-menu li.main-menu-item a { 
    display: inline-block;
    width: auto;
    padding: 1rem 1.5rem 1rem 1.5rem;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.37;
    /*letter-spacing: 1.142px;*/
    letter-spacing: 0.114rem;
    text-transform: uppercase;
    color: var(--var-nav-link-color);
    transition: color .4s ease-in-out;
    text-decoration: none;
}
nav#desktop-menu ul.main-menu li.main-menu-item a:hover,
nav#desktop-menu ul.main-menu li.main-menu-item.on-this-page a { 
    color: var(--var-nav-link-hover-color);
}
/*// DESKTOP MENU ACCENTS //*/
div.menu-accent {
    float: left;
    width: 0;
    max-width: 6rem;
    height: .5rem;
    margin: -.5rem auto 0 auto;    
    border-bottom: 1px solid transparent;
    transition: all 1.5s ease;
}
div.hover-link,
div.accent-on-this-page,
div.on-this-page { 
    width: 100%;
    border-bottom: 1px solid var(--var-nav-link-hover-color);
}
/*// VERT ACCENT //*/
div.vert-menu-accent {
    position: absolute;
    left: .8rem;
    bottom: 0;
    width: 1px;
    height: 0;
    border-right: 1px solid transparent;
    transition: all .5s linear;    
}
div.vert-menu-accent.hover-link,
div.vert-menu-accent.accent-on-this-page,
div.vert-menu-accent.on-this-page { 
    height: 3.2rem;
    border-right: 1px solid #A41E22;
}
/*// HORIZONTAL ACCENT //*/
div.horiz-menu-accent {
    position: absolute;
    left: 0;
    bottom: .7rem;
    width: 0;
    max-width: 6rem;
    height: 1px;
    margin: -1px auto 0 auto;    
    border-bottom: 1px solid transparent;
    transition: all 1s linear;
}
div.horiz-menu-accent.hover-link,
div.horiz-menu-accent.accent-on-this-page,
div.horiz-menu-accent.on-this-page { 
    width: 100%;
    border-bottom: 1px solid #192274;
}



/*//// DESKTOP BUTTONS ////*/
a.join-now-button {
    position: absolute;
    top: 8.5rem;
    right: 0;
    z-index: 101;
    display: inline-block;
    /*width: 16rem;*/
    width: auto;
    /*padding: 1.2rem 1.2rem;*/
    padding: 1.2rem 5.5rem 1.2rem 2rem;
    font-style: normal;
    font-weight: 600;
    /*font-size: 1.4rem;*/
    font-size: 1.6rem;
    /*line-height: 1;*/
    line-height: 1.4;
    text-transform: uppercase;
    text-align: left;
    color: #FFFFFF;
    border: 1px solid #A41E22;
    border-right: none;
    background-color: #A41E22;
    transition: all .3s ease; 
}
a.join-now-button:hover {
    color: #A41E22;
    background-color: #ffffff;
}
a.director-portal-button {
    position: absolute;
    top: 14.5rem;
    right: 0;
    z-index: 102;
    display: inline-block;
    width: 16rem;
    padding: 0.8rem 1.2rem;
    font-style: normal;
    font-weight: 600;
    font-size: 1.2rem;
    /*line-height: 16px;*/
    line-height: 1;
    text-transform: uppercase;
    text-align: left;
    color: #525668;
    border: 1px solid #525668;
    border-right: none;
    background-color: transparent; 
    transition: all .3s ease;   
}
a.director-portal-button:hover {
    color: #ffffff;
    background-color: #525668;
}

/*//// DESKTOP SUB-MENU ////*/
ul.main-menu ul.main-sub-menu {
     position: absolute;
     left: -9999px;
     width: 100%;
     height: auto;
     margin: 0;
     padding: 0;
     opacity: 0;
     transition: opacity .4s ease-in-out;
     list-style: none;
}
ul.main-sub-menu li.sub-main-menu-item {
    width: 100%;
    height: auto;
    margin: auto;
    transition: color .4s ease-in-out;
    text-align: left;
    background-color: rgba( 18, 25, 34, .9 );
}
.main-sub-menu .sub-main-menu-item:hover {
    background-color: rgba( 18, 25, 34, 1 );
}
.main-menu-item .sub-main-menu-item a {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 2rem; 
    letter-spacing: 0.1rem;
    font-weight: 400;
    text-transform: uppercase;
}
/*// HOVER SUB-MENU VISIBILITY //*/
ul.main-menu li.page-item-x:hover #child-of-x { /*<< x = PARENT PAGE ID */
    left: 100%;
    top: 0;
    opacity: 1;
    border: 1px solid transparent;
}





/*//// PAGE HERO SUB-NAV ACCENT BAR ////*/
div.page-hero-container div.hero-accent-bar {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 3.8rem;
    background-color: rgba(204, 209, 197, .5);
}


/*//// HERO SECTION ////*/
section.page-hero-section {
    min-height: 3.8rem;
    overflow: hidden;
}
section.page-hero-section div.page-hero-container { }

/*// HERO HEADLINE & COPY //*/
div.page-hero-container div.hero-blue-bar,
div.page-hero-container div.hero-content-container {
    position: absolute;
    top: 50rem;
    left: 0;
    right: 0;
    width: 100%;
    padding: 5rem 0 7rem 0;
}
div.page-hero-container div.hero-blue-bar {
    z-index: 100;
    background-color: rgba(29, 50, 96, .6);
    mix-blend-mode: multiply;
}
div.page-hero-container div.hero-content-container {
    z-index: 101;
}

/*// MIRROR HIDDEN CONTENT FOR BLUE BAR HEIGHT //*/
div.hero-blue-bar div.hero-flex-container {
    visibility: hidden;
}

/*//// HERO CONTENT FLEX ////*/
div.hero-flex-container {
    height: auto;
    /* min-height: 17.5rem; */
    justify-content: space-between;
}
div.hero-flex-container div.left-hero-flex-item {
    width: 75%;
    max-width: 81rem;
    /*border: 1px solid white;*/
}
div.hero-flex-container div.right-hero-flex-item {
    width: 75%;
    max-width: 105rem;
    padding-right: 25%;
    /*border: 1px solid white;*/
}
div.hero-content-container h1,
div.hero-blue-bar h2 {
    text-align: right;
    font-family: "Playfair Display", serif;
    /*font-size: 4.8rem;*/
    font-size: 5rem;
    font-style: normal;
    font-weight: normal;
    /*line-height: 1.333;*/
    line-height: .9;
    color: #ffffff;
}
div.hero-content-container h1 span,
div.hero-blue-bar h2 span {
    font-size: 7.5rem;
    line-height: .5;
}
div.hero-content-container p.sub-head,
div.hero-blue-bar p.sub-head { }

div.hero-content-container p,
div.hero-blue-bar p {
    margin-bottom: 1.5rem;
    font-style: normal;
    font-weight: normal;
    /*font-size: 1.5rem;*/
    font-size: 1.8rem;
    line-height: 1.333;
    letter-spacing: -0.015em;
    color: #ffffff;
}
div.hero-content-container p a,
div.hero-blue-bar p a {
    text-decoration: underline;
}

div.hero-content-container p:first-of-type,
div.hero-blue-bar p:first-of-type {
    margin-top: 1rem;
}



/*/// WASHINGTON SQUARE AFFAIR ////*/
a.wsa-button {
/*    display: none;*/
    position: absolute;
    top: 15px;
    left: 1.6%;
    z-index: 1000;
}
a.wsa-button img {
    /*display: none;*/
    /*width: 48.108%;*/
    width: 55%;  
    width: 65%;    
    min-width: 285px;
    height: auto;
}










/*//// PAGE HERO ALERT BOX ////*/
div.alert-box {
    position: absolute;
    top: 10rem;
    right: -100%;
    z-index: 100;
    padding: 2.5rem 0 2.5rem 3.5rem;
    background-color: rgba(23, 26, 58, 65.43%);
    transition: all .4s ease;
}
div.alert-box.slide-closed {
    right: -100%;
}
div.alert-box.slide-open {
    right: 0;
}
div.alert-box div.alert-container {
    width: 100%;
    max-width: 31rem;
    padding: 2rem 1rem;
    border: 1px solid #A4A0A0;
}                         
div.alert-container h2 {
    margin-bottom: 1.8rem;
    font-family: "Open Sans Condensed", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 2.8rem;
    line-height: 3.8rem;
    color: #ffffff;
}
div.alert-container p {
    margin-bottom: 2rem;
    padding-left: 2rem;    
    /*font-size: 1.5rem;*/
    font-size: 1.7rem;
    font-style: normal;
    font-weight: normal;
    line-height: 1.333;
    letter-spacing: -0.015em;
    color: #ffffff;
}
div.alert-container a.shca-red-button {
    margin-left: 2rem;
}
div.alert-container:hover a.shca-red-button {
    transform: scale(1.1);
}
/*//// PAGE HERO NAVIGATION ////*/
div.hero-accent-bar nav.hero-navigation {
    position: relative;
    top: -999px;
    width: auto;
    /*max-width: 61rem;*/
    min-height : 3.8rem;
    margin: 0 auto;
    padding: 0;
    background: rgba(214, 209, 197, 0.5);
    /*border: 1px solid red;*/
    transition: all .4s ease;
}
div.hero-accent-bar nav.hero-navigation.slide-down {
    top: 0;
}
nav.hero-navigation ul.child-page-navigation {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    text-align: center;
}
nav.hero-navigation ul.child-page-navigation li {
    display: inline-block;
    padding: 0 1rem;
}
nav.hero-navigation ul.child-page-navigation li a { 
    /*font-size: 1.4rem;*/
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.2rem; 
    letter-spacing: 1.14286px;
    text-transform: uppercase;
    color: #525668;
    transition: all .4s ease;
}
/* HIDE BR FROM TITLE */
nav.hero-navigation ul.child-page-navigation li a br { 
    display: none;
}
nav.hero-navigation ul.child-page-navigation li.current_page_item a,
nav.hero-navigation ul.child-page-navigation li a:hover {
    color: #A41E22;
} 





/*//// SITE BUTTONS ////*/
/*// RED //*/
a.shca-red-button {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0.8rem 0.9rem 0.8rem 0.9rem;
    border: 1px solid #A41E22;
    background-color: #A41E22;
    box-sizing: border-box;
    font-style: normal;
    font-weight: 600;
    /*font-size: 1.2rem;*/
    font-size: 1.5rem;
    line-height: 1.333;
    text-transform: uppercase;
    color: #ffffff;
    transition: all .3s ease;
    cursor: pointer;
}
a.shca-red-button:hover {
    background-color: #ffffff;
    color: #A41E22;
}
/*// BLUE //*/
a.shca-blue-button {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0.8rem 0.9rem 0.8rem 0.9rem;
    border: 1px solid #2F4176;
    background-color: #2F4176;
    box-sizing: border-box;
    font-style: normal;
    font-weight: 600;
    /*font-size: 1.2rem;*/
    font-size: 1.5rem;
    line-height: 1.333;
    text-transform: uppercase;
    color: #ffffff;
    transition: all .3s ease;
    cursor: pointer;
}
a.shca-blue-button:hover {
    background-color: #ffffff;
    color: #2F4176;
}



/*//// LINK HOT SPOT ////*/
a.hot-spot {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}



/*//// PAGE CONTENT SECTION ////*/
section.page-content-section {}
section.page-content-section div.page-content-container {
    background-color: inherit;
}
div.content-flex-container {
    justify-content: space-between;
    align-items: stretch;
    padding: 8rem 20rem 8rem 15rem;
    margin: 0 5.5rem;
    background-color: #f7f6f3;
}
div.content-flex-container div.content-flex-item {  }
div.content-flex-item h1 {
    display: none;
}
div.content-flex-item h2,
div.content-flex-item h3,
div.content-flex-item h4,
div.content-flex-item h5,
div.content-flex-item h6 {
    margin-top: -0.8rem;
    margin-bottom: 1.8rem;
    margin-bottom: 0;
    font-family: "Playfair Display", serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.333;
    color: #000000;
}
div.content-flex-item h2 { 
    font-size: 3.8rem;
    border-bottom: 1px solid #A41E22;
}
div.content-flex-item h3 { 
    font-family: "Open Sans Condensed", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 2.6rem;
    line-height: 1.33;
    letter-spacing: -0.2px;
    color: #A41E22;
}
div.content-flex-item h3 span {
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.33;
    letter-spacing: -0.2px;
    color: #000000;    
}

div.content-flex-item h4 { 
    font-family: "Open Sans Condensed", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 1.33;
    letter-spacing: -0.2px;
}
div.content-flex-item h5,
div.content-flex-item h6 { 
    font-size: 1.8rem; 
}
div.content-flex-item h5 { 
    font-weight: bold; 
}

div.content-flex-item p {
    width: 75%;
    margin-bottom: 1.8rem;
    margin-bottom: 3rem;
    font-style: normal;
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 1.388;
    color: #000000;    
}
div.content-flex-item p.list-header,
div.content-flex-item p span.list-header  {
   margin-bottom: 0;
}
div.content-flex-item ul, 
div.content-flex-item ol {
    width: 75%;
    margin-bottom: 1.8rem;
    margin-bottom: 4rem;
    color: #000000;
}
div.content-flex-item ul li, 
div.content-flex-item ol li {
    margin-bottom: .2rem;
    font-style: normal;
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 1.388;
    color: #000000;    
}
div.content-flex-item p a,
 div.content-flex-item li a {
    color: #A41E22;
    text-decoration: underline;
}

/*// HORIZONTAL RULE //*/
div.content-flex-item hr {
    margin-top: 5rem;
    margin-bottom: 5rem;
    color: silver;
    opacity: .8;    
}







/*//// STICKY FOOTER ////*/
/* REMOVE COMMENTS FOR STICKY FOOTER */
/*main, footer {
    padding-bottom: var(--var-sticky-footer-height);
}*/
/*footer {
    position: absolute;
    left: 50%; 
    bottom: 0;
    transform: translateX(-50%);
}*/

/*//// SITE FOOTER ////*/
footer {
    width: 100%;
    max-width: var(--var-design-width);
    height: var(--var-footer-height);
    margin: 0 auto;
    text-align: center;
    background-color: var(--var-footer-color);
    /*border: 1px solid maroon;*/
}
footer p, footer a {
    font-size: 1.4rem;
    color: var(--var-link-color);
}
footer a:active {
    color: var(--var-active-link-color);
}
footer a:visited {
    color: var(--var-visited-link-color);
}

footer div.footer-container {
    padding: 4rem 0;
    padding: 8rem 0 0 0;
    background-color: #ffffff;
}
/*//// FOOTER CONTAINER & FLEX ////*/
div.footer-container div.footer-flex {
    position: relative;
    width: 100%;
    padding-top: 4rem;
    padding-bottom: 8rem;
}
/*// LEFT //*/
div.footer-flex div.footer-left-item {
    position: relative; 
    padding-left: 6.5rem;
    text-align: left;
    vertical-align: middle;
}
/*/ FOOTER LOGO /*/
img.footer-logo {
    width: 23.3rem;
    height: 9.8rem;
}
img.footer-logo.logo-hide {
    display: none;
}

/*// CENTER - FOOTER NAVIGATION //*/
ul.footer-menu {
    width: 100%;
    margin: 0;
    padding: 0;
}
ul.footer-menu li {
    display: inline-block;
    width: auto;
    margin-right: 3rem;
    vertical-align: top;
    text-align: left;
}
ul.footer-menu li div.menu-accent,
ul.footer-menu li div.vert-menu-accent,
ul.footer-menu li div.horiz-menu-accent {
    display: none;
}
ul.footer-menu li > a {
    font-style: normal;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1.36;
    letter-spacing: 1.14286px;
    text-transform: uppercase;
    color: #525668;
    transition: all .3s ease;
}
ul.footer-menu li > a:hover {
    color: maroon;
}
li ul.footer-sub-menu {
    width: 100%;
    margin: 0;
    padding: 0;
}
ul.footer-sub-menu li {
    display: block;
    margin: 0;
    vertical-align: top;
    text-align: left;
}
ul.footer-sub-menu li > a {
    font-style: normal;
    font-weight: 600;
    /*font-size: .9rem;*/
    font-size: 1.1rem;
    line-height: 1.88;
    letter-spacing: 1.14286px;
    text-transform: uppercase;
    color: #525668;
    transition: all .3s ease;
}
ul.footer-sub-menu li > a:hover {
    color: maroon;
}

/*// RIGHT //*/
div.footer-flex div.footer-right-item {
    text-align: left;
    vertical-align: top;
}
div.footer-right-item h4 { 
    font-style: normal;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.57;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #A41E22;
}    
div.footer-right-item p {
    font-style: normal;
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 1.57;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #525668;
}
div.footer-right-item p a {
    color: #525668;
    text-decoration: underline;
}
div.footer-right-item a.social-icon-link {
    position: absolute;
    top: 0;
    right: 1rem;
}
div.footer-right-item a.social-icon-link.instagram-link {
    top: 5rem;
}
div.footer-right-item a.social-icon-link.youtube-link {
    top: 10rem;
}

div.footer-right-item img.social-icon {
    float: right;
    margin-right: 3.5rem;
    width: 100%;
    max-width: 3.6rem;
    height: auto;
}
div.footer-right-item img.social-icon path {
    color: red;

}




/*//// ACCENT BARS ////*/
div.footer-flex div.red-accent {
    position: absolute;
    top: 4rem;
    bottom: 0;
    left: 39rem;
    z-index: 1000;
    width:  1px;
    height: 100%;
    border-left: 2px solid #A41E22;
}
div.footer-flex div.blue-accent {
    position: absolute;
    top: 4rem;
    bottom: 0;
    right: 10rem;
    z-index: 1000;
    width:  1px;
    height: 100%;
    border-left: 2px solid #2F4176;
}






/*//// PAGE MODAL ////*/
.page-modal {
    display: none;
    position: fixed;
    z-index: 99999;
    padding-top: 5%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}
@media screen and (min-width: 1600px) {
    /*.page-modal { padding-top: 8%; }*/
}
.page-modal.show-modal {
    display: block;
}
/*/// MODAL SCRIM ///*/
#pageModal .modal-scrim {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.6);
}
#pageModal .modal-box {
    position: relative;
    width: 85%;
    max-width: 550px;
    height: auto;
    margin: auto;
    padding: 0;
    background-color: #ffffff;
    /*background: linear-gradient(0deg, rgba(194,223,240,1) 0%, rgba(255,255,255,1) 100%);*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    animation-name: animatetop;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
#pageModal .modal-box .modal-header {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0;
    background-color: #2F4176;
}
#pageModal .modal-header h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
    max-width: 550px;
    padding: .75% 1%; 
    margin: 0;
    font-family: "Open Sans Condensed", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 2.5rem;
    line-height: 0.7;
    text-transform: capitalize;
    color: #ffffff;
}
/*/ CLOSE BUTTON /*/
#pageModal span.close {
    position: absolute;
    z-index: 1000;
    top: 12px;
    right: 19px;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    transition: all .3s ease;
}
#pageModal span.close:hover,
#pageModal span.close:focus {
    color: #A41E22;
    text-decoration: none;
    cursor: pointer;
}
#pageModal .modal-box .modal-body {
    position: relative;
    width: 100%;
    padding: 15px 45px 0 45px;
}
#pageModal .modal-body p { 
    margin-top: 0;
    font-size: 1.8rem;
    line-height: 1.625;
    font-weight: 400;
    font-weight: normal;
    font-style: normal;
    color: #555454;
    padding: 2rem 4rem 2rem 0;
}
/*//// LOADING SCRIM ////*/
div.loader-scrim {
    display: none;
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 124, 195, 0.5);
}
div.loader-scrim.show-loader-scrim {
    display: block;
}
div.loader-scrim #modal-loader {
    position: absolute;
    top: 50%;
    left: calc(50% - 20px);
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border: 4px solid #ffffff;
    border-top: 4px solid rgb(0, 124, 195);
    border-radius: 50%;
    animation: spin 2s linear infinite;
}
div.modal-loader-info {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translateX(-50%);
    color: #ffffff;
}
/*//// MODAL FORMS ////*/
#pageModal .modal-body input[type=text], 
#pageModal .modal-body input[type=number], 
#pageModal .modal-body input[type=email], 
#pageModal .modal-body input[type=password], 
#pageModal .modal-body textarea, 
#pageModal .modal-body select {
    width: 80%;
    font-size: 1.6rem;
    padding: 0.8rem 0.8rem !important;
    margin-bottom: 0.4rem;
    border: 1px solid rgb(133, 133, 133) !important;
}
#pageModal .modal-body button,
#pageModal .modal-body input[type="submit"] {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0.4rem 0.9rem 0.4rem 0.9rem;
    margin: 1rem 0;
    border: 1px solid #A41E22;
    background-color: #A41E22;
    box-sizing: border-box;
    font-style: normal;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.333;
    text-transform: uppercase;
    color: #ffffff;
    transition: all .3s ease;
    cursor: pointer;
}
#pageModal .modal-body button:hover,
#pageModal .modal-body input[type="submit"]:hover {
    background-color: #ffffff;
    color: #A41E22;
}


/*//// MODAL ANIMATION ////*/
@-webkit-keyframes animatetop {
    from { top: -300px; opacity: 0; }
    to { top: 0; opacity: 1; }
}
@keyframes animatetop {
    from { top: -300px; opacity: 0; }
    to { top: 0; opacity: 1; }
}




/*//// ELEMENT ANIMATIONS ////*/
.fade-in-up {
    transform: translateY(16px);
    opacity: 0;
    transition: all .4s ease;
}
.fade-in-up.animate {
    transform: translateY(0px);
    opacity: 1;
}




/*//// SCRAPS - EXPERIMENTS ////*/
.parallax-window {
    display: none;
    position: relative;
    height: 0;
    padding-bottom: 86rem;
    box-shadow:inset 0 -15px 5px -16px #000000;                                
    width: 100%;
}
.parallax-window img.parallax-image {
    position: absolute;
    z-index: -99;
    top: -1px; 
    left: -1px;
    width: calc( 100% + 2px);
    padding: 0;
    margin: 0;
    -webkit-transform: scale(2) translateZ(-1px);
    -moz-transform: scale(2) translateZ(-1px);
    transform: scale(2) translateZ(-1px);
}