/* ===========================================
 * Web Fonts
 * =========================================== */
/**
 * @license
 * MyFonts Webfont Build ID 3095526, 2015-09-22T09:45:24-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: AvenirLT-Black by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/95-black/
 * 
 * Webfont: AvenirLT-Light by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/35-light/
 * 
 * Webfont: AvenirLT-Heavy by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/85-heavy/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3095526
 * Licensed pageviews: 250,000
 * Webfonts copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 1981 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro
 * 
 * © 2015 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
    font-family: 'AvenirLT-Black';
    src: url('../content/fonts/avenir/2F3BE6_0_0.eot');
    src: url('../content/fonts/avenir/2F3BE6_0_0.eot?#iefix') format('embedded-opentype'), url('../content/fonts/avenir/2F3BE6_0_0.woff2') format('woff2'), url('../content/fonts/avenir/2F3BE6_0_0.woff') format('woff'), url('../content/fonts/avenir/2F3BE6_0_0.ttf') format('truetype'), url('../content/fonts/avenir/2F3BE6_0_0.svg#wf') format('svg');
}

@font-face {
    font-family: 'AvenirLT-Light';
    src: url('../content/fonts/avenir/2F3BE6_1_0.eot');
    src: url('../content/fonts/avenir/2F3BE6_1_0.eot?#iefix') format('embedded-opentype'), url('../content/fonts/avenir/2F3BE6_1_0.woff2') format('woff2'), url('../content/fonts/avenir/2F3BE6_1_0.woff') format('woff'), url('../content/fonts/avenir/2F3BE6_1_0.ttf') format('truetype'), url('../content/fonts/avenir/2F3BE6_1_0.svg#wf') format('svg');
}

@font-face {
    font-family: 'AvenirLT-Heavy';
    src: url('../content/fonts/avenir/2F3BE6_2_0.eot');
    src: url('../content/fonts/avenir/2F3BE6_2_0.eot?#iefix') format('embedded-opentype'), url('../content/fonts/avenir/2F3BE6_2_0.woff2') format('woff2'), url('../content/fonts/avenir/2F3BE6_2_0.woff') format('woff'), url('../content/fonts/avenir/2F3BE6_2_0.ttf') format('truetype'), url('../content/fonts/avenir/2F3BE6_2_0.svg#wf') format('svg');
}

/*
Font: 		Bodoni
Style: 		Regular
URL: 		https://www.youworkforthem.com/font/T3729/bodoni
Foundry: 	ParaType
Foundry: 	https://www.youworkforthem.com/designer/318/paratype
Copyright:	Copyright (c) ParaType, Inc., 2005. All rights reserved.
Version: 	17
Created:	March 19, 2015
License: 	https://www.youworkforthem.com/font-license 
License: 	The WebFont(s) listed in this document must follow the YouWorkForThem
			WebFont license rules. All other parties are strictly restricted 
			from using the WebFonts(s) listed without a purchased license. 
			All details above must always remain unaltered and visible in your CSS.
*/

@font-face {
    font-family: 'Bodoni-Regular';
    src: url('../content/fonts/bodoni/bodoni.eot');
    src: url('../content/fonts/bodoni/bodoni.eot?#iefix') format('embedded-opentype'), url('../content/fonts/bodoni/bodoni.woff2') format('woff2'), url('../content/fonts/bodoni/bodoni.woff') format('woff'), url('../content/fonts/bodoni/bodoni.ttf') format('truetype'), url('../content/fonts/bodoni/bodoni.svg#youworkforthem') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'klavikalight';
    src: url('../content/fonts/klavika/klavika_light-webfont.eot');
    src: url('../content/fonts/klavika/klavika_light-webfont.eot?#iefix') format('embedded-opentype'), url('../content/fonts/klavika/klavika_light-webfont.woff2') format('woff2'), url('../content/fonts/klavika/klavika_light-webfont.woff') format('woff'), url('../content/fonts/klavika/klavika_light-webfont.ttf') format('truetype'), url('../content/fonts/klavika/klavika_light-webfont.svg#klavikalight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
Font: 		Gwyner
Style: 		
URL: 		https://www.youworkforthem.com/font/T8098/gwyner
Foundry: 	Typomancer
Foundry: 	https://www.youworkforthem.com/designer/337/typomancer
Copyright:	Copyright (c) 2017 by Typomancer. All rights reserved.
Version: 	17
Created:	July 23, 2017
License: 	https://www.youworkforthem.com/font-license 
License: 	The WebFont(s) listed in this document must follow the YouWorkForThem
			WebFont license rules. All other parties are strictly restricted 
			from using the WebFonts(s) listed without a purchased license. 
			All details above must always remain unaltered and visible in your CSS.
*/

@font-face {
    font-family: 'Gwyner';
    src: url('../content/fonts/gwyner/gwyner.eot');
    src: url('../content/fonts/gwyner/gwyner.eot?#iefix') format('embedded-opentype'), url('../content/fonts/gwyner/gwyner.woff2') format('woff2'), url('../content/fonts/gwyner/gwyner.woff') format('woff'), url('../content/fonts/gwyner/gwyner.ttf') format('truetype'), url('../content/fonts/gwyner/gwyner.svg#youworkforthem') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
Font: 		Kapra Regular
Style: 		Regular
URL: 		https://www.youworkforthem.com/font/T4917/kapra
Foundry: 	Typoforge Studio
Foundry: 	https://www.youworkforthem.com/designer/540/typoforge-studio
Copyright:	Copyright (c) 2014 by B≥aøej Ostoja Lniski. All rights reserved.
Version: 	17
Created:	April 01, 2016
License: 	https://www.youworkforthem.com/font-license 
License: 	The WebFont(s) listed in this document must follow the YouWorkForThem
			WebFont license rules. All other parties are strictly restricted 
			from using the WebFonts(s) listed without a purchased license. 
			All details above must always remain unaltered and visible in your CSS.
*/

@font-face {
    font-family: 'Kapra-Regular';
    src: url('kapra-regular.eot');
    src: url('../Content/fonts/kapra/kapra-regular.eot?#iefix') format('embedded-opentype'), url('../Content/fonts/kapra/kapra-regular.woff2') format('woff2'), url('../Content/fonts/kapra/kapra-regular.woff') format('woff'), url('../Content/fonts/kapra/kapra-regular.ttf') format('truetype'), url('../Content/fonts/kapra/kapra-regular.svg#youworkforthem') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0;
    padding-top: 120px;
}

.covid-block {
    background-color: #466582;
    padding: 20px;
    /*margin-top: 80px;*/
    font-size: 2em;
}

.covid-block a {
    font-family: 'AvenirLT-Light', Arial, Helvetica, sans-serif;
    color: #d1d3d4 !important;
}

.covid-block a:hover {
    color: #fff !important;
}

a {
    cursor: pointer;
}

a, a:hover, a:active, a:focus {
    cursor: pointer;
    border: none;
}

p, ol {
    font-size: 16px;
}

p.heavy {
    font-family: 'AvenirLT-Heavy';
}

sup {
    font-size: .45em;
    position: relative;
    top: -8px;
}

sup.big {
    font-size: .4em;
    position: relative;
    top: -15px;
}

span.bold {
    font-family: AvenirLT-Heavy !important;
    font-size: 1em;
    font-weight: 600;
    margin-right: 3px;
}

span.highlight {
    font-family: AvenirLT-Heavy !important;
    font-weight: 900 !important;
    font-style: italic;
    font-size: 1em !important;
    margin-right: 2px;
}

.seperator {
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%;
    height: 22px;
    border-top: 1px solid #e6e7e8;
}

.flex-align {
    display: flex;
    align-items: center;
}

.row-space {
    margin-top: 100px;
}

.row-half-space {
    margin-top: 50px;
}

.row-quarter-space {
    margin-top: 25px;
}

.row-space-below {
    margin-bottom: 100px;
}

.row-half-space-below {
    margin-bottom: 50px;
}



/*------------ SS Submissions Admin Specific Styles ------------*/

span.glyphicon-signal {
    color: #86B3B9;
}

a, .navbar-default .navbar-nav > li > a {
    color: #86B3B9;
    text-decoration: none;
}

a:hover, a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #59929a;
    text-decoration: none;
}

/*.navbar {
    height: 70px !important;
}*/

.navbar-nav {
    float: right !important;
    height: 70px;
}

.navbar-nav > li {
    padding-left: 5px !important;
    padding-right: 5px !important;
    color: #a7a9ac;
    float: left;
}

.navbar-nav > li > a {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.navbar-nav > li > a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.navbar-nav > li {
    padding-top: 25px;
    padding-bottom: 25px;
}

.navbar > .container .navbar-brand {
    margin-left: 0 !important;
}

.navbar-header {
    float: none;
    display: block;
    width: 100%;
}

.navbar-brand {
    width: 122px;
    height: 70px;
    padding: 15px 0 0 0;
    margin: 0;
}

.nav-title {
    display: inline-block;
    margin-left: 30px;
}

.nav-title h6 {
    font-family: "AvenirLT-Heavy", Helvetica, Arial, sans-serif !important;
    font-size: 1.4em;
    line-height: 1em;
    margin: 0;
    padding-top: 26px;
}

.navbar-collapse.collapse {
    display: inline-block !important;
    float: right;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
}

.header-section, .header-section.upload, .profile {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.save {
    text-align: right;
    padding: 30px 15px 30px 30px;
    border-left: 1px solid #ccc;
    /*padding-bottom: 30px;
    border-bottom: 1px solid #ccc;*/
}

.save .btn.btn-link.sm {
    margin-bottom: 0;
}

p.submission-count {
    font-family: "AvenirLT-Light", Helvetica, Arial, sans-serif !important;
    font-weight: 600;
    font-size: 1.2em;
    line-height: 1em;
    color: #86B3B9;
    margin-top: 15px;
}

.img-container {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
}

/*img.img-thumbnail {
    width: 100%;
    min-height: 300px;
    object-fit: cover;
    cursor: zoom-in;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}*/

img.img-thumbnail {
    max-width: 100% !important;
    max-height: 100% !important;
    cursor: zoom-in;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.upload-section .img-container {
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.upload-section img.img-thumbnail {
    width: 100%;
    min-height: 250px;
    object-fit: cover;
    cursor: zoom-in;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    min-height: 625px;
}

.img-thumbnail {
    padding: 0px;
    line-height: 1.42857143;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.create-btn {
    text-align: right;
}

input[type="file"] {
    display: none;
}

.btn.photo-btn {
    color: #a6c9c9 !important;
    border: 2px solid #a6c9c9 !important;
    cursor: pointer;
    font-size: .9em !important;
}

.photo-btn:hover {
    color: #86B3B9 !important;
    border: 2px solid #86B3B9 !important;
}

.upload-section {
    display: flex;
    align-items: center;
}

.upload-section h3 {
    display: inline-block;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    /*padding-top: 20px;*/
    margin-right: 40px;
    font-size: 20px;
}

.upload-section .btn {
    margin-top: 0;
}

.label-section label {
    font-size: 1.3em;
    margin-top: 20px;
    margin-bottom: 10px;
}

.label-section .thumbnail label {
    font-size: 1.3em;
    margin-top: 20px;
    margin-bottom: 10px;
}

.form-group.upload-btn {
    margin-top: 60px !important;
}

.autocomplete-input {
    display: inline-block !important;
    padding: 15px 30px;
    background-color: #f0f0f0;
    border: none;
    border-radius: 0px;
    font-size: 18px;
    width: 100%;
    color: #58595B;
}

.ss-block {
    margin-bottom: 20px;
    height: 525px;
}

.ss-block img {
    max-width: 240px;
}

.ss-block .btn {
    margin-top: 20px;
}

.story-submissions-head {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.story-submissions-head p, .story-submissions p {
    font-size: .8em;
    margin-bottom: 0;
    margin-top: 0;
}

.story-submissions-head p {
    font-weight: bold;
}

.story-submissions {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    padding-top: 25px;
    display: flex;
    align-items: center;
}

.story-submissions h3 {
    font-size: 1.2em;
    margin: 0 !important;
}

.story-submissions img {
    max-width: 145px;
}

.story-submissions p > span.date, .story-submissions p > span.time {
    font-size: 1.2em !important;
    margin-bottom: 0;
    margin-top: 0;
    display: inline;
    color: #6D6E71;
}

.story-submissions a, .story-submissions span.pipe {
    font-size: 1.1em !important;
    font-weight: bold;
}

.story-submissions span.pipe {
    margin-left: 5px;
    margin-right: 5px;
}

.story-submissions span.date {
    margin-right: 8px;
}

.form-group p, .img-preview .caption p {
    font-size: 1em;
    font-weight: 300;
}

.img-preview {
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
}

p.word-count {
    text-align: right;
    margin-bottom: 0 !important;
    width: 100%;
}

.photo-upload {
    /*display: flex;
    align-items: center;*/
    margin-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #ccc;
}

.photo-upload .btn.btn-link.sm, .photo-upload .form-group {
    margin: 0 !important;
}

.photo-upload .form-control {
    padding: 8px 20px !important;
}

.photo-caption h3 {
    font-size: .9em;
    margin: 0 !important;
}

.photo-caption p {
    font-size: .7em;
    margin: 0 !important;
}

.img-preview .caption {
    display: flex;
    justify-content: space-between;
}

.checkbox label:after {
    content: "";
    display: inline-block;
    background-image: url(../images/behind-the-scenes-bug.svg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 200px;
    height: 48px;
}

.ss-name-block .btn.btn-link.sm {
    margin: 10px 0 0 0 ;
}


@media (max-width: 992px) {
    .nav-title {
        display: none;
    }

    /*.header-section:not(.upload), .header-section:not(.dashboard)  {
        display: block;
        align-items: center;
    }*/

    .create-btn {
        margin-top: 0;
        /*text-align: center;
        margin-bottom: 20px;*/
    }

    .create-btn .btn-link {
        font-size: .9em;
    }
}

@media (max-width: 768px) {
    .header-section:not(.upload) {
        display: block;
        align-items: center;
    }

    .upload .ss-name-block {
        text-align: center;
        margin-top: 0px;
    }

    .header-section.upload .ss-name-block {
        text-align: left;
    }

    .create-btn {
        text-align: center;
        margin-bottom: 40px;
    }

    .btn.photo-btn {
        margin-bottom: 20px;
    }

    .btn.story-btn {
        margin-top: 25px;
    }

    .save {
        text-align: center;
        padding: 15px 0 0 0;
        border-left: none;
    }
}

@media (max-width: 528px) {
    .form-group.select {
        text-align: center;
    }

    .upload-section {
        display: flex;
        flex-direction: column !important;
    }

    .upload-section .btn {
        margin-top: 30px;
    }

    .ss-name-block {
        text-align: center;
        margin-top: 0px;
    }

    .profile {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .create-btn {
        margin-top: 20px;
    }

    .story-submissions {
        padding-bottom: 10px
    }

    .story-submissions p > span.date, .story-submissions p > span.time {
        font-size: 1em !important;
        margin-bottom: 5px;
        display: block;
    }

    .story-submissions span.pipe {
        display: none;
    }

    .story-submissions a {
        display: block;
        margin-bottom: 10px;
    }
}

@media (max-width: 500px) {
    .upload-section h3 {
        margin-right: 0px;
    }
}

@media (max-width: 420px) {
    body {
        padding-top: 80px;
    }
    
    nav.navbar, .navbar-brand {
        height: 60px;
    }

    .navbar-nav {
        height: 60px;
    }
    
    .navbar-brand img {
        width: 90px;
    }
    
    ul.navbar-nav {
        display: flex;
        flex-direction: column;
        padding-top: 10px;
    }

    .navbar-nav > li {
        padding-top: 0;
        padding-bottom: 0;
        text-align: right !important;
    }
    
    li.pipe {
        display: none;
    }
}



    @media (max-width: 768px) {
        .row-space {
            margin-top: 50px !important;
        }

        .row-space-below {
            margin-bottom: 50px;
        }

        .row-half-space {
            margin-top: 25px !important;
        }

        .row-half-space-below {
            margin-bottom: 25px;
        }
    }

    @media (max-width: 992px) {
        .video-grid p {
            padding: 20px 0 40px 0 !important;
        }
    }

    article {
        padding-bottom: 50px;
    }

    .article-grid article {
        min-height: 490px;
    }

    section.partners article, section.top-4 article {
        min-height: 575px;
    }

    @media (max-width: 1360px) {
        .article-grid article {
            min-height: 450px;
        }
    }

    .video-grid article {
        padding-bottom: 0 !important;
        min-height: 225px;
    }

    .row-space-none {
        margin-top: 0px;
    }

    .rule-line {
        width: 100%;
        border-bottom: 1px solid #999;
    }

    .rule-line-light {
        width: 100%;
        border-bottom: 1px solid #ccc;
    }

    .vert-line {
        border-right: 1px solid #ccc;
    }

    .block {
        background-color: #999;
    }

    .content-panel img {
        display: block;
    }

    .form-control:focus {
        background-color: #ededed;
        border: none;
        outline: 0;
        /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(153, 153, 153, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(153, 153, 153, 0.6);*/
    }

    .form-control {
        display: inline-block !important;
        padding: 15px 30px;
        background-color: #f0f0f0;
        border: none;
        border-radius: 0px;
        font-size: 18px;
        width: 100%;
        color: #58595B;
    }

    .form-control-select {
        display: inline-block !important;
        padding: 10px 30px;
        background-color: #f0f0f0;
        border: none;
        border-radius: 0px;
        font-size: 18px;
    }

    span.asp-validation {
        color: #fff;
        font-size: 14px;
        height: 5px;
        padding-top: 5px;
        display: block !important;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        select.form-control-select {
            -webkit-appearance: none;
            background-image: url(../images/arrow.jpg);
            background-repeat: no-repeat;
            background-position: 95% center;
        }
    }

    .form-group {
        margin-top: 30px !important;
    }

        .form-group label {
            /*display: none;*/
        }

        .form-group.col-lg-6 {
            padding-left: 0 !important;
        }

    .dl-secondary-header {
        width: 100%;
        background: url(../images/partner-rule-white.png) repeat-x;
        background-position: center;
        margin: 60px auto 0 auto;
    }

    .dl-gray h6 {
        background-color: #91bcbc;
        color: #fff;
        width: auto;
        padding: 0 35px;
        display: inline;
        text-transform: none;
    }

    ul.providers {
        clear: both;
    }

    .janrainContent {
        width: 300px !important;
        text-align: center;
    }

    .janrainProviderPages {
        left: 55px !important;
    }




    .date-circle {
        position: relative;
        display: block;
        background-color: transparent;
        color: #fff;
        text-align: center;
        width: 72px;
        height: 72px;
        margin: 0 auto;
    }

        .date-circle:after {
            display: block;
            padding-bottom: 100%;
            width: 100%;
            height: 0;
            border-radius: 50%;
            background-color: #9ed196;
            content: "";
        }

    .circle-inner {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .circle-wrapper {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
        width: 100%;
        height: 100%;
    }

    .circle-content {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: 10px .5em .5em .5em;
        width: 100%;
        height: 100%;
    }

        .circle-content p {
            text-transform: uppercase;
            font-size: .6em;
            line-height: 1.3em;
            margin: 0;
            letter-spacing: 1px;
        }

    p span.update-date {
        font-size: 1.45em;
        line-height: 1.2em;
    }

    .safe-checklist {
        min-height: 250px;
    }

    ul.safe {
        font-size: 16px;
        font-weight: 600;
    }

        ul.safe li {
            margin-bottom: 10px;
        }

    @media (max-width: 420px) {
        .safe-checklist {
            min-height: 300px;
        }
    }



    /* ------------ Navigation Styles ------------ */

    header {
        height: 38px;
        width: 100%;
        padding: 12px 50px;
        background-color: #353c44;
        color: #7f7f7f;
        font-size: .9em;
        font-weight: 700;
        top: 0;
        position: fixed;
    }

        header ul {
            margin: 0;
            padding: 0;
        }

            header ul li {
                list-style: none;
                float: left;
                margin-right: 25px;
            }

                header ul li span.glyphicon {
                    margin-right: 5px;
                }

                header ul li a {
                    color: #7f7f7f;
                }

                    header ul li a:hover {
                        color: #fff;
                        font-size: 1em;
                        font-weight: 700;
                    }

    .nav-reveal {
        display: none !important;
    }

    .navbar .container-fluid {
        padding-right: 0px !important;
    }

    nav {
        /*text-transform: uppercase;*/
        z-index: 1030;
    }

    /*.nav {
    font-size: .95em !important;
}*/

    /*.navbar {
    margin-bottom: -70px !important;
}*/

    .navbar.center .navbar-inner {
        text-align: center;
    }

        .navbar.center .navbar-inner .nav {
            display: inline-block;
            float: none;
            vertical-align: top;
        }

    .navbar-default {
        border: none !important;
    }

    /*.navbar-nav > li > a {
    padding-left: 12px !important;
    padding-right: 12px !important;
}*/

    /*.main-nav > li > a:hover {
    border-bottom: 5px solid #d1d3d4;
    padding-bottom: 20px;
}

.main-nav > li > a.nav-active {
    border-bottom: 5px solid #d1d3d4;
    padding-bottom: 20px;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #414b59 !important;
    border-bottom: 5px solid #d1d3d4;
    padding-bottom: 20px;
}*/

    .navbar-btn {
        margin: 0px !important;
    }

    .btn-register {
        width: 210px;
        height: 70px;
        background-color: #414b59;
        color: #fff;
        font-size: .5em;
        padding: 13px 8px 10px 8px !important;
        border-radius: 0px;
        border-left: 2px solid #a7a9ac;
        border-top: none !important;
        border-right: none !important;
        border-bottom: none !important;
    }

        .btn-register:hover {
            background-color: #485b72;
            color: #a6c9c9;
            border-left: 2px solid #a7a9ac;
        }

    span.nav-mkt-dates {
        font-family: AvenirLT-light;
        font-weight: bold;
        font-size: .8em;
        line-height: .02em;
        text-transform: none;
        letter-spacing: 1px !important;
        color: #a7a9ac;
        display: block;
    }

    span.nav-register {
        font-family: AvenirLT-Heavy;
        font-size: 1.7em;
        line-height: 0 !important;
        letter-spacing: 3px !important;
        color: #a7a9ac;
        display: block;
        margin-top: 3px;
    }

    span.nav-passes {
        font-family: AvenirLT-Heavy;
        font-size: .7em;
        line-height: 0 !important;
        text-transform: uppercase;
        letter-spacing: 1px !important;
        color: #a7a9ac;
        display: block;
    }

    span.nav-register-close {
        font-family: AvenirLT-Heavy;
        font-size: 1.5em;
        line-height: 0 !important;
        letter-spacing: 1px !important;
        color: #a7a9ac;
        display: block;
        margin-top: 2px;
    }



    /* Dropdown Menu Styles*/

    /*.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}*/

    /*.dropdown-menu:hover .dropdown {
    border-bottom: 5px solid #d1d3d4;
    padding-bottom: 20px;
}*/

    .dropdown-menu {
        min-width: 550px !important;
    }

        .dropdown-menu ul {
            list-style: none;
            padding: 0;
        }

        .dropdown-menu li {
            color: #999;
        }

            .dropdown-menu li a {
                color: #fff;
                text-transform: none;
            }

                .dropdown-menu li a:hover {
                    color: #999;
                    text-transform: none;
                }

            .dropdown-menu li.key {
                color: #fff;
                text-transform: none;
                padding-top: 10px;
                font-style: italic;
            }

    .drop-left {
        float: left;
        padding: 0 40px;
        width: 270px;
        /*background-color: #a6c9c9;*/
    }

    .drop-right {
        float: left;
        border-left: 1px solid #999;
        padding: 0 40px;
        width: 260px;
        /*background-color: #86B3B9;*/
    }

    .navbar-collapse::-webkit-scrollbar {
        display: none;
    }

    .alpha-select {
        margin-top: 25px;
    }



    /* The customcheck */
    .customcheck {
        position: relative;
        padding-left: 35px;
        margin-bottom: 10px;
        cursor: pointer;
        font-size: 16px;
        color: #a7a9ac;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    span.check-label {
        position: relative;
        padding-top: 45px;
    }

    /* Hide the browser's default checkbox */
    .customcheck input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #fff;
        border-radius: 0px !important;
    }

    /* On mouse-over, add a grey background color */
    .customcheck:hover input ~ .checkmark {
        background-color: #8cc1c8;
    }

    /* When the checkbox is checked, add a blue background */
    .customcheck input:checked ~ .checkmark {
        background-color: #8cc1c8;
        border-radius: 0px !important;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .customcheck input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .customcheck .checkmark:after {
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }






    /*  hamburger nav animation  */

    .navbar-toggle .icon-bar:nth-of-type(2) {
        top: 1px;
    }

    .navbar-toggle .icon-bar:nth-of-type(3) {
        top: 2px;
    }

    .navbar-toggle .icon-bar {
        position: relative;
        transition: all 500ms ease-in-out;
    }

    .navbar-toggle.active .icon-bar:nth-of-type(1) {
        top: 6px;
        transform: rotate(45deg);
    }

    .navbar-toggle.active .icon-bar:nth-of-type(2) {
        background-color: transparent;
    }

    .navbar-toggle.active .icon-bar:nth-of-type(3) {
        top: -6px;
        transform: rotate(-45deg);
    }

    .navbar-collapse {
        padding-right: 0px;
        padding-left: 0px;
        /*overflow-y: scroll;
    -webkit-overflow-scrolling: touch;*/
    }

    /*.navbar-collapse.in {
    height: 100vh !important;
    overflow-y: auto !important;
    padding-bottom: 160px;
}*/

    @media (max-width: 1268px) {
        .dropdown-menu {
            left: -198px;
        }
    }

    /*@media (max-width: 1150px) {
    header {
        display: none;
    }

    .nav-reveal {
        display: inline-block !important;
    }

    .navbar {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }
    
    .navbar-brand {
        width: 100px;
        height: 40px;
        padding: 11px 0 0 5%;
        margin: 0;
    }

    .navbar-collapse {
        text-align: center !important;
        width: 100%;
    }

    .navbar-nav > li > a {
        position: relative;
        width: 90vw;
        border-bottom: 1px solid #58595B;
        padding-top: 12px;
        padding-bottom: 12px;
        line-height: 20px;
        text-align: center;
        font-size: 1.5em;
    }

    .main-nav > li > a.nav-active {
        border-bottom: none;
        padding-bottom: 0;
    }

    .navbar-default .navbar-nav > .open > a {
        border-bottom: 2px solid #d1d3d4 !important;
        padding-bottom: 12px !important;
    }

    .navbar-nav > li > a:hover {
        border-bottom: 1px solid #58595B;
        padding-bottom: 12px;
    }

    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 95vh;
    }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #a6c9c9;
        background-color: none !important;
        border-bottom: 1px solid #58595B;
        padding-bottom: 10px;
    }

    .navbar-toggle {
        background-color: transparent !important;
    }

    .dropdown.open {
        border-bottom: none !important;
    }

    .dropdown-menu {
        font-size: 1.3em !important;
        border-bottom: 1px solid #58595B !important;
        min-width: 440px;
    }

    .dropdown-menu li {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    .drop-left {
        float: none;
        padding: 0 30px;
        width:90vw;
        text-align: center;
    }

    .drop-right {
        float: none;
        border-left: none;
        padding: 20px 30px;
        width: 90vw;
        text-align: center;
    }

    .btn-register {
        width: 100%;
        height: 90px;
        background-color: #485b72;
        color: #a6c9c9;
        padding: 25px 0 0 0 !important;
        border-left: none !important;
        border-top: 2px solid #a7a9ac;
        display: inline-block;
        font-size: 1.5em;
        position: absolute;
        top: 0 !important;
        left: 0;
    }

    #main-nav {
        margin-top: 90px;
        margin-bottom: 0 !important;
    }

    #secondary-nav {
        border-top: 2px solid #a7a9ac;
        margin-top: 0 !important;
    }

    .nav-mkt-dates {
        font-family: AvenirLT-light;
        font-weight: bold;
        font-size: .85em;
        line-height: 1em;
    }

    .navbar-collapse {
        padding-right: 0px;
        padding-left: 0px;
        position: relative;
    }
}*/

    @media (max-width: 480px) {
        .navbar {
            min-height: 30px !important;
        }

        .navbar-toggle {
            position: relative;
            float: right;
            margin-right: 15px;
            padding: 9px 10px;
            margin-top: 10px;
            margin-bottom: 10px;
            background-color: transparent !important;
        }

        .navbar-collapse {
            text-align: left !important;
        }

        /*.navbar-nav > li > a {
        position: relative;
        width: 350px;
        border-bottom: 1px solid #58595B;
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        font-size: 1.5em;
        margin-left: 5vw;
    }

    .navbar-nav > li > a:hover {
        border-bottom: none;
        padding-bottom: 12px;
        border-bottom: 1px solid #58595B;
    }*/

        .dropdown-menu {
            min-width: 90vw !important;
        }

        .drop-left {
            float: none;
            padding: 0 30px;
            width: 90vw;
            text-align: left;
        }

        .drop-right {
            float: none;
            border-left: none;
            padding: 20px 30px;
            width: 90vw;
            text-align: left;
        }

        /*body {
        margin-top: 52px;
    }*/

        .btn-register {
            width: 100%;
            height: 70px;
            background-color: #485b72;
            color: #a6c9c9;
            padding: 15px 0 0 0 !important;
            border-left: none;
            border-top: 2px solid #a7a9ac;
            display: inline-block;
            font-size: 1.3em;
        }

        .nav-mkt-dates {
            font-family: AvenirLT-light;
            font-weight: bold;
            font-size: .85em;
            line-height: 1em;
        }

        .alpha-select {
            margin-top: 10px !important;
            margin-bottom: 10px !important;
        }

        .cd-dropdown-wrapper {
            margin-top: 15px !important;
        }

        .filter-clears, .customcheck {
            margin-left: 10px !important;
            margin-bottom: 0 !important;
        }
    }


    /* ------------------- Planning Checklist & Sidebar Styles ------------------- */

    p.checklist-checked {
        background: url(../images/plan-your-trip/checklist/circle-checked.png);
        background-position: 0 top;
        background-repeat: no-repeat;
        background-size: 30px;
        padding: 3px 0 0 50px;
        position: relative;
        min-height: 32px;
        margin: 20px 0 !important;
    }

    p.checklist {
        background: url(../images/plan-your-trip/checklist/circle.png);
        background-position: 0 top;
        background-repeat: no-repeat;
        background-size: 30px;
        padding: 3px 0 0 50px;
        position: relative;
        min-height: 32px;
        margin: 20px 0 !important;
    }

    ul.travel {
        padding-left: 80px;
        font-family: Georgia, 'Times New Roman', Times, serif;
        font-size: 1.25em;
        font-weight: 100;
    }

        ul.travel li {
            margin-bottom: 10px;
        }

    .sidebar {
        border-left: 1px solid #e6e7e8;
        padding: 10px 0 10px 30px;
    }

        .sidebar h4 {
            font-size: 1.5em;
            margin-top: 0;
            padding-bottom: 10px;
            border-bottom: 1px solid #e6e7e8;
        }

        .sidebar .sidebar-links p {
            font-family: "AvenirLT-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 16px;
        }

        .sidebar .dont-forget {
            margin-bottom: 40px;
        }

        .sidebar .did-you-know p.tight {
            font-size: 17px;
            line-height: 1em;
            padding-bottom: 10px;
        }

    @media (max-width: 992px) {
        .sidebar {
            border-left: none;
            padding: 30px;
            margin: 60px 15px 0 15px;
            background-color: #e6e7e8;
            overflow: hidden;
            text-align: center;
        }

            .sidebar h4 {
                font-size: 1.5em;
                margin: 0 auto 15px auto;
                padding: 0;
                width: 170px;
                border-bottom: 1px solid #6d6e71;
                /*border-bottom: none;
        float: left;
        text-align: center;*/
            }

        /*.sidebar .dont-forget, .sidebar .did-you-know {
        text-align: center;
    }

    .sidebar-links {
        float: left;
        border-left: 1px solid #6d6e71;
        padding-left: 20px;
    }

    .sidebar .dont-forget, .sidebar .did-you-know {
        display: block;
        overflow: hidden;
    }

    .sidebar .did-you-know {
        clear: both;
    }*/
    }

    .pyt-video {
        min-height: 400px;
    }


    /* ------------------- New Product Picks Grid ------------------- */

    .pics-grid img {
        vertical-align: top !important;
        margin: 0;
        padding: 0;
    }

    .pics-grid {
        border-bottom: 1px solid #d1d3d4;
        padding: 40px 0;
    }

        .pics-grid p {
            margin: 0 !important;
            padding: 0 !important;
        }


    /* ------------------- SS Stories ------------------- */

    .ss-story {
        padding-bottom: 25px;
        /*min-height: 515px;*/
    }

    .article .ss-story p {
        margin: 0;
    }

    .article .ss-story img {
        margin-top: 20px;
    }


    /* ------------------- Reg Styles ------------------- */

    .register p {
        font-size: 1.2em !important;
    }

    .register .panel-hotels p {
        font-size: 1em !important;
    }

    .register .panel-collapse {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

        .register .panel-collapse p {
            margin-bottom: 0;
            padding-bottom: 0;
        }

    .register .panel-body ul {
        margin: 0;
        padding: 0;
    }

        .register .panel-body ul li {
            margin: 0 0 0 20px;
            padding: 0;
            font-family: Georgia, 'Times New Roman', Times, serif;
        }

    /* ------------------- Content Panels ----------------- */

    .content-panel {
        padding: 55px 0 65px 0;
    }

    .content-panel-message {
        padding: 25px 55px;
    }

    .content-panel-beside {
        padding: 55px 75px 75px 75px;
    }

    .content-panel.bg-mymarket {
        padding: 75px 50px 45px 50px;
    }

    .content-panel-beside-short {
        padding: 20px 50px 1000px 50px !important;
    }

    .equal {
        overflow: hidden;
    }

    .content-panel-beside, .content-panel-beside-short {
        margin-bottom: -1000px;
        padding-bottom: 1070px;
    }

        .content-panel .btn, .content-panel-beside .btn, .registration .btn {
            margin: 40px 0 30px 0;
        }

        .content-panel h3, .content-panel-beside h3, .registration h3 {
            margin: 30px 0 0 0;
        }

    .bg-blue {
        color: #fff;
        background-color: #7BB7D7;
    }

    .article .bg-blue p {
        margin-top: 0px !important;
    }

    /*.w-container {
    display: flex;
    align-content: stretch;
    display: -webkit-flex;
    -webkit-align-content: stretch;
}*/

    .w-block {
        padding: 25px 35px;
        border-right: 1px solid #fff;
    }

        .w-block:nth-last-child(-n+1) {
            border-right: none;
        }

        .w-block img {
            height: auto;
            max-height: 168px;
            margin-bottom: 25px;
        }

    .lg-screen {
        display: inline;
    }

    .mob-screen {
        display: none;
    }

    @media (max-width: 992px) {
        .vert-line {
            border: none;
        }
    }

    @media (max-width: 767px) {
        .w-block {
            padding: 5px 35px 50px 35px;
            border-right: none;
        }

        .lg-screen {
            display: none;
        }

        .mob-screen {
            display: block;
        }
    }

    h5.icon {
        padding-top: 27px;
    }

    .icon {
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 75px;
        height: 75px;
        padding-left: 90px;
    }

    .health-check {
        background-image: url(../images/hpmkt-safe/icon-monitoring-staff-health.png);
    }

    .health-locals {
        background-image: url(../images/hpmkt-safe/icon-health-locals.png);
    }

    .symptoms ul, .content-panel .symptoms ul {
        padding-left: 20px !important;
    }

        .symptoms ul li {
            list-style: none;
            font-family: Georgia, 'Times New Roman', Times, serif;
            font-size: 1.25em;
            font-weight: 100;
        }

        .content-panel .symptoms ul li {
            margin-bottom: 3px;
        }

            .content-panel .symptoms ul li a {
                list-style: none;
                font-family: Georgia, 'Times New Roman', Times, serif;
                font-weight: 100;
                color: #dde8e8;
            }

                .content-panel .symptoms ul li a:hover {
                    color: #fff;
                }

    .row.flex-center {
        display: flex;
        align-items: center;
        display: -webkit-flex;
        -webkit-align-items: center;
    }

    @media (max-width: 420px) {
        h2 {
            font-size: 3em !important;
        }

        .content-panel h3, .content-panel-beside h3, .content-panel .btn, .registration .btn {
            margin: 20px 0 0 0;
        }

        .content-panel {
            padding: 35px 15px 55px 15px;
            margin: 0 !important;
        }

        .content-panel-beside {
            padding: 35px 15px 0 15px !important;
        }

        .content-panel-beside, .content-panel-beside-short {
            margin-bottom: 0;
            padding-bottom: 40px !important;
        }

        .sidebar-content img {
            width: 60%;
            height: 60%;
            margin: 10px auto 20px auto !important;
            display: block;
        }
    }

    @media (max-width: 360px) {
        h2 {
            font-size: 2.5em !important;
        }
    }


    /* ----------------- Ad Blocks ----------------- */

    .banner-block {
        background-attachment: scroll;
        background-position: center 70%;
        background-repeat: no-repeat;
        background-size: 110%;
        height: 12vw;
        color: #fff;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

        .banner-block.tours {
            background-position: center 40% !important;
        }

        .banner-block h3 a {
            color: #fff !important;
        }

            .banner-block h3 a:hover {
                color: #a6c9c9 !important;
            }

    .banner-block-content {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .banner-block h5 {
        font-size: 2.8em;
        font-weight: 700;
        margin: 0 0 5px 0 !important;
        padding: 0 !important;
    }

    .banner-block h3 {
        font-size: 22px;
        margin: 0 0 5px 0 !important;
        padding: 0 !important;
    }

    .banner-block .btn {
        margin-top: 5px;
    }

    .banner-block.hospitality {
        background-attachment: scroll;
        background-position: center 70%;
        background-repeat: no-repeat;
        background-size: 110%;
        height: 15vw;
        color: #fff;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .new-product {
        background-image: url(../images/products-and-trends/banner-new-product-picks.jpg);
    }

    .concierge {
        background-image: url(../images/plan-your-trip/banner-concierge.jpg);
    }

    .directory {
        background-image: url(../images/hospitality/banner-directory.jpg);
    }

    .hospitality {
        background-image: url(../images/home-page/at-market/banner-hospitality.jpg);
    }

    .hpmkt-app {
        background-image: url(../images/mymarket/banner-App.jpg);
    }

    .russian {
        background-image: url(../images/international/banners-russian.jpg);
    }

    .tours {
        background-image: url(../images/plan-your-trip/banner-tours.jpg);
    }

    .sy {
        background-image: url(../images/tips-and-insights/steelyard/banners-steelyard.jpg);
    }

    .fs-webinar-1 {
        background-image: url(../images/products-and-trends/fashion-snoops/webinar-1/banner-FS-Webinar-1.jpg);
    }

    .fs-webinar-2 {
        background-image: url(../images/products-and-trends/fashion-snoops/webinar-2/banner-FS-Webinar-2.jpg);
    }

    .banner-block-sy-logo {
        width: 5%;
        padding-bottom: 10px;
    }

    .style-spotters-banner {
        background-image: url(../images/products-and-trends/banner-SS.jpg);
    }

    .sidebar-content img {
        width: 100%;
        height: 100%;
        margin-top: 10px !important;
    }

    @media (min-width: 1920px) {
        .banner-block {
            height: 12vw;
        }
    }

    @media (max-width: 1500px) {
        .banner-block {
            height: 15vw;
        }

            .banner-block.hospitality {
                height: 18vw;
            }
    }

    @media (max-width: 1360px) {
        .banner-block {
            height: 20vw;
        }

            .banner-block.hospitality {
                height: 22vw;
            }

        .banner-block-sy-logo {
            width: 7%;
        }
    }

    @media (max-width: 992px) {
        .banner-block {
            height: 30vw;
        }

            .banner-block.hospitality {
                height: 32vw;
            }

        .banner-block-sy-logo {
            width: 10%;
        }
    }

    @media (max-width: 768px) {
        .banner-block {
            height: 38vw;
        }

            .banner-block.hospitality {
                height: 40vw;
            }

        .banner-block-sy-logo {
            width: 10%;
        }
    }

    @media (max-width: 600px) {
        .banner-block {
            background-position: 100% 45%;
            background-size: 220%;
            height: 50vw;
        }

            .banner-block.hospitality {
                background-position: 100% 45%;
                background-size: 220%;
                height: 52vw;
            }

        .banner-block-sy-logo {
            width: 15%;
        }

        .sy {
            height: 105vw;
            padding: 10px 0;
        }
    }

    @media (max-width: 420px) {
        .banner-block {
            background-position: 100% 45%;
            background-size: 255%;
            height: 85vw;
        }

            .banner-block.hospitality {
                background-position: 100% 45%;
                background-size: 255%;
                height: 88vw;
            }

        .sy {
            height: 105vw;
            padding: 10px 0;
        }

        .banner-block-sy-logo {
            width: 15%;
        }
    }

    @media (max-width: 376px) {
        .banner-block {
            background-position: 100% 45%;
            background-size: 280%;
            height: 90vw;
        }

            .banner-block.hospitality {
                background-position: 100% 45%;
                background-size: 280%;
                height: 92vw;
            }

        .sy {
            height: 105vw;
            padding: 10px 0;
        }

        .banner-block h5 {
            font-size: 2em;
            font-weight: 700;
            margin: 0 0 5px 0 !important;
            padding: 0 !important;
        }

        .banner-block h3 {
            font-size: 18px;
            margin: 0 0 5px 0 !important;
            padding: 0 !important;
        }

        .banner-block .btn {
            margin-top: 5px;
            font-size: .8em;
            padding: 10px 15px;
        }

        .banner-block-sy-logo {
            width: 15%;
        }
    }



    /* -- Allows collumns of different heights to align horizontally at larger screen size without using flexbox -- */
    .vcenter {
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

    @media (max-width: 992px) {
        .vcenter {
            display: block;
        }

        .move-up {
            top: -300px;
        }

        .move-down {
            top: 470px;
            margin-bottom: 50px
        }
    }

    @media (max-width: 800px) {
        .move-up {
            top: -250px;
        }

        .move-down {
            top: 470px;
            margin-bottom: 100px
        }
    }

    @media (max-width: 768px) {
        .move-up {
            top: -250px;
        }

        .move-down {
            top: 470px;
            margin-bottom: 100px
        }
    }

    @media (max-width: 600px) {
        .move-up {
            top: -250px;
        }

        .move-down {
            top: 400px;
            margin-bottom: 100px
        }
    }

    @media (max-width: 470px) {

        .move-up {
            top: -325px;
        }

        .move-down {
            top: 350px;
            margin-bottom: 50px;
        }
    }

    @media (max-width: 420px) {

        .move-up {
            top: -275px;
        }

        .move-down {
            top: 225px;
            margin-bottom: 50px;
        }
    }

    @media (max-width: 360px) {
        .move-up {
            top: -300px;
        }

        .move-down {
            top: 225px;
            margin-bottom: 50px;
        }
    }

    @media (max-width: 320px) {
        .move-up {
            top: -300px;
        }

        .move-down {
            top: 180px;
            margin-bottom: 50px;
        }
    }


    /* ---- Extra Padding ---- */
    .pad-top-10 {
        padding-top: 10px;
    }

    .pad-top-20 {
        padding-top: 20px;
    }

    .pad-top-40 {
        padding-top: 40px;
    }

    .pad-top-60 {
        padding-top: 60px;
    }

    .pad-top-80 {
        padding-top: 80px;
    }

    .indent {
        padding-left: 20px;
    }


    /* ------------------ Button Styles ----------------- */
    .btn {
        font-family: AvenirLT-Black;
        font-size: 1.05em;
        text-transform: uppercase;
        color: #a7a9ac;
        padding: 15px 20px;
        border: 2px solid #a7a9ac;
        border-radius: 0px;
    }

        button:focus, .btn:focus {
            outline: none !important;
            outline-offset: 0;
        }

    .article-grid a.btn {
        color: #a7a9ac !important;
    }

        .article-grid a.btn:hover {
            color: #fff !important;
        }

        .article-grid a.btn.btn-link {
            color: #a6c9c9 !important;
            border: 2px solid #a6c9c9 !important;
            margin-top: 30px;
        }

            .article-grid a.btn.btn-link:hover {
                color: #86B3B9 !important;
                border: 2px solid #86B3B9 !important;
            }

    .article-grid a.link {
        color: #86B3B9 !important;
        font-size: 16px;
    }

        .article-grid a.link:hover {
            color: #739d8b !important;
        }

    .btn-link, .btn-rsvp {
        color: #a6c9c9 !important;
        border: 2px solid #a6c9c9 !important;
    }

        a.btn-link:hover, .btn-link:hover, .btn-rsvp:hover {
            color: #86B3B9 !important;
            border: 2px solid #86B3B9 !important;
        }

    .btn.btn-link.sm {
        font-size: .9em;
        letter-spacing: 0px;
        padding: 10px 15px;
        margin: 5px 0 15px 0;
    }

.story-submissions a.btn.btn-link.x-sm {
    width: 120px;
    text-align: center;
    font-size: .65em !important;
    font-weight: 300 !important;
    letter-spacing: 0px;
    padding: 3px 8px;
    margin: 0 15px 5px 0;
    border: 1px solid #a6c9c9 !important;
}

    .banner-block .btn-link {
        color: #a6c9c9 !important;
        border: 2px solid #a6c9c9 !important;
    }

    .banner-block a.btn-link:hover, .btn-default:hover {
        color: #fff !important;
        border: 2px solid #fff !important;
    }

    .exh-info .btn {
        font-size: 1em !important;
        padding: 10px 12px;
        letter-spacing: 2px;
        margin: 20px 0;
    }

    .btn-white {
        color: #e8e8e8 !important;
        border: 2px solid #e8e8e8;
    }

        a.btn-white:hover, .btn-white:hover {
            color: #d1d3d4 !important;
            border: 2px solid #d1d3d4 !important;
        }

    .btn-reg {
        color: #f0f0f0 !important;
        border: 2px solid #f0f0f0;
        padding-left: 80px;
        padding-right: 80px;
    }

        a.btn-reg:hover, .btn-reg:hover {
            color: #fff !important;
            border: 2px solid #fff !important;
        }

    .btn-gray {
        color: #6b6e71;
        border-color: #6b6e71;
    }

    .list-btn {
        float: right;
        margin-top: 20px;
        background: none;
        padding-left: 15px;
        padding-right: 15px;
        color: #a6c9c9;
        border: 1px solid #a6c9c9;
    }

    @media (max-width: 480px) {
        .list-btn {
            float: none;
            margin-top: 20px;
            background: none;
            padding-left: 15px;
            padding-right: 15px;
            color: #a6c9c9;
            border: 1px solid #a6c9c9;
        }
    }

    .hotel-list-btn {
        margin-top: 20px;
        background: none;
        padding-left: 15px;
        padding-right: 15px;
        color: #a6c9c9;
        border: 1px solid #a6c9c9;
    }

    @media (max-width: 480px) {
        .hotel-list-btn {
            float: none;
            margin-top: 20px;
            background: none;
            padding-left: 15px;
            padding-right: 15px;
            color: #a6c9c9;
            border: 1px solid #a6c9c9;
        }
    }

    .list-right {
        float: right;
    }

    .btn-sm {
        margin-right: 10px;
    }



    /* ----------------- Registration Checkbox Styles ----------------- */


    .scene-checks {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    label.checkbox-container img {
        max-width: 175px;
    }

    label.checkbox-container img.behind {
        max-width: 225px;
    }

    .checkbox-wraper {
        text-align: center;
        margin-top: 40px;
    }

    label.checkbox-container {
        color: #999;
        width: 100%;
    }

        .checkbox-container:hover {
            color: #8cc1c8;
        }

    /* The container */
    .checkbox-container {
        display: block;
        height: 45px;
        position: relative;
        padding-left: 45px;
        margin-bottom: 12px;
        margin-right: 15px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-align: left;
    }

    .checkbox-container:last-child {
        margin-right: 0;
    }

        /* Hide the browser's default checkbox */
        .checkbox-container input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
        }

    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        top: 5px;
        left: 0;
        height: 25px;
        width: 25px;
        color: #8cc1c8 !important;
        border: 1px solid #d1d3d4;
        border-radius: 25px;
    }

    /* On mouse-over, add a grey background color */
    .checkbox-container:hover input ~ .checkmark {
        background-color: #8cc1c8;
    }

    /* When the checkbox is checked, add a blue background */
    .checkbox-container input:checked ~ .checkmark {
        background-color: #8cc1c8;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .checkbox-container input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .checkbox-container .checkmark:after {
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }


    .checkbox-container.active input ~ .checkmark {
        background-color: #8cc1c8;
    }

    /* When the checkbox is checked, add a blue background */
    .checkbox-container.active input:checked ~ .checkmark {
        background-color: #8cc1c8;
    }

        /* Show the checkmark when checked */
        .checkbox-container.active input:checked ~ .checkmark:after {
            display: block;
        }

    /* Style the checkmark/indicator */
    .checkbox-container.active .checkmark:after {
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    @media (max-width: 600px) {
        .scene-checks {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
        }

        .checkbox-container {
            margin-right: 0;
        }
    }


    /* ----------------- Neighborhood Styles ----------------- */

    .number-circle {
        height: 25px;
        width: 25px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 10px;
        color: #fff;
        text-align: center;
    }

        .number-circle.one {
            background-color: #a3b965;
        }

        .number-circle.two {
            background-color: #db7a45 !important;
        }

        .number-circle.three {
            background-color: #569775 !important;
        }

        .number-circle.four {
            background-color: #994a77 !important;
        }

        .number-circle.five {
            background-color: #d24443 !important;
        }

        .number-circle.six {
            background-color: #646b85 !important;
        }

        .number-circle.seven {
            background-color: #dbb95f !important;
        }

        .number-circle.eight {
            background-color: #4da6aa !important;
        }

    .neighbor-list a {
        display: block;
        margin-bottom: 20px;
        color: #6D6E71;
        font-size: 17px;
    }

        .neighbor-list a:hover {
            color: #739d8b;
        }

    .article-grid.neighborhood article {
        min-height: 430px;
    }

    .explore-nav {
        position: relative;
        background-color: #91bcbc;
        /*width: 100%;*/
        color: #fff;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        z-index: 100;
    }

        .explore-nav.fixed-bottom {
            position: fixed;
            bottom: 0;
            width: 100%;
            background-color: #91bcbc;
            color: #fff;
            text-align: center;
            padding-top: 10px;
            padding-bottom: 10px;
            z-index: 100;
        }

        .explore-nav a {
            font-family: AvenirLT-Black;
            font-size: 1.05em;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: #fff;
            display: inline-block;
        }

            .explore-nav a:hover {
                color: #f0f0f0;
            }

        .explore-nav img {
            max-width: 20px;
            display: inline-block;
            margin-top: -8px;
            margin-right: 10px;
        }

    p.explore-header {
        font-size: 1.5em;
        font-style: italic;
        margin-bottom: 15px;
    }

    @media (max-width: 480px) {
        .explore-nav, .explore-nav.fixed-bottom {
            padding-top: 5px;
            padding-bottom: 5px;
            margin-bottom: 0 !important;
        }

            .explore-nav .col-xs-4 {
                padding-left: 8px;
                padding-right: 8px;
            }

        p.explore-header {
            font-size: 1em;
            font-style: italic;
            margin-bottom: 15px;
        }

        .explore-nav a {
            font-size: 1em;
            letter-spacing: 0;
        }

        .explore-nav img {
            max-width: 15px;
            display: inline-block;
            margin-top: -8px;
            margin-right: 8px;
        }
    }

    .building-wrapper {
        min-height: 80vh;
    }

    .section-back {
        width: 100%;
        padding: 10px 0;
        font-family: AvenirLT-light;
        font-weight: 500;
        font-size: 1.3em;
        color: #d1d3d4;
        border-bottom: 1px solid #fff;
        margin-top: 0px;
        background-color: #999;
        margin-top: 70px;
    }

        .section-back a {
            color: #d1d3d4;
        }

            .section-back a:hover {
                color: #fff;
            }

    .section-header.neighborhood {
        width: 100%;
        height: 80px;
        padding: 25px 0;
        font-family: AvenirLT-light;
        font-weight: 500;
        font-size: 1.65em;
        text-transform: uppercase;
        color: #a7a9ac;
        border-bottom: 1px solid #fff;
        margin-top: 0px;
    }

    p.buildings {
        font-size: 1.5em;
        color: #ccc;
        font-style: italic;
    }

    .building-section-header {
        font-size: 1.4em;
        font-weight: 500;
        color: #ccc;
        text-transform: uppercase;
        padding-bottom: 10px;
        border-bottom: 2px solid #e6e7e8;
        margin-top: 30px;
    }

    .exhibitor-link {
        font-size: 1.2em;
        margin-bottom: 10px;
        margin-left: 15px;
    }

    .happening-now {
        padding: 2px 20px 2px 8px;
        text-align: left;
        display: inline-block;
        z-index: 100;
        position: relative;
        color: #fff;
        font-size: .9em;
        background-color: #91bcbc;
        margin-bottom: 15px;
    }

        .happening-now:after {
            position: absolute;
            z-index: -1;
            content: "";
            right: -12%;
            top: 0;
            height: 100%;
            width: 100%;
            background: inherit;
            transform: skewX(-25deg);
        }

        .happening-now p {
            margin: 0;
            padding: 0;
        }

    @media (max-width: 1150px) {
        .section-back {
            margin-top: 25px !important;
        }
    }

    @media (max-width: 480px) {
        .section-back {
            margin-top: 14px !important;
        }

        .section-header.neighborhood {
            height: 80px;
            padding: 29px 0;
            font-size: 1.4em;
            margin-top: 0px !important;
        }

        p.buildings {
            font-size: 1.3em;
            color: #ccc;
            font-style: italic;
        }

        .exhibitor-link {
            font-size: 1.2em;
            margin-bottom: 20px;
            margin-left: 15px;
        }
    }







    /* ----------------- Type Styles ----------------- */

    h1, .h1 {
        margin-bottom: 20px;
    }

    h1,
    h2,
    h6,
    .h1,
    .h2 {
        font-family: 'Bodoni-Regular' !important;
        font-weight: 500;
        line-height: 0.9;
        color: inherit;
    }

        h2.size-down {
            font-size: 46px;
        }

        h2.size-down-2 {
            font-size: 42px;
        }

    @media (max-width: 1360px) {
        h2.size-down {
            font-size: 38px;
        }

        h2.size-down-2 {
            font-size: 32px;
        }
    }

    h4, .h4 {
        font-family: 'Bodoni-Regular' !important;
        font-weight: 500;
        line-height: 1em;
        color: inherit;
    }

    h3, .h3 {
        font-family: AvenirLT-Heavy;
        margin-top: 10px;
        margin-bottom: 5px !important;
        line-height: 1.25em;
    }

        h3.reg {
            font-family: AvenirLT-Heavy;
            margin-top: 0;
            margin-bottom: 0 !important;
            line-height: 1em;
            font-size: 2.25em !important;
        }

    h6, .h6 {
        color: #999;
    }

    h5.alt {
        font-family: "AvenirLT-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 22px;
        font-weight: 500;
        line-height: 1;
        color: inherit;
        margin-top: 40px !important;
        margin-bottom: 15px !important;
    }

    .board h5 {
        margin-top: 50px;
        font-size: 20px;
    }

    .board p.tight {
        font-size: 1.1em;
    }


    @media (max-width: 1360px) {
        h2 {
            font-size: 46px;
        }
    }

    /*@media (max-width: 575px) {
    .assistance h5 {
        font-size: 18px;
    }
}*/

    .assistance .glyphicon {
        top: 4px;
    }

    .bg-primary .assistance a {
        color: #466582;
    }

        .bg-primary .assistance a:hover {
            color: #fff;
        }

    .bg-primary p a {
        color: #414b59;
    }

        .bg-primary p a:hover {
            color: #fff;
        }

    .bg-medialink p {
        color: #fff;
        margin-top: 20px;
    }

    .bg-medialink h2 {
        color: #fff;
    }

    .bg-news {
        color: #466582;
    }

    .bg-mymarket {
        background: url(../images/mymarket/homepage-mymarket-bg.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: auto;
    }

        .bg-mymarket p {
            color: #fff;
            margin-top: 20px;
        }

        .bg-mymarket h2 {
            color: #fff;
        }

    .tight {
        margin: 0px !important;
    }

    .article-grid a {
        color: inherit;
        text-decoration: none;
    }

        .article-grid a.travel, .article-grid.updates a, .article-grid.video a {
            color: #86B3B9;
            text-decoration: none;
        }

            .article-grid a:hover, .article-grid.video a:hover {
                color: #739d8b;
                text-decoration: none;
            }

    .inactive {
        color: #a7a9ac;
    }

    .green {
        color: #739d8b;
    }

    .blue {
        color: #466582;
    }

        .blue a {
            color: #fff;
        }

            .blue a:hover {
                color: #e6e7e8;
            }

    .block-quote p {
        font-family: 'Bodoni-Regular' !important;
        font-weight: 500;
        line-height: .9em;
        font-style: italic;
        border-left: 12px solid #a6c9c9;
        padding-left: 30px;
        font-size: 3em !important;
    }

        .block-quote p span.key-tip {
            font-size: .75em !important;
            line-height: .5em !important;
        }

        .block-quote p .by-line {
            font-family: "AvenirLT-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
            line-height: .9em;
            font-style: normal;
            font-size: .4em !important;
        }


    /* ----------------- Tab Styles ----------------- */

    .nav-tabs {
        border-bottom: 1px solid #e6e7e8 !important;
    }

        .nav-tabs > li > a {
            margin-right: 0 !important;
            line-height: 1.42857143;
            border: none;
            border-bottom: 2px solid transparent;
            border-radius: 0 !important;
            color: #999;
            font-size: 1.5em;
        }

            .nav-tabs > li > a:hover {
                border-color: #a6c9c9;
                background-color: #fff !important;
                color: #a6c9c9;
            }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus {
            color: #a6c9c9;
            background-color: none !important;
            border: none;
            border-bottom: 2px solid #a6c9c9;
            border-bottom-color: #a6c9c9;
            cursor: default;
        }

    @media (max-width: 480px) {
        .nav-tabs > li > a {
            font-size: .9em;
            font-weight: 900;
        }
    }

    @media (max-width: 360px) {
        .nav-tabs > li > a {
            font-size: .7em;
            font-weight: 900;
        }
    }


    .filter-nav-tabs {
        border-bottom: 1px solid #f5f5f5;
    }

        .filter-nav-tabs > li {
            float: left;
            margin-bottom: -1px;
        }

            .filter-nav-tabs > li > a {
                margin-right: 2px;
                line-height: 1.42857143;
                border: 1px solid transparent;
                border-radius: 4px 4px 0 0;
            }

                .filter-nav-tabs > li > a:hover {
                    border-color: #ebebeb #ebebeb #f5f5f5;
                }

            .filter-nav-tabs > li.active > a,
            .filter-nav-tabs > li.active > a:hover,
            .filter-nav-tabs > li.active > a:focus {
                color: #555555;
                background-color: #fff;
                border: 1px solid #ddd;
                border-bottom-color: transparent;
                cursor: default;
            }



    /*------------ HPMKTsafe Tabs ------------*/

    .safety-tab-container .nav-tabs {
        border-bottom: none !important;
    }

    .safety-tab-container .tab-pane {
        background-color: #f2f7f6;
        padding-top: 60px !important;
        padding-bottom: 60px !important;
        border-bottom: 1px solid #e6e7e8;
        border-top: 1px solid #e6e7e8;
        margin-top: -4px !important;
    }

    .safety-tab-container .nav-link.active:before, .safety-tab-container .nav-link.active:after {
        content: "";
        position: absolute;
        top: 160px;
        left: 46%;
        width: 0;
        height: 0;
        border-width: 16px;
        border-style: solid;
        z-index: 1;
        transform: rotate(-90deg);
        /*border-left: 15px solid transparent;
    border-bottom: 12px solid #e6e7e8;
    border-right: 15px solid transparent;*/
    }

    .safety-tab-container .nav-link.active:before, .safety-tab-container .nav-link.active:after {
        border-color: transparent transparent transparent #e6e7e8;
    }

    .safety-tab-container .nav-link.active:before {
        border-width: 14px;
        display: block;
        border-color: transparent transparent transparent #f2f7f6;
        z-index: 2;
        top: 164px;
        left: 46.5%;
    }

    .safety-tab-container a.nav-link:hover, .safety-tab-container a.nav-link.active {
        color: #739d8b !important;
        font-weight: bold;
    }

    .safety-tab-container .tab-pane a {
        color: #86B3B9;
    }

        .safety-tab-container .tab-pane a:hover {
            color: #739d8b;
        }

    @media (max-width: 1359px) {
        .safety-tab-container .nav-link.active:before, .safety-tab-container .nav-link.active:after {
            top: 190px;
        }

        .safety-tab-container .nav-link.active:before {
            top: 194px;
        }
    }

    @media (max-width: 992px) {
        .safety-tab-container .nav-link.active:before, .safety-tab-container .nav-link.active:after {
            top: 213px;
        }

        .safety-tab-container .nav-link.active:before {
            top: 217px;
        }
    }

    @media (max-width: 767px) {
        .safety-tab-container .nav-link.active:before, .safety-tab-container .nav-link.active:after {
            top: 155px;
            left: 48%;
        }

        .safety-tab-container .nav-link.active:before {
            top: 159px;
            left: 48.25%;
        }

        .safety-tab-container .tab-pane {
            background-color: #f2f7f6;
            padding-top: 60px !important;
            padding-bottom: 60px !important;
            border-bottom: 1px solid #e6e7e8;
            border-top: 1px solid #e6e7e8;
            margin-top: 11px !important;
        }
    }

    @media (max-width: 390px) {
        .safety-tab-container .nav-link.active:before, .safety-tab-container .nav-link.active:after {
            top: 155px;
            left: 46%;
        }

        .safety-tab-container .nav-link.active:before {
            top: 159px;
            left: 46.5%;
        }

        .safety-tab-container .tab-pane {
            background-color: #f2f7f6;
            padding-top: 60px !important;
            padding-bottom: 60px !important;
            border-bottom: 1px solid #e6e7e8;
            border-top: 1px solid #e6e7e8;
            margin-top: 11px !important;
        }
    }

    @media (max-width: 387px) {
        .safety-tab-container .nav-link.last.active:before, .safety-tab-container .nav-link.last.active:after {
            top: 185px;
            left: 46%;
        }

        .safety-tab-container .nav-link.last.active:before {
            top: 189px;
            left: 46.5%;
        }

        .safety-tab-container .tab-pane.last {
            background-color: #f2f7f6;
            padding-top: 60px !important;
            padding-bottom: 60px !important;
            border-bottom: 1px solid #e6e7e8;
            border-top: 1px solid #e6e7e8;
            margin-top: 11px !important;
        }
    }


    /* ----------------- Registration Tab Styles ----------------- */

    .nav-tabs.reg {
        border-bottom: 2px solid #739d8b !important;
        padding-bottom: 1px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch;
        justify-content: space-between;
    }

        .nav-tabs.reg > li > a {
            line-height: .9em;
            border: none !important;
            border-bottom: 2px solid transparent;
            border-radius: 0 !important;
            color: #fff;
            font-size: 1.25em;
            background-color: #a6c9c9;
            height: 100%;
            width: 100%;
            /*max-width: 240px;*/
            text-align: center;
            display: flex;
            align-items: center;
        }

        .nav-tabs.reg > li {
            margin-right: 0 !important;
            /*margin-left: 0 !important;*/
            /*width: 100px;*/
            float: none !important;
            min-height: 45px;
        }

            .nav-tabs.reg > li:nth-child(6) {
                margin-right: 0px !important;
            }

            .nav-tabs.reg > li > a:hover {
                border-color: none;
                background-color: #739d8b !important;
                color: #fff;
            }

            .nav-tabs.reg > li.active > a,
            .nav-tabs.reg > li.active > a:hover,
            .nav-tabs.reg > li.active > a:focus {
                color: #fff;
                background-color: #739d8b !important;
                cursor: default;
            }

    ul.list {
        font-family: Georgia, 'Times New Roman', Times, serif;
        font-size: 1.2em;
        font-weight: 100;
        margin: 0;
    }

        ul.list > li {
            list-style: disc;
            line-height: 1.5em;
            margin-bottom: 10px;
            padding: 0;
        }

    .row.registration p, .row.registration ul.list {
        font-size: 1.1em !important;
    }

    @media (max-width: 1360px) {
        .nav-tabs.reg > li {
            margin-right: 10px !important;
        }
    }


    /*@media (max-width: 480px) {
    .nav-tabs > li > a {
        font-size: .9em;
        font-weight: 900;
    }
}

@media (max-width: 360px) {
    .nav-tabs > li > a {
        font-size: .7em;
        font-weight: 900;
    }
}


.filter-nav-tabs {
    border-bottom: 1px solid #f5f5f5;
}

.filter-nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

.filter-nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.filter-nav-tabs > li > a:hover {
    border-color: #ebebeb #ebebeb #f5f5f5;
}

.filter-nav-tabs > li.active > a,
.filter-nav-tabs > li.active > a:hover,
.filter-nav-tabs > li.active > a:focus {
    color: #555555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}*/

    img.safe-icon {
        max-height: 75px;
    }

        img.safe-icon.left {
            margin-top: 15px;
        }

        img.safe-icon.no-marg {
            margin-top: 0;
        }



    /* ----------------- Accordion Styles ----------------- */

    .hotels .panel {
        margin-bottom: 20px;
        background-color: transparent;
        border: none;
        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .hotels .exhibitor-row {
        width: 100%;
        display: block;
        padding: 12px 15px !important;
        border-bottom: 1px solid #e6e7e8;
    }

    .hotels .panel-group .panel-heading + .panel-collapse > .panel-body,
    .hotels .panel-group .panel-heading + .panel-collapse > .list-group {
        border-top: none;
        background-color: #fff;
    }

    .hotels .panel-group {
        margin: 10px 0 !important;
    }

        .hotels .panel-group .panel {
            margin-bottom: 0;
            border-radius: 0px;
        }

    .hotels .panel-heading {
        padding: 3px 10px;
        /*border-bottom: 1px solid transparent;*/
        border: 2px solid #86B3B9;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        display: inline-block !important;
    }

        .hotels .panel-heading:hover {
            border: 2px solid #59929a;
        }

    span.caret {
        margin-left: 10px;
    }

    .hotels a.panel-title {
        color: #86B3B9 !important;
    }

        .hotels a.panel-title:hover {
            color: #59929a !important;
        }

    .hotels .rate-block {
        text-align: right;
    }

        .hotels .rate-block p {
            margin: 10px 0 0 0;
            padding: 0;
            line-height: 1em;
        }

    @media (max-width: 768px) {
        .hotels .rate-block {
            text-align: left;
        }
    }


    .registration .panel {
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        width: 100%;
    }

    .registration .panel-title a {
        color: #999 !important;
        font-family: "AvenirLT-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 22px;
        font-weight: 700;
        text-transform: none !important;
    }

        .registration .panel-title a:hover {
            color: #86B3B9 !important;
        }

        .registration .panel-title a.active {
            color: #86B3B9 !important;
        }

    .registration .panel-body {
        border: none !important;
        padding-left: 20px;
    }

    .registration .panel-hotels > .panel-heading {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .registration .panel-hotels p {
        margin-top: 0 !important;
    }

    .panel-hotels a h3 {
        color: #a6c9c9 !important;
    }

        .panel-hotels a h3:hover {
            color: #86B3B9;
        }

    .panel-title.enews {
        font-size: 14px;
    }

    .panel.panel-hotels {
        margin-bottom: 0;
        background-color: none;
        border: none !important;
        border-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .container.event h3 {
        margin-top: 40px;
    }

        .container.event h3:first-child {
            margin-top: 0;
        }



    /* ----------------- Section Heads ----------------- */
    .location-header {
        width: 90%;
        background: url(../images/location-rule.png) repeat-x;
        background-position: center;
        margin: 15px auto 0 auto;
    }

    span.location {
        font-weight: 700;
        text-transform: uppercase;
        padding: 0 15px;
        background-color: #fff;
        color: #739d8b;
    }

    .partners {
        /*padding-bottom: 20px;*/
        border-bottom: 1px solid #e6e7e8;
        /*margin: 0 auto;
    width: 100%;*/
    }

    /*.partners img {
    margin: 15px 0 15px 0;
}*/

    .secondary-header {
        width: 100%;
        background: url(../images/partner-rule.png) repeat-x;
        background-position: center;
        margin: 60px auto 0 auto;
    }

    .previews .secondary-header {
        margin-bottom: 50px;
    }

    .secondary-header h6 {
        padding: 10px;
        margin: 0 auto 25px auto;
        text-align: center;
    }

    /*.vert-column {
   display: table;
   height: 50vw;
}*/

    .row.registration {
        display: flex;
        align-items: stretch;
    }

    .secondary-header-vert {
        /*position: absolute;
    top: 50%;
    left: 50%;
    height: 500px;
    width: 50%;
    margin: -250px 0 0 -25%;
    display: table-cell;
    vertical-align: middle;*/
        background: url(../images/vert-rule.png) repeat-y;
        background-position: center;
        margin-bottom: -1000px;
        padding-bottom: 500px;
        padding-top: 400px;
        height: 100%;
    }

        .secondary-header-vert.gray h6 {
            background-color: #fff;
            color: #999;
            width: auto;
            padding: 25px 0;
            display: inline;
            text-align: center;
        }

    @media (max-width: 600px) {
        .secondary-header h6 {
            padding: 0 10px !important;
            margin: 0 auto 0 auto;
            text-align: center;
            font-size: 20px;
        }
    }

    @media (max-width: 420px) {
        .secondary-header {
            margin: 30px auto 0 auto;
        }

            .secondary-header h6 {
                padding: 0 10px !important;
                margin: 0 auto 0 auto;
                text-align: center;
            }
    }

    .gray h6 {
        background-color: #fff;
        color: #999;
        width: auto;
        padding: 0 35px;
        display: inline;
    }

    .reverse h6 {
        background-color: #999;
        color: #fff;
        width: auto;
        padding: 0 35px;
        display: inline;
    }

    p.rule-line-light {
        padding-bottom: 10px;
    }

    .small-header {
        line-height: 2em !important;
        font-size: 45%;
    }

    .planning-header {
        width: 100%;
        background: url(../images/partner-rule.png) repeat-x;
        background-position: center;
        margin: 60px auto 0 auto;
    }

    .partner-header h6 {
        padding: 10px;
        background-color: #999;
        color: #fff;
        max-width: 260px;
        margin: 0 auto 25px auto;
        text-align: center;
    }

    .event-header {
        padding: 1px 0px;
        border-bottom: 1px solid #a7a9ac;
    }



    /* ----------------- Section Headers (top of each landing page) ----------------- */
    .section-header {
        width: 100%;
        height: 80px;
        padding: 25px 0;
        font-family: AvenirLT-light;
        font-weight: 500;
        font-size: 1.65em;
        text-transform: uppercase;
        color: #a7a9ac;
        border-bottom: 1px solid #fff;
        margin-top: 70px;
    }

        .section-header .btn {
            font-size: .5em !important;
            padding: 3px 8px 1px 8px;
            letter-spacing: 1px;
        }

        .section-header .btn-link {
            color: #a6c9c9;
            border: 2px solid #a6c9c9;
        }

            .section-header .btn-link:hover,
            .section-header .btn-link:focus {
                border-color: #59929a;
            }

            .section-header .btn-link:hover,
            .section-header .btn-link:focus {
                color: #59929a;
                text-decoration: none;
                background-color: transparent;
            }

    @media (max-width: 1150px) {
        .section-header {
            margin-top: 25px !important;
        }
    }

    @media (max-width: 480px) {
        .section-header {
            width: 100%;
            height: 50px;
            padding: 12px 0;
            font-family: AvenirLT-light;
            font-weight: 500;
            font-size: 1.4em;
            text-transform: uppercase;
            color: #a7a9ac;
            border-bottom: 1px solid #fff;
            margin-top: 14px !important;
        }
    }


    /* ------------ Carousel Styles ------------ */

    .carousel {
        position: relative;
        margin-top: 70px;
    }

    .carousel-content-wraper {
        position: absolute;
        top: 20%;
        bottom: 15%;
        left: 35%;
        right: 12%;
        z-index: 20;
        /*background-color: #ff6a00;*/
    }

    .carousel-content-wraper-mw {
        position: absolute;
        top: 5%;
        bottom: 15%;
        left: 40%;
        right: 12%;
        z-index: 20;
        /*background-color: #ffd800;*/
    }

    .carousel-content-wraper-left {
        position: absolute;
        top: 8%;
        bottom: 15%;
        left: 10%;
        right: 30%;
        z-index: 20;
        /*background-color: #ff6a00;*/
    }

    .carousel-content-wraper-left-low {
        position: absolute;
        top: 13%;
        bottom: 15%;
        left: 10%;
        right: 35%;
        z-index: 20;
        /*background-color: #ff6a00;*/
    }

    .carousel-content-wraper.high {
        top: 10% !important;
    }

    .carousel-content {
        position: relative;
        text-shadow: 1px 2px 3px rgba(0,0,0,.8);
        width: 100%;
    }

        .carousel-content img .mw-lock {
            width: 40%;
        }

        .carousel-content img {
            width: 50%;
        }


    /* Multi Slider Carousel Styles */

    .carousel-indicators.multi li {
        border: 1px solid #6D6E71;
    }

        .carousel-indicators.multi li.active {
            background-color: #6D6E71;
        }


    .carousel-inner .item.left.active {
        transform: translateX(-33%);
    }

    .carousel-inner .item.right.active {
        transform: translateX(33%);
    }

    .carousel-inner .item.next {
        transform: translateX(33%)
    }

    .carousel-inner .item.prev {
        transform: translateX(-33%)
    }

    .carousel-inner .item.right,
    .carousel-inner .item.left {
        transform: translateX(0);
    }





    .text-light {
        color: white !important;
    }

    .text-dark {
        color: #6d6e71;
    }

    .carousel-content img, .carousel-content button {
        -webkit-filter: drop-shadow(1px 3px 2px rgba(0,0,0,.6));
        filter: drop-shadow(1px 3px 2px rgba(0,0,0,.6));
    }

    /*.carousel h1.slider-head {
    font-family: 'Gwyner' !important;
    font-size: 6vw !important;
    margin-bottom: 0;
    margin-top: 3%;
    text-transform: none;
}

.carousel h1.slider-head.med {
    font-family: 'Gwyner' !important;
    font-size: 5vw !important;
    margin-bottom: 0;
    margin-top: 3%;
    text-transform: none;
}

.carousel h1.slider-head.small {
    font-family: 'Gwyner' !important;
    font-size: 3.5vw !important;
    line-height: 1em;
    margin-bottom: 0;
    margin-top: 20px;
    text-transform: none;
}*/

    .third-night {
        padding-left: 190px;
    }

    .carousel h2 {
        font-family: 'klavikalight' !important;
        font-weight: 100;
    }

        .carousel h2.slider-brand {
            font-size: 2vw !important;
            text-transform: uppercase;
            line-height: 1.25em;
            color: #c7d1da;
        }

        .carousel h2.slider-brand-sm {
            font-size: 1.5vw !important;
            text-transform: uppercase;
            line-height: 1.25em;
            color: #c7d1da;
        }

        .carousel h2.slider-reg {
            font-size: 2.5vw !important;
            text-transform: uppercase;
            line-height: 1.25em;
            color: #c7d1da;
        }

        .carousel h2.slider-reg-sm {
            font-size: 1.8vw !important;
            text-transform: uppercase;
            line-height: 1.25em;
            color: #c7d1da;
        }

        .carousel h2.slider-reg-md {
            font-size: 2.2vw !important;
            text-transform: uppercase;
            line-height: 1.25em;
            color: #c7d1da;
        }

        .carousel h2.slider-brand.inline, .carousel h2.slider-dates.inline, .carousel h2.slider-brand-sm.inline, .carousel h2.slider-dates-sm.inline, .carousel h2.slider-reg-sm.inline {
            display: inline;
            margin-right: 8px;
        }

    .extra-space {
        padding-top: 20px;
    }

    .carousel h2.slider-dates {
        font-size: 5.5vw !important;
        text-transform: none;
        letter-spacing: normal !important;
        display: inline-block;
        line-height: 1em;
    }

        .carousel h2.slider-dates.short {
            margin-top: 0;
        }

    .carousel h2.slider-dates-sm {
        font-size: 3vw !important;
        text-transform: none;
        letter-spacing: normal !important;
        display: inline-block;
    }

    .carousel h2.slider-dates-md {
        font-size: 4vw !important;
        text-transform: none;
        letter-spacing: normal !important;
        display: inline-block;
    }

    .carousel p.reg-open {
        font-family: 'klavikalight' !important;
        font-size: 2vw !important;
        font-weight: 700;
        line-height: 1em;
        text-transform: uppercase;
        display: inline-block;
        margin-right: 25px;
    }

    .carousel p.hash-caption {
        font-family: 'klavikalight' !important;
        font-size: 1em !important;
        font-weight: 100;
        text-transform: none;
        color: #c7d1da;
        margin-top: 4%;
        margin-right: 10px;
    }

    .carousel p.hash-caption-tight {
        font-family: 'klavikalight' !important;
        font-size: 1.12em !important;
        font-weight: 100;
        text-transform: none;
        color: #fff;
        margin-top: 2%;
        margin-right: 10px;
    }

    .carousel p.quote-caption {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.7em !important;
        font-weight: 100;
        text-transform: none;
        color: #bdbec0;
        margin-top: 2%;
        margin-right: 10px;
    }

    h3.carousel-label {
        font-size: 1.2em !important;
        margin: 15px 0 30px 0 !important;
    }

    .carousel-content button {
        margin-top: .75vw !important;
        font-size: .75vw !important;
        padding: 3% 8% !important;
    }

    .carousel .btn-white {
        color: #f7ba8b;
        border-color: #f7ba8b;
    }

        .carousel .btn-white:hover {
            color: #fff;
            border-color: #fff;
        }

    /* ---- Responsive Carousel Size ---- */
    @media (max-width: 1360px) {
        .carousel-content button {
            margin-top: .5vw !important;
            font-size: 1.2vw !important;
            padding: 3% 8% !important;
        }

        /*.carousel-content-wraper {
        top: 5%;
        bottom: 15%;
        left: 60%;
        right: 12%;
    }*/
    }

    @media (max-width: 1150px) {
        .carousel {
            margin-top: 30px;
        }

            .carousel p.hash-caption {
                font-size: 1.1em !important;
                margin-top: 6%;
            }

            .carousel h2.slider-reg {
                font-size: 3vw !important;
            }
    }

    @media (max-width: 1024px) {
        .carousel {
            margin-top: 0px;
        }

        .carousel-inner > .item {
            background-attachment: scroll;
            background-position: center 20px;
            background-repeat: no-repeat;
            background-size: 150%;
            height: 54vw;
        }

        p.countdown-sub {
            font-size: .3em !important;
        }

        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
            /*display: block;
        max-width: 150%;*/
            height: 100%;
            visibility: hidden;
        }

        .carousel-content-wraper-left {
            top: 11%;
            bottom: 15%;
            left: 12%;
            right: 30%;
        }

        .carousel-content-wraper-left-low {
            position: absolute;
            top: 15%;
            bottom: 15%;
            left: 12%;
            right: 45%;
        }

            .carousel-content-wraper-left-low .extra-space {
                margin-top: 40px;
            }

            .carousel-content-wraper-left-low h2.slider-reg {
                margin-top: 30px;
            }
    }

    @media (max-width: 1010px) {
        .carousel p.quote-caption {
            font-size: 2vw !important;
        }
    }

    @media (max-width: 992px) {
        .carousel h2.slider-brand-sm {
            font-size: 2.2vw !important;
        }

        .carousel h2.slider-reg-sm {
            font-size: 2.2vw !important;
            line-height: 0em;
        }

        .carousel h2.slider-reg-md {
            font-size: 2.6vw !important;
            line-height: 0em;
        }

        .carousel h2.slider-reg-sm.inline {
            display: block;
        }

        .carousel h2.slider-dates-sm {
            font-size: 4vw !important;
        }

        .carousel h2.slider-dates-md {
            font-size: 5vw !important;
        }
    }

    @media (max-width: 850px) {
        .carousel p.hash-caption-tight {
            font-size: 1em !important;
            margin-top: 5%;
        }

        .carousel-content-wraper-left-low .extra-space {
            margin-top: 30px;
        }

        .carousel-content-wraper-left-low h2.slider-reg {
            margin-top: 40px;
        }
    }

    @media (max-width: 834px) {
        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
            /*display: block;
        max-width: 150%;
        height: 264px;*/
            visibility: hidden;
        }

        .carousel-inner > .item {
            background-attachment: scroll;
            background-position: center 20px;
            background-repeat: no-repeat;
            background-size: 170%;
            height: 61vw;
        }

        .countdown {
            min-height: 90px !important;
            padding: 20px 0 !important;
            font-size: 5em !important;
            line-height: .8em;
        }

        p.countdown-sub {
            font-size: .3em !important;
        }

        .carousel-content-wraper {
            top: 15%;
            bottom: 15%;
            left: 15%;
            right: 12%;
        }

        .carousel-content-wraper-left {
            top: 13%;
            bottom: 15%;
            left: 12%;
            right: 30%;
        }

        .carousel-content-wraper-left-low .extra-space {
            margin-top: 10px;
        }

        .carousel-content-wraper-left-low h2.slider-reg {
            margin-top: 70px !important;
        }

        .carousel-content img {
            width: 40%;
        }

        .carousel h1.slider-head {
            font-size: 7vw !important;
            margin-top: 10px;
        }

            .carousel h1.slider-head.med {
                font-size: 5vw !important;
            }

            .carousel h1.slider-head.small {
                font-size: 4vw !important;
                margin-top: 10px;
            }

        .carousel h2.slider-brand {
            font-size: 3vw !important;
            line-height: 1.25em;
        }

        .carousel h2.slider-brand-sm {
            font-size: 2vw !important;
            line-height: 0em;
        }

        .carousel h2.slider-reg {
            font-size: 3.5vw !important;
            margin-top: 10px;
        }

        .carousel h2.slider-reg-sm {
            font-size: 3vw !important;
            line-height: 1em;
            margin-top: 0px;
        }

        .carousel h2.slider-reg-md {
            font-size: 3.4vw !important;
            line-height: 1em;
            margin-top: 0px;
        }

        .carousel h2.slider-dates {
            font-size: 6.5vw !important;
        }

        .carousel h2.slider-dates-sm {
            font-size: 4.5vw !important;
            line-height: .5em;
        }

        .carousel h2.slider-dates-md {
            font-size: 5.5vw !important;
            line-height: .5em;
        }

        .carousel p.reg-open {
            font-size: 2.2vw !important;
            margin-right: 15px;
        }

        .carousel p.hash-caption {
            font-size: 1em !important;
            margin-top: 6%;
        }

        .carousel-content button {
            /*margin-top: 8px !important;*/
            font-size: 1.75vw !important;
        }

        .third-night {
            padding-left: 170px;
        }

        .carousel p.quote-caption {
            font-size: 2.5vw !important;
        }

        .extra-space {
            padding-top: 18px;
        }
    }

    @media (max-width: 768px) {
        .carousel-inner > .item {
            background-attachment: scroll;
            background-position: center 25px;
            background-repeat: no-repeat;
            background-size: 170%;
            height: 62vw;
        }

        .countdown {
            min-height: 90px !important;
            padding: 20px 0 !important;
            font-size: 4.6em !important;
            line-height: .8em;
        }

        p.countdown-sub {
            font-size: .3em !important;
        }
    }

    @media (max-width: 600px) {
        .carousel-inner > .item {
            background-attachment: scroll;
            background-position: center 25px;
            background-repeat: no-repeat;
            background-size: 170%;
            height: 63vw;
        }

        .countdown {
            min-height: 70px !important;
            font-size: 3em !important;
            line-height: .8em;
        }

        p.countdown-sub {
            font-size: .4em !important;
        }

        .carousel-content-wraper-left-low .extra-space {
            margin-top: 10px;
        }

        .carousel-content-wraper-left-low h2.slider-reg {
            margin-top: 40px !important;
        }
    }

    @media (max-width: 492px) {
        /*.carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
        display: block;
        max-width: 175%;
        height: auto;
    }*/



        .covid-block {
            font-size: 1.5em;
        }

        .carousel-content button {
            margin-top: 0 !important;
            font-size: 2.8vw !important;
        }

        .carousel-content-wraper {
            top: 15%;
            bottom: 15%;
            left: 5%;
            right: 12%;
        }

        .carousel-content-wraper-left-low {
            position: absolute;
            top: 13%;
            bottom: 15%;
            left: 10%;
            right: 25%;
            z-index: 20;
        }

        .extra-space {
            padding-top: 10px;
        }

        .carousel-content img {
            width: 50%;
        }

        .carousel h1.slider-head {
            font-size: 8vw !important;
            margin-top: 10px;
        }

        /*.carousel h2.slider-brand {
        font-size: 4.5vw !important;
        line-height: .5em;
    }*/

        .carousel h2.slider-brand-sm {
            font-size: 3vw !important;
            line-height: 0em;
        }

        .carousel h2.slider-reg-sm {
            font-size: 3vw !important;
            line-height: 1em;
            margin-top: 0px;
        }

        .carousel h2.slider-reg-md {
            font-size: 3.4vw !important;
            line-height: 1.2em;
            margin-top: 5px;
        }

        .carousel h2.slider-dates-sm {
            font-size: 4.8vw !important;
            line-height: .5em;
        }

        .carousel h2.slider-dates-md {
            font-size: 5.5vw !important;
            line-height: .5em;
        }

        .carousel p.reg-open {
            font-size: 3.8vw !important;
            margin-right: 10px;
        }

        /*.carousel h2.slider-dates {
        font-size: 9.5vw !important;
        line-height: 1em;
        margin-top: 10px;
    }*/

        .carousel p.hash-caption {
            font-size: .7em !important;
            margin-top: 5%;
        }

        .carousel p.hash-caption-tight {
            font-size: 1em !important;
            margin-top: 5%;
        }

        .third-night {
            padding-left: 140px;
        }
    }

    @media (max-width: 480px) {
        .carousel-inner > .item {
            background-attachment: scroll;
            background-position: center 12px;
            background-repeat: no-repeat;
            background-size: 170%;
            height: 62vw;
        }

        .countdown {
            min-height: 70px !important;
            font-size: 2.6em !important;
            line-height: .8em;
        }

        p.countdown-sub {
            font-size: .4em !important;
        }

        .carousel-content-wraper-left {
            top: 9%;
            bottom: 15%;
            left: 12%;
            right: 20%;
        }

        .carousel-content-wraper-left-low {
            top: 15%;
            bottom: 15%;
            left: 12%;
            right: 25%;
        }

        .carousel h2.slider-reg {
            font-size: 4.5vw !important;
            margin-top: 0px;
        }

        .carousel h1.slider-head.med {
            font-size: 6vw !important;
        }

        .carousel-content-wraper-left-low .extra-space {
            margin-top: 25px;
        }

        .carousel-content-wraper-left-low h2.slider-reg {
            margin-top: 10px !important;
        }
    }

    @media (max-width: 375px) {
        .carousel-inner > .item {
            background-attachment: scroll;
            background-position: center 12px !important;
            background-repeat: no-repeat;
            background-size: 160%;
            height: 58vw;
        }

        .countdown {
            min-height: 70px !important;
            font-size: 2.2em !important;
            line-height: .8em;
        }

        p.countdown-sub {
            font-size: .4em !important;
        }
    }

    @media (max-width: 360px) {
        /*.carousel-inner > .item {
            background-attachment: scroll;
            background-position: center 12px;
            background-repeat: no-repeat;
            background-size: 170%;
            height: 62vw;
        }*/

        .extra-space {
            padding-top: 10px;
        }

        .carousel-content-wraper {
            top: 15%;
            bottom: 15%;
            left: 10%;
            right: 12%;
        }

        .carousel-content-wraper-left {
            top: 10%;
            bottom: 15%;
            left: 12%;
            right: 30%;
        }

        .carousel-content-wraper-left-low {
            top: 14%;
            bottom: 15%;
            left: 12%;
            right: 25%;
        }

            .carousel-content-wraper-left-low .extra-space {
                margin-top: 25px;
            }

            .carousel-content-wraper-left-low h2.slider-reg {
                margin-top: 0px !important;
            }

        .carousel h1.slider-head {
            font-size: 8vw !important;
            margin-top: 10px;
        }

        .carousel h2.slider-brand {
            font-size: 4.5vw !important;
            line-height: .5em;
        }

        .carousel p.reg-open {
            font-size: 3vw !important;
            margin-right: 10px;
        }

        .carousel h2.slider-dates {
            font-size: 9.5vw !important;
            line-height: 1em;
            margin-top: 10px;
        }

        .carousel h2.slider-dates-md {
            margin-top: 0;
        }

        .carousel-content-wraper-left-low h1.slider-head.med {
            font-size: 7vw !important;
            margin-top: 10px;
        }

        .carousel-content-wraper-left-low h2.slider-brand {
            font-size: 3.5vw !important;
            line-height: .5em;
        }

        .carousel-content-wraper-left-low h2.slider-dates {
            font-size: 7vw !important;
            line-height: 1em;
            margin-top: 10px;
        }

        .carousel p.hash-caption {
            font-size: .7em !important;
            margin-top: 5%;
        }

        .third-night {
            padding-left: 120px;
        }

        .countdown {
            min-height: 70px !important;
            font-size: 2.2em !important;
            line-height: .8em;
        }

        p.countdown-sub {
            font-size: .4em !important;
        }
    }

    @media (max-width: 350px) {
        .extra-space {
            padding-top: 5px;
        }
    }


    /* ------------ Image Styles ------------ */

    .image {
        display: inline-block;
        margin: 0px;
        background-position: center center;
        background-repeat: no-repeat;
    }

        .image.size-fixed {
            width: 100%;
            height: 100%;
            margin-top: 0;
            padding: 0;
            vertical-align: top;
        }

        .image.size-fluid {
            padding-top: 75%;
            width: 100%;
        }

        .image.size-fluid-top {
            padding-top: 90%;
            width: 100%;
        }

        .image.size-fluid-article {
            padding-top: 25%;
            width: 100%;
        }

        .image.scale-fit {
            background-size: contain;
        }

        .image.scale-fill {
            background-size: cover;
        }

        .image img {
            display: none;
        }

    .img-cover {
        background-attachment: fixed;
        background-position: center 70px;
        background-repeat: no-repeat;
        background-size: 105%;
        height: 25vw;
    }

    @media (max-width: 992px) {
        .img-cover {
            background-attachment: scroll;
            background-position: center 70px;
            background-repeat: no-repeat;
            background-size: 120%;
            height: 25vw;
        }
    }

    @media (max-width: 768px) {
        .img-cover {
            background-attachment: scroll;
            background-position: center top !important;
            background-repeat: no-repeat;
            background-size: 160% !important;
            height: 35vw !important;
        }

            .img-cover.events {
                background-attachment: scroll;
                background-position: center top !important;
                background-repeat: no-repeat;
                background-size: 180% !important;
                height: 35vw !important;
            }

            .img-cover.enews-pg {
                background-attachment: scroll;
                background-position: center top !important;
                background-repeat: no-repeat;
                background-size: 180% !important;
                height: 35vw !important;
            }
    }

    @media (max-width: 420px) {
        .img-cover {
            background-attachment: scroll;
            background-position: center 50px;
            background-repeat: no-repeat;
            background-size: 140%;
            height: 30vw;
        }
    }

    .events {
        background-image: url('../images/events/header-events.jpg');
    }

    .enews-pg {
        background-image: url('../images/enews-signup-header-cisco-bros.jpg');
    }

    .international {
        background-image: url('../images/international/header-international.jpg');
    }

    .about {
        background-image: url('../images/about/header-about-dovetail.jpg');
    }

    .contact {
        background-image: url('../images/contact/header-contact-mr-brown.jpg');
    }

    .faq {
        background-image: url('../images/about/header-faq-design-legacy.jpg');
    }

    .board-of-directors {
        background-image: url('../images/about/header-board-chichester.jpg');
    }

    .mymarket-dashboard-header {
        background-image: url('../images/mymarket/header-mymarket.jpg');
        color: #fff;
    }



    /* ----------------- MyMarket Styles ----------------- */

    .mymarket-tag {
        position: fixed;
        top: 55vh;
        right: 0;
        width: 45px;
        height: 172px;
        -webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.6));
        filter: drop-shadow(0px 0px 1px rgba(0,0,0,.6));
        z-index: 1030;
    }

        .mymarket-tag:hover {
            -webkit-filter: drop-shadow(-2px 2px 3px rgba(0,0,0,.6));
            filter: drop-shadow(-2px 2px 3px rgba(0,0,0,.6));
        }

        .mymarket-tag img {
            width: 45px;
            height: 172px;
        }

    section.img-cover.mymarket-dashboard-header {
        background-attachment: fixed;
        background-position: 50% -200px;
        background-repeat: no-repeat;
        background-size: 100%;
        /*height: 18vw;*/
        padding: 6vw 3vw;
    }

    .mymarket-header .btn, .mymarket-header p {
        margin-top: 40px;
    }

    .mymarket-header .btn {
        font-size: 1.25em !important;
        padding: 1% 3% !important;
    }

    .mymarket-dashboard-header .btn {
        font-size: 1em !important;
        /*padding: 4% 10% !important;*/
        /*margin-top: 15px;*/
    }

    .mymarket-header p, .mymarket-dashboard-header p {
        color: #fff;
    }

    ul.mymarket-icons, .mymarket-icons {
        margin: 0;
        padding: 0;
        text-align: center;
        font-family: 'AvenirLT-Heavy';
        font-size: 1em;
        text-transform: uppercase;
        color: #A6C9C9;
    }

        ul.mymarket-icons li {
            list-style-type: none;
            margin: 10px 38px 15px 0;
            padding: 0;
            display: inline-block;
        }

            ul.mymarket-icons li span {
                font-size: 2.5em;
                line-height: 2em;
            }

    img.mymarket-brand {
        width: 30vw;
        margin: 5% auto 3% auto;
    }

    .mymarket-dashboard-header h3 {
        font-size: 2.2em;
        padding: 0 0 10px 0;
        /*margin: 60px 0 0 0;*/
    }

    .mymarket-dashboard-header span.icon {
        color: #A6C9C9;
        margin-right: 10px;
        font-size: 1.8em;
    }

    /*p.mymarket-profile {
padding: 0;
margin: 0 40px 0 0;
display: inline-block;
}*/

    .mymarket-profile .icon {
        margin-right: 10px;
    }

    span.counter {
        margin-left: 5px;
        /*width: 100%;
height: 100%;
padding: 5px;
border: none;
background-color: #8cc1c8 !important;
color: #fff;
-moz-border-radius: 30px;
border-radius: 30px;*/
    }

    @media (max-width: 1440px) {
        section.img-cover.mymarket-dashboard-header {
            background-attachment: fixed;
            background-position: 50% 0px;
            background-repeat: no-repeat;
            background-size: 100%;
            height: 25vw;
        }

        .mymarket-dashboard-header h3, p.mymarket-profile {
            margin: 0 0 0 15px;
        }
    }

    @media (max-width: 1360px) {
        section.img-cover.mymarket-dashboard-header {
            background-attachment: fixed;
            background-position: 50% 0px;
            background-repeat: no-repeat;
            background-size: 100%;
            height: 30vw;
        }

        .mymarket-dashboard-header h3, p.mymarket-profile {
            margin: 0 0 0 15px;
        }
    }

    @media (max-width: 992px) {
    }

    @media (max-width: 768px) {
        img.mymarket-brand {
            width: 40vw;
        }

        .mymarket-dashboard-header h3 {
            margin: 0;
            font-size: 2em;
        }

        p.mymarket-profile {
            margin: 0 0 0 15px;
        }

        .mymarket-dashboard-header .btn {
            font-size: .9em !important;
            padding: 10px 15px;
        }

        section.img-cover.mymarket-dashboard-header {
            background-attachment: scroll;
            background-position: 50% -100px;
            background-repeat: no-repeat;
            background-size: 110%;
            height: 40vw !important;
        }
    }

    @media (max-width: 420px) {
        section.img-cover.mymarket-dashboard-header {
            background-attachment: scroll;
            background-position: 50% -30px;
            background-repeat: no-repeat;
            background-size: 110%;
            height: 40vw;
        }

        img.mymarket-brand {
            width: 40vw;
            margin: 5% auto;
        }

        .mymarket-dashboard-header h3 {
            font-size: 1.6em;
            padding: 0;
            margin: 0;
        }

        .mymarket-dashboard-header span.icon {
            color: #A6C9C9;
            margin-right: 5px;
            font-size: 1.5em;
        }

        .mymarket-dashboard-header p {
            font-size: .8em;
        }

        p.mymarket-profile {
            margin: 0 20px 0 0;
        }

        .mymarket-dashboard-header .btn {
            font-size: .7em !important;
            padding: 4% 8% !important;
        }

        .mymarket-dashboard-header h3, .mymarket-dashboard-header .btn {
            margin: 0;
        }
    }

    @media (max-width: 320px) {
        section.img-cover.mymarket-dashboard-header {
            background-attachment: scroll;
            background-position: 50% 0px;
            background-repeat: no-repeat;
            background-size: 110%;
            height: 50vw;
        }
    }


    /* ------------ Article Styles ------------ */

    /* --- Parallax Styles ---*/
    .article-cover {
        background-attachment: fixed;
        background-position: center top -100px;
        background-repeat: no-repeat;
        background-size: 110%;
        height: 35vw;
        /*padding: 10vw 2vw;*/
        position: relative;
    }

        .article-cover.fitz {
            background-position: center top -90px;
        }

    .article-cover-lg {
        background-attachment: fixed;
        background-position: 50% 70px;
        background-repeat: no-repeat;
        background-size: 100%;
        height: 36vw;
        padding: 10vw 2vw;
        position: relative;
    }

    .article-cover.mymarket-header {
        background-attachment: fixed;
        background-position: 50% top !important;
        background-repeat: no-repeat;
        background-size: 100%;
        height: 35vw !important;
        padding: 8vw 2vw !important;
    }

    .article-cover.free-pass {
        background-attachment: fixed;
        background-position: center -5%;
        background-repeat: no-repeat;
        background-size: 100%;
        height: 35vw;
        position: relative;
    }

    .header-caption {
        position: absolute;
        bottom: 3vw;
        left: 3%;
        z-index: 20;
        text-shadow: 1px 2px 3px rgba(0,0,0,.8);
        width: 90%;
    }

        .header-caption p {
            font-family: 'klavikalight' !important;
            font-size: 1.12em !important;
            font-weight: 100;
            text-transform: none;
            color: #fff;
        }

    /*.article-cover img {
    margin-top: 1vh;
}*/

    @media (max-width: 2560px) {
        .article-cover.mymarket-header {
            background-attachment: fixed;
            background-position: 50% top;
            background-repeat: no-repeat;
            background-size: 100%;
            height: 35vw;
            padding: 5vw 2vw;
        }
    }

    /*@media (max-width: 2048px) {
    section.article-cover {
        height: 60vw !important;
        background-position: 50% 8% !important;
        background-size: 150% !important;
    }
}*/

    @media (max-width: 1675px) {
        .article-cover.free-pass {
            background-position: center top;
            background-size: 100%;
            height: 35vw;
        }

        .article-cover {
            background-attachment: fixed;
            background-position: center top -60px;
            background-repeat: no-repeat;
            background-size: 110%;
            height: 35vw;
            /*padding: 10vw 2vw;*/
            position: relative;
        }
    }

    @media (max-width: 1500px) {
        .article-cover.mymarket-header {
            background-attachment: fixed;
            background-position: 50% -40%;
            background-repeat: no-repeat;
            background-size: 100%;
            height: 30vw;
            padding: 4vw 2vw;
        }

        .article-cover-lg {
            height: 37vw;
        }
    }

    @media (max-width: 1360px) {
        .article-cover {
            height: 45vw;
            background-position: 50% 5%;
            background-size: 108%;
        }

            .article-cover.free-pass {
                background-position: center 10%;
                background-size: 115%;
                height: 45vw;
            }

            .article-cover.mymarket-header {
                background-attachment: fixed;
                background-position: 50% 12%;
                background-repeat: no-repeat;
                background-size: 120%;
                height: 38vw;
                padding: 5vw 2vw;
            }

            .article-cover.fitz {
                background-position: center top -50px;
                background-size: 130%;
            }

        /*.header-caption {
            bottom: 3vw;
        }*/
    }

    @media (max-width: 1280px) {
        .article-cover.mymarket-header {
            background-attachment: fixed;
            background-position: 50% 0;
            background-repeat: no-repeat;
            background-size: 100%;
            height: 30vw;
            padding: 3vw 2vw;
        }

        .mymarket-header img {
            width: 60%;
        }

        .mymarket-header .btn, .mymarket-header p {
            margin-top: 20px !important;
        }
    }

    @media (max-width: 1100px) {
        .article-cover {
            height: 60vw;
            background-position: 40% 8%;
            background-size: 150%;
        }

            .article-cover.fitz {
                background-position: center top -50px;
                background-size: 175%;
            }

        .article-cover-lg {
            background-position: 50% 50px;
            background-size: 170%;
            height: 60vw;
        }

        .mymarket-header img {
            width: 60%;
        }

        .article-cover.mymarket-header {
            background-attachment: scroll;
            background-position: 50% 12%;
            background-repeat: no-repeat;
            background-size: 100%;
            height: 40vw;
            padding: 2vw 2vw;
        }

        .mymarket-header .btn, .mymarket-header p {
            margin-top: 20px !important;
        }

        /*.header-caption {
            bottom: 3vw;
        }*/
    }

    @media (max-width: 1024px) {
        .article-cover {
            height: 60vw;
            background-position: 50% top;
            background-size: 150%;
        }

            .article-cover.free-pass {
                background-position: center 10%;
                background-size: 150%;
                height: 60vw;
            }
    }

    @media (max-width: 768px) {
        .article-cover {
            height: 60vw;
            background-size: 150%;
            background-attachment: scroll;
            padding: 8vw 2vw !important;
        }

            .article-cover.fitz {
                background-position: center top -120px;
                background-size: 195%;
            }

            .article-cover.free-pass {
                background-position: center 20%;
                background-size: 150%;
                height: 60vw;
                background-attachment: scroll;
            }

        .article-cover-lg {
            background-attachment: scroll;
            background-position: 50% 20px;
            background-size: 170%;
            height: 60vw;
        }

        .mymarket-header .btn, .mymarket-header p {
            margin-top: 20px !important;
        }

        .mymarket-header img {
            width: 75%;
        }

        .article-cover.mymarket-header {
            background-attachment: scroll;
            background-position: 50% 10%;
            background-repeat: no-repeat;
            background-size: 140%;
            height: 50vw;
            padding: 5vw 2vw !important;
        }
    }

    @media (max-width: 600px) {
        .article-cover.fitz {
            background-position: center top -100px;
            background-size: 200%;
        }
    }

    @media (max-width: 580px) {
        .article-cover {
            height: 60vw;
            background-attachment: scroll;
            padding: 5vw 2vw !important;
        }

            .article-cover.fitz {
                background-position: center top -75px;
                background-size: 230%;
                height: 75vw;
            }

        .mymarket-header img {
            width: 90%;
        }

        .article-cover.mymarket-header {
            background-attachment: scroll;
            background-position: 50% 10%;
            background-repeat: no-repeat;
            background-size: 140%;
            height: 55vw;
            padding: 2vw 2vw !important;
        }

        .mymarket-header .btn, .mymarket-header p {
            margin-top: 15px !important;
        }

        .article-cover.mymarket-header .btn {
            font-size: 1em !important;
            padding: 2% 4% !important;
        }

        .mymarket-header p {
            font-size: .9em !important;
        }
    }

    @media (max-width: 420px) {
        .article-cover {
            height: 70vw;
            background-size: 175%;
            background-attachment: scroll;
            padding: 8vw 2vw !important;
        }

            .article-cover.fitz {
                background-position: center top -80px;
                background-size: 270%;
                height: 85vw;
            }

        .article-cover-lg {
            background-attachment: scroll;
            background-position: 50% top;
            background-size: 175%;
            height: 61vw;
        }

        .mymarket-header img {
            width: 75%;
        }

        .article-cover.mymarket-header {
            background-attachment: scroll;
            background-position: 50% 25%;
            background-repeat: no-repeat;
            background-size: 160%;
            height: 65vw !important;
            padding: 5vw 2vw !important;
        }

        .mymarket-header .btn, .mymarket-header p {
            margin-top: 10px !important;
        }

        .article-cover.mymarket-header .btn {
            font-size: 1em !important;
            padding: 2% 4% !important;
        }

        .mymarket-header p {
            font-size: .9em !important;
        }

        /*.header-caption {
            top: 52vw;
        }*/
    }

    @media (max-width: 360px) {
        .article-cover {
            height: 80vw;
            background-size: 150%;
            background-attachment: scroll;
            padding: 10vw 5vw !important;
        }

            .article-cover.fitz {
                background-position: center top -80px;
                background-size: 285%;
                height: 90vw;
            }

            .article-cover.maps, .article-cover.private-homes {
                background-position: 50% 80%;
            }

        /*.header-caption {
            top: 45vw;
        }*/
    }

    @media (max-width: 325px) {
        img.inline-logo {
            width: 60px;
        }
    }

    /*.article {
    padding-bottom: 100px;
}*/

    .article h3 {
        margin-bottom: 50px;
    }

    .article p, .article ol {
        font-family: Georgia, 'Times New Roman', Times, serif;
        font-size: 1.25em;
        font-weight: 100;
        margin: 25px 0;
    }

        .article p.zero-bottom {
            margin-bottom: 0 !important;
        }

        .article ol li {
            margin-bottom: 15px;
        }

    .article .exhibitor-row p {
        margin: 0px 0 5px 0 !important;
    }

    p.article, ul.article, ol.article {
        font-family: Georgia, 'Times New Roman', Times, serif;
        font-size: 1.25em;
        font-weight: 100;
        padding-bottom: 0px !important;
        clear: both;
    }

    ul.article {
        margin: 0;
        padding: 0;
    }

        ul.article li {
            list-style: none;
            line-height: 1.5em;
            margin: 0;
            padding: 0;
        }

    ol.article li {
        line-height: 1.5em;
        margin: 0;
        padding: 0;
    }

    ul.article li a, ol.articleli a {
        color: #fff;
    }

        ul.article li a:hover, ol.article li a:hover {
            color: #e6e7e8;
        }

    .article img {
        margin-top: 40px;
    }

        .article img.inline-heads {
            margin-top: 0px !important;
        }

        .article img.inline-logo {
            margin-top: 20px;
        }

    p.inline-logo, p.drop-logo {
        font-family: AvenirLT-Light !important;
        font-size: .95em;
        font-weight: 600;
        color: #a7a9ac;
    }

    p.img-caption {
        font-family: AvenirLT-Light !important;
        font-size: .85em;
        font-weight: 600;
        margin-top: 15px;
        margin-bottom: 0 !important;
    }

    p.img-caption-2 {
        font-family: AvenirLT-Light !important;
        font-size: .85em;
        font-weight: 600;
        margin-top: 0 !important;
    }

    p.img-caption-app {
        font-family: AvenirLT-Light !important;
        font-size: .90em;
        font-weight: 600;
        margin-top: 15px;
        margin-bottom: 0 !important;
    }

    p.third-head {
        margin-top: 0;
    }

    .fit-height {
        min-height: 50vh;
    }

    .breadcrumb {
        padding: 0 !important;
        margin: 0 0 45px 0 !important;
        list-style: none;
        background-color: transparent !important;
        border-radius: 0px;
        font-family: AvenirLT-light !important;
        font-size: 1.25em;
        display: block;
        color: #86B3B9;
        font-weight: 100;
    }

        .breadcrumb.safe {
            padding: 0 !important;
            margin: 25px 0 0 0 !important;
            list-style: none;
            background-color: transparent !important;
            border-radius: 0px;
            font-family: AvenirLT-light !important;
            font-size: 1.25em;
            display: block;
            color: #86B3B9;
            font-weight: 100;
        }


    /* ----------------- Style Spotters / Programs ----------------- */

    .program .col-md-4 {
        margin-bottom: 60px;
    }

    .program p {
        font-family: "AvenirLT-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 1em !important;
        margin: 0;
        padding: 0;
    }

    p.ss-emeritus {
        width: 100%;
        background-color: #a6c9c9;
        color: #fff;
        padding: 5px 0;
    }

    .become-ss {
        margin-left: 40px;
        padding: 40px 0 60px 40px;
        /*padding-top: 40px;
    padding-left: 40px;*/
        border-left: 1px solid #ccc;
    }

    @media (max-width: 992px) {
        .become-ss {
            margin-left: 0;
            margin-top: 60px;
            margin-bottom: 20px;
            padding-top: 40px;
            padding-bottom: 60px;
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            border-left: none;
        }
    }

    @media (max-width: 600px) {
        .mobile-space {
            margin-top: 20px;
        }
    }

    /* ------------ Social Styles ------------ */

    .lg-social a {
        font-size: 4em;
        text-decoration: none !important;
        line-height: 2em;
        margin-right: 20px;
        color: #466582;
    }

    a.clear-margin {
        margin-right: 0 !important;
    }

    .lg-social a:hover {
        color: #fff;
    }

    /*.ss-name-block {
        padding-top: 100px;
    }

    @media (max-width: 991px) {
        .ss-name-block {
            padding-top: 20px;
        }
    }*/

    @media (max-width: 600px) {
        .lg-social a {
            font-size: 3em;
            text-decoration: none !important;
            line-height: 2em;
            margin-right: 10px;
            color: #466582;
        }
    }

    @media (max-width: 470px) {
        .lg-social a {
            font-size: 2.5em;
            text-decoration: none !important;
            line-height: 2em;
            margin-right: 0px;
            color: #466582;
        }
    }

    .sm-social {
        margin-top: 8px;
    }

        .sm-social a {
            font-size: 2em;
            text-decoration: none !important;
            line-height: 2em;
            margin: 0 10px;
            color: #a6c9c9;
        }

    .ss-stories .sm-social a:nth-child(1) {
        margin-left: 0;
    }

    .sm-social a:hover {
        color: #466582;
    }

    .blog-post {
        margin-top: 25px;
        text-align: left;
    }

        .blog-post p {
            margin-bottom: 15px;
            font-size: 1.2em !important;
            line-height: 1.2em !important;
        }



    /* ------------ Shuttle Stop Styles ------------ */

    .table-condensed > thead > tr > th.shuttle-col-stops {
        width: 50%;
    }

    .table-condensed > thead > tr > th.shuttle-col {
        width: 10%;
    }

    @media (max-width: 420px) {
        .container-fluid.shuttles {
            padding-left: 5px !important;
            padding-right: 5px !important;
            width: 95%;
        }

        table.table-condensed {
            width: 100%;
        }

        table.shuttle-stops {
            font-size: 12px;
        }

        .table-condensed > thead > tr > th.shuttle-col-stops {
            width: 15%;
        }

        .table-condensed > thead > tr > th.shuttle-col {
            width: 4%;
        }

        .table-condensed > tbody > tr > td {
            padding: 5px 2px !important;
        }
    }


    /* ------------ Footer Styles ------------ */

    .footer {
        background-color: #58595B;
        padding: 45px 0 30px 0;
    }

    footer .row {
        margin-bottom: 30px;
        text-align: center;
    }

    .footer-brand {
        text-align: left;
    }

    .footer-register {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .footer-social {
        padding: 11px 0 8px 0;
    }

        .footer-social .row {
            padding: 0 !important;
            margin: 0;
        }

        .footer-social a {
            font-size: 2em;
            text-decoration: none !important;
            line-height: 1.78em;
            text-align: left;
            margin-right: 8px;
            color: #a6c9c9;
        }

            .footer-social a:hover {
                color: #fff;
            }

        .footer-social .connect {
            font-weight: bold;
            font-size: 1.25em;
            line-height: 1em;
            color: #a6c9c9;
            margin: 0;
            padding: 12px 20px 12px 0;
            text-align: right;
            /*background-color: #ffd800;*/
        }

    .footer-contact {
        font-size: 1.05em;
        font-weight: 600;
        color: #a7a9ac;
    }

        .footer-contact a {
            color: #fff;
        }

            .footer-contact a:hover {
                color: #a7a9ac;
                text-decoration: none;
            }

    @media (max-width: 992px) {
        .footer-register .btn {
            padding: 15px 20px !important;
        }

        .footer-social {
            margin: 20px 0;
        }

            .footer-social .icons {
                text-align: center !important;
            }
    }

    @media (max-width: 1360px) {
        .footer-register .btn {
            padding: 15px 10px;
        }
    }

    @media (max-width: 768px) {
        .footer-social .connect {
            text-align: center;
        }

        .footer-social .icons {
            text-align: center;
        }
    }


    .flex-container {
        display: flex;
    }

    .flex {
        display: flex;
        flex-direction: column;
    }



    /* ------------ Countdown Styles ------------ */

    .countdown {
        width: 100%;
        min-height: 85px;
        padding: 15px 0;
        font-family: 'Kapra-Regular';
        font-weight: 500;
        font-size: 4em;
        line-height: .8em;
        text-transform: uppercase;
        color: #a7a9ac;
        background-color: #353c44;
        overflow: hidden;
    }

    /*.count-fade {
    display: none;
    transition: all 1s ease-out;
}*/

    .count-fade-in {
        visibility: visible;
        opacity: 1;
        transition: opacity 1s linear;
        display: block;
    }

    .count-fade-out {
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s 1s, opacity 1s linear;
    }

    #countdown-nums {
        margin: 0;
        padding: 0;
    }

    .times {
        color: #58595b;
    }

    p.countdown-sub {
        font-family: 'AvenirLT-Light';
        font-size: .2em;
        line-height: .2em;
        margin: 0;
        padding: 10px 0 0 0;
    }




    /* ------------ CSS Grid for Exh Photos ------------ */

    .grid {
        display: grid;
        grid-gap: 10px;
        grid-template-columns: repeat(auto-fill, minmax(250px,1fr));
        grid-auto-rows: 5px;
    }

    @media (max-width: 600px) {
        .grid {
            grid-template-columns: repeat(auto-fill, minmax(250px,1fr));
        }
    }

    .photo {
        max-height: 700px;
        max-width: 500px;
        margin: 1%;
        /*padding: 10px;*/
    }

    .photothumb {
        width: 100%;
    }

    .flex-it {
        background-color: #f2f2f2;
        padding: 10px;
        border: 2px solid #CCCCCC;
        width: 100%;
        margin: 0 auto;
        height: auto;
        display: flex;
        flex-flow: row wrap; /*Shorthand – you could use ‘flex-direction: column’ and ‘flex-wrap: wrap’ instead*/
        justify-content: flex-start;
        align-items: flex-start;
    }

    .photo .content {
        position: relative;
    }

    .npp {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 50px;
        height: 50px;
        background-image: url('../images/products-and-trends/whats-new/new-product-bug.png');
        background-position: center center;
        background-size: 100%;
        background-repeat: no-repeat;
        display: block;
    }



    /*------------ Modal Styles ------------*/

    p.exh-caption {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
        font-size: 1.5em;
        font-weight: 700;
        color: #fff;
    }

    .fade {
        transition: opacity 0.15s linear;
        /*background-color: #994a77;*/
        margin: 0 !important;
        padding: 0 !important;
    }

    .modal-backdrop.in {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    .modal-dialog {
        position: relative;
        width: auto;
        pointer-events: none;
    }

    .modal-content {
        width: 100%;
        height: 100vh;
        pointer-events: auto;
        background-color: transparent;
        background-clip: padding-box;
        outline: 0;
        /*background-color: #f7ba8b;*/
    }

    .modal-body {
        padding-top: 50px;
        padding-bottom: 10px;
        /*background-color: #db7a45;*/
    }

    .modal-header {
        width: 100%;
        height: 70px;
        padding: 20px 45px;
        border-bottom: 1px solid #e5e5e5;
        /*background-color: #db7a45;*/
    }

        .modal-header p {
            font-family: 'AvenirLT-Heavy', Arial, Helvetica, sans-serif;
            font-size: 2em;
            line-height: 1em;
            font-weight: 200;
            padding: 0;
            margin: 0;
            color: #fff;
            float: left;
        }

    .modal-body .carousel {
        position: relative;
        margin-top: 0 !important;
        height: 100%;
    }

    .modal-body .carousel-inner {
        width: 80vw;
        margin: 0 auto;
        height: 85vh !important;
        display: flex;
        display: -ms-flexbox;
        align-items: center;
        -ms-flex-align: center;
        justify-content: center;
        -ms-flex-pack: center;
    }

        .modal-body .carousel-inner .item img {
            max-width: 100%;
            max-height: 85vh !important;
        }

        .modal-body .carousel-inner .npp {
            position: absolute;
            top: 50px;
            left: 100px;
            width: 60px;
            height: 60px;
            background-image: url('../images/products-and-trends/whats-new/new-product-bug.png');
            background-position: center center;
            background-size: 100%;
            background-repeat: no-repeat;
            display: block;
        }

    button.close {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .close {
        float: right;
        font-size: 3rem;
        font-weight: 100;
        line-height: .02;
        color: #fff;
        text-shadow: 0 1px 0 #fff;
        opacity: .5;
    }

        .close:hover {
            color: #fff;
            text-decoration: none;
        }

        .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
            opacity: .75;
        }

    .modal-body .carousel-control {
        height: 70vh;
    }

    @media (max-width: 1024px) {
        .modal-body {
            padding-top: 0 !important;
        }

            .modal-body .carousel {
                margin-top: 0px;
            }

            .modal-body .carousel-inner {
                width: 95vw;
                height: 90vh !important;
                display: flex;
                display: -ms-flexbox;
                align-items: center;
                -ms-flex-align: center;
                justify-content: center;
                -ms-flex-pack: center;
                margin-top: 0;
                padding-top: 0;
            }

                .modal-body .carousel-inner > .item > img,
                .modal-body .carousel-inner > .item > a > img {
                    visibility: visible;
                }

                .modal-body .carousel-inner .item img {
                    width: 100%;
                    height: auto !important;
                    max-height: 90vh !important;
                }

            .modal-body .carousel-control {
                height: 90vh;
            }
    }

    @media (max-width: 768px) {
        .modal-body .carousel-inner .item img {
            max-width: 95%;
            height: auto !important;
            max-height: 70vh !important;
        }

        .space-small {
            margin-top: 20px;
        }
    }

    @media (max-width: 420px) {
        .modal-header {
            padding: 20px 25px;
        }

        .modal-body .carousel-inner .npp {
            position: absolute;
            top: 5px;
            left: 15px;
        }

        .modal-body .carousel-inner {
            width: 90vw;
            height: 90vh !important;
            display: flex;
            display: -ms-flexbox;
            align-items: flex-start;
            -ms-flex-align: start;
            justify-content: center;
            -ms-flex-pack: center;
            margin-top: 0;
            padding-top: 40px;
        }

        .modal-body .carousel-control {
            height: 70vh;
        }
    }


#dialogBox {
    display: none;
    position: fixed;
    background: #000;
    border-radius: 7px;
    width: 550px;
    z-index: 10;
}

#dialogBox > div {
    background: #fff;
    margin: 8px;
    border-radius: 6px;
}

#dialogBox > div > #dialogBoxHead {
    /*background: #fff;*/
    font-size: 19px;
    padding: 10px;
    color: #58595B;
}

#dialogBox > div > #dialogBoxBody {
    /*background: #fff;*/
    padding: 20px;
    color: #58595B;
}

#dialogBox > div > #dialogBoxFoot {
    /*background: #fff;*/
    padding: 10px;
    text-align: right;
}