@charset "UTF-8";
/* CSS Document */

/*
@font-face {
	font-family: 'Flama Condensed';
	src: url('../fonts/FC-Light.otf');
	font-weight: 300;
	font-style: normal;
}


@font-face {
	font-family: 'Flama Condensed';
	src: url('../fonts/FC-Bold.otf');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Flama Condensed Basic';
	src: url('../fonts/FC.otf');
	font-weight: bold;
	font-style: normal;
}
*/

@font-face {
    font-family: 'Flama Condensed Bold';
    src: url('../fonts/fc-bold-webfont.woff2') format('woff2'),
         url('../fonts/fc-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Flama Condensed Extrabold';
    src: url('../fonts/FlamaCondensed-Extrabold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Flama Condensed';
    src: url('../fonts/fc-light-webfont.woff2') format('woff2'),
         url('../fonts/fc-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Flama Condensed Light';
    src: url('../fonts/fc-light-webfont.woff2') format('woff2'),
         url('../fonts/fc-light-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Flama Condensed Basic';
    src: url('../fonts/fc-webfont.woff2') format('woff2'),
         url('../fonts/fc-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}


/* COMMON */

.white_section
{
    background-color: #FFF;
}

.dark_gray_background
{
    background-color: #474B56;   
}

.white
{
    color: #FFF;
}

.red
{
    color: #c82127;
}


.black
{
    color: #000;
}


.red_background
{
    background-color: #c82127;
}

.border-left-red
{
    border-left: 1px solid #c82127;
}

.no_wrap
{
    white-space: nowrap;
}


body
{
    font-size: 20px;
    letter-spacing: -1.25px;
    color: #474B56;
    font-family: "Flama Condensed";
}

.tan_background
{
    background-color: #DDD;
}

.no_kerning
{
    letter-spacing: 0;
}

.cream_section
{
    background-color: #DDD;
    padding-top: 1px;
}

.justify
{
    text-align:justify;
}

.center-justify 
{
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
}

.center
{
    text-align: center;
}

.left
{
    text-align: left;
}

.right
{
    text-align: right;
}

.relative
{
    position: relative;
}


.hide_text
{
    font-size: 0;
}

.show_text
{
    font-size: 18px;
}

/* PADDING */
.no_padding
{
    padding: 0 !important;
}

.padding
{
	padding:3.66em !important;
}

.padding_top
{
	padding-top:3.66em !important;
}

.padding_bottom
{
	padding-bottom:3.66em !important;
}

.padding_left
{
	padding-left:3.66em !important;
}

.padding_right
{
	padding-right:3.66em !important;
}


.half_padding
{
	padding:1.94em !important;
}

.half_padding_left
{
	padding-left:1.94em !important;
}

.half_padding_right
{
	padding-right:1.94em !important;
}

.half_padding_left_right
{
	padding-left:1.94em !important;
	padding-right:1.94em !important;
}

.half_padding_bottom
{
	padding-bottom:1.94em !important;
}

.half_padding_top
{
	padding-top:1.94em !important;
}

.no_margin
{
    margin: 0 !important;
}


.max_width
{
    max-width: 1024px;
}

.max_width_faq
{
    max-width: 800px;
}

.max_width_project
{
    max-width: 700px;
    margin: 0 auto;
}


.container_fluid.max_width
{
    max-width: 1440px;
    margin: 0 auto;
}

/*  TYPOGRAPHY */

h1, h2, h3, h4, h5, h6
{
    line-height: 1;
    margin-top: 0;
    margin-bottom: 10px;
}



h3, h4, h5, h6
{
    line-height: 1;
    margin-top: 0;
    margin-bottom: 10px;
}

h1
{
    font-family: "Flama Condensed" !important;
    font-size: 3.5em;
    font-weight: 300 !important;
}

h2
{
    font-family: "Flama Condensed" !important;
    font-size: 2.22em;
    font-weight: 300 !important;
}

h3.supertitle
{
    font-size: 2.5em;
}

h3.supertitle.blue
{
	font-family: "Flama Condensed Extrabold", sans-serif;
	color: #398FA8;
	font-size: 40px;
}

header h2
{
    margin-bottom: 10px;
}

h3
{
    font-family: "Flama Condensed" !important;
    font-size: 1.66em;
    font-weight: 300 !important;
}

h4
{
    font-family: "Flama Condensed" !important;
    font-size: 1.38em;
    font-weight: 300 !important;
}

h5
{
    font-family: "Flama Condensed" !important;
    font-size: 1.11em;
    font-weight: 300 !important;
    letter-spacing: 0px;
}

p
{
    letter-spacing: 0px;
    font-family: "Flama Condensed Light" !important;
    font-size: 1em;
    font-weight: 300 !important;
    margin-bottom: 30px;
    line-height: 1.2;
}

strong
{
    font-weight: 700;
    font-family: "Flama Condensed Bold" !important;
}

a, a:hover, a:visited, a:active
{
    outline: none;
    text-decoration: none;
}


/* NAV */

.navbar-header
{
    padding: 0;
    text-align: center;
    box-shadow: none;
}

.navbar-default .navbar-toggle
{
    margin: 10px auto 0px auto;
    float: none;
}

.navbar-default .navbar-collapse
{
    outline: none;
    box-shadow: none;
}

.navbar-default
{
    transition: all 0.2s ease-in-out;
    padding: 2rem 0 2rem 0 ;
    background-color: #DDD;
    border: none 0px transparent;
    color:#464B55;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form
{
    background-color: transparent;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form
{
    border: none transparent;
}

.navbar-default .navbar-nav > li > a
{
    border: medium none;
    display: inline;
    font-size: 25px;
    padding: 5px 10px;
    width: auto;
    color: #474B56;
}

.navbar-default .navbar-nav > li > a:hover
{
    color:#C82127;
}



@media (min-width:768px)
{
     .navbar-default .navbar-nav > li > a.active
    {
        color:#C82127;
    }
}

@media screen and (max-width:767px)
{
    .nav.navbar-nav
    {
        margin: 0 0 40px 0;
        
    }
    
    
    .nav > li 
    {
        padding: 10px;
        margin-bottom: 1px;
        display: block;
        position: relative;
        text-align: center;
    }

    
    .navbar-default .navbar-nav > li > a
    {
        border: medium none;
        display: block;
        font-size: 25px;
        padding: 15px 10px;
        color: #FFF;
        width: 100%;
    
    }
    
    .navbar-default .navbar-nav > li > a:hover
    {
        background-color: rgba(0,0,0,1);
        color:#FFF;
    }
    .navbar.navbar-default
    {
        transition: color 0.5s;
        background-color: transparent;
    }
    
    .navbar.open
    {
         transition: color 0.5s;
        background-color: #CC1B1F;
        -webkit-box-shadow: 0px 2px 40px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 2px 40px rgba(0,0,0,0.15);
        box-shadow: 0px 2px 40px rgba(0,0,0,0.15);
    }
    
    .navbar-collapse, .navbar-collapse ul li
    {
        padding: 0;
    }
    
    .padding.form, .padding_left.form, .padding_right.form
    {
        padding: 0 !important;
    }
    
    #NOTIFICATION .right
    {
        text-align: left;
    }

}

/* BUTTON */

form button, a.button, a.button:link, a.visited, a.button:active, input[type="button"],input[type="submit"] 
{
    background-color: #c82127;
    border: 0 none transparent;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    margin: 0 auto;
    padding: 16px 40px;
    text-decoration: none;
    width: auto;
    vertical-align: bottom;
    margin: 0 10px;
    font-weight: 500;
    font-family: 'Flama Condensed Basic';
}

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:visited, .navbar-default .navbar-toggle:active, .navbar-default .navbar-toggle:link
{
    background-color: #474B56;
    border: 0 none transparent;
    color: #fff;
    padding: 15px 14px;
}

.navbar-fixed-bottom.open .navbar-toggle
{
    top: -40px;
}

.navbar-fixed-bottom .navbar-toggle
{
     top: auto;
}

.navbar-default .navbar-toggle:focus
{
    background-color: #c82127;
}

.navbar-default .navbar-toggle:hover
{
    background-color: #000;
}

.navbar-default .navbar-toggle .icon-bar
{
    background-color: #FFF;
}

input[type="submit"] , form button
{
    padding: 16px 100px;
}

form button:hover, input[type="button"]:hover, input[type="submit"]:hover
{
    color: #000;
}

 a.button:hover, #submitSupportForm:hover
{
    background-color:#000;
    color: #FFF;
}

/* NAVIGATION */

.navbar-nav
{ 
    
}


/* HEADER */

header
{
    margin-top: 6em;
    position: relative;
}

header .images_container
{
    height: 14.15vw;
    min-height: 204px;
    position: relative;
}

header .images_container img, .image_placeholder img, .button,  .image_container img, form button, .navbar-toggle
{
    -webkit-box-shadow: 0px 2px 40px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 40px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 40px rgba(0,0,0,0.15);
}

header .images_container img.animated
{

}

header .images_container img.logo
{
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 43.88%;
    z-index: 5;
    width: 12.77%;
}

header .images_container img.img_001
{
    width: 14%;
    z-index: 1;
    position: absolute;
    bottom: -4.7vw;
    left: 0;
}

header .images_container img.img_002
{
    width: 28%;

    z-index: 2;
    position: absolute;
    bottom: -12.15vw;
    left: 12.5%;
}

header .images_container img.img_003
{
    width: 18%;
    z-index: 3;
    position: absolute;
    left: 34%;
    bottom: -8.68vw;
}

header .images_container img.img_004
{
    width: 19.8%;
    z-index: 4;
    position: absolute;
    left: 50.15%;
    bottom: -16vw;
}

header .images_container img.img_005
{
    width: 18%;
    z-index: 2;
    position: absolute;
    right: 15%;
    bottom: -10.62vw;
}

header .images_container img.img_006
{
    width: 26%;
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: -15vw;
}


section.odd
{
    background-image:url(../img/section_odd_background.png);
    background-repeat: repeat-y;
    background-position: center top;
    background-attachment: scroll;
    background-size: contain;
}

section.even
{
    background-image:url(../img/section_even_background.png);
    background-repeat: repeat-y;
    background-position: center top;
    background-attachment: scroll;
    background-size: contain;
}

section.plan
{
    padding-top: 15.15vw;
}

.float_right
{
    float: right;
}

/* PLAN IMAGE PLACEHOLDERS */


.job_diversity
{
    position: absolute;
    z-index: 2;
    padding-top: 64px;
}

.job_diversity img
{
    position: relative;
    width: 23.54vw;
    max-width: 339px;
}

.job_diversity h5
{
    width: 18vw;
    text-align: right;
    max-width: 215px;
    margin-bottom: 40px;
}


.job_diversity h5.outdoor_h5
{
    position: absolute;
    left: 25vw;
    bottom: -3px;
    vertical-align: bottom;
    margin: 0 !important;
    text-align: left;
}

    
.vibrant_streets img
{
    width: 23.26vw;
    max-width: 335px;
}

.vibrant_streets 
{
    float: right;
    position: relative;
    z-index: 1;
}

.vibrant_streets h5.h5_vibrant_streets
{
    height: 11.2vw;
    max-height: 180px;
    margin-top: 10px;
}

.vibrant_streets h5.h5_outdoor_public
{
    width: 14vw;
    max-width: 210px;
    float: right;
    padding-right: 1em;
    margin-right: 10px;
}

.job_diversity h5.outdoor_h5
{
    position: absolute;
    left: 25vw;
    bottom: -3px;
    vertical-align: bottom;
    margin: 0 !important;
    text-align: left;
}


/* LAUGH */

.laugh_spacer
{
    height: 15vw;
    max-height:227px;
    position: relative;
}

.laugh
{
    position: absolute;
    z-index: 2;
    top: -1.6vw;
    left: 0;
    width: 41vw;
}

.laugh img
{
    max-width: 477px;
    width: 33.125vw;
    float: left;
}

.laugh h5.h5_laugh
{
    float: left;
    max-width: 5vw;
    margin-top: 0;
    margin-left: 20px;
}

.laugh_h5_spacer
{
    height: 4.72vw;
    max-height:68px;
    position: relative;
}

/* LIVE */

.live
{
    position: absolute;
    z-index: 2;
    top: -3.2vw;
    right: -2.22vw;
    width: 41vw;
}


.live img
{
    max-width: 420px;
    width: 29.16vw;
    float: right;
}


.live_h5_container
{
    position: absolute;
    right: 0;
}

h5.h5_live {
    float: right;
    margin: 0.8vw 100px;
    max-width: 348px;
    text-align: left;
    width: 24.1vw;
}

.live_h5_spacer 
{
    height: 17.5vw;
    max-height: 255px;
    min-height: 130px;
}

/* PLAY */

.play
{
    max-width: 590px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40.97vw;
}

.play img
{
    max-width: 280px;
    width: 19.44vw;
    float: left;
}


h5.h5_play
{
    float: right;
    margin: 1.1vw 100px 0.8vw;
    max-width: 350px;
    text-align: left;
    width: 24.3vw;
}

/* CONNECT*/

.connect_container
{
    z-index: 5;
    position: absolute;
    right: 0;
}

.connect
{

}

.connect_image_spacer
{
    height: 17.5vw;
    max-height: 252px;
}

.connect img
{
    max-width: 295px;
    width: 20.486vw;
    float: right;
}

.connect_h5_container
{

}

.connect_h5_spacer
{

}

h5.h5_connect
{
    float: right;
    max-width: 122px;
    width: 8.47vw;
    margin-top: 15px;
    text-align: right;
}

/* UNWIND */

.unwind_container
{
    z-index: 4;
    position: absolute;
    left: 0;
}

.unwind
{

}

.unwind_image_spacer 
{
    height: 22vw;
    max-height: 320px;
    min-height: 196px;
}

.unwind img
{
    max-width: 430px;
    width: 30.55vw;
    float: right;
}

.unwind_h5_container
{

}

.unwind_h5_spacer
{

}

h5.h5_unwind {
    float: right;
    max-width: 180px;
    width: 12.5vw;
    margin-top: 15px;
}


/* BLACK PARAGHRFS SECTIONS */

.black_paragraph_section_dims
{
    max-height: 455px;
    min-height: 505px;
}
    
.black_paragraph_section
{
    background-color: #FFF;
    height:31.60vw;
}

.black_paragraph_section .container_fluid 
{
    height:31.60vw;
}

.black_paragraph_left.high_tech 
{
    padding-top: 7.8em !important
}


.image_container img
{
    border: none;
}

.image_container
{
    width: 60vw;
    display: inline-block;
    height:31.60vw;
    position: absolute;
    background-origin:content-box;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    border: none;

}

.image_container.high_tech
{
    background-image: url(../img/0001-Warner-Center-2035/0001-Warner-Center-2035-High-Tech.jpg);
    right: 0;
}

.image_container.entertainment
{
    background-image: url(../img/0001-Warner-Center-2035/0002-Warner-Center-2035-Entertainment.jpg);
    left: 0;
}

.image_container.live_work
{
    background-image: url(../img/0001-Warner-Center-2035/0003-Warner-Center-2035-Live-Work.jpg);
    right: 0;
}

.image_container.five_mins
{
    background-image: url(../img/0001-Warner-Center-2035/0004-Warner-Center-2035-5-min.jpg);
    left: 0;
}

.black_paragraph_right.entertainment
{
    padding-top: 4.9em !important;
}

.black_paragraph_left, .black_paragraph_right
{
    display: inline-block;
    background-color:#000; 
    color:#FFF;
    width: 512px;
    height: 455px;
}

.black_paragraph_left h3, .black_paragraph_right h3
{
    margin-top: 0;
}

.black_paragraph_left 
{
    position: absolute;
    right: 60vw;
    bottom: 0px;
}

.black_paragraph_left::after 
{
    border-bottom: 20px solid transparent;
    border-left: 20px solid #000;
    border-top: 20px solid transparent;
    color: #000;
    content: ".";
    font-size: 0;
    height: 0;
    line-height: 0;
    position: absolute;
    right: -19px;
    top: 49%;
    width: 0;
    z-index: 1;
}

.black_paragraph_right::before 
{
    border-bottom: 20px solid transparent;
    border-right: 20px solid #000;
    border-top: 20px solid transparent;
    color: #000;
    content: ".";
    font-size: 0;
    height: 0;
    line-height: 0;
    position: absolute;
    left: -19px;
    top: 49%;
    width: 0;
    z-index: 1;
}


.black_paragraph_right
{
    position: absolute;
    left: 60vw;
}

.minus_50
{
    top: -50px;
}



.black_paragraph_section.five_mins
{

}


.black_paragraph_img_1 {
    left: -100px;
    position: absolute;
    top: -30px;
    width: 19.30vw;
    max-width: 278px;
    z-index: 1;
}


.black_paragraph_img_1_2_spacer
{
    width: 20.90vw;
    max-width: 301px;
    height: 1px;
    float: right;
}
.black_paragraph_img_1_2
{
    position: relative;
    top: -50px;
    width: 20.48vw;
    max-width: 295px;
    float: right;
    right: -30px;
}

.black_paragraph_img_2
{
    top: -100px;
    right: -30px;
    position: absolute;
    z-index: 2;
    width: 20.90vw;
    max-width: 301px;
}

.black_paragraph_img_3 {
    left: 0;
    max-width: 304px;
    position: absolute;
    top: -50px;
    width: 21.11vw;
}

.black_paragraph_img_4_spacer
{
    float: left;
    max-width: 295px;
    width: 20.48vw;
    height: 1px;
}

.black_paragraph_img_4 {
    float: left;
    max-width: 353px;
    position: relative;
    top: -66px;
    width: 24.51vw;
}

.black_paragraph_img_5
{
    position: absolute;
    left: 0;
    top: -50px;
    width: 19.16vw;
    max-width: 276px;
}

.black_paragraph_img_6 
{
    right: -20px;
    position: absolute;
    top: -50px;
    z-index: 2;
    width: 20vw;
    max-width: 288px;
}


section.jobs
{
    background-color: #474B56;
}

.jobs_statistics
{
    color: #FFF;
    width: 80%;
    display: inline-block;
    background-color: #938884;
}


.jobs_statistics h2
{
    font-size: 2.77em;
    margin-bottom: 0;
}
.jobs_statistics h3
{
    margin-bottom: 20px;
    color: #464B55;
    letter-spacing: 0;
    margin-top: 8px;
}

.jobs_statistics ul
{
    padding-left: 27px;
    margin-bottom: 0;
}

.jobs_statistics ul li
{
    letter-spacing: 0;
    font-size: 1.3em;
}


.width_25
{
    width: 25%;
    display: inline-block;
    vertical-align: top;
}

.width_30
{
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

.width_40
{
    width: 40%;
    display: inline-block;
    vertical-align: top;
}


/* SUPPORT */

.support_intro .container
{
    margin-top: 3em;
}


/* FORM */

.hide_sel
{
    display: none;
}

#subFormSuccess
{
    display: none;
}

#subFormSuccess h2
{
    margin: 40px 0 60px 0;
}

#fieldilkhmlj
{
    color: #000;
    display: none;
}


.form .text input[type="text"], form .text input[type="email"], .form .text input[type="password"], input.form-control 
{
    line-height: 1.2;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: auto;
}

.phone_button, .phone_button:visited, .phone_button:link
{
    background: none transparent;
    border: 1px solid #FFF;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    margin: 0 auto;
    padding: 16px;
    text-decoration: none;
    width: auto;
    vertical-align: bottom;
    margin: 0 10px; 
}

.phone_button:hover, .phone_button:active, .phone_button.selected
{
     background-color: #c82127;
    -webkit-box-shadow: 0px 2px 40px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 40px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 40px rgba(0,0,0,0.15);
    color: #FFF;
    border:1px solid #c82127;
    outline: none;
}

section.form 
{
    color: #FFF;
    background-color: #474B56;
}

.form form .input label
{
    cursor: pointer;
}

.form form label
{
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: normal;
    margin-left: 20px;
    width: 80%;
    
    vertical-align: middle;
    margin-bottom: 0;

}

.form form .two_lines label
{
    vertical-align: middle;
    margin-bottom: 0;
}
.form form div.input
{
    margin-bottom: 20px;
}

.form h2
{
    margin-top: 0;
}

.form .text
{
    font-size: 20px;
    letter-spacing: normal;
    margin-bottom: 30px;
}

.form .text.zip input[type="text"]
{
    width: 20%;
    margin-right: 58%;
}

a.button, form button, input, a.phone_button, .form-control, .navbar-toggle
{
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
}

.form-control
{
       -webkit-box-shadow:none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.form .text label
{
    display: inline;
    padding: 5px 10px;
}

.form .text .form-control
{
    display: inline-block;
}

.form .text input[type="text"], .form .text input[type="email"]
{
    border-color: #FFF;
    background-color: #474b56;
    border-style: solid;
    border-width: 0 0 1px;
    color: #fff;
    margin-left: 35px;
    padding: 10px;
    width: 78%;
    font-size: 20px;
    letter-spacing: normal;
    vertical-align: bottom;
}

.form .text input[type="text"]:focus,  .form .text input[type="email"]:focus
{
    border-width: 0 0 1px 0;
    border-color: #cc1b1f;
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.has-error label
{
    background-color: #cc1b1f;
}

.has-error input[type="text"]:required, .has-error input[type="email"]:required
{
    border-width: 0 0 1px 0;
    border-color: #cc1b1f;
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.text.phone input[type="text"]
{
    width: 34%;
}

.phone_options
{
    display: inline-block;
    width: 44%;
}

.trigger-parallax
{
    position: absolute;
    bottom: 50%;
}

/* FOOTER */

.mobile_visible
{
    display: none;
}

footer
{
    font-size: 20px;
    background-color: #000;
    color: #FFF;
}

footer a
{
    color: #FFF;
}

footer a:hover
{
    color: #C82127;
    text-decoration: underline;
}



.alert_corona a, .alert_corona a:hover
{
    text-decoration: underline;
    color: #FFF;
}


footer h2, footer p
{
    margin-bottom: 20px;
    margin-top: 0;
}

footer .form .text input[type="text"], footer .form .text input[type="email"]
{
    background-color: #000;
    width: 60%;
}


footer .form .text button
{
    padding: 16px 40px;
}

footer img.logo
{
    width: 130px;
    height: auto;
    display: block;
}

footer .form .text input[type="text"], footer .form .text input[type="email"]
{
    margin-left: 10px;
}

footer .form .text label
{
    margin-left: 0;
}

footer .join_text h2, footer .join_text p
{
    margin-left: 10px;
}
#joined
{
    display: none;
}


.view_fact_sheet
{
    margin-bottom: 15px;
}

.extra_top_margin
{
    margin-top: 30px;
}

.header_shadow
{
    -webkit-box-shadow: 0px 2px 40px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 40px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 40px rgba(0,0,0,0.15);
}


/* FAQ */

.panel-group .panel
{
    border-radius: 0;
}

.panel
{
    border: none;
    background-color: transparent;
}

.panel-default > .panel-heading
{
    background-color: transparent;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group
{
    border: none transparent;
}

.panel.panel-default
{
    box-shadow: none;
}

h3.panel-title
{
    font-size: 30px;
    color: #FFF;
    vertical-align: middle;
}

h3.panel-title a
{
    vertical-align: middle;
    line-height: 50px;
}

h3.panel-title a:focus, h3.panel-title a:visited
{
    outline: none;
    text-decoration: none;
}

.plus_minus
{
    position: relative;
    margin-right: 30px;
    background-color: #DDD;
    display: inline-block;
    width: 50px;
    height: 50px;
    vertical-align: bottom;
}

.plus_minus::before,
.plus_minus::after
{
    content: "";
    position: absolute;
    background-color: #474B56;
    transition: transform 0.25s ease-out;
}

h3.panel-title a.collapsed .plus_minus
{
    background-color: #DDD;
}

h3.panel-title a.collapsed .plus_minus::before,
h3.panel-title a.collapsed .plus_minus::after
{

    background-color: #474B56;

}


/* Vertical line */
.plus_minus::before
{
    top: 10px;
    left: 50%;
    width: 1px;
    height: 30px;

}

/* horizontal line */
.plus_minus::after{
    top: 50%;
    left: 10px;
    width: 30px;
    height: 1px;

}

.plus_minus:hover
{
    cursor: pointer;
}

h3.panel-title a .plus_minus
{
    background-color: #c82127;
}

h3.panel-title a .plus_minus::before, h3.panel-title a .plus_minus::after
{
    background-color: #fff;
}

h3.panel-title a .plus_minus::before
{ 
    transform: rotate(90deg); 
}

h3.panel-title a .plus_minus::after
{ 
    transform: rotate(180deg); 
}


h3.panel-title a.collapsed .plus_minus::before
{ 
    transform: rotate(0deg); 
}

h3.panel-title a.collapsed .plus_minus::after
{ 
    transform: rotate(0deg); 
}


h3.panel-title a:hover .plus_minus
{
    background-color: #c82127;
}

h3.panel-title a:hover .plus_minus::before, h3.panel-title a:hover .plus_minus::after
{
    background-color: #fff;
}

.panel-body
{
    padding-left: 95px;
}

.faq_list li {
    letter-spacing: 0px;
    font-family: "Flama Condensed Basic" !important;
    font-size: 1em;
    font-weight: 300 !important;
    margin-bottom: 30px;
    line-height: 1.2;
}

@media screen and (max-width:1280px)
{
    
    .black_paragraph_right
    {
        position: absolute;
        right: 0;
    }
    
    .black_paragraph_left, .black_paragraph_right
    {
        width: 40%;
        height: auto;
        min-height: 455px;
    }
    
    .no_padding
    {
        padding: 0 !important;
    }

    .padding
    {
        padding:3.88em !important;
    }

    .padding_top
    {
        padding-top:3.88em !important;
    }

    .padding_bottom
    {
        padding-bottom:3.88em !important;
    }

    .padding_left
    {
        padding-left:3.88em !important;
    }

    .padding_right
    {
        padding-right:3.88em !important;
    }


    .half_padding_left
    {
        padding-left:1.94em !important;
    }

    .half_padding_right
    {
        padding-right:1.94em !important;
    }


    .half_padding_left_right
    {
        padding-left:1.94em !important;
        padding-right:1.94em !important;
    }

    .half_padding
    {
        padding:1.94em !important;
    }

    .half_padding_bottom
    {
        padding-bottom:1.94em !important;
    }

    .half_padding_top
    {
        padding-top:1.94em !important;
    }
    
    .jobs_statistics
    {
        width: 92%;
    }

    .black_paragraph_section_dims
    {
        min-height: 455px;
        max-height: 495px;
    }
    
}


@media screen and (max-width:1024px)
{
    
    .black_paragraph_left.live_work
    {
        padding-top: 4.4em !important;
    }
    
    .black_paragraph_right.five_mins
    {
        padding-top: 3.8em !important;
    }
    
    .no_padding
    {
        padding: 0 !important;
    }

    .padding
    {
        padding:2.94em !important;
    }

    .padding_top
    {
        padding-top:2.94em !important;
    }

    .padding_bottom
    {
        padding-bottom:2.94em !important;
    }

    .padding_left
    {
        padding-left:1.94em !important;
    }

    .padding_right
    {
        padding-right:1.94em !important;
    }


    .half_padding_left
    {
        padding-left:1em !important;
    }

    .half_padding_right
    {
        padding-right:1em !important;
    }


    .half_padding_left_right
    {
        padding-left:1em !important;
        padding-right:1em !important;
    }

    .half_padding
    {
        padding:1em !important;
    }

    .half_padding_bottom
    {
        padding-bottom:1em !important;
    }

    .half_padding_top
    {
        padding-top:1em !important;
    }
    
    .jobs_statistics
    {
        padding-top: 1.98em;
        padding-bottom: 1.98em;
    }
    
}


@media screen and (min-width:768px)
{
    
    .navbar-default .navbar-nav
    {
        display: block;
        width: 100%;
        text-align: center;
    }

    .navbar-default .navbar-nav > li
    {
        float: none;
        display: inline;
        width: auto;
        text-align: center;
        margin: 0 40px;
    }
    
    .navbar-default .navbar-nav > li:first-child
    {
        margin-left: 0;
    }
    
    .navbar-default .navbar-nav > li:last-child
    {
        margin-right: 0;
    }
    
    #PROJECT .container_fluid.max_width.padding_bottom
    {
        padding-bottom: 1.94em !important;

    }
  
    .white_space
    {
        background-color: #FFF;
    }
    
    
   
    
}

@media screen and (max-width:767px)
{
    .white_space.padding
    {
        padding: 0 !important;
    }
   
    header
    {
        margin-top: 0;
    }
    
    html
    {
        border: 1px solid transparent;
        border-width: 0 1px;
    }
    
    .black_paragraph_left.live_work
    {
        padding-top: 3.88em !important ;
    }
    
    .black_paragraph_right.five_mins
    {
        padding-top: 3.88em !important;
    }
    
    .jobs_statistics
    {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .extra_top_margin
    {
        margin-top: 0;
    }
    
    .black_paragraph_left.high_tech
    {
        padding-top: 1.94em !important;
    }
    
    .navbar-default
    {
        margin: 0;
        padding:  0;
        background-color: transparent;
        padding-bottom: 0px;
        border: 1px solid #000;
        border-width: 0 1px;
        color:#464B55;
        -webkit-box-shadow:none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    
    body
    {
        font-size: 20px;
        background-color: #000;
    }
    
    h1, h2, h3, h4, h5, h6
    {
        line-height: 1.2;
        margin-bottom: 10px;
    }

    h1
    {
        font-family: "Flama Condensed" !important;
        font-size: 2em;
        font-weight: 300 !important;
    }

    h2
    {
        font-family: "Flama Condensed" !important;
        font-size: 1.8em;
        font-weight: 300 !important;
    }

    h3
    {
        font-family: "Flama Condensed" !important;
        font-size: 1.5em;
        font-weight: 300 !important;
    }
    
    h2.supertitle
    {
        font-size: 1.2em;
    }
    
    h3.supertitle
    {
        font-size: 1.2em;
    }

    h4
    {
        font-family: "Flama Condensed" !important;
        font-size: 1em;
        font-weight: 300 !important;
    }

    h5
    {
        font-family: "Flama Condensed" !important;
        font-size: 1em;
        font-weight: 300 !important;
    }

    p
    {
        letter-spacing: 0px;
        font-family: "Flama Condensed Basic" !important;
        font-size: 1em;
        font-weight: 300 !important;
        margin-bottom: 30px;
    }


    
    .design .container_fluid.max_width.padding_bottom
    {
        padding-bottom: 0 !important;
    }
    
    section.odd
    {
        background: none #DDD;
    }
    
    section.even
    {
        background: none #DDD;
    }
    
    .float_right
    {
        float: none;
    }
    
    header .container.center.half_padding_bottom
    {
        padding:1.94em !important;
    }
    
    .container_fluid.max_width.padding
    {
        padding: 0 !important;
    }
    
    header .images_container
    {
        min-height: 0;
    }
    
    .plan_images
    {
        min-height: 100vw;
        background-color: #FFF;
        background-attachment: scroll;
        background-repeat: repeat-x;
        background-image: url(../img/plan-imgages-back-small.png);
        background-position: top center;
        background-size:contain;
        padding:0 !important;
    }
    
    .vibrant_streets img 
    {
        float: right;
        width: 53.33vw;
        max-width: none;
    }
    
    .vibrant_streets h5.h5_outdoor_public 
    {
        float: right;
        width: 32vw;
    }
    
    .vibrant_streets h5.h5_vibrant_streets 
    {
        height: 58vw;
        max-height: none;
        padding-right: 4vw;
        padding-top: 40vw;
    }

    .job_diversity 
    {
        padding-top: 15vw;
        position: absolute;
        z-index: 2;
    }
    
    .job_diversity img 
    {
        position: relative;
        width: 60vw;
        max-width: none;
    }
    
    .job_diversity h5 
    {
        margin-bottom: 20px;
        max-width: none;
        text-align: right;
        width: 40vw;
    }
    
    .design_images
    {
        min-height: 138vw;
        background-color: #FFF;
        background-attachment: scroll;
        background-repeat: repeat-x;
        background-image: url(../img/plan-imgages-back.png);
        background-position: top center;
        background-size:contain;
    }
    
    .live 
    {
        position: absolute;
        right: 0;
        top: 10vw;
        width: 41vw;
        z-index: 2;
    }
    
    .live img 
    {
        float: right;
        max-width: none;
        width: 62.13vw;
    }
    
    .play 
    {
        max-width: none;
        position: absolute;
        right: 0;
        top: 0;
        width: initial;
    }
    
    .play img 
    {
        float: left;
        max-width: none;
        width: 41vw;
    }
    
    h5.h5_play 
    {
        float: right;
        margin: 3.8vw 20vw;
        max-width: none;
        text-align: left;
        width: 63vw;
    }
    
    h5.h5_live
    {
        float: right;
        margin: 3.8vw 19vw;
        max-width: none;
        text-align: left;
        width: 63vw;
    }
    
    .live_h5_spacer 
    {
        height: 37.22vw;
        max-height: none;
    }
    
    .unwind img 
    {
        float: right;
        max-width: none;
        width: 60.55vw;
    }
    
    .unwind_image_spacer 
    {
        height: 48.52vw;
        max-height: none;
    }
    
    
    h5.h5_unwind 
    {
        float: left;
        margin-top: 4vw;
        max-width: none;
        text-align: right;
        width: 41.5vw;
    }
    
    .connect img 
    {
        float: right;
        max-width: none;
        width: 43.73vw;
    }
    
    h5.h5_connect 
    {
        float: left;
        margin-top: 4vw;
        max-width: none;
        text-align: right;
        width: 40vw;
    }
    
    .connect_image_spacer 
    {
        height: 44.5vw;
        max-height: none;
    }

    .connect img 
    {
        float: right;
        margin-right: 20vw;
        max-width: none;
        width: 40vw;
    } 
    
    .laugh 
    {
        bottom: -130vw;
        left: auto;
        position: absolute;
        right: 0vw;
        top: auto;
        width: 51vw;
        z-index: 6;
    }
    
    .laugh img 
    {
        float: right;
        max-width: none;
        width: 53.125vw;
    }
    
    .laugh_h5_spacer 
    {
        height: 4.72vw;
        max-height: 68px;
        position: relative;
    }
    
    .laugh h5.h5_laugh 
    {
        float: left;
        margin-left: 1vw;
        margin-top: 3vw;
        max-width: none;
    }
    
    .laugh_spacer
    {
        display: none;
    }
    .minus_50
    {
        top: auto; 
    }
    .black_paragraph_section_dims
    {
        width:auto;
        display: block;
        height:auto;
        max-height:none;
        min-height:inherit;

    }
    
    .black_paragraph_left
    {
        bottom:auto;
        display: block;
        float: none;
        height: auto;
        left: auto;
        position: initial;
        right: auto;
        top: auto;
        width: initial;
    }
    
    .black_paragraph_right
    {
        bottom: auto;
        display: block;
        float: none;
        height: auto;
        left: auto;
        position: relative;
        right: auto;
        top: auto;
        width: initial;
    }
    
    .black_paragraph_left, .black_paragraph_right, .black_paragraph_right.entertainment
    {
        min-height: initial;
        position: relative;
        padding-top: 1.94em !important;
        padding-bottom: 1.94em !important;
        padding-left: 1.94em !important;
        padding-right: 1.94em !important;
    }
    
    .black_paragraph_left h3, .black_paragraph_right h3
    {
        font-size: 30px;
    }
    
    .black_paragraph_left p, .black_paragraph_right p
    {
        margin-bottom: 0;
    }
    
     .black_paragraph_section .container_fluid
    {
        height: auto;
        min-height: initial;
    }
  
    
    .black_paragraph_left::after
    {
        content: "";
        display: none;
    }
   
    .black_paragraph_right::before,  .black_paragraph_left::before, .black_paragraph_right::after,  .black_paragraph_left::after
    {
        top: auto;
        left: auto;
    }
    
    .black_paragraph_right::before,  .black_paragraph_left::before
    {
        border-color: transparent transparent #000;
        border-style: solid;
        border-width: 20px;
        color: #000;
        content: ".";
        font-size: 0;
        height: 0;
        left: 50%;
        line-height: 0;
        position: absolute;
        top: -39px;
        margin-left: -20px;
        width: 0;
        z-index: 3;
    }
    

    
    .image_container.entertainment
    {
        left: auto;
        top: auto;
        right: auto;
        bottom: auto;
    }
    

    .black_paragraph_section.entertainment
    {
        padding-bottom: 30vw;
        background-color: #000;
    }
    
    .black_paragraph_section.live_work
    {
        padding-bottom: 30vw;
        background-color: #000;
    }
    
    .black_paragraph_img_1 
    {
        bottom: -30px;
        left: auto;
        right: 0;
        top: auto;
        width: 30vw;
    }
    
    .black_paragraph_img_1_2 
    {
        bottom: -30px;
        float: none;
        position: absolute;
        right: 0;
        top: auto;
        width: 30vw;
        z-index: 1;
    }
    
    .black_paragraph_img_2 
    {
        max-width: none;
        position: absolute;
        right: auto;
        top: -20px;
        width: 30vw;
        z-index: 2;
    }
    
    .black_paragraph_img_3 
    {
        left: 0;
        max-width: none;
        position: absolute;
        top: -30vw;
        width: 52vw;
    }   
        
    .black_paragraph_img_4 
    {
        float: right;
        max-width: none;
        position: relative;
        top: -20vw;
        width: 55vw;
    }
    
    .black_paragraph_img_5 
    {
        left: 0;
        max-width: none;
        position: relative;
        top: -20vw;
        width: 50vw;
    }
    
    .black_paragraph_img_6 
    {
        max-width: none;
        position: absolute;
        right: 0;
        top: -30vw;
        width: 55vw;
        z-index: 2;
    }
    
    .jobs_statistics
    {
        width: 100%;
    }
   
    .jobs_statistics h3
    {
        text-align: center;
    }
    .jobs_statistics ul
    {
        padding: 0;
        margin-bottom: 20px;
    }
    
    .width_25.half_padding.left
    {
        padding:0 2.88em 0 2.88em !important;
        text-align: center;
    }
    
    .width_25.half_padding.left:last-child
    {
        padding:0 2.88em 3.88em 2.88em !important;
        text-align: center;
    }
    
    .width_40.half_padding.center
    {
        padding-top: 3.88em !important;
    }
    
    .width_40, .width_25
    {
        width: 100%;
    }
    
    .jobs_statistics h2
    {
        font-size: 40px;    
    }
    
    .jobs_statistics h3
    {
        font-size: 25px;    
    }
    
    .job_statistics ul
    {
        list-style-position: inside;
    }
    
    .jobs_statistics ul li
    {
        width: auto;
        display: block;
        font-size: 25px;
    }
    
    .form .container.half_padding_left.half_padding_right
    {
        padding-top: 3.88em !important;
    }
    
    .form .text input[type="text"], .form .text input[type="email"]
    {
        width: 60%;
        margin-left: 10px;
    }
    .form .text label
    {
        margin-left: 0;
    }
    .form .text.zip input[type="text"] 
    {
        margin-right: 35%;
        width: 20%;
    }
    
    .form form label 
    {
        vertical-align: bottom;
        width: 70%;
    }

    
    .phone_button
    {
        font-size: 20px;
    }
    
    .text.phone input[type="text"] 
    {
        width: 55%;
    }
    
    footer .container.half_padding_left.half_padding_right.padding_top.padding_bottom
    {
        padding: 1.94em !important;
    }
    
    footer h2
    {
        font-size: 40px;
    }
    
    footer .form .text button, form button
    {
        padding: 16px 20px;
        font-size: 20px;
    }
    
    form button, a.button, a.button:link, a.visited, a.button:active, input[type="button"],input[type="submit"] 
    {
         font-size: 20px;
    }
    
    .phone_button, .phone_button:visited, .phone_button:link 
    {
        margin: 0 5px;
        padding: 10px;
    }
    
    footer .form .text input[type="text"], footer .form .text input[type="email"] 
    {
        background-color: #000;
        margin-left: 10px;
        width: 60%;
    }
   
    footer .container.half_padding_left.half_padding_right.padding_top.padding_bottom,
    .black_paragraph_left, .black_paragraph_right, .black_paragraph_right.entertainment,
    .black_paragraph_left.high_tech.padding_mobile,
    .padding_mobile
    {
        padding-top: 3.88em !important;
        padding-bottom: 3.88em !important;
    }

    
    .plus_minus
    {
        position: relative;
        margin: 0px auto;
        background-color: #DDD;
        display: block;
        margin-bottom: 10px;
        width: 30px;
        height: 30px;
        vertical-align: bottom;
    }

    .plus_minus::before,
    .plus_minus::after
    {
        content: "";
        position: absolute;
        background-color: #474B56;
        transition: transform 0.25s ease-out;
    }

    /* Vertical line */
    .plus_minus::before
    {
        top: 5px;
        left: 50%;
        width: 1px;
        height: 20px;

    }

    /* horizontal line */
    .plus_minus::after{
        top: 50%;
        left: 5px;
        width: 20px;
        height: 1px;
    }
    
    .faq_padding
    {
        padding: 1.88em !important;   
    }
    
    h3.panel-title a
    {
        font-size: 30px;
        line-height: 30px;
        text-align: center;
        display: block;
    }
    
    .panel-heading
    {
        padding: 20px 0;
    }
    .panel-body    
    { 
        padding: 20px 0;
        text-align: justify;
    }
}

@media screen and (min-width:680px) and (max-width:767px)
{
    .form .text input[type="text"], .form .text input[type="email"]
    {
        width: 80%;
    }
    
    .form .text.zip input[type="text"]
    {
        width: 20%;
        margin-right: 60%;
    }
    
    .text.phone input[type="text"] 
    {
        width: 35%;
    }

    .phone_options 
    {
        display: inline-block;
        margin-top: 20px;
        text-align: center;
        width: 50%;
    }
    
    
}


@media screen and (max-width:767px)
{
    
    .job_diversity h5.outdoor_h5 {
        position: absolute;
        left: 63vw;
        bottom: -3px;
        vertical-align: bottom;
        margin: 0 !important;
        text-align: left;
        width: auto;
    }
    .header_buffer
    {
        padding: 40px 0 0 0;
    }
    
    #NOTIFICATION img.logo
    {
        margin-bottom: 40px;
    }
    .mobile_hidden
    {
        display: none;
    }
    
    .mobile_visible
    {
        display: block;
    }
    
    .mobile_br
    {
        display: block;
    }
    
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse
    {
        margin: 0;
    }
    
    .form form label 
    {
        vertical-align: top;
        width: 70%;
    }
     footer .form .text input[type="text"], footer .form .text input[type="email"]
    {
        width: 48%;    
    }
    
    .form .text input[type="text"], .form .text input[type="email"] {
        margin-left: 10px;
        width: 75%;
    }
    
    .text.phone input[type="text"]
    {
        width: 26%;    
    }
    
    .form .text.zip input[type="text"] 
    {
        margin-right: 55%;
        width: 20%;
    }
    
   .phone_options 
    {
        display: inline-block;
        margin-top: 20px;
        text-align: center;
        width: 48%;
    }
    
    .form_padding 
    {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media screen and (max-width:480px)
{
    
    footer .form .text input[type="text"], footer .form .text input[type="email"]
    {
        width: 40%;    
    }
    .form .text input[type="text"], .form .text input[type="email"] {
        margin-left: 10px;
        width: 65%;
    }
    
    .form .text.zip input[type="text"] 
    {
        margin-right: 35%;
        width: 30%;
    }
        
    .phone_options 
    {
        display: inline-block;
        margin-top: 20px;
        text-align: center;
        width: 100%;
    }
}

@media (min-width:400px) and (max-width:767px)
{
    .vibrant_streets h5.h5_vibrant_streets {
        height: 73vw;
        max-height: none;
        padding-right: 4vw;
        padding-top: 40vw;
    }
    
    .vibrant_streets h5.h5_outdoor_public {
        width: 34vw;
        max-width: 210px;
        float: right;
        padding-right: 1em;
        margin-right: 10px;
    }
}

@media screen and (max-width:360px)
{
    
    footer .form .text input[type="text"], footer .form .text input[type="email"]
    {
        width: 40%;    
    }
    
     .form .text input[type="text"], .form .text input[type="email"] {
        margin-left: 10px;
        width: 60%;
    }
    
    .form .text.zip input[type="text"] 
    {
        margin-right: 35%;
        width: 25%;
    }
}


@media screen and (max-width:320px)
{
    
    footer .form .text input[type="text"], footer .form .text input[type="email"]
    {
        width: 30%;    
    }
}


input:focus, input
{
    outline: none;
    box-shadow: none;
}


/* NAV SCREEN SIZES */

@media (min-width:768px) and (max-width:1024px)
{
    .navbar-default .navbar-nav > li 
    {
        margin: 0 10px;
    }
    
      #INTRODUCTION .col-sm-6.padding_left.padding_right
    {
        padding-left: 2em !important;
        padding-right: 1em !important;
    }

}

@media (min-width:768px) and (max-width:1023px)
{
    
     .vibrant_streets h5.h5_vibrant_streets
    {
       height: 9.8vw;
        max-height: 76px;
    }
    
    .vibrant_streets h5.h5_outdoor_public {
        width: 14vw;
        max-width: 210px;
        float: right;
        padding-right: 1em;
        margin-right: 26px;
    }

}




@media (min-width:1025px) and (max-width:1200px)
{    

    #INTRODUCTION .col-sm-6.padding_left.padding_right
    {
        padding-left: 4.7em !important;
        padding-right: 4.7em !important;
    }
    .navbar-default .navbar-nav > li 
    {
        margin: 0 40px;
    }
    
    .vibrant_streets h5.h5_vibrant_streets
    {
        height: 14vw;
        max-height: 138px;
 
    }
    
    .vibrant_streets h5.h5_outdoor_public {
        width: 15vw;
        max-width: 208px;
        float: right;
        padding-right: 1em;
        margin-right: 20px;
    }
    
}

@media (min-width:1200px) and (max-width:1280px)
{
    .navbar-default .navbar-nav > li 
    {
        margin: 0 40px;
    }
}

@media (min-width:1280px)
{

     .vibrant_streets h5.h5_vibrant_streets
    {
        height: 13vw;
        max-height: 160px;
    }
    
    .vibrant_streets h5.h5_outdoor_public {
        width: 23vw;
        max-width: 220px;
        float: right;
        padding-right: 1em;
        margin-right: 10px;
    }
    
    .job_diversity h5
    {
        max-width: 212px;
    }
}

@media (min-width:1366px)
{
    .job_diversity h5
    {
        max-width: 270px;
    }
}


@media (min-width:1600px)
{
    .job_diversity h5.outdoor_h5
    {
        left: 22vw;
    }
}

.alert_corona 
{
	
	z-index: 1031;
	padding: 5px 15px; 
	background-color: #c82127;
	color: #FFF;
	letter-spacing: 0px;
	font-family: "Flama Condensed Basic" !important;
	font-size: 18px;
	font-weight: 300 !important;
	margin-bottom: 20px;
	line-height: 1.2;
	width: 100%;
}

.alert_corona.mobile
{
    position: fixed;
    top: 0;
    left: 0;
    font-size: 16px;
}

@media screen and (max-width:767px)
{
    .cream_section
    {
        padding-top: 40px;
    }
    .alert_corona
    {
        display:none;
    }
    .alert_corona.mobile
    {
        display: block;
    }
}

@media screen and (min-width:768px)
{
    .cream_section
    {
        padding-top: 40px;
    }
    
    .alert_corona.mobile
    {
        display:none;
        position: fixed;
        top: 0;
        left: 0;
    }
}