/*! Ixi Studio Front End Development ixistudio.com */
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
	
	.greystarlogo {max-width:120px; height:auto; margin:5px!important;}
.equalh  {max-width:25px; height:auto; margin:5px!important;}
	.fa-wheelchair {font-weight:300; font-size:20px;margin:5px!important; position:relative; top:0px;}
	


.promo {background-color:#092E6E; padding:10px 0; }
.promo p {color:#fff; font-size:17px; line-height:16px; text-align:center; padding-bottom:0!important; margin-bottom:0!important;}

span.small {display:block; font-size:15px; line-height:16px;}
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Fonts
   ========================================================================== */
 
@font-face {
    font-family: 'GothamBook';
    src: url('../fonts/gotham-book.eot');
    src: url('../fonts/gotham-book.eot') format('embedded-opentype'),
         url('../fonts/gotham-book.woff') format('woff'),
         url('../fonts/gotham-book.ttf') format('truetype'),
         url('../fonts/gotham-book.svg#GothamBook') format('svg');
}

@font-face {
    font-family: 'GothamBold';
    src: url('../fonts/gotham-bold.eot');
    src: url('../fonts/gotham-bold.eot') format('embedded-opentype'),
         url('../fonts/gotham-bold.woff') format('woff'),
         url('../fonts/gotham-bold.ttf') format('truetype'),
         url('../fonts/gotham-bold.svg#GothamBold') format('svg');
}

@font-face {
    font-family: 'WisdomScriptAIRegular';
    src: url('../fonts/wisdomscript.eot');
    src: url('../fonts/wisdomscript.eot') format('embedded-opentype'),
         url('../fonts/wisdomscript.woff') format('woff'),
         url('../fonts/wisdomscript.ttf') format('truetype'),
         url('../fonts/wisdomscript.svg#WisdomScriptAIRegular') format('svg');
}


/* ==========================================================================
   Icons
   ========================================================================== */

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

[class^="icon_"], [class*=" icon_"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 200%;
    position: relative;
    top: 8px;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.flexslider_large .flex-direction-nav a.flex-next:before  { content: '\e600'; }
    .flexslider_large .flex-direction-nav a:hover {background: transparent;}

.icon_phone:before { content: "\e608";}
.icon_marker:before { content: "\e609";}
.icon_email { top: 4px; left: 4px;}
.icon_email:before { content: "\e607"; font-size: 70%;}

.icon_alliance:before { content: "\e600";}
.icon_chair:before { content: "\e606";}
.icon_house:before { content: "\e605";}
.icon_dog:before { content: "\e604";}

.icon_twitter:before { content: "\e614";}
.icon_facebook:before { content: "\e60b";}
.icon_instagram:before { content: "\e60a";}

.icon_twitters, .icon_facebooks, .icon_pinterest, .icon_instagrams { top: 6px;}
.icon_twitters:before { content: "\e612"; font-size: 90%;}
.icon_facebooks:before { content: "\e613"; font-size: 90%;}
.icon_pinterest:before { content: "\e611"; font-size: 90%;}
.icon_instagrams:before { content: "\e610"; font-size: 90%;}



/* ===== Ixi Studio ==================================================
   Author: ixistudio.com
   ========================================================================== */

/* Apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; }

body, html { 
    -webkit-font-smoothing: antialiased; 
    font: 16px/23px "Times New Roman", Times, serif;
    color: #4c4d4f;
    background: #4c4d4f;
    background: white;
}

.container { width: 100%; }
.wrap { width: 100%; padding: 5%; }

a { text-decoration: none; color: #fff; }
    a:hover { color: #092E6E;}

p { margin-top: 0; }


h2 { font-family: 'GothamBook'; font-size: 18px; text-transform: uppercase; font-weight: normal; letter-spacing: 2px; margin-top: 0;}

h3 { font-size: 35px;}

.h_cursive { font-family: 'GothamBook'; font-size: 18px !important; font-weight: normal; letter-spacing: 2px; padding-top:7px; }

.h_small { font-size: 0.8em; color:#FFF !important; }

/* Header //////////////////////////////*/
/*--------------------------------------*/

.header { background: #EAE6DE; color: #888c8d; font-family: 'GothamBook'; position: relative;}
    .header ul { padding: 0; margin: 0; }
    .header li { list-style: none;}

    .title { background: url(../img/SwayLogo.png) no-repeat; width: 375px; height: 56px; margin: 0 auto 20px;}
        .title a {display:block; width: 100%; height: 100%;}

    /* Nav Main */
    .nav_main { 
        display: none;
        text-transform: uppercase; 
        font-weight: normal; 
        width: 100%;
        text-align: center;
		
    }
        .nav_main li { display: inline-block; vertical-align: top; }
        .nav_main a { display: block; padding: 5px 10px; color: #888c8d;}
		.nav_main a:hover { color: #092E6E;}
		

        .nav_main .current_nav_item a { color: #092E6E; position: relative;}
        .nav_main .current_nav_item a:after,
        .nav_main .current_nav_item a:before {
            content: "";
            height: 1px;
            background: #092E6E;
            width: 30px;
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -15px;
        } 
        .nav_main .current_nav_item a:after { top: auto; bottom: 0;}

        /* Social */
        .social { width: auto; }
            .social a { display: inline; padding: 0; border-left: 1px solid #B2B3B2; padding-left: 5px;}
            .social span:first-child a {border-left: 0; padding-left: 0;}

    /* Nav Mobile */
    .nav_mobile { display:block; margin: 20px auto 0; }
        .nav_mobile form label select{
            padding:8px 10px;
            margin:0;
            width:100%;
            background:#58585a;
            color: white;
            border:0;
            outline:0;
            display:inline-block;
            -webkit-appearance:none;
            -moz-appearance:none;
            appearance:none;
            cursor:pointer
        }

    /* Nav cta */
    .nav_cta { font-family: 'GothamBold'; }
    .nav_cta li { width: 100%; float: left; height: 60px; }
        .nav_cta li a { display: block; width: 100%; height: 100%; text-align: center; position: relative;}

        /* Btn CTA */
        .btn_cta { background-image: url(../img/ApplyNowButton.png); background-size:cover; text-transform:  uppercase; position: relative; text-align: center; }
            .btn_cta a { display: block; height: 100%; width: 100%;}
                /* .btn_cta a:hover {color: white; background: #1e5352;} */
				.btn_cta a:hover {color: #EAE6DE;}
            .btn_cta b {
                display: inline-block; 
                border-bottom: 1px solid white; 
                font-weight: normal;
                padding-bottom: 2px;
            }
            .btn_cta_wrap { height: 50px; position: absolute; top: 50%; margin-top: -25px; width:100%; left: 0;}
            .btn_cta_wrap span { display: block; }

    /* Preloader */

        /* Progress bar */
        .progress_bar { width: 100%; height: 4px; background: rgba(255,255,255,.25); position: relative; font-size: 12px; }
            
            .progress_loaded {
                height: 100%; 
                background: #092E6E; 
                position: absolute; 
                top: 0; 
                left: 0; 
                width: 2%;
                -webkit-transition: width 0.5s linear;
                -moz-transition: width 0.5s linear;
                -ms-transition: width 0.5s linear;
                -o-transition: width 0.5s linear;
                transition: width 0.5s linear;
            }

                .progress_loaded.loading {
                    /* width: 100%; */
                }

        #ajax_results { position: relative; }
            #ajax_results:after { 
                content: " ";
                display: block; 
                position: absolute; 
                top: 0; 
                left: 0;
                width: 100%; 
                height: 100%; 
                background: white; 
                z-index: 10;
                -webkit-transition: all 1s linear;
                -moz-transition: all 1s linear;
                -ms-transition: all 1s linear;
                -o-transition: all 1s linear;
                transition: all 1s linear;
            }
            #ajax_results.fade_out:after {
                opacity: 0;
            }

            

.content header img { max-width: 100%; }
.slider {position: relative; overflow: hidden;}


/* Content Slider ///////////////////////*/
/*---------------------------------------*/

.content_slider .wrap {padding: 0;}

.msg { background: #002E6D; padding: 15px; text-align: center; }
    .msg p { margin-bottom: 0;}

.slider_lr_desc_img {
    position: absolute;
    top: 0;
    left: 30;
    width: 100%;
    height: 80%;
    background-image: url(../img/tx_2.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    max-height: 500px;
}


/* Custom Cover Size CSS */

.content_slider_cover { width: 100%; height: 185px;}
.content_slider_cover .wrap { height: 100%; width: 100%;}

.slider_cover.flexslider {
    display: block;
    height: 100%!important;
    overflow: hidden!important;
    width: 100%!important;
    
}

.slider_cover.flexslider .slides,
.slider_cover.flexslider .slides li,
.slider_cover.flexslider .slides li img{
    width: 100%!important;
    height: 100%!important;
}
    .slider_cover.flexslider .slides li img{ visibility: hidden;} 

.slider_cover li {
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: cover;
    background-position: center; 
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}

    .slider_cover .flex-direction-nav a { }


 .tx_3 { background-image: url(../img/tx_3.png); width: 60%; }
 .tx_4 { background-image: url(../img/tx_4.png); width: 70%; }
 .tx_5 { background-image: url(../img/tx_5.png); width: 60%; }

/* Content A ////////////////////////////*/
/*---------------------------------------*/

.content_a { background: url(../img/bg_stripes_or.jpg); background-size: cover !important;}
    .content_a:before {
        content: "";
        display: block;
        width: 100%;
        height: 10px;
        background: #fff;
        border-bottom: 2px solid #092E6E;
    }
    .content_a:after {
        content: "";
        display: block;
        width: 100%;
        height: 10px;
        background: #fff;
        border-top: 2px solid #092E6E;
    }
    .content_a .col_left {text-align:  center;}

.slider_circle {}

    /* Circle mask and borders */
    .slider_circle_mask { 
        border-radius: 250px; 
        overflow: hidden; 
        width: 250px; 
        height: 250px; 
        margin: 0 auto; 
        border: 5px solid #092E6E;
        position: relative;
    }
    .slider_circle_mask:before {
        background: none;
        border: 5px solid #fff;
        content: "";
        display: block;
        position: absolute;
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px;
        pointer-events: none;
        border-radius: 100%; 
        overflow: hidden; 
         
    }

.slider_circle_desc { 
    font-family: 'GothamBook'; 
    text-transform: uppercase;
    color: white;
    position: absolute; 
    bottom: 0; 
    left: 0;
    text-align: center;
    background: #092E6E;
    width: 100%; /* 464 */
    padding: 5px;

}
    
    .slider_circle_desc p { margin: 0;}


/* Blue Skin */
.content_a.content_a_green { background: url(../img/bg_stripes_gr.jpg);}
.content_a.content_a_green:after,
.content_a.content_a_green:before,
.content_a_green .slider_circle_mask  {border-color: #002E6D;}
.content_a_green .slider_circle_desc { background-color: #002E6D;}



/* Content B ////////////////////////////*/
/*---------------------------------------*/

.content_b { background: url(../img/bg_grey.jpg) no-repeat center; background-size: cover; color: white;}

.b_header_wrap { border-bottom: 4px double white; margin-bottom: 10px;}
.b_header_wrap h3 { margin: 0 0 20px; }
    .hr_dots { background: url(../img/bg_dots.gif) repeat-x center; width: 100%; height: 10px; display: block; margin-bottom: 10px;}
    
    /* Nav Gal */
    .b_nav_gal { float: left; width: 100%; font-family: 'GothamBook'; text-transform: uppercase; font-size: 0.8em; }
        .b_nav_gal ul { padding: 0;}
        .b_nav_gal li {margin: 0 0 10px; list-style: none; border: 1px solid white;}
            .b_nav_gal li a { padding: 5px 10px; text-align: center; display: block;}
            .b_nav_gal li a.active,
            .b_nav_gal li a:hover { background: #092E6E; color: white;}

    .b_slider { background: white; padding: 5px;}
        .b_slider_gals .slider { display: none; }

.bg_texture_1 { background-image: url(../img/bg_texture_1.jpg);}
.bg_texture_2 { background-image: url(../img/bg_texture_2.jpg);}
.bg_texture_3 { background-image: url(../img/bg_texture_3.jpg);}


/* Content C ////////////////////////////*/
/*---------------------------------------*/

.content_c {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-top: 7px solid white;
}

    .tx_b_wrap { 
        width: 100% ; 
        margin: 0 auto; 
        -webkit-transition: all 2s linear;
        -moz-transition: all 2s linear;
        -ms-transition: all 2s linear;
        -o-transition: all 2s linear;
        transition: all 2s linear
    }
        .tx_b_wrap.animated { width: 100%; }
        .tx_b_wrap img { max-width: 100%;}

    .tx_b {        
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        /* min-height: 100px;*/
        position: relative;
    }

   .tx_b_1 { background-image: url(../img/bg_tx_b_1.jpg); background-position: center bottom;}
        .tx_b_1 .tx_b_wrap { width: 100%; opacity: 0; }
        .tx_b_1 .tx_b_wrap.animated { width: 100%; opacity: 1; }
    .tx_b_1 .tx_b { background-image: url(../img/tx_b_1.png); height: 100px; }

    .tx_b_2 .wrap { padding: 0;}
    .tx_b_2 { background-image: url(../img/bg_tx_b_2.jpg); background-position: center bottom; }
        .tx_b_a_1 { position: absolute; top: 0; left: 0; width: 69%; height: 100%; display: block; border-right: 1px dotted white;}
        .tx_b_a_2 { position: absolute; top: 0; right: 0; width: 30%; height: 50%; display: block;}
		.tx_b_a_3 { position: absolute; bottom: 0; right: 0; width: 30%; height: 50%; display: block;}

    .tx_b_3 { background-image: url(../img/bg_tx_b_3.jpg); background-position: center bottom; height: auto; }
    .tx_b_3 .wrap { padding: 0;}
    .tx_b_3 .tx_b { text-align: center; color: white; padding: 5% 5% 60px;}
        .slider_txt {overflow: visible; margin-top: 10px;}
    
    

/* Content D ////////////////////////////*/
/*---------------------------------------*/

/* blue skin */     
.contend_d_glue { 
    background: url(../img/bg_diagonal_blue.jpg) no-repeat center;
    background-size: cover;
}
    .content_d .col_left { text-align: center; }

/* List A */
.list_a_wrap { border: 1px solid #BBDCE5; padding: 2px; background-color: #BBDCE5;}
.list_a { border: 1px solid white; padding: 5%;}
.list_a ul { padding: 0; margin: 0;}
.list_a li { list-style: none; padding: 0; margin-bottom: 10px;}
    
    .list_a_title { 
        background: white; 
        color: #F58466; 
        font-family: 'GothamBook'; 
        text-transform: uppercase; 
        font-weight: normal; 
        padding: 5px;
        margin-bottom: 20px;
        text-align: center;
    }
    .list_a_title h4 { margin: 0;}

/* Yellow skin */    
.contend_d_yw { 
    background: url(../img/bg_stripes_yw.jpg) no-repeat center; background-size: cover; 
}
.contend_d_yw .list_a_wrap { border-color: #BBDCE5; background-color: #BBDCE5;}


/* Content E ////////////////////////////*/
/*---------------------------------------*/

.content_e { background: url(../img/bg_texture_4.jpg) no-repeat center; background-size: cover; color: white; text-align: center;}
.content_e img { max-width: 100%;}

.btn_1 { 
    display: block; 
    border: 1px solid white; 
    padding: 12px 10px; 
    font-family: 'GothamBold';
    text-transform: uppercase;
    margin: 30px 0;
}

.btn_2 {
    display: inline-block;
    font-family: 'GothamBold';
    text-transform: uppercase;
    font-size: 1em;
    border-top: 5px double white;
    padding: 10px 0;
}


/* Content F ////////////////////////////*/
/*---------------------------------------*/

.content_f {background: #f3f2ef;}

/* Explore map */
    .em_nav { background:#c0c2c5; min-height: 100px; }
    .em_map { display: block; width: 100%; height: 200px; background:#ccc;}

.explore_map img {max-width: none;}


/* MSGS ///////////////////////*/
/*---------------------------------------*/
.msg .wrap { padding: 3%;}


/* Content Sidebar //////////////////////*/
/*---------------------------------------*/

.content_sidebar { background: url(../img/bg_lights.jpg) no-repeat center; background-size: cover; color: white;  border-top: 1px solid #58585a;}

.pod {/* border-bottom: 1px solid white; */ }
.pod .inner_wrap { position: relative; padding: 8% 0;}
    .pod_icon {
        /*position: absolute; 
        top: -19px; 
        left: 50%; 
        margin-left: -15px; 
        z-index: 20; 
        padding: 2px; 
        width: 32px; height: 39px;
        display: block;
        */
       position: absolute;
       top: -19px;
       left: 0;
       width: 100%;
       text-align: center;
       display: block;
    }
        .pod_icon:before,
        .pod_icon:after { content: ""; position: absolute; height: 1px; left: 0; top: 20px; width: 43%; background: white; }
        .pod_icon:after { right: 0; left: auto; }

    .instagram_pics,
    .facebook_pics { margin-bottom: 1em;}
        .instagram_pics img,
        .facebook_pics img { float: left;}

    /* News */
    .news_nav {font-size: 0.9em; display: inline-block; cursor: pointer;}
        .news_left, .news_right,
        .twitter_date { color: #c0c2c5;}

        .new { display: none; }

/* Footer //////////////////////////////*/
/*--------------------------------------*/

.footer { background: #58585a; color: white; padding-bottom: 5%; font-size: 0.9em;}

    .footer ul { padding: 0; margin: 0; }
    .footer li { list-style: none;}
        .footer_left .fl_col:first-child p
        .footer_left .fl_col:first-child span { display: block; position: absolute; left: 0; top: 0;}
            .fl_hash a {color: #092E6E;}
                .fl_hash a:hover { color: white;}

        .footer .footer_icons { margin-bottom: 20px;}
        .footer_icons li { position: relative; margin-bottom: 5px; }
            .footer_icons li:last-child {margin-top: 20px;}
        .fi_left { display: block; position: absolute; left: 0; top: 0; width: 35px; }
        .fi_right { display: block; width: 100%; padding: 8px 0 0 35px; }

    .footer_right ul { padding-top: 5px;}
	
	.footer_right a.nohover:hover { color: white;}

#log_in { margin-top: 12px; }
#music a { font-weight: bold; }
.footer .site_author {margin-top: 20px; display: block}


/* Extras //////////////////////////////*/
/*--------------------------------------*/

.ui_msg { position: fixed; bottom: 0; left: 50%; z-index: 200;}
    .ui_msg_in {background: url(../img/i.png) no-repeat -800px top; width: 220px; height: 150px; margin-left: -110px;}

.mobile .ui_msg {display: none;}


/* Fade in */
.fade_in { 
    opacity: 0;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
    .fade_in.animated { opacity: 1;}

/* Delays */

.delay_1s { transition-delay: 1.5s; -webkit-transition-delay: 1.5s; }
.delay_2s { transition-delay: 2s; -webkit-transition-delay: 2s; }
.delay_3s { transition-delay: 3s; -webkit-transition-delay: 3s; }

/* Preloader */

.preloader { 
    display: block;
    position: absolute;
    top: -1px; 
    left: 0; 
    height: 100%; 
    width: 100%;
    z-index: 20;
    background: white url(../img/loader.gif) no-repeat center; 
    opacity: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

    .csstransitions .preloader { opacity: 0; }

.preloader.in { opacity: 1; }
.preloader.out { opacity: 0; }


#map-canvas { height: 400px; }

/* ==========================================================================
   Media Queries
   ========================================================================== */


/* ====================
     CELL PHONE LANDSCAPE
   ==================== */

@media only screen and (min-width: 480px) {


/* Content A ////////////////////////////*/
/*---------------------------------------*/

/* Circle mask and borders */
.slider_circle_mask { border-radius: 400px; width: 400px; height: 400px; }

.content_slider_cover { height: 340px;}

}


/* ====================
     TABLET PORTRAIT
   ==================== */

@media only screen and (min-width: 968px) {

.wrap { position: relative; display: block; padding: 3%; }


/* Header //////////////////////////////*/
/*--------------------------------------*/

.header .wrap { position: relative; padding-bottom: 0;}

.title {margin: 0; float: left; }

/* Nav cta */
.nav_cta_wrap { float: right; width: 50%; }

/* nav_main */
.nav_menu { margin: 20px 0; float: left; width: 100%; font-size: 0.8em;}
.nav_main { display: block;}
.nav_mobile {display: none;}


/* Content A ////////////////////////////*/
/*---------------------------------------*/

.cols_wrap {}
.col { float: left; width: 50%;}
    .col_left {padding-right: 5%;}
    .col_right {padding-left: 3%;}


/* Circle mask and borders */
.slider_circle_mask { border-radius: 300px; width: 300px; height: 300px; }

.content_slider_cover { height: 560px;}


/* Content E ////////////////////////////*/
/*---------------------------------------*/

.btn_1 { display: inline-block; padding: 15px 40px;}


/* Content F ////////////////////////////*/
/*---------------------------------------*/

/* Explore map */
    .em_nav { float: left; width: 33%;}
    .em_map { float: right; width: 67%;}


/* MSGS ///////////////////////*/
/*---------------------------------------*/
.msg .wrap { padding: 1%;}

/* Content Sidebar //////////////////////*/
/*---------------------------------------*/

.content_sidebar { border-bottom: none; }
    
    .pods_wrap { display: table; height: 100%;}
        .pods_row {display: table-row; height: 100%;}

    .pod { 
        border-bottom: 0; 
        width: 25%;
        /* border-left: 1px solid white; */
        display: table-cell;
        vertical-align: top;
    }
    .pod .inner_wrap { 
        border-bottom: 0; 
        padding: 0% 25px; 
        height: 100%;
        display: block;
    }
         .pod:first-child {border-left: none;}
        
    /* .pod_icon { top: 50%; left: -2px; margin-top: -20px; }*/
    .pod_icon { top: 0; left: -1px; height: 100%; padding-top: 0%; z-index: 0; }
         .pod_icon > span { position: absolute; top: 46%; left: -15px;}

.pod_icon:before,
.pod_icon:after { height: 40%; left: 0; top: 0%; width: 1px; background: white; border-bottom: 20px solid transparent; }

.pod_icon:after { top: auto; bottom: 0;}


/* Footer //////////////////////////////*/
/*--------------------------------------*/

.fl_hash { position: absolute; top: 20px;}

.footer p { margin-top: 0;}
.footer footer { padding-top: 30px;}

.footer_left { width: 60%; float: left; }
    .fl_col { width: 50%; float: left; }
    
        

.footer_right {width: 40%; float: right; text-align: right;}
    .footer_right li { display: inline-block; margin-left: 15px; }
    .fl_center { padding-top: 8px;}

     .footer_right ul { padding-top: 0;}
        .footer_right ul:first-child { margin-bottom: 78px;}
        .footer_right ul:last-child li { margin-left: 0px}


}


/* ====================
     DESKTOP NORMAL
   ==================== */
    
@media only screen and (min-width: 1200px) {
	
	#map-canvas { height: 800px; }
	#map-legend { position: relative; float:right; z-index:10000; margin-top:-275px; }

body {padding-top: 90px;}
.wrap { padding: 3% 2%;}

/* Header //////////////////////////////*/
/*--------------------------------------*/

.header  {position: fixed; top: 0; left: 0; z-index: 100;}
.header .wrap { padding: 0;}

.title { position: absolute; top: 16px; left: 10px; float: none;}

.nav_menu { width: auto;  height: 90px;  margin: 0 130px 0 255px; padding: 0; float: none; position: relative; }
    .header .nav_main { height: 40px; position: absolute; top: 50%; left: 0; margin-top: -15px; text-align: right;}
    .nav_main a { padding: 5px 2px; }
    .social a { padding: 0; padding-left: 5px;}

/* Nav cta */
.nav_cta { width: auto; position: absolute; top: 0; right: 0; height: 100%;}
    .nav_cta li { float: none; width: 120px; height: 100%;}

    /* Social */
    .social { margin-top: -4px;}

.slider_lr_desc_img { height: 50%; top: 10%;}

/* Content A ////////////////////////////*/
/*---------------------------------------*/

/* Circle mask and borders */
.slider_circle_mask { border-radius: 400px; width: 400px; height: 400px; }

.slider_circle_desc { width: 464px; }

.content_slider_cover { height: 700px;}


/* Content B ////////////////////////////*/
/*---------------------------------------*/

.b_header_wrap { display: table;}
    .b_header_wrap > header { display: table-cell; padding-right: 20px; vertical-align: top;}
    .hr_dots { display: table-cell; background-position: left 12px;}
    .b_nav_gal {display: table-cell; width: 450px; text-align: right; vertical-align: top;}
        .b_nav_gal ul { margin: 0;}
        .b_nav_gal li { display: inline-block; }


/* Content D ////////////////////////////*/
/*---------------------------------------*/

/* List A */
.list_a_txt ul { float: right; width: 48%;}
.list_a_txt ul:first-child { float: left;}

.tx_b_3 .tx_b { padding: 40px 10% 60px;}


/* Content E ////////////////////////////*/
/*---------------------------------------*/

.content_e_txt { padding: 0 15%;}


/* Content F ////////////////////////////*/
/*---------------------------------------*/

/* Explore map */
.explore_map { margin-bottom: 25px;}
    .em_nav { float: left; width: 33%;}
    .em_map { float: right; width: 67%;}


/* MSGS ///////////////////////*/
/*---------------------------------------*/
.msg .wrap { padding: 10px 5%;}


/* Content Sidebar //////////////////////*/
/*---------------------------------------*/





/* Footer //////////////////////////////*/
/*--------------------------------------*/

 .fl_left { max-width: 300px;}



}


/* ====================
     MAX SIZE
   ==================== */
    
@media only screen and (min-width: 1200px) {

.wrap { max-width: 1300px; margin: 0 auto;}
.header .wrap,
.content_slider .wrap { max-width: none;}


/* Header //////////////////////////////*/
/*--------------------------------------*/

.title { left: 27px; }
.nav_menu { margin: 0 190px 0 275px; text-align: center; }
.nav_cta li { width: 170px;}

.nav_main a { padding: 5px 10px; }
    .social a { padding: 0; padding-left: 5px;}

/* Content Slider ////////////////////////////*/
/*---------------------------------------*/

 

.slider_lr_desc_img.tx_2 { top: 14%; height: 50%;}


/* MSGS ///////////////////////*/
/*---------------------------------------*/
.msg { /* position: absolute; top: 90px; left: 0; width: 100%; z-index: 99; */ height: 63px; } 
.msg .wrap { padding: 5px 10px;}


/* Content A ////////////////////////////*/
/*---------------------------------------*/

/* Circle mask and borders */
.slider_circle_mask { border-radius: 500px; width: 500px; height: 500px; }

.slider_circle_desc { 
    width: 464px; 
    height: 41px; 
    line-height: 41px;
    background: url(../img/i.png) no-repeat -300px top; 
    left: 50%;
    bottom: 30px;
    margin-left: -232px;
    padding: 0 30px;
    overflow: visible;
    text-overflow: ellipsis;
}

.content_a_green .slider_circle_desc { 
    background: url(../img/i.png) no-repeat -1600px top; 
}

/* Content B ////////////////////////////*/
/*---------------------------------------*/

.b_slider { padding: 10px;}


/* Content D ////////////////////////////*/
/*---------------------------------------*/

/* List A */
.list_a_title { background: transparent url(../img/i.png) no-repeat -1100px top; height: 41px; max-width: 470px; padding:0; margin: 0 auto 20px; }
    .list_a_title h4 { line-height: 41px;}
    .list_a_txt ul { width: 45%;}


/* Content Sidebar //////////////////////*/
/*---------------------------------------*/

.pod .inner_wrap { 
    border-bottom: 0; 
    padding: 0% 30px; 
    height: 100%;
    display: block;
}

.pod_icon > span {top: 45%; }

/* Footer //////////////////////////////*/
/*--------------------------------------*/
.footer .wrap { padding-top: 30px; padding-bottom: 0; width:90%!important; max-width:none!important; }


}



@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.no_margin { margin: 0;}


/* ==========================================================================
   WordPress Core
   ========================================================================== */

.alignnone {
    margin: 5px 20px 20px 0;
    margin: 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
    margin: 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
@media only screen and (max-width: 1480px) {
.nav_menu { font-size: 11px!important;}

}
@media only screen and (max-width: 1380px) {
.title {
    width: 300px;
    height: 56px;
    margin: 0 auto 20px;
}
	.nav_menu { font-size: 10px!important;}
}

@media only screen and (max-width: 1280px) {
.title {
    width: 250px;
    height: 56px;
    margin: 0 auto 20px; background-size:contain;
}
	
}