/* @override 
	http://local.inumbernumberthemovie.com/css/main.css */

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

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

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

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

img {
    vertical-align: middle;
}

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

textarea {
    resize: vertical;
}

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


/* ==========================================================================
   Grid System
   ========================================================================== */

/*
    Variable Grid System.
    Learn more ~ http://www.spry-soft.com/grids/
    Based on 960 Grid System - http://960.gs/

    Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  /*min-width: 1128px;*/
  width: 100%;
  overflow: hidden;
}

/* @group The Grid */

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 1128px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 11px;
    margin-right: 10px;
}



.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
    position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
    width:73px;
}

.container_12 .grid_2 {
    width:167px;
}

.container_12 .grid_3 {
    width:261px;
}

.container_12 .grid_4 {
    width:355px;
}

.container_12 .grid_5 {
    width:449px;
}

.container_12 .grid_6 {
    width:543px;
}

.container_12 .grid_7 {
    width:637px;
}

.container_12 .grid_8 {
    width:731px;
}

.container_12 .grid_9 {
    width:825px;
}

.container_12 .grid_10 {
    width:919px;
}

.container_12 .grid_11 {
    width:1013px;
}

.container_12 .grid_12 {
    width:1107px;
}




/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .prefix_1 {
    padding-left:94px;
}

.container_12 .prefix_2 {
    padding-left:188px;
}

.container_12 .prefix_3 {
    padding-left:282px;
}

.container_12 .prefix_4 {
    padding-left:376px;
}

.container_12 .prefix_5 {
    padding-left:470px;
}

.container_12 .prefix_6 {
    padding-left:564px;
}

.container_12 .prefix_7 {
    padding-left:658px;
}

.container_12 .prefix_8 {
    padding-left:752px;
}

.container_12 .prefix_9 {
    padding-left:846px;
}

.container_12 .prefix_10 {
    padding-left:940px;
}

.container_12 .prefix_11 {
    padding-left:1034px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .suffix_1 {
    padding-right:94px;
}

.container_12 .suffix_2 {
    padding-right:188px;
}

.container_12 .suffix_3 {
    padding-right:282px;
}

.container_12 .suffix_4 {
    padding-right:376px;
}

.container_12 .suffix_5 {
    padding-right:470px;
}

.container_12 .suffix_6 {
    padding-right:564px;
}

.container_12 .suffix_7 {
    padding-right:658px;
}

.container_12 .suffix_8 {
    padding-right:752px;
}

.container_12 .suffix_9 {
    padding-right:846px;
}

.container_12 .suffix_10 {
    padding-right:940px;
}

.container_12 .suffix_11 {
    padding-right:1034px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .push_1 {
    left:94px;
}

.container_12 .push_2 {
    left:188px;
}

.container_12 .push_3 {
    left:282px;
}

.container_12 .push_4 {
    left:376px;
}

.container_12 .push_5 {
    left:470px;
}

.container_12 .push_6 {
    left:564px;
}

.container_12 .push_7 {
    left:658px;
}

.container_12 .push_8 {
    left:752px;
}

.container_12 .push_9 {
    left:846px;
}

.container_12 .push_10 {
    left:940px;
}

.container_12 .push_11 {
    left:1034px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .pull_1 {
    left:-94px;
}

.container_12 .pull_2 {
    left:-188px;
}

.container_12 .pull_3 {
    left:-282px;
}

.container_12 .pull_4 {
    left:-376px;
}

.container_12 .pull_5 {
    left:-470px;
}

.container_12 .pull_6 {
    left:-564px;
}

.container_12 .pull_7 {
    left:-658px;
}

.container_12 .pull_8 {
    left:-752px;
}

.container_12 .pull_9 {
    left:-846px;
}

.container_12 .pull_10 {
    left:-940px;
}

.container_12 .pull_11 {
    left:-1034px;
}

.container_12 .left {
  float: left;
  width: 48%;
}
.container_12 .right {
  float: right;
  width: 48%;
  margin-left: 4%;
}
.container_12 .left,
.container_12 .right {
  margin-bottom: 0.75em !important;
}
.container_12 .tight {
  width: 40%;
} 


/* @end */

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.just_clear {
  clear: both;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* @group TYPOGRAPHY */
h1, h2, h3, h4, h5, h6, p, li, a {font-family: "lemonde-sans", Helvetica, Arial, sans-serif;}
h2 {margin: 0; font-size: 1.35em; line-height: 1.5em; margin-bottom: 1.5em; color: #b9901e; font-weight: 700; font-style: normal;} /* 16px / 24px */
h3 {margin: 0; font-size: 1.1em; line-height: 1.1em; margin-bottom: 1.1em; text-transform: uppercase; text-align: justify-left; color: #b9901e; font-weight: 700; font-style: normal;} /* 16px / 24px */
h4 {margin: 0; font-size: 0.875em; line-height: 1.7142857142857142857142857142857em; margin-bottom: 1.7142857142857142857142857142857em; color: #b9901e; font-weight: 400; font-style: normal; } /* 16px / 24px */
p, ul, blockquote, pre, td, th, label {margin: 0; font-size: 1em; line-height: 1.3em; margin-bottom: 1em; font-weight: 400; font-style: normal;} /* 14px / 24px */
p a:link, p a:visited {
  color: white;
  text-decoration: none;
}
p a:hover, p a:active {
  color: white;
  text-decoration: underline;
}
.container_12 .left p,
.container_12 p.left, 
.container_12 .right p, 
.container_12 p.right {
  text-align: left;
}
.container_12 .left p.text,
.container_12 p.left.text {
  font-weight: bold;
  text-align: right;
  clear: both;
}
.container_12 .tight p,
.container_12 p.tight {
  font-weight: normal;
  text-align: left;
  clear: both;
}
/*@end*/

* {-moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
#wrapper #content {color: #fff; min-height: 768px; }

/*Absolute Image*/
/*#wrapper {position: fixed; top: 50%; left: 50%; margin-left: -683px; margin-top: -384px;}*/

#wrapper { width: 1366px; height: 768px; -webkit-box-shadow: 2px 2px 12px #1E1F21; box-shadow: 2px 2px 12px #1E1F21; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 10px;}
.bgimg {position: absolute; top: 0; left: 0; z-index: 0; }

.red { 
background-image: -webkit-gradient( linear, left, right, color-stop(0.2, rgba(53,7,5,1)), color-stop(1, rgba(65, 96, 127,1)));
background-image: -o-linear-gradient(right, rgba(53,7,5,1) 20%, rgba(65, 96, 127,0) 100%);
background-image: -moz-linear-gradient(right, rgba(53,7,5,1) 20%, rgba(65, 96, 127,0) 100%);
background-image: -webkit-linear-gradient(right, rgba(53,7,5,1) 20%, rgba(65, 96, 127,0) 100%);
background-image: -ms-linear-gradient(right, rgba(53,7,5,1) 20%, rgba(65, 96, 127,0) 100%);
background-image: linear-gradient(to right, rgba(53,7,5,1) 20%, rgba(65, 96, 127,0) 100%);}

.blue { background-image: -webkit-gradient( linear, left, right, color-stop(0.2, rgba(10,39,68,1)), color-stop(1, rgba(65, 96, 127,1)));
background-image: -o-linear-gradient(right, rgba(10,39,68,1) 20%, rgba(65, 96, 127,0) 100%);
background-image: -moz-linear-gradient(right, rgba(10,39,68,1) 20%, rgba(65, 96, 127,0) 100%);
background-image: -webkit-linear-gradient(right, rgba(10,39,68,1) 20%, rgba(65, 96, 127,0) 100%);
background-image: -ms-linear-gradient(right, rgba(10,39,68,1) 20%, rgba(65, 96, 127,0) 100%);
background-image: linear-gradient(to right, rgba(10,39,68,1) 20%, rgba(65, 96, 127,0) 100%);}

.green { background-image: -webkit-gradient( linear,  left, right, color-stop(0.2, rgba(7,41,1,1)), color-stop(1, rgba(65, 96, 127,1)));
background-image: -o-linear-gradient(right, rgba(7,41,1,1) 20%, rgba(65, 96, 127,0) 100%);
background-image: -moz-linear-gradient(right, rgba(7,41,1,1) 20%, rgba(65, 96, 127,0) 100%);
background-image: -webkit-linear-gradient(right, rgba(7,41,1,1) 20%, rgba(65, 96, 127,0) 100%);
background-image: -ms-linear-gradient(right, rgba(7,41,1,1) 20%, rgba(65, 96, 127,0) 100%);
background-image: linear-gradient(to right, rgba(7,41,1,1) 20%, rgba(65, 96, 127,0) 100%);}

/*Head*/
#wrapper #tagline {height: 60px; text-align: center; display: table;}
#wrapper #tagline h2 {text-transform: uppercase; text-align: center; display: table-cell; vertical-align: middle; font-size: 1.25em; font-weight: 700; letter-spacing: 0.2em;}
.green #tagline h2 {color: #022902;}
.red #tagline h2 {color: #54090a;}
.blue #tagline h2 {color: #0a1234;}

#wrapper #social_sites {height: 60px;}
#wrapper #social_sites ul {list-style-type: none; padding: 0; margin: 0;}
#wrapper #social_sites ul li {float: left;}
#wrapper #social_sites ul li a {border: 0; display: block; width: 55px; height: 60px; text-indent: -999em; background-image: url(../img/social_sprite.png);}
/*Facebook*/
.red a.facebook {background-position: 0 0px;}
.red a.facebook:hover {background-position: 0 -5px;}
.blue a.facebook {background-position: 0 65px;}
.blue a.facebook:hover {background-position: 0 60px;}
.green a.facebook {background-position: 0 130px;}
.green a.facebook:hover {background-position: 0 125px;}
/*Twitter*/
.red a.twitter {background-position: 110px 0px;}
.red a.twitter:hover {background-position: 110px -5px;}
.blue a.twitter {background-position: 110px 65px;}
.blue a.twitter:hover {background-position: 110px 60px;}
.green a.twitter {background-position: 110px 130px;}
.green a.twitter:hover {background-position: 110px 125px;}
/*YouTube*/
.red a.youtube {background-position: 55px 0px;}
.red a.youtube:hover {background-position: 55px -5px;}
.blue a.youtube {background-position: 55px 65px;}
.blue a.youtube:hover {background-position: 55px 60px;}
.green a.youtube {background-position: 55px 130px;}
.green a.youtube:hover {background-position: 55px 125px;}

/* Menu */
#wrapper #menu {/*min-height: 708px;*/}
#wrapper #menu{ }
#wrapper #menu ul {list-style-type: none; margin: 0; padding: 56px 0 0 20px;}
#wrapper #menu ul li a { text-transform: uppercase; text-decoration: none; padding: 10px 20px 10px 0; display: inline-block; color: #f3c846; font-weight: bold; }
#wrapper #menu ul li a:visited {text-decoration: none; color: #f3c846;}
#wrapper #menu ul li a:hover {padding-left: 5px; color: #ffeeb9;}
#wrapper #menu.home ul li a[id^='home'],
#wrapper #menu.story ul li a[id^='story'],
#wrapper #menu.cast ul li a[id^='cast'],
#wrapper #menu.about ul li a[id^='about'],
#wrapper #menu.keycrew ul li a[id^='keycrew'],
#wrapper #menu.social ul li a[id^='social'],
#wrapper #menu.events ul li a[id^='events'],
#wrapper #menu.video ul li a[id^='video'],
#wrapper #menu.gallery ul li a[id^='gallery'],
#wrapper #menu.media ul li a[id^='media'],
#wrapper #menu.contact ul li a[id^='contact'] { padding-left: 10px; color: #ffeeb9; border-left: 2px solid #ffeeb9; cursor: default;}

/*Content Templates*/
#wrapper #story_box { padding: 24px 22px;}

#wrapper #about_box, #wrapper #content_box, #wrapper #cast_box { padding: 24px 45px 24px 25px;}
#wrapper #about_box h3 {text-align: center; margin-bottom: 18px; }

#wrapper #cast_box h2,#wrapper #story_box h2,#wrapper #story_box h2 { clear: both; padding: 0.75em 0 1em; margin: 0;}
/*#wrapper #cast_box h3:first-child {padding: 0 0 1.2em; }*/
#wrapper h3 span,#wrapper h2 span  {font-size: 75%; font-style: italic;}

/*Home Page Template*/
#wrapper #laurels {margin-top: 36px; position: relative;}
#wrapper #laurels #releasedate {position: absolute; bottom: 0; left: -185px;}
#wrapper #film_logo {margin-top: 35px; }
#wrapper #actornames {padding-top: 25px;}

/*2 Column Template*/
.twocol {padding-top: 56px;}

/*Gallery layout*/
a[data-fancybox-group='stills-gallery'] img {
  margin:0 0.1em 0.35em 0;
  padding: 0;
}

/*Key Crew*/
.slide-content {text-align: left; /*overflow-x:hidden; overflow-y: auto;*/ padding-right: 20px;}

/*Production Logos*/
#wrapper #production_logo {height: 57px; position: absolute; left: 119px; bottom: 130px; z-index: 1;}
#wrapper #production_logo ul {list-style-type: none; margin: 0; padding: 0;}
#wrapper #production_logo ul li {float: left; margin-right: 30px;}
#wrapper #production_logo ul li:last-child{margin-right: 0;}
#wrapper #production_logo ul li:hover {margin-top: -5px; padding-bottom: 5px;}
#wrapper #production_logo ul li a{border: 0; display: block; height: 57px; width: 100px; background: url(../img/production_sprite.png); background-position: 0 0;}
#wrapper #production_logo ul li a.dti{background-position: 0 0;}
#wrapper #production_logo ul li a.quizzical{ background-position: -138px 0;}
#wrapper #production_logo ul li a.idc{width:70px; background-position: -281px 0;}
#wrapper #production_logo ul li a.nfvf{ width:50px; background-position: -404px 0;}
#wrapper #production_logo ul li a.indigenus{width:55px; background-position: -496px 0;}
#wrapper #production_logo ul li a.fpb{width:65px; background-position: -589px 0;}


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

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

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

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

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

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@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
     */

    .ir a:after,
    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;
        height: auto;
    }

    @page {
        margin: 0.5cm;
    }

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

    h2,
    h3 {
        page-break-after: avoid;
    }
}



/* @group Plugins */

/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
    margin:0 auto;
    position:relative;
    /*overflow:hidden;*/
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    /* Fix of Webkit flickering */
    z-index:1;
}
.swiper-wrapper {
    position:relative;
    width:100%;
    /*overflow: hidden;*/
    
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;
    
    -moz-transition-property:-moz-transform, left, top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;
    
    -o-transition-property:-o-transform, left, top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);
    
    -ms-transition-property:-ms-transform, left, top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;
    
    transition-property:transform, left, top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-wrapper div.swiper-slide {
    margin-top: 1em;
    float: left;
    height: auto!important;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
    overflow: hidden;
    /* Specify Swiper's Size: */
    max-height: 768px;

    /*width:200px;
    height: 100px;*/
}
.swiper-slide {
    /* Specify Slides's Size: */
    text-align: center;
    /*width: 100%;
    height: 100%;*/
}

.swiper-parent {
  height:629px;
}
.swiper-parent div.swiper-slide p,.swiper-parent div.swiper-slide h3{
  text-align: left;
  width: 90%;
}
/* ===============================================================
Swiper Slider Styles
================================================================*/

.swiper-scrollbar {
    position: relative;
    -ms-touch-action: none;
    background: rgba(121,96,54,0.7);
    width:100%;
    height: 12px;
    margin: 0px auto 2px auto;
}
.swiper-parent .swiper-scrollbar .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: #ba9423;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-nested .swiper-scrollbar, .swiper-nested-2 .swiper-scrollbar,.swiper-nested-3 .swiper-scrollbar,.swiper-nested-4 .swiper-scrollbar,.swiper-nested-5 .swiper-scrollbar   {
  background:none;
  position:absolute;
  right:3px;
  top:0;
  height:100%;
  width:6px;
  -ms-touch-action: none;
  background: rgba(121,96,54,0.7);
}
.swiper-nested .swiper-scrollbar .swiper-scrollbar-drag,.swiper-nested-2 .swiper-scrollbar .swiper-scrollbar-drag,.swiper-nested-3 .swiper-scrollbar .swiper-scrollbar-drag,.swiper-nested-4 .swiper-scrollbar .swiper-scrollbar-drag,.swiper-nested-5 .swiper-scrollbar .swiper-scrollbar-drag {
  height: 100%;
    width: 100%;
    position: relative;
    background: #ba9423;
}

.swiper-nav{
  padding: 214px 0 0 20px;
  background: rgba(0,0,0,0);
  height: 494px;
}
.swiper-nav div .swiper-slide{
width: 100%!important;
height: 40px!important;
margin: 0;
}

.swiper-nav span {
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px 20px 10px 0;
  display: inline-block;
  color: #f3c846;
  text-align: left;
  float: left;
  font-weight: bold;
  font-family: "lemonde-sans", Helvetica, Arial, sans-serif;
}

.swiper-nav span:hover {padding-left: 5px; color: #ffeeb9;}

.swiper-nav span.active {
  padding-left: 10px; color: #ffeeb9; border-left: 2px solid #ffeeb9; cursor: default;
}





/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license 
 * ================================================================*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../includes/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../includes/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../includes/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../includes/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../includes/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../includes/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/*! fancyBox Button helper */

#fancybox-buttons {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 8050;
}

#fancybox-buttons.top {
	top: 10px;
}

#fancybox-buttons.bottom {
	bottom: 10px;
}

#fancybox-buttons ul {
	display: block;
	width: 166px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	border: 1px solid #111;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	   -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	        box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	background: rgb(50,50,50);
	background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
	background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}

#fancybox-buttons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#fancybox-buttons a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url('../includes/fancybox_buttons.png');
	background-repeat: no-repeat;
	outline: none;
	opacity: 0.8;
}

#fancybox-buttons a:hover {
	opacity: 1;
}

#fancybox-buttons a.btnPrev {
	background-position: 5px 0;
}

#fancybox-buttons a.btnNext {
	background-position: -33px 0;
	border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
	background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
	background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
	background-position: 3px -60px;
	border-left: 1px solid #111;
	border-right: 1px solid #3e3e3e;
	width: 35px
}

#fancybox-buttons a.btnToggleOn {
	background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
	border-left: 1px solid #111;
	width: 35px;
	background-position: -56px 0px;
}

#fancybox-buttons a.btnDisabled {
	opacity : 0.4;
	cursor: default;
}

/*! fancyBox Thumbnail helper */

#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}

#fancybox-thumbs.bottom {
	bottom: 2px;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}

#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}

/* @end */