/* Home */

#home_section
{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000 url("../../images/letsbecops_merged_bg.jpg") center center no-repeat;
    background-size: cover;
	z-index: 1;
}

#home_section .inner {
    position: relative;
    width: 100%;
    height: 100%;
}

#cop_car_lights_overlay {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: url('../../images/letsbecops_lights.png') center center;
    background-size: cover;
    z-index: 5;
}

#cop_car_lights_wrap {
    position:absolute;
    top:0;
    bottom:0;
}

#cop_car_lights {
    position: absolute;
    width: 40%;
    height: 0px;
    padding-bottom: 0%;
    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    left: 20.5%;
    top: 28%;
}

    @-webkit-keyframes blink
    {
        0% { opacity: 0 }
        30% { opacity: 1 }
        40% { opacity: 0 }
        60% { opacity: 1 }
        75% { opacity: 0 }
    }
    @-moz-keyframes blink
    {
        0% { opacity: 0 }
        30% { opacity: 1 }
        40% { opacity: 0 }
        60% { opacity: 1 }
        75% { opacity: 0 }
    }

    #cop_car_lights .light {
        position: absolute;
        width:21%;
        height:0px;
        padding-bottom: 0%;
        margin: 0;
        display: inline-block;
        -webkit-box-shadow: 0 0 10px 10px rgba(255, 255, 255, .85);
        -moz-box-shadow: 0 0 10px 10px rgba(255, 255, 255, .85);
        box-shadow: 0 0 10px 10px rgba(255, 255, 255, .85);
    }

    #cop_car_lights .light_burst {
         position: absolute;
         width:21%;
         height:0px;
         padding-bottom: 0%;
         margin: 0;
         left:50%;
         -webkit-box-shadow: 0 0 80px 50px rgba(255, 255, 255, .75);
         -moz-box-shadow: 0 0 80px 50px rgba(255, 255, 255, .75);
         box-shadow: 0 0 80px 50px rgba(255, 255, 255, .75);
     }

    #cop_car_lights .blue .light {
        width:12%;
        left: 54%;
    }

    #cop_car_lights .blue .light:nth-child(2) {
        width:38%;
        left: 5%;
    }

    #cop_car_lights .red .light {
        width: 14%;
        left: 6%;
    }

    #cop_car_lights .red .light:nth-child(2) {
        left: 80%;
        -webkit-box-shadow: 0 0 20px 10px rgba(255, 245, 245, .75);
        -moz-box-shadow: 0 0 20px 10px rgba(255, 245, 245, .75);
        box-shadow: 0 0 20px 10px rgba(255, 245, 245, .75);
    }

    #cop_car_lights .glow
    {
        opacity: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 50%;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
    }

    #cop_car_lights .glow.blue
    {
        left: 0px;
        -webkit-box-shadow: 0 0 120px 60px rgba(50, 50, 255, .25);
        -moz-box-shadow: 0 0 120px 60px rgba(50, 50, 255, .25);
        box-shadow: 0 0 120px 60px rgba(50, 50, 255, .25);
    }

    #cop_car_lights .glow.red
    {
        right: 0px;
        animation-delay: 0.5s;
        -webkit-animation-delay: 0.5s;
        -webkit-box-shadow: 0 0 120px 60px rgba(255, 0, 0, .25);
        -moz-box-shadow: 0 0 120px 60px rgba(255, 0, 0, .25);
        box-shadow: 0 0 120px 60px rgba(255, 0, 0, .25);
    }

    #cop_car_lights .glow
    {
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
    }

    #cop_car_lights .glow.blue
    {
        -webkit-animation-direction: normal;
        -webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-name: blink;
        -webkit-animation-timing-function: ease-in-out;

        -moz-animation-direction: normal;
        -moz-animation-duration: 1s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-name: blink;
        -moz-animation-timing-function: ease-in-out;
    }

    #cop_car_lights .glow.red
    {
        -webkit-animation-direction: normal;
        -webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-name: blink;
        -webkit-animation-timing-function: ease-in-out;

        -moz-animation-direction: normal;
        -moz-animation-duration: 1s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-name: blink;
        -moz-animation-timing-function: ease-in-out;
    }

#title_wrap {
    display: none;
    position: absolute;
    right: 0;
    width: 45%;
    min-width: 550px;
    bottom: 0;
    z-index: 100;
}

#title_wrap h1 img {
    position: relative;
    height: auto;
    width: 100%;
    right: 0px;
}

#title_wrap .release_date {
    width: 90%;
    margin: 20px auto;
    display: block;
    margin-top: -10%;
}

#title_wrap .hashtag {
    width: 42%;
    margin: 20px auto;
    display: block;
}

#tagline {
    display: none;
    position: absolute;
    width: 30%;
    max-width: 650px;
    min-width: 400px;
    left: 7%;
    margin-top: 1%;
}

#cast {
    width:100%;
    height:100%;
    background-image: url('../../images/names.png');
    background-size: 94% auto;
    background-position: 50% 3%;
    background-repeat: no-repeat;
}

#tour_promote {
    display: block;
    position: absolute;
    bottom:20px;
    left:3%;
    width:20%;
    max-width: 360px;
    min-width: 200px;
    padding:8px;
    z-index: 6;
    background-color: rgba(0,0,0,0.7);
}

#tour_promote img {
    width:100%;
}

#tour_promote div {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    width:100%;
    background-color: rgba(0,0,0,0.1);
}

#tour_promote:hover div {
    opacity: 0;
}

/* About Dialog */
#about_section
{
	min-height: 600px;
}
#about_dialog
{
	background: rgba(0, 0, 0, .7);
    width: 40%;
	left: 1.5%;
	top: 10%;
}
.synopsis {
	width: 100%;
	float: left;
}
.cast, .crew {
	width: 35%;
	float: left;
}
.cast ul, .crew ul {
	margin-top: 20px;
}
.cast ul li, .crew ul li {
	margin-bottom: 7px;
}

#about_dialog h2 {
    height:35px;
    width:100%;
    background-image: url('../../images/about/aboutthefilm.png');
    background-repeat: no-repeat;
    background-position: left;
    text-indent: -9999px;
}
#about_dialog .cast h3 {
	  height:35px;
	  width:100%;
	  background-image: url('../../images/about/cast.png');
	  background-repeat: no-repeat;
	  background-position: left;
	  text-indent: -9999px;
}
#about_dialog .crew h3 {
	height:35px;
	width:100%;
	background-image: url('../../images/about/crew.png');
	background-repeat: no-repeat;
	background-position: left;
	text-indent: -9999px;
}

/* Get Updates */
#get_updates_dialog
{
	background: rgba(0, 0, 0, .7);
	left: 3%;
	top: 10%;
}
#get_updates_submitted,
#get_updates_dialog,
#sign_up_form
{
    min-width: 520px;
    width: 50%;
}

#get_updates_dialog h2 {
    height:35px;
    width:100%;
    background-image: url('../../images/get_updates_title.png');
    background-repeat: no-repeat;
    background-position: left;
    text-indent: -9999px;
	margin-bottom: 40px;
}

#get_updates_dialog input {
    width:100%;
    border: 1px solid #000000;
    padding: 10px;
    margin-bottom: 15px;
    box-sizing: border-box;
    color:#000;
}

#get_updates_dialog input[type="checkbox"], input[type="radio"] {
    width:auto;
}

#get_updates_dialog input#get_updates_email {
	float: left;
	width: 56%;
	margin-top: 15px;
	padding: 15px 10px;
	color: gray;
}

#get_updates_dialog input[type="submit"], #get_updates_dialog button {
    width: 160px;
    height: 52px;
    background-color: #666;
    border: 0px;
    margin: 15px 0px;
    padding: 0;
	float: left;
    display: block;
    background-image: url('../../images/submit.png');
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
}

#get_updates_dialog button {
    width:100%;
    background-color: #455fb4;
    background-image: url('../../images/signup_facebook.png');
}

#get_updates_dialog input[type="submit"]:hover {
    background-color: #606060;
}

#get_updates_dialog button:hover {
    background-color: #334992;
}

#get_updates_dialog hr {
    width:100%;
    float: left;
}

#get_updates_dialog label.error
{
	color: red;
	font-size: .9em;
	height: 20px;
	margin-bottom: 0px;
	clear: both;
}

#get_updates_submitted
{
	display: none;
	text-align: center;
	height: 250px;
	line-height: 250px;
}

#get_updates_dialog .submit-loader {
    width: 24px;
    height: 24px;
    margin: 30px 0 0 16px;
    float:left;
    /*display: none;*/
}

#get_updates_dialog .submit-loader img {
    width:24px;
    height:24px;
}

/* Social Citations */

#citations_section .left, #citations_section .right {
    position: absolute;
    top:0;
    left: 0;
    width:50%;
    height:100%;
    z-index: 1000;
    background-color: #000000;
}

#citations_section .left {
    padding-right: 400px;
}

#citations_section .right {
    left:50%;
}

#citations_section .left .inner {
    position: absolute;
    right: 400px;
    width: 100%;
    min-width: 500px;
    height:100%;
    top:0;
}

#citations_section .right .inner {
    position: absolute;
    top:0;
    left:400px;
    width:100%;
    min-width: 500px;
    height:100%;
}

#citations_section .inner .light {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-direction: normal;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: blink;
    -moz-animation-timing-function: ease-in-out;
}

#citations_section .inner .light.blue {
    background: rgba(0,0,0,1);
    background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,100,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,100,1)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,100,1) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,100,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,100,1) 100%);
    background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,100,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000064', GradientType=1 );
}

#citations_section .inner .light.red {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    background: rgba(255,0,0,1);
    background: -moz-linear-gradient(left, rgba(100,0,0,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(100,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(left, rgba(100,0,0,1) 0%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(left, rgba(100,0,0,1) 0%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(left, rgba(100,0,0,1) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to right, rgba(100,0,0,1) 0%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#640000', endColorstr='#000000', GradientType=1 );
}

#citations_section img.damon, #citations_section img.jake {
    position: absolute;
    bottom:0;
    height:90%;
    z-index: 1;
}

#citations_section img.jake {
    left: 800px;
    margin-left: -25px;
}

#citations_section img.damon {
    right: 800px;
    margin-right: -25px;
}

#citations_dialog_container {
    top: 0px;
    left: 50%;
    width: 800px;
    margin-left: -400px;
    height: 100%;
    background: #000000;
}

#citations_dialog_container .outer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 60px;
    overflow: hidden;
}

#citations_dialog_container .outer .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: -15px;
    height: 100%;
}

#citations_dialog_container iframe {
    border:0;
    background-color: #000000;
}

#cite-your-friends {
    position: absolute;
    bottom:0;
    left:50%;
    cursor: pointer;
    width:820px;
    margin-left: -410px;
    height:120px;
    background-image: url('../../images/citation_bar.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-indent: -9999px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.75);
    box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.75);
    -webkit-transition: all 50ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -moz-transition: all 50ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -o-transition: all 50ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    transition: all 50ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

    -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
    transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
    z-index: 0;
}

#cite-your-friends:hover {
    width:861px;
    height: 126px;
    margin-left: -430.5px;
}

/* Green Band Trailer */
.trailer_dialog_mask
{
	display: none;
	z-index: 13;
}

.trailer_dialog_container.dialog-container
{
	position: fixed;
	top: 50%;
	left: 50%;
	z-index:1001;
}
.trailer_dialog_container, .trailer_dialog
{
	display: block;
	margin-left: -9999px;
}

.trailer_dialog_container
{
	z-index: 1001;
}


/* Videos */
#videos_section{
    overflow: hidden;
}

.video-list
{
	color: #fff;
	position: absolute;
	top: 3%;
	left: 3%;
	z-index: 12;
	width: 60%;
	min-width: 555px;
}
.video-list h2 {
	background: url(../../images/videos/videos.png);
	display: block;
	height: 35px;
	width: 152px;
	text-indent: -30000px;
}

.video-list li {
	background: rgba(0, 0, 0, .7);
	width: 45%;
	float: left;
	margin-right: 2%;
	padding: 1%;
	margin-bottom: 5%;
	cursor: pointer;
}
.video-list li a > img,
.video-list li > img
{
	width: 100%;
	height: auto;
    opacity: .85;
}
.video-list li a:hover > img,
.video-list li:hover > img
{
    opacity: 1;
}
.video-list li:nth-child(3) {
    clear: both;
}
.video-list li h4 {
	margin: 8px 10px;
}
.video-list li h4 img.retna
{
	display: none;
}
#share-buttons {
    margin-top: 0.5%;
    overflow: hidden;
}
#share-buttons li {
    width: 49.5%;
    height: 46px;
    display: block;
    text-align: center;
    float: left;
    line-height: 46px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}
#share-buttons li.facebook {
    background: #455fb4;
}
#share-buttons li.facebook:hover {
    background: #334992;
}
#share-buttons li.facebook a span {
    background-image: url('../../images/facebook.png');
}
#share-buttons li.twitter {
    background: #24aaf3;
    float:right;
}
#share-buttons li.twitter:hover {
    background: #198ECE;
}
#share-buttons li.twitter a span {
    background-image: url('../../images/twitter.png');
}
#share-buttons li a {
    width: 100%;
    display: block;
    color: #fff !important;
}
#share-buttons li a span {
    background-repeat: no-repeat;
    width: 90px;
    background-position: left center;
    background-size: 18%;
    display: block;
    margin: 0 auto;
}

/* Tour */

#tour_section {
    overflow: hidden;
}

#tour_section #get_updates_dialog_mask {
    background: #020e1a; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyMGUxYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iIzAyMGUxYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iIzAwMjQ4MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iIzAwMjQ4MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcyJSIgc3RvcC1jb2xvcj0iIzAwMWU2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjBlMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #020e1a 0%, #020e1a 13%, #002481 62%, #002481 62%, #001e6b 72%, #020e1a 100%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#020e1a), color-stop(13%,#020e1a), color-stop(62%,#002481), color-stop(62%,#002481), color-stop(72%,#001e6b), color-stop(100%,#020e1a), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #020e1a 0%,#020e1a 13%,#002481 62%,#002481 62%,#001e6b 72%,#020e1a 100%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #020e1a 0%,#020e1a 13%,#002481 62%,#002481 62%,#001e6b 72%,#020e1a 100%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #020e1a 0%,#020e1a 13%,#002481 62%,#002481 62%,#001e6b 72%,#020e1a 100%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #020e1a 0%,#020e1a 13%,#002481 62%,#002481 62%,#001e6b 72%,#020e1a 100%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020e1a', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
}

#tour_container {
    position: absolute;
    width:100%;
    min-width:760px;
    min-height: 765px !important;
    top:0;
    left:0;
    bottom:0;
    font-size: 1.35em;
    z-index: 2;
}

#tour_container .section-header {
    position: absolute;
    width: 100%;
    height: 120px;
    left: 0;
    top:40px;
    background-image: url('../../images/tour-header.jpg');
    background-repeat: repeat-x;
    background-position: center;
    background-size: cover;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.75);
    text-indent: -9999px;
}

#tour_container .guys {
    position: absolute;
    width:138px;
    height:158px;
    bottom:0;
    left:8%;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
}

#tour_container .guys.jake {
    background-image: url('../../images/jake.png');
}

#tour_container .guys.damon {
    background-image: url('../../images/damon.png');
    left:auto;
    right:8%;
}

#tour_container .info-panel {
    position: absolute;
    width:410px;
    top:200px;
    left:3%;
    bottom:100px;
    padding: 30px 50px;
    color: #ffffff;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
}

#tour_container .info-panel h2, #tour_container .info-panel h3 {
    position: relative;
    display: block;
    text-indent: -9999px;
}

#tour_container .info-panel h2 img, #tour_container .info-panel h3 img {
    position: absolute;
    left:0;
    width: 100%;
}

#tour_container .info-panel h3 {
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: 1px solid #1891c5;
}

#tour_container .info-panel h3 img {
    left:15%;
    width: 70%;
}

#tour_container .info-panel p {
    margin: 66px 0 30px;
}

#tour_container .info-panel ul li {
    width:100%;
    margin-bottom: 17px;
    overflow: hidden;
}

#tour_container .info-panel ul li a {
    display: block;
    width:274px;
    height:19px;
    margin: 0 auto;
    background-size: 100%;
    background-position: top;
    text-indent: -9999px;
    cursor: pointer;
}

#tour_container .info-panel ul li a.detroit {
    background-image: url('../../images/tour-detroit.png');
}

#tour_container .info-panel ul li a.chicago {
    background-image: url('../../images/tour-chicago.png');
}

#tour_container .info-panel ul li a.stpaul {
    background-image: url('../../images/tour-stpaul.png');
}

#tour_container .info-panel ul li a.stlouis {
    background-image: url('../../images/tour-nav-stlouis.png');
}

#tour_container .info-panel ul li a.kansascity {
    background-image: url('../../images/tour-nav-kansascity.png');
}

#tour_container .info-panel ul li a.denver {
    background-image: url('../../images/tour-denverA.png');
}

#tour_container .info-panel ul li a.denver2 {
    background-image: url('../../images/tour-denverB.png');
}

#tour_container .info-panel ul li a:hover, #tour_container .info-panel ul li a.active {
    background-position: bottom;
}

#tour_container #truck {
    position: absolute;
    width: 500px;
    bottom: 120px;
    left: 1.5%;
}

#tour_container #truck-label {
    position: absolute;
    width: 420px;
    bottom: 60px;
    left: 4%;
}

#tour_container .map {
    position: absolute;
    top:200px;
    bottom:60px;
    left:500px;
    right:3%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#tour_container .map.usa {
    background-image: url('../../images/map.png');
}

#tour_container .map.past-locations {
    background-image: url('../../images/past_stars_july27.png');
    opacity: 0.35;
}

#tour_container .map.upcoming-locations {
    background-image: url('../../images/present_stars_july27.png');
}

#tour_container .map.active {
    display: block!important;
}

#tour_container .map.detroit {
    background-image: url('../../images/selected_detroit.png');
    display: none;
}

#tour_container .map.chicago {
    background-image: url('../../images/selected_chicago.png');
    display: none;
}

#tour_container .map.stpaul {
    background-image: url('../../images/selected_stpaul.png');
    display: none;
}

#tour_container .map.stlouis {
    background-image: url('../../images/selected_stlouis.png');
    display: none;
}

#tour_container .map.kansascity {
    background-image: url('../../images/selected_kansascity.png');
    display: none;
}

#tour_container .map.stpaul {
    background-image: url('../../images/selected_stpaul.png');
    display: none;
}


#tour_container .map.denver {
    background-image: url('../../images/selected_denverA.png');
    display: none;
}

#tour_container .map.denver2 {
    background-image: url('../../images/selected_denverB.png');
    display: none;
}

@media screen and (max-width: 1600px) {

    #tour_container {
        min-height: 750px !important;
        font-size: 1em;
    }

    #tour_container .section-header {
        height:100px;
    }

    #tour_container .guys {
        height:130px;
    }

    #tour_container .info-panel {
        width:340px;
        top:170px;
    }

    #tour_container .info-panel ul li a {
        width: 202px;
        height: 14px;
    }

    #tour_container #truck {
        width:420px;
    }

    #tour_container #truck-label {
        width: 340px;
    }

    #tour_container .map {
        left:400px;
        top:170px;
    }

}

@media screen and (max-height: 1000px) {

    #tour_container {
        min-height: 730px !important;
        font-size: 1em;
    }

    #tour_container .info-panel {
        width: 340px;
        top: 170px;
    }

    #tour_container .info-panel p {
        margin: 50px 0 25px;
    }

    #tour_container .info-panel ul li a {
        width: 202px;
        height: 14px;
    }

    #tour_container #truck {
        width:420px;
    }

    #tour_container #truck-label {
        width: 340px;
    }

    #tour_container .map {
        left: 400px;
        top: 170px;
    }

}

@media screen and (max-width: 1400px) {

    #citations_section .left {
        padding-right: 300px;
    }

    #citations_section .left .inner {
        right:300px;
    }

    #citations_section .right .inner {
        left:300px;
    }

    #citations_dialog_container {
        width:600px;
        margin-left: -300px;
    }

    #citations_section img.jake {
        left: 600px;
    }

    #citations_section img.damon {
        right: 600px;
    }

    #cite-your-friends {
        width:620px;
        margin-left: -310px;
    }

    #cite-your-friends:hover {
        width:651px;
        margin-left: -325.5px;
    }

    #tour_container {
        min-height: 730px !important;
    }

    #tour_container .section-header {
        height:90px;
    }

    #tour_container .guys {
        height:110px;
    }

    #tour_container .guys.jake {
        left:4%;
    }

    #tour_container .guys.damon {
        right:4%;
    }

    #tour_container .info-panel {
        left:1%;
        top:150px;
    }

    #tour_container .map {
        right:1%;
        left:360px;
        top:150px;
    }

}

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

    #tour_container {
        min-height: 710px !important;
    }

    #tour_container .guys.jake {
        left:0;
    }

    #tour_container .guys.damon {
        right:0;
    }

    #tour_container .info-panel {
        width:300px;
        padding: 10px 30px;
    }

    #tour_container .info-panel p {
        margin-top: 56px;
    }

    #tour_container .map {
        left:320px;
    }

}

@media screen and (max-width: 1100px) {

    #citations_section .left {
        padding-right: 250px;
    }

    #citations_section .left .inner {
        right:250px;
    }

    #citations_section .right .inner {
        left:250px;
    }

    #citations_section img.jake {
        left: 500px;
    }

    #citations_section img.damon {
        right: 500px;
    }

    #cite-your-friends {
        width:520px;
        height:100px;
        margin-left: -260px;
    }

    #cite-your-friends:hover {
        width:546px;
        height: 105px;
        margin-left: -273px;
    }

    #citations_dialog_container {
        width:500px;
        margin-left: -250px;
    }

    #tour_container {
        min-height: 710px !important;
    }

    #tour_container .section-header {
        height:80px;
    }

    #tour_container .guys {
        height:100px;
    }

}

@media screen and (max-width: 960px) {

    #tour_container {
        min-height: 630px !important;
    }

    #tour_container .section-header {
        height:75px;
        top:20px;
    }

    #tour_container .guys {
        display: none;
    }

    #tour_container .info-panel {
        width: 240px;
        top: 105px;
        left: 10px;
    }

    #tour_container .info-panel h3 img {
        width:90%;
        left:5%;
    }

    #tour_container .info-panel p {
        margin-top: 38px;
    }

    #tour_container #truck {
        width: 280px;
    }

    #tour_container #truck-label {
        width: 260px;
    }

    #tour_container .map {
        left:260px;
    }

}


/* Photos */
#gallery_section
{
	overflow: hidden;
}
.carousel-control span.glyphicon-chevron-right
{
	background: url(../../images/gallery/right_arrow.png) no-repeat;
	width: 30px;
	height: 48px;
	background-size: 100%;
	right: 30%;
}
.carousel-control span.glyphicon-chevron-left
{
	background: url(../../images/gallery/left_arrow.png) no-repeat;
	width: 30px;
	height: 48px;
	background-size: 100%;
	left: 30%;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
	top: 45%;
}
.carousel-control
{
	opacity: 1;
	filter: alpha(opacity=100);
}
.photo {
	max-width: none !important;
	max-height: none !important;
}

@media screen and (max-width: 1260px) {

    #about_dialog {
        width: 560px;
    }

    #get_updates_dialog {
        font-size: .9em;
    }

    #cop_car_lights .glow.blue
    {
        left: 0px;
        -webkit-box-shadow: 0 0 60px 30px rgba(50, 50, 255, .15);
        -moz-box-shadow: 0 0 60px 30px rgba(50, 50, 255, .15);
        box-shadow: 0 0 60px 30px rgba(50, 50, 255, .15);
    }

    #cop_car_lights .glow.red
    {
        right: 0px;
        animation-delay: 0.5s;
        -webkit-animation-delay: 0.5s;
        -webkit-box-shadow: 0 0 60px 30px rgba(255, 0, 0, .15);
        -moz-box-shadow: 0 0 60px 30px rgba(255, 0, 0, .15);
        box-shadow: 0 0 60px 30px rgba(255, 0, 0, .15);
    }

    .video-list {
        width:50%;
    }

}

@media screen and (max-width: 860px) {

    .video-list {
        width:30%;
        min-width: 0;
    }

    .video-list li {
        width:100%;
    }

}

/* ipad  */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {

    #home_section *, #citations_section .inner * {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }

    .dialog-inner {
        padding: 30px;
    }

    #about_dialog h2 {
        width:80%;
    }

    #about_dialog .cast h3,#about_dialog .crew h3 {
        height:25px;
        background-size: 50%;
    }

    #share-buttons li {
        height:36px;
        line-height: 36px;
    }

    .touch-carousel .carousel-indicators li.active, .touch-carousel .carousel-indicators li {
        width:14px;
        height:14px;
    }

}

/* ipad landscape */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {

    #about_dialog {
        width: 400px;
    }

    #about_dialog .cast h3,#about_dialog .crew h3 {
        height:25px;
        background-size: 70%;
    }

    #get_updates_dialog {
        width: 320px;
        min-width: 320px;
    }

    #get_updates_dialog input[type="submit"], #get_updates_dialog button, #get_updates_dialog button {
        width:140px;
        height:44px;
        background-size: 60%;
    }

    #get_updates_dialog button {
        background-size:90%;
        width:100%;
        padding:0 20px;
        border-radius:6px;
    }

    #citations_section img.damon, #citations_section img.jake {
        height:	95%;
        border-bottom:850px solid #000;
    }

    #citations_section.active-page {
        height:1560px !important;
    }

}

/* ipad portrait  */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    .dialog-container {
        bottom: 5%;
    }

    #citations_section img.damon, #citations_section img.jake {
        height:	90%;
        border-bottom:750px solid #000;
    }

    #citations_section.active-page {
        height:1560px !important;
    }

}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

    #about_dialog h2 {
        background-image: url('../../images/about/aboutthefilm@2x.png');
        background-size: contain;
    }

    #get_updates_dialog h2 {
        background-image: url('../../images/get_updates_title@2x.png');
        background-size: contain;
    }

	.video-list li h4 img
	{
		display: none;
	}
	.video-list li h4 img.retna
	{
		display: block;
		width: 80%;
		height: auto;
	}
	.video-list h2 {
		background: url(../../images/videos/videos@2x.png);
		background-size: 100%;
	}

}

#signup-form label.error
{
	display: block;
	color: red;
}