@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);

@import url(low-res-override.css) only screen and (max-width: 1500px) and (min-width: 800px);
@import url(mobile.css) only screen and (max-device-width: 799px);


body {
    margin: 0;
    font-family: Open Sans, sans-serif;
    font-weight: 300;
    background: black;
}
.wrapper {
    
}
.background_video {
    z-index: -1;
    width: 110%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
section.header-container {
    color: white;
    background: url(../img/snow.jpg), #adf;
    background-size: cover;
    background-position: center;
    padding: 4em;
}
section.header-container * {
    text-shadow: 0 0 2em rgba(0,0,0,0.5);
}
.site-title {
    text-align: center;
    font-size: 5em;
    margin: 20pt;
}
.site-subtitle {
    text-align: center;
    font-size: 2em;
    margin: 20pt auto 3em auto;
}
.fading-ruler {
    border: 0;
    height: 3px;
    background: linear-gradient(to right,rgba(0,0,0,0),#fff,#fff,#fff,#fff,#fff,rgba(0,0,0,0));
    width: 30vw;
    margin: 0 auto;
}

/* Sharing */
.share-container {  

    text-align: center;
}

.share-button {
    display: inline-block;
    height: 4em;
    width: 4em;
    margin: 1em;
    background: red;
    background-size: contain !important;
    background-repeat: no-repeat;
    transition: all 0.3s ease;
    border-radius: 2em;
    outline: 0;
}
.share-button:hover {
    box-shadow: 0 0 1em rgba(0,0,0,0.1);
}
.share-button.facebook {background: url(../img/share_facebook.png);}
.share-button.facebook:hover {background: url(../img/share_facebook_hover.png), rgba(0,0,0,0.05);}
.share-button.twitter {background: url(../img/share_twitter.png);}
.share-button.twitter:hover {background: url(../img/share_twitter_hover.png), rgba(0,0,0,0.05);}
.share-button.google {background: url(../img/share_google.png);}
.share-button.google:hover {background: url(../img/share_google_hover.png), rgba(0,0,0,0.05);}


/* Columns */

.columns {
    display: flex;
    width: calc(100vw-4em);
}
.column {
    flex: 1;
    padding: 0 2em;
}
.column-width-1 {flex: 1 !important;}
.column-width-2 {flex: 2 !important;}
.column-width-3 {flex: 3 !important;}
.text-columns-2 {column-count: 2;}
.text-columns-3 {column-count: 3;}

/* Default Style */
section {
    padding: 2em;
}
.small-header {
    color: rgba(0,0,0,0.8);
    font-size: x-large;
    font-weight: 600;
    margin: 0;
}
.big-header {
    color: rgba(0,0,0,0.8);
    font-size: xx-large;
    font-weight: 600;
    margin: 1em 0;
}
.text {
    color: rgba(0,0,0,0.8);
    font-size: large !important;
    font-weight: 400;
    margin: 1em 0;
}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.button {
    display: block;
    text-decoration: none;
    font-size: large;
    font-weight: bold;
    border: 2pt solid rgba(0,0,0,0.8);
    color: rgba(0,0,0,0.8);
    padding: 0.5em;
    margin: 1em auto;
    width: 8em;
    transition: all 0.3s ease 0s;
}
.button:hover {
    background: rgba(0,0,0,0.8);
    color: #e8edee;
    border: 2pt solid rgba(0,0,0,0);
}
.button-white {
    color: #e8edee;
    border: 2pt solid #e8edee;
}
.button-white:hover {
    background: #e8edee;
    color: rgba(0,0,0,0.8);
}
.no-padding {
    margin: 0;
    padding: 0;
}
.mo-padding {
    padding: 2em;
}
.bg-video {
    background: rgba(0,0,0,0.6);
}
.price-table {
    width: 40vw;
    padding: 0.5em 0.5em 3em 0.5em;
}
.price-table tr :nth-child(1) {
    text-align: right;
}
.price-table tr :nth-child(2) {
    padding: 0.2em 1em;
    text-align: left;
    font-weight: 600;
    width: 15vw;
}
.price-table hr {
    border: 0;
    height: 1px;
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.6));
}
.sub-text {
    color: rgba(0,0,0,0.6);
}
.text-white * {
    color: rgba(255,255,255,0.8);
}
a {
    color: inherit;
}
.small-table tr td {
    padding: 0.2em;
}

/* Footer */
footer {
    padding: 0.5em;
    border-top: 1px solid rgba(0,0,0,0.3);
}
.footer-inner-container {
    display: inline-block;
    margin: auto;
    color: rgba(255,255,255,0.4);
    text-align: left;
}


iframe {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 1em auto;
}

/* Spinner */
.spinner {
    margin: 100px auto 0;
    width: 70px;
    text-align: center;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #333;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
      }
}