/*
Theme name: Monarex
Description: Custom Theme
*/

/******* Monarex WordPress CSS *******/

/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }

p img { padding: 0;	max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { /*border: 1px solid #ddd;*/ text-align: center; padding-top: 4px; margin: 10px; width:100% !important;}
.wp-caption.alignleft {width:auto !important;float:left;margin-right:20px;}
.wp-caption.alignright {width:auto !important;float:right;margin-left:20px;}
.wp-caption img { margin: 0; padding: 0; border: solid 3px white; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

/******* /Monarex WordPress CSS *******/

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 15px;
    line-height: 1.2;
    font-family: Arial, sans-serif;
    color: #bababa;
    background: #fff;
    /* background: #000 url(images/body.png) repeat-x 0 0; */
	background: #000 url(images/texture-bkgd.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
    min-width: 1880px;
    -webkit-text-size-adjust: none;
}

a { color: #a70000; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

img { width: auto; height: auto; max-width: 100%; font-size: 0; vertical-align: middle; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }
input[type="text"], input[type="password"], input[type="email"], input[type="submit"], input[type="button"], textarea { border-radius: 0; -webkit-appearance: none; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }


/* Fonts:
	Roboto
	Roboto Condensed
 */

.loader-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: #000 url(images/overlay-loader.gif) no-repeat center center; }

#wrapper { width: 100%; min-height: 100%; position: relative; overflow: hidden; }

#logo { width: 161px; position: absolute; top: 14px; left: 0; z-index: 100; }
#logo a { display: block; height: 74px; background: url(images/logo.png) no-repeat 0 0; }

#header { width: 100%; height: 182px; position: relative; z-index: 100; }
#header .top { padding: 11px 80px 10px 209px; background: url(images/header-top.png); position: relative; overflow: hidden; font-size: 13px; }
#header .nav {background: url(images/header-top-nav.png);}
#header .top a { color: #999; }
#header .top a:hover { text-decoration: none; color: #fff; }
#header ul { list-style: none outside none; }

.nav-toggle { display: none; position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: #a30000 url(images/nav-toggle.png) no-repeat center center; }

.nav-access { float: left; display: inline; padding: 5px 0; }
.nav-access ul { float: left; display: inline; }
.nav-access ul li { float: left; display: inline; padding-right: 34px; }
.nav-access ul li.current-menu-item a { color: #fff !important; }

.nav-utilities { float: right; display: inline; padding: 5px 0; }
.nav-utilities ul { float: left; display: inline; }
.nav-utilities li { float: left; display: inline; padding-left: 27px; }

.search-form { float: right; display: inline; width: 212px; height: 26px; background: #282828; margin-left: 32px; }
.posts .search-form { float: left; margin-left: 0; }
.search-form .button,
.posts .search-form .button { float: right; display: inline; border: 0; width: 32px; height: 22px; margin: 2px 0; border-left: 1px solid #353535; background: url(images/search-button.png) no-repeat center center; cursor: pointer; }
.search-form .field { float: left; display: inline; width: 156px; height: 15px; padding: 5px 10px; border: 0; background: #282828; color: #fff; }

.nav { width: 100%; position: relative; padding: 9px 30px 14px 186px; margin-bottom: 77px; font-family: 'Roboto', sans-serif; font-size: 18px; }
.nav a { color: #fff; }
.nav ul { list-style: none outside none; } 
.nav .menu { float: left; display: inline; }
.nav .menu > li { float: left; display: inline; }
.nav .menu > li > a { float: left; display: inline; padding: 6px 20px 7px; }
.nav .menu > li > a:hover { text-decoration: none; color: #cdcdcd; }
.nav .menu > li.current-menu-item > a,
.nav .menu > li.current-menu-parent > a { background: url(images/nav-a.png); border-radius: 7px; color: #fff; }

.nav .menu > li.current-menu-item ul,
.nav .menu > li.current-menu-parent ul { display: block; opacity: 1; }
.nav .menu ul { /*display: none;*/ opacity: 0; position: absolute; top: 100%; left: 0; right: 0; padding: 7px 30px 10px 192px; background: url(images/sub-nav.png) repeat-x 0 bottom; font-size: 15px; transition: opacity .4s;  -webkit-transition: opacity .4s;  -moz-transition: opacity .4s;  -o-transition: opacity .4s; }
.nav .menu li:hover ul.sub-menu { opacity: 1; }

.nav .menu ul li { float: left; display: inline; }
.nav .menu ul li a { float: left; display: inline; color: #bbb; padding: 7px 15px; border-radius: 7px; }
.nav .menu ul li a:hover { text-decoration: none; color: #fff; }
.nav .menu ul li.current-menu-item a { background: url(images/sub-nav-a.png); color: #fff; }

#footer { position: absolute; left: 34px; right: 34px; bottom: 18px; z-index: 90; background: url(images/footer.png); border-radius: 22px; font-size: 12px; line-height: 25px; padding: 11px 15px 11px 25px; }
#footer .copyright { float: left; display: inline; width: 50%; padding: 0; }
#footer .copyright p { padding: 0; }
#footer .socials { float: right; display: inline; width: 40%; font-size: 0; line-height: 0; text-align: right; }
#footer .socials a { margin-left: 6px; }
#footer .socials a:hover { text-decoration: none; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); }
#footer br { display: none; }
#footer a { color: #bababa; }
#footer a:hover { text-decoration: none; color: #fff; }

.footer { width: 100%; height: 124px; }

.header-widgets { position: absolute; top: 0; left: 0; z-index: 120; width: 100%; color: #fff; }
.header-widgets p { padding: 0; }
.header-widgets a { color: #fff; }
.header-widgets ul { float: left; display: inline; }
.header-widgets li { padding-top: 8px; }
.header-widgets li:first-child { padding-top: 0; }
.header-widgets .wrap { display: none; width: 100%; position: relative; overflow: hidden; padding: 31px 0 36px; background: #a60000 url(images/header-widgets.png) repeat-x 0 0; font-size: 12px; box-shadow: 0px 0px 26px rgba( 0, 0, 0, 0.8); background: rgba(166,0,0,0.8); }
.header-widgets .toggle { position: absolute; bottom: -55px; right: 12px; display: block; width: 55px; height: 56px; background: url(images/top-menu-arrow.png) no-repeat 0 0; border-radius: 0 0 3px 3px; }
.header-widgets .widget-title { color: #fff; font-size: 19px; font-family: 'Roboto Condensed', sans-serif; font-weight: normal; padding-bottom: 11px; }
.header-widgets .widget { float: left; display: inline; padding: 1px 30px 4px; width: 190px; border-left: 1px solid #b14040; }
.header-widgets .widget:first-child { border-left: 0; }
.header-widgets .header-widget-area { width: 1004px; margin: 0 auto; position: relative; overflow: hidden; }
.header-widgets .video { display: block; width: 165px; position: relative; margin-bottom: 9px; }
.header-widgets .video img { display: block; width: 100%; } 
.header-widgets .video span { display: block; width: 27px; height: 27px; background: url(images/play.png) no-repeat 0 0; position: absolute; top: 50%; left: 50%; margin: -13px 0 0 -13px; }

h1 { font-size: 40px; font-weight: normal; }
h2 { font-size: 30px; font-weight: normal; }
h3 { font-size: 28px; font-weight: bold; }
h4 { font-size: 24px; font-weight: bold; }
h5 { font-size: 18px; font-weight: normal; font-family: 'Roboto', sans-serif; }
h6 { font-size: 15px; font-weight: normal; }

p { padding-bottom: 18px; }

.btn { display: inline-block; font-size: 12px; color: #2a2a2a; background: #fff; border-radius: 5px; padding: 6px 11px; }
.btn:hover { text-decoration: none; color: #000; }

.post { width: 49.1%; background: #222; float: left; display: inline; }
.post.full-page { width: 77%; }
.post h2 { color: #fff; padding-bottom: 24px; position: relative; }
.post .info,
.post h3 { padding-bottom: 18px; font-size: 18px; line-height: 21px; margin-bottom: 16px; color: #fff; font-weight: normal; }
.post .post-image { width: 100%; position: relative; color: #fff; border-top: 3px solid #a70000; }
.post .post-image.holder { height: 50px; }
.post .post-image img { display: block; width: 100%; }
.post .post-image .overlay { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 135px; background: url(images/post-image-overlay.png) repeat-x 0 0; }
.post .post-image .date { position: absolute; bottom: 74px; left: 0; padding: 0 10px; font-size: 10px; line-height: 24px; font-weight: bold; background: #a50000; text-transform: uppercase; }
.post .post-entry { padding: 0 70px 45px; margin-top: -37px; /*position: relative;*/ /*height: 100%;*/ }

.page-title { font-size: 30px; font-weight: bold; padding-bottom: 27px; text-shadow: 7px 5px 4px rgba( 0, 0, 0, 0.7); }

#main { margin: 0 104px; height: 100%; position: relative; overflow: hidden; }

#sidebar { float: right; display: inline; width: 17%; padding: 30px 1.85%; color: #fff; background: #222; position: relative; z-index: 60; }
#sidebar > ul { list-style: none outside none; width: 100%; }
#sidebar .widget-title { font-size: 18px; font-weight: normal; position: relative; overflow: hidden; width: 100%; padding: 5px 0 19px; }
#sidebar .widget-title img { float: left; display: inline; margin: -4px 12px 0 0; }

#sidebar .widget { width: 100%; padding-bottom: 63px; position: relative; overflow: hidden; font-size: 13px; }
#sidebar .widget ul { float: left; display: inline; width: 130px; padding: 0 0 0 14px; list-style: none outside none; }
#sidebar .widget li { padding: 3px 0; width: 100%; }
#sidebar .widget a { color: #858585; }
#sidebar .widget a:hover { text-decoration: none; color: #fff; }

.sidebar-bg { position: absolute; top: 0; right: 0; width: 20.7%; height: 100%; background: #222; }

.posts { width: 78.5%; float: left; display: inline; }
.posts .post { float: left; display: inline; width: 294px; height: 440px; margin: 0 25px 25px 0; font-size: 13px; position: relative; }
.posts .post h4 { width: 100%; padding-bottom: 15px; font-size: 15px; font-weight: normal; color: #fff; }
.posts .post h4 a { color: #fff; }
.posts .post .post-entry { padding: 0 32px; margin-top: 0; }
.posts .post-image .overlay { height: 52px; background-image: url(images/posts-overlay.png); }
.posts .post-image .date { bottom: 13px; }
.posts .button { display: block; width: 208px; font-size: 12px; padding: 6px; margin: 3px auto 0; color: #2a2a2a; background: #fff; text-align: center; border-radius: 4px; }
/*.blog .posts .button { position: absolute; bottom: 20px; left: 35px; }*/
.posts .button:hover { text-decoration: none; }
.featured-films .films-info .buttons a.purchase-link.digital-puchase-link { margin-top: 10px;  /*margin-left: 55px; */}
.related-posts { float: left; display: inline; width: 29.4%; }
.related-posts .post { float: none; display: block; margin: 0 auto 25px; }

.box { float: left; display: inline; width: 294px; height: 228px; border-top: 3px solid #a70000; position: relative; overflow: hidden; font-size: 14px; color: #fff; }
.box .image { display: block; width: 100%; }
.box .overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 76px; background: url(images/box-overlay.png) repeat-x 0 0; font-size: 0; line-height: 0; }
.box strong { position: absolute; bottom: 21px; left: 21px; font-weight: normal; width: 210px; }
.box .icon { position: absolute; bottom: 28px; right: 27px; }
.box:hover { text-decoration: none; }

.film-container { padding: 41px 88px 76px; height: 100%; position: relative; overflow: hidden; }
.film-container .video { float: left; display: inline; position: relative; width: 1318px; height: 740px; margin-bottom: 70px; background: #000; box-shadow: 10px 10px 22px rgba( 0, 0, 0, 0.8); /*float: none; display: block; margin: 0 auto 30px;*/ }
.film-container .video img,
.film-container .video .video-link,
.film-container .video iframe { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.film-container .video iframe { z-index: 20; background: #000; }
.film-container .video .video-link span { display: block; position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background: url(images/video-play.png) no-repeat 0 0; }
.film-container .video-content { float: right; display: inline; width: 365px; margin: -8px 0 40px; color: #fff; font-size: 14px; }
.film-container .video-content { float: right; display: inline; width: 365px; margin: -8px 0 40px; color: #fff; font-size: 14px; }
.film-container .video-content.no-vid { float: left; position: relative; }
.film-container .video-content .post-title { text-transform: uppercase; }
.film-container .video-content h2 { font-size: 35px; font-weight: bold; padding: 0 0 23px; }

.film-container .video-details { background: #2e2e2e; color: #858585; padding: 25px 34px 8px; margin: 40px 0 38px; font-size: 14px; }
.film-container .video-details h5 { color: #fff; font-family: 'Roboto', sans-serif; padding: 0 0 16px; }
.film-container .video-details a { color: #858585; }
.film-container .video-details strong { font-weight: normal; color: #fff; }
.film-container .video-details br { display: block; margin-bottom: 3px; }
.film-container .video-details img { margin-right: 9px; }
.film-container .video-details .tags { margin-bottom: 9px; }
.film-container .video-details .tags a { text-decoration: underline; }
.film-container .video-details .tags a:hover { text-decoration: none; color: #fff; }

.film-container .related-videos { float: left; display: inline; width: 1320px; position: relative; }
.film-container .related-videos h4 { width: 100%; margin-bottom: 30px; font-size: 18px; font-weight: normal; color: #fff; font-family: 'Roboto', sans-serif; }
.film-container .related-videos h4 img { padding: 0 6px 4px 0; }
.film-container .related-videos ul { list-style: none outside none; width: 1368px; margin: 0 -24px; }
.film-container .related-videos ul li { padding: 0 24px 24px; float: left; display: inline; }
.film-container .related-videos .box { float: left; display: inline; }
.film-container .related-videos .btn { position: absolute; top: 1px; right: 0; }

.film-container .video-details, .film-container .related-items { float: right; display: inline; width: 313px; padding: 18px 26px 48px; margin-top: 54px; background: #292929; font-size: 14px; }
.film-container .related-items h4 { font-weight: normal; font-size: 18px; color: #fff; padding-bottom: 34px; }
.film-container .related-items ul { list-style: none outside none; }
.film-container .related-items ul li { padding-bottom: 7px; }
.film-container .related-items a { color: #878787; } 
.film-container .related-items a:hover { text-decoration: none; color: #fff; }
.film-container .related-items img { margin-right: 6px; }
.film-container .film-popup { display: none; }

.monavision { width: 246px; position: relative; overflow: hidden; font-size: 15px; line-height: 26px; font-family: 'Roboto', sans-serif;float: right; clear: both; margin-right: 40px; margin-right: 0; }
.monavision p { width: 100px; padding: 0 0 0 38px; float: left; display: inline; background: url(images/monavision-icon.png) no-repeat 0 center; }
.monavision span { float: right; display: inline; width: 107px; height: 26px; background: url(images/monavision-wrap.png) no-repeat 0 0; font-size: 12px; line-height: 22px; text-transform: uppercase; text-align: center; }
.monavision span a { float: left; display: inline; width: 51px; height: 22px; color: #fff; margin: 3px 0 0 0px; }
.monavision span a:first-child { margin-left: 3px; }
.monavision span a:hover { text-decoration: none; }
.monavision span a.active { background: url(images/monavision-button.png) no-repeat center center; }

.comments-container { width: 100%; position: relative; overflow: hidden; }
.comments-container .comments,
.comments-container .comment-form  { position: relative; overflow: hidden; }
.comments-container .comments { float: left; display: inline; }
.comments-container .comment-form { float: right; display: inline; }
.comments-container .comments { background: #000 url(images/comments-bg.png) repeat-x 0 0; width: 47%; padding: 37px 4%; border-right: 1px solid #343434; }
.comments-container .comments h3 { font-size: 18px; font-weight: normal; font-family: 'Roboto', sans-serif; color: #fff; padding-bottom: 34px; }
.comments-container .comments h3 img { margin: 0 5px 2px 0; }
.comments-container .comments ol { list-style: none outside none; width: 100%; padding: 0; }
.comments-container .comments li { width: 100%; position: relative; overflow: hidden; font-size: 14px; padding-top: 47px; }
.comments-container .comments li:first-child { padding-top: 0; }
.comments-container .comments .comment-top { width: 100%; padding: 3px 0 10px; position: relative; font-size: 11px; color: #555; }
.comments-container .comments .comment-top a { color: #545454; margin-left: 23px; }
.comments-container .comments .comment-top strong { font-size: 15px; font-weight: normal; font-family: 'Roboto', sans-serif; color: #fff; }
.comments-container .comments .comment-top .comment-meta { position: absolute; top: 7px; right: 10px; }
.comments-container .comments .comment-entry { position: relative; overflow: hidden; }
.comments-container .comments .avatar { float: left; display: inline; margin: 0 19px 0 1px; box-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.4); }
.comments-container .more { display: inline-block; font-family: 'Roboto', sans-serif; font-size: 16px; color: #fff; background: #333 url(images/arrow-down.png) no-repeat right center; padding: 14px 46px 17px 25px; border-right: 22px solid #333; margin-top: 23px; }
.comments-container .more:hover { text-decoration: none; background-color: #444; border-color: #444; }

.comment-form { width: 39.4%; padding: 37px 2.8% 48px; background: #222; font-size: 14px; color: #868686; margin-left: -2px; }
.comment-form h3 { font-size: 18px; font-family: 'Roboto', sans-serif; font-weight: normal; color: #fff; padding-bottom: 34px; }
.comment-form h3 img { margin-right: 6px; }
.comment-form input[type="text"],
.comment-form textarea { display: block; border: 0; background: #333; padding: 8px 8px 7px; border-radius: 5px; resize: none; box-shadow: inset 2px 2px 2px rgba( 0, 0, 0, 0.5); font-size: 14px; color: #fff; }
.comment-form .wrap { position: relative; overflow: hidden; padding-left: 25px; }
.comment-form .avatar { float: left; display: inline; box-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.4); }
.comment-form .field { padding: 0 8px; }
.comment-form .field input,
.comment-form .field textarea { margin: 0 -8px; width: 100%; }
.comment-form .field textarea { margin-bottom: 11px; height: 100px; }
.comment-form label { display: block; line-height: 1; padding: 0 0 5px; }
.comment-form .field-wrap { padding: 0 25px; position: relative; overflow: hidden; }
.comment-form .button-holder { float: right; display: inline; width: 160px; padding-left: 19px; border-left: 1px solid #333; padding-top: 4px; }
.comment-form .button-holder input { display: block; cursor: pointer; width: 100%; height: 50px; border: 0; background: #a50000; font-size: 16px; color: #fff; font-family: 'Roboto', sans-serif; }
.comment-form .connect { float: left; display: inline; width: 121px; padding-bottom: 6px; border-right: 1px solid #333; }
.comment-form .connect { height: 53px; overflow: hidden; }
.comment-form  .connect a { font-size: 0; line-height: 0; margin-right: 2px; }
.comment-form  .connect label { padding-bottom: 8px; }

.film-categories { width: 100%; font-size: 0; line-height: 0; text-align: center; }
.film-categories ul { list-style: none outside none; width: 100%; }
.film-categories ul li { display: inline; }
.film-categories ul li a { display: inline-block; padding: 0 17px 28px; }
.film-categories ul li.current a { background: url(images/film-categorie-current.png) no-repeat center bottom; }

.film-list { width: 100%; font-size: 0; line-height: 0; text-align: center; background: #a50000; padding: 26px 0 0; }
.film-list ul { list-style: none outside none; width: 100%; }
.film-list li { display: inline; padding: 0 8px; }
.film-list li a { display: inline-block; padding: 0 0 30px; }
.film-list li a img { display: inline-block; margin: 3px; box-shadow: 3px 3px 2px rgba( 0, 0, 0, 0.5); }
.film-list li.current a { background: url(images/films-list-current.png) no-repeat center bottom; }
.film-list li.current a img { border: 3px solid #ffc200; margin: 0; border-radius: 3px; }

.featured-films { padding: 76px 132px 100px 88px; height: 100%; position: relative; overflow: hidden; }
.featured-films .films-info { width: 874px; float: left; display: inline; border-right: 1px solid #292929; padding-right: 88px; }

.featured-films .films-info .left { width: 296px; }
.featured-films .films-info .left .image { width: 100%; }
.featured-films .films-info .left .image img { display: block; width: 100%; box-shadow: 7px 7px 10px rgba( 0, 0, 0, 0.8); }
.featured-films .films-info .buttons { padding: 26px 0; font-size: 16px; font-family: 'Roboto', sans-serif; text-align: center; }
.featured-films .films-info .buttons a { display: inline-block; height: 50px; line-height: 50px; margin: 0 2px; }
.featured-films .films-info .buttons a:hover { text-decoration: none; }
.featured-films .films-info .buttons a.video-link { width: 50px; background: #fff url(images/video-link.png) no-repeat center center; }
.featured-films .films-info .buttons a.purchase-link { padding: 0 38px 0 58px; background: #a50000 url(images/purchase-link.png) no-repeat 16px center; color: #fff; }
.featured-films .films-info .right { width: 530px; }

.featured-films .container { background: #292929; font-size: 14px; padding: 26px 34px 12px; }
.featured-films .container h4 { font-size: 18px; font-family: 'Roboto', sans-serif; font-weight: normal; color: #fff; padding-bottom: 16px; }
.featured-films .container strong { font-weight: normal; color: #fff; }
.featured-films .container p { padding-bottom: 16px; }

.featured-films .text { color: #fff; font-size: 14px; }
.featured-films .text h2 { font-size: 35px; font-weight: bold; padding: 9px 0 22px; text-shadow: 3px 3px 4px rgba( 0, 0, 0, 0.8); }
.featured-films .text p { padding-bottom: 16px; }
.featured-films .quote { display: block; width: 24px; height: 23px; background: url(images/quote.png) no-repeat 0 0; position: relative; }
.featured-films .quote.top { margin: -12px 0 -8px -20px;/*margin: -12px 0 -8px -10px;*/ background-position: 0 0; }
.featured-films .quote.bottom { margin: -25px -20px 17px auto;/*margin: -25px 0 17px auto;*/ background-position: right 0; }
.featured-films .from-editor p { padding-left: 16px; }

.featured-films .right-container { width: 614px; float: right; display: inline; position: relative; padding: 12px 0 0; }
.featured-films .right-container h3 { border-left: 8px solid #a90000; padding-left: 10px; font-size: 28px; line-height: 1; color: #fff; }
.featured-films .right-container .btn { position: absolute; top: 13px; right: 0; }
.featured-films .videos { width: 100%; position: relative; overflow: hidden; }
.featured-films .videos ul { list-style: none outside none; margin: 27px -13px 0; position: relative; overflow: hidden; }
.featured-films .videos ul li { float: left; display: inline; margin: 0 13px; padding-bottom: 26px; }

.featured-films .related-items { padding: 19px 27px 21px; background: #292929; font-size: 14px; height: 100%; }
.featured-films .related-items h4 { font-weight: normal; font-size: 18px; color: #fff; font-family: 'Roboto', sans-serif; margin-bottom: 18px; }
.featured-films .related-items ul { list-style: none outside none; width: 100%; position: relative; overflow: hidden; }
.featured-films .related-items ul li { padding-bottom: 7px; width: 50%; float: left; display: inline; }
.featured-films .related-items a { color: #878787; } 
.featured-films .related-items a:hover { text-decoration: none; color: #fff; }
.featured-films .related-items img { margin-right: 6px; }

.slider-page { background: #000; }

.slider { width: 100%; position: relative; top: -182px; z-index: 20; overflow: hidden; }
.slider .slides,
.slider .slides li { float: left; display: inline; width: 100%; height: 752px; position: relative; overflow: hidden; list-style: none outside none; } 
.slider .slides li { display: none; }
.slider .slides li:first-child { display: block; }
.slider .overlay { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url(images/slider-overlay.png) repeat-x 0 0; }
.slider .bg { width: 100%; height: 100%; position: relative; overflow: hidden; }
.slider .bg img { position: absolute; top: 0; left: 0; max-width: none; min-width: 100%; }
.slider .text { position: absolute; bottom: 293px; left: 0; width: 752px; }
.slider .text h4 { font-size: 50px; font-weight: bold; color: #fff; font-family: 'Roboto', sans-serif; text-shadow: 5px 5px 4px rgba( 0, 0, 0, 0.7); padding: 0 0 15px 206px; width: 700px; }
.slider .text .description { background: url(images/slider-description.png) repeat-y 0 0; font-size: 15px; line-height: 18px; color: #fff; padding: 7px 48px 7px 207px; height: 56px; position: relative; overflow: hidden; }
.slider .text a { float: right; display: inline; width: 70px; height: 70px; background: #000 no-repeat center center; margin-left: 2px; }
.slider .text a.link { background-image: url(images/slider-arrow.png); }
.slider .text a.video { background-image: url(images/slider-video.png); }
.slider .flex-control-nav { position: absolute; top: 50%; right: 0; background: #a50000; padding: 14px 12px; width: 15px; font-size: 0px; line-height: 0px; }
.slider .flex-control-nav li { width: 100%; padding-top: 12px; }
.slider .flex-control-nav li:first-child { padding-top: 0; }
.slider .flex-control-nav li a { display: block; width: 15px; height: 14px; background: url(images/slider-nav.png) no-repeat 0 bottom; }
.slider .flex-control-nav li a.flex-active { background-position: 0 top; }
.slider .flex-control-nav li a:hover { text-decoration: none; }
.slider + .list { margin-top: -332px; }

.list { list-style: none outside none; max-width: 1590px; margin: 12px auto 0; position: relative; z-index: 40; }
.list ul { list-style: none outside none; position: relative; overflow: hidden; }
.list ul li { float: left; display: inline; padding: 6px 12px 40px; }
.list .category { font-size: 14px; font-family: 'Roboto', sans-serif; color: #fff; padding-bottom: 13px; }
.list .category a { color: #fff; }
.list ul li.load-more { padding-top: 0; padding-bottom: 0; float: none; display: block; position: relative; overflow: hidden; clear: both; text-align: right; }
.list ul li.load-more img { margin-left: 3px; margin-right: 2px; }

.about-container { max-width: 1300px; margin: -710px auto 0; *top: -530px; *margin-bottom: -480px; position: relative; overflow: hidden; font-size: 15px; color: #bababa; position: relative; z-index: 60; }
.about-container .column { width: 277px; padding: 0 21px; float: left; display: inline; }
.about-container .column.first { width: 298px; font-size: 18px; color: #fff; }
.about-container img { display: block; margin-bottom: 34px; box-shadow: 5px 5px 4px rgba( 0, 0, 0, 0.8);}
.about-container h2 { padding-bottom: 24px; font-size: 50px; font-weight: bold; font-family: 'Roboto', sans-serif; text-shadow: 5px 5px 4px rgba( 0, 0, 0, 0.7); }
.about-container h3 { padding-bottom: 32px; font-size: 35px; line-height: 42px; color: #fff; font-weight: bold; font-family: 'Roboto', sans-serif; text-shadow: 5px 5px 4px rgba( 0, 0, 0, 0.7); }
.about-container .tab { height: 100%; position: relative; overflow: hidden; display: none; }
.about-container .tab:first-child { display: block; }
.about-container .tab.three-columns { padding: 0 149px; }

.about-nav { position: absolute; top: 50%; left: 47px; width: 80px; z-index: 80; }
.about-nav ul { list-style: none outside none; }
.about-nav ul li { padding-top: 20px; }
.about-nav ul li:first-child { margin-top: 0; }
.about-nav ul li a { display: block; width: 70px; height: 70px; border-radius: 50%; border: 4px solid #fff; position: relative; overflow: hidden; }
.about-nav ul li a:hover { text-decoration: none;  border-color: #fddd74; }
.about-nav ul li a img { border-radius: 50%; }
.about-nav ul li.current a { border-color: #ffc200; }

.film-popup .monavision { margin: 0 0 32px auto; }
.film-popup .iframe-holder { width: 100%; padding-bottom: 56.25%; position: relative; overflow: hidden; }
.film-popup .iframe-holder iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; display: block; background: #000; }

.contact-popup { width: 786px; padding: 28px 0 52px; border-radius: 5px; background: #fff; position: relative; overflow: hidden; color: #000; box-shadow: 8px 8px 6px rgba( 0, 0, 0, 0.6); }
.contact-popup .left { width: 262px; }
.contact-popup h2 { font-size: 30px; text-align: center; padding-bottom: 28px; }
.contact-popup .details { background: #a90505; color: #fff; font-size: 14px; font-family: 'Roboto', sans-serif; padding: 36px 25px 16px; }
.contact-popup .details p { padding-bottom: 20px; }
.contact-popup .details a { color: #fff; }
.contact-popup .right { width: 425px; padding: 13px 46px 0 0; }

.gform_wrapper { font-size: 14px; }
.gform_wrapper .gform_title { font-size: 15px; font-weight: normal; font-family: 'Roboto', sans-serif; padding-bottom: 30px; }
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="phone"],
.gform_wrapper .selectbox,
.gform_wrapper textarea { display: block; padding: 8px 9px 7px; width: 407px; font-size: 14px; color: #000; border: 1px solid #c1c1c1; border-top-color: #808080; border-left-color: #808080; background: #f6f6f6 no-repeat right center; border-radius: 4px; box-shadow: inset 1px 1px 2px rgba( 0, 0, 0, 0.4); resize: none; }
.gform_wrapper textarea { height: 133px; }
.gform_wrapper ul { list-style: none outside none; width: 100%; }
.gform_wrapper ul li { width: 100%; position: relative; padding-bottom: 14px; }
.gform_wrapper .gfield_label { position: absolute; top: 10px; left: 11px; }
.gform_wrapper .button { display: block; width: 160px; height: 50px; margin: 0 auto; border: 0; background: #333; color: #fff; font-size: 16px; font-family: 'Roboto', sans-serif; cursor: pointer; }
.gform_wrapper .selectbox { position: relative; line-height: 17px; background-image: url(images/select-arrow.png);  }
.gform_wrapper .selectbox p { padding: 0; }
.gform_wrapper .selectbox select { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 30px; min-height: 30px; -webkit-appearance: none; line-height: 30px; font-size: 14px; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=12,color=#FFFFFF); float: left; display: inline; cursor: pointer;  } 

.projects,
.projects .wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 10; }
.projects .wrap .flex-control-nav { position: absolute; top: 50%; right: 0; background: #a50000; padding: 14px 12px; width: 15px; font-size: 0px; line-height: 0px; }
.projects .wrap .flex-control-nav li { width: 100%; padding-top: 12px; }
.projects .wrap .flex-control-nav li:first-child { padding-top: 0; }
.projects .wrap .flex-control-nav li a { display: block; width: 15px; height: 14px; background: url(images/slider-nav.png) no-repeat 0 bottom; }
.projects .wrap .flex-control-nav li a.flex-active { background-position: 0 top; }
.projects .wrap .flex-control-nav li a:hover { text-decoration: none; }
.projects .slides,
.projects .slides li { width: 100%; height: 100%; position: relative; overflow: hidden; }
.projects .slides li { display: none; }
.projects .slides li:first-child { display: block; }
.projects .slides img { position: absolute; top: 0; left: 0; max-width: none; }
.projects .text { position: absolute; /*bottom: 120px;*/ left: 0; width: 518px; padding: 44px 58px 35px; transform: translateX(0px); -webkit-transform: translateX(0px); background: url(images/project-text.png); color: #fff; border-right: 5px solid #af0000; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; bottom: auto; top: 40%; }
.projects .text.opened { transform: translateX(-634px); -webkit-transform: translateX(-634px); }
.projects .text { z-index: 9999; }
.projects .text h2 { font-size: 35px; font-weight: bold; font-family: 'Roboto', sans-serif; padding-bottom: 27px; }
.projects .text .toggle { width: 31px; height: 69px; background: url(images/project-text-toggle.png) no-repeat 0 0; position: absolute; top: 0; right: -36px; }

.project-thumbs { width: 100%; position: relative; overflow: hidden; z-index: 60; background: url(images/project-thumbs.png); }
.project-thumbs .wrap { padding: 0 77px; }
.project-thumbs .slides { list-style: none outside none; width: 100%; position: relative; overflow: hidden; }
.project-thumbs .slides li { float: left; display: inline; width: 110px; padding: 14px 0; }
.project-thumbs .slides li a { display: block; margin: 0 5px; position: relative; font-size: 0; line-height: 0; }
.project-thumbs .slides li a img { display: block; width: 100%; }
.project-thumbs .slides li.current a { border-bottom: 5px solid #fff; margin-bottom: -5px; }
.project-thumbs .slides li.current a:after { content: ''; display: block; width: 0; height: 0; position: absolute; bottom: 0; left: 50%; margin-left: -3px; border-bottom: 6px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.project-thumbs .flex-direction-nav { position: absolute; top: 0; left: 0; width: 100%; height: 0; font-size: 0; line-height: 0; }
.project-thumbs .flex-direction-nav a { position: absolute; top: 0; display: block; width: 24px; height: 114px; background: #fff url(images/project-thumbs-nav.png) no-repeat 0 center; }
.project-thumbs .flex-direction-nav a.flex-prev { left: 0; background-position: 0 center; }
.project-thumbs .flex-direction-nav a.flex-next { right: 0; background-position: right center; }

.latest { max-width: 1572px; margin: -230px auto 0; *top: -230px; position: relative; overflow: hidden; padding: 10px 0; position: relative; z-index: 60; } 
.latest .left { width: 932px; position: relative; }
.latest .right { width: 615px; position: relative; }
.latest ul { list-style: none outside none; width: 100%; position: relative; overflow: hidden; }
.latest ul li:first-child { margin-left: 0; }
.latest ul li { margin-left: 25px; float: left; display: inline;}
.latest ul li.hide { display: none; }
.latest .title { border-left: 8px solid #a90000; padding-left: 9px; font-size: 28px; line-height: 28px; margin-bottom: 25px; color: #fff; font-weight: bold; font-family: 'Roboto', sans-serif; }
.latest .title span { font-size: 12px; vertical-align: middle; font-weight: normal; margin-left: 6px; }
.latest .btn { position: absolute; top: -1px; right: 0; }
.latest .right .title,
.latest .right .box { border-color: #ffbf00; }

.films-container { width: 100%; position: relative; font-size: 0; line-height: 0; text-align: center; position: absolute; top: 622px; left: 0; z-index: 80; background: url(images/films-container.png) repeat-x center center; }
.films-container * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.films-container ul { list-style: none outside none; }
.films-container ul li { display: inline; margin: 0 -34px; padding: 0; position: relative; }
.films-container ul li a { display: inline-block; position: relative; width: 120px; height: 180px; margin-top: 0px; border-top: 5px solid transparent; }
.films-container ul li a img { width: 100%; height: 100%; }
.films-container ul li.left-order a { transform-style: preserve-3d; perspective: 84px; perspective-origin: left center; -webkit-transform-style: preserve-3d; -webkit-perspective: 84px; -webkit-perspective-origin: left center; }
.films-container ul li.left-order a img { transform: rotateY(12deg) skew(0deg, 5deg) scale(0.85); -webkit-transform: rotateY(12deg) skew(0deg, 5deg) scale(0.85); box-shadow: -10px 0 10px 4px rgba( 0, 0, 0, 0.6); }

.films-container ul li.right-order a { transform-style: preserve-3d; perspective: 84px; perspective-origin: right center; -webkit-transform-style: preserve-3d; -webkit-perspective: 84px; -webkit-perspective-origin: right center; }
.films-container ul li.right-order a img { transform: rotateY(-12deg) skew(0deg, 5deg) scale(0.85); -webkit-transform: rotateY(-12deg) skew(0deg, 5deg) scale(0.85); box-shadow: 10px 0 10px 4px rgba( 0, 0, 0, 0.6); }
.films-container ul li.category { margin: 0; padding: 0 36px; }
.films-container ul li.category a { width:auto !important; }
.films-container ul li.category img { margin-top: -6px; }
.films-container ul li.current { margin: 0; padding: 0 43px; }
.films-container ul li.current a { width: 110px; height: 165px; border-color: #fff; margin-top: -7px; }
.films-container ul li.current a:after { content: ''; display: block; width: 0; height: 0; border-bottom: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; top: -10px; left: 50%; }
.films-container ul li.current a img { transform: rotateY(0deg) skew(0deg, 0deg) scale(1); -webkit-transform: rotateY(0deg) skew(0deg, 0deg) scale(1); box-shadow: none; }
.films-container.left-current-item .last { padding-right: 144px; }
.films-container.right-current-item .first { padding-left: 144px; }
.films-container ul li.item-1 { z-index: 10; }
.films-container ul li.item-2 { z-index: 20; }
.films-container ul li.item-3 { z-index: 30; }
.films-container ul li.item-4 { z-index: 40; }
.films-container ul li.item-5 { z-index: 40; }
.films-container ul li.item-6 { z-index: 30; }
.films-container ul li.item-7 { z-index: 20; }
.films-container ul li.item-8 { z-index: 10; }

.home-slider { height: 890px; }
.home-slider .slides,
.home-slider .slides li { height: 890px; }
.home-slider .text { bottom: 450px; }
.home-slider .overlay { position: absolute; top: auto; bottom: 0; left: 0; background-image: url(images/home-slider-overlay.png); height: 305px; }

.doors,
.doors span { display: block; position: absolute; top: 0; width: 100%; height: 0; }
.doors { left: 0; }
.doors span { width: 50%; height: 890px; transform: translateX(0%); -webkit-transform: translateX(0%); -webkit-transition: all 2s ease; transition: all 2s ease; }
.doors .left,
.doors .right { background: url(images/doors.jpg) no-repeat 0 0; }
.doors .left { left: 0; background-position: right 0; }
.doors .right { right: 0; background-position: 0 0; }
.doors.opened .left { left: -50%;} 
.doors.opened .right { right: -50%; } 

.loading { position: absolute; top: 50%; left: 50%; display: block; width: 40px; height: 40px; padding: 10px; margin: -25px; background: #fff url(images/loader.gif) no-repeat center center; border-radius: 10px; z-index: 50; }

#image-preloader { position: absolute; bottom: 0; left: 0; width: 0; height: 0; overflow: hidden; }

/* Pages */
.home { background: #000; }

#wrapper .contact-popup { margin: 0 auto; }

.feature-films-page #header { height: 135px;  margin: 0; }
.feature-films-page .nav { margin-bottom: 30px; }
.feature-films-page .nav .menu > li.current-menu-item ul { display: none; }


.projects-page #header { height: 105px;  margin: 0; }
.projects-page .nav { margin-bottom: 0; }
.projects-page .nav .menu > li.current-menu-item ul { display: none; }

.home .nav .menu > li.current-menu-item ul { display: none; }


/* Additional Styles */

.gform_wrapper li.gfield.gfield_error input { background-color: #FFDFDF; border: 1px solid #C89797; }

.gform_wrapper .validation_error,
.gform_wrapper .validation_message { display: none; }

#gforms_confirmation_message { background-color: #FFFAC6; border: 1px solid #E6DB55; margin: 10px auto;	padding: 30px 10px; 	width: 90%;	font-size: 1.4em; color: #222; text-align: center }

.navigation { color: #BF151B; font-weight: bold; height: 100%; overflow: hidden;  }
.navigation .alignright { padding-right: 80px; }

.standard-page { margin: 0 0 0 100px; padding: 20px; }
.standard-page.error404 { width: 600px; height: 200px; }

/* Loading animation */

#loading { display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index: 9999999; }
#loading img { width: 32px; height: 32px; position: absolute; left: 50%; top: 50%; margin-left: -16px; margin-top: -50px; display: block; }


/* ==========================================================================
   Animations
   ========================================================================== */

#wrapper {
    animation: fadein 2s;
    -moz-animation: fadein 2s;
    -webkit-animation: fadein 2s; 
    -o-animation: fadein 2s; 
}


@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { 
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { 
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { 
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/*.film-container .video-content { float: none !important; display: block !important; margin-top: 0 !important; margin-bottom: 30px !important; width: 100% !important; }*/
@media screen and (max-width: 1880px) {
    body { min-width: 0; }

    .film-container .video { height: auto; } 
    .film-container .video div { width: 100%; padding-bottom: 56.25%; }
    .film-container { padding: 41px 88px 100px; height: 100%; position: relative; overflow: hidden; }
    .film-container .video { width: 75.6%;  }
    .film-container .video-content { width: 21%; }
    .film-container .related-videos { width: 75.6%; }
    .film-container .related-videos ul { list-style: none outside none; width: auto; }
    .film-container .video-details, .film-container .related-items { width: 300px; padding: 18px 1.5% 48px; }

    .featured-films { padding: 76px 50px 88px; }
    .featured-films .films-info { width: 51.4%; padding-right: 5.1%; }
    .featured-films .right-container { width: 36.1%; }
    .featured-films .films-info .left { width: 33.8%; }
    .featured-films .films-info .right { width: 60%; }
}

@media screen and (max-width: 1590px) {
    body { min-width: 0; }
    
    .list { width: 1272px; }
}

@media screen and (max-width: 1560px) {
    .latest { width: 932px; }
    .latest .left,
    .latest .right { width: 100%; float: none; display: block; padding-bottom: 30px; }
    .latest ul li.hide { display: block; }
}

@media screen and (max-width: 1472px) {
 
    .featured-films { padding: 76px 55px 50px; }   
    .featured-films .films-info { float: none; display: block; width: 100%; padding: 0; border: 0; position: relative; overflow: hidden; }
    .featured-films .films-info .left { width: 33.4%; margin-left: 2px; }
    .featured-films .films-info .right { width: 61%; }
    .featured-films .right-container { float: none; display: block; width: auto; margin: 90px -50px 0; padding: 50px 50px 0; border-top: 1px solid #292929; position: relative; overflow: hidden; }
    .featured-films .right-container .btn { right : 28%; margin: 40px 55px 0 0; }
    .featured-films .videos { width: 68.4%; float: left; display: inline; }
    .featured-films .videos ul { margin: 28px -10px 0; }
    .featured-films .videos ul li { margin: 0 10px; padding-bottom: 20px; }
    .featured-films .related-items { width: 24.4%; float: right; display: inline; padding: 18px 2.8%; margin-top: 30px; }
    .featured-films .related-items ul li { float: none; display: block; width: 100%; }
    .featured-films .related-items h4 { margin-bottom: 34px; }
    
    .comments-container .comment-form,
    .comments-container .comments { width: auto; float: none; display: block; border: 0; margin: 0; }
    .comment-form { padding: 38px 55px 48px; }
    .comments-container .comments { padding: 40px 55px 0; background-position: 0 -160px; }

    .footer { height: 102px; }

    .film-container { padding: 40px 55px 30px; position: relative; }
    .film-container .video { float: none; display: block; width: 100%; margin-bottom: 30px; }
    .film-container .video-content { float: none; display: block; margin-top: 0; margin-bottom: 30px; width: 100%; }
    .film-container .monavision { position: absolute; top: 0; right: 55px; }

    .film-container .related-videos { width: 68.4%; float: left; display: inline; }
    .film-container .related-videos ul { margin: 28px -10px 0; }
    .film-container .related-videos ul li { padding: 0 10px 20px; }
    .film-container .video-details, .film-container .related-items { width: 24.4%; float: right; display: inline; padding: 18px 2.8%; }

    .about-nav { left: 20px; position: fixed; }

    .about-container { max-width: 620px; }
    .about-container .column.first,
    .about-container .column { float: none; display: block; width: 100%; padding: 0; }
    .about-container .tab.three-columns { padding: 0; }

    #main { margin: 0 55px; }

    #sidebar { width: 24%; }
    #sidebar .widget ul { float: none; display: block; width: auto; }

    .sidebar-bg { width: 27.7%; }

    .post.full-page,
    .post { width: 69%; }
    .posts { width: 72%; } 

    .related-posts { padding: 30px 0 0; width: 69%; }
    .related-posts .post { float: right; display: inline; }
    .related-posts .post:first-child { float: left; display: inline; }

    .list { width: 954px; }
}

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

    #main { margin: 0 20px; }

    h2 { font-size: 24px; }

    .post .info,
    .post h3 { font-size: 18px; }
    .post .post-entry { padding: 0 30px 30px; }

    .search-form { display: none; }

    #sidebar { width: 32%; }
    .sidebar-bg { width: 35.7%; }

    .post.full-page,
    .post { width: 61%; }
    .post iframe { max-width: 100%; }

    .posts { width: 63%; }
    .posts .post { margin: 0 14px 10px 0; width: 215px; }
    .posts .post .post-entry { padding: 0 20px; height: auto; }
    .posts .button { width: auto; }

    .nav { padding-left: 170px; font-size: 14px; line-height: 22px; }
    .nav .menu ul { font-size: 13px; padding-left: 172px; }

    #header .top { padding-left: 193px; }

    .header-widgets .header-widget-area { width: auto; padding: 0 20px; }
    .header-widgets .widget { width: 30%; padding: 0 10%; margin: 10px -1px; }
    .header-widgets ul { width: 100%; }
    .header-widgets .widget:nth-child(3) {clear: left; border-left: 0; }

    .contact-popup { width: 620px; }
    .contact-popup .left { float: none; display: block; margin: 0 auto 20px; }
    .contact-popup .right { float: none; display: block; margin: 0 auto; padding: 20px 0 0; }

    .list { width: 636px; }
    /*.list ul li:last-child { display: none; }*/
    .list ul li.load-more { display: block; text-align: center; margin-bottom: 10px; }

    .film-container .related-videos { width: auto; float: none; display: block; position: relative; overflow: hidden; }
    .film-container .video-details, .film-container .related-items { width: auto; float: none; display: block; position: relative; overflow: hidden; margin-top: 10px; }
    .film-container { padding-left: 20px; padding-right: 20px;  }
    .film-container .monavision { right: 20px; }

    .project-thumbs .wrap { padding: 0 32px; }
    
    .film-list li { padding: 0 4px; }
    .film-list li a img { width: 72px; }
    .film-categories ul li a img { width: 160px; }


    .featured-films { padding: 30px 20px 20px;  }
    .featured-films .films-info .buttons a.purchase-link { padding-left: 48px; padding-right: 20px; }
    .featured-films .right-container .btn { right: 20px; margin-right: 0; }
    .featured-films .videos { width: auto; float: none; display: block; position: relative; overflow: hidden; }
    .featured-films .related-items { width: auto; float: none; display: block; position: relative; overflow: hidden; margin-top: 10px; }
    .featured-films .right-container { margin: 50px -20px 0;  padding: 50px 20px 0; }

    .comment-form { padding: 20px; }
    .comments-container .comments { padding: 20px; }

    .slider .slides,
    .slider .slides li { height: 500px; }
    .slider .overlay { top: auto; bottom: 0; height: 464px; background-size: auto 100%; height: 160%; }
    .slider .text { width: 556px; bottom: 180px; }
    .slider .text h4 { padding-left: 34px; font-size: 40px; }
    .slider .text .description { padding-left: 30px; }

    .home-slider { height: 500px; }
    .home-slider .text { bottom: 205px; }
    .home-slider .overlay { height: 190px; }

    .about-container { margin-top: -150px; }

    .about-nav { top: 450px; width: 100%; text-align: center; }
    .about-nav li { display: inline-block; padding: 0 10px; }

    .latest { width: 636px; padding-left: 20px; margin-top: -140px; }
    .latest .btn { right: 20px; }
    .latest ul li.hide,
    .latest li:last-child { display: none; }
    
    .films-container ul li.current a,
    .films-container ul li a { width: 70px; height: 105px; }
    .films-container ul li.category img { width: 120px; }
    .films-container { top: 385px; }
    .films-container ul li { margin: 0 -22px; }
    .films-container.left-current-item .first { padding-left: 72px; }
    .films-container.right-current-item .last { padding-right: 72px; }
    .films-container ul li.current { padding: 0 28px; }
    .films-container ul li.current a:after { margin-left: -4px; }
}

@media screen and (max-width: 760px) {
    .page-template-templatestemplate-blog-php #main { width: 294px; margin: 20px auto 0; }
    #wrapper #main > div.posts a.button { bottom: 10px; width: 70%; }
    .posts .post .post-entry { padding: 0 20px 10px; }

    body { font-size: 12px; background-position: 0 -105px; }

    #logo { position: relative; top: auto; margin: 0 auto; padding: 10px 0; }

    .header-widgets { display: none; }

    #header { height: auto; }
    #header .top { padding: 10px; display: none; }

    .nav-access,
    .nav-access ul,
    .nav-access ul li { float: none; display: block; padding: 0; }
    .nav-access ul li { padding: 3px 0; }

    .nav-utilities,
    .nav-utilities ul,
    .nav-utilities ul li { float: none; display: block; padding: 0; }
    .nav-utilities ul li { padding: 3px 0; }

    .nav { margin: 0; padding: 0 10px; width: auto; display: none; }
    .nav .menu,
    .nav .menu ul,
    .nav .menu > li { float: none; display: block; padding: 4px 0; width: auto; }
    .nav .menu > li > a { float: none; display: block; padding: 3px 8px; }
    .nav .menu ul { position: relative; opacity: 1; }
    .nav .menu ul li,
    .nav .menu ul li a { float: none; display: block; } 
    .nav .menu ul li a { display: block; padding: 4px 20px; }

    .nav-opened #header .top,
    .nav-opened #header .nav { display: block; }
    .nav-opened #header { background: url(images/body.png) repeat-x 0 -105px;  }

    .nav-toggle { display: block; }

    #main { margin: 20px 10px 0; } 

    #footer { position: relative; bottom: auto; left: auto; right: auto; margin: 10px; }
    #footer br { display: block; }
    #footer .socials { text-align: left; padding: 10px 0 0;  float: none; display: block; width: auto; position: relative; overflow: hidden; }
    #footer .socials a { padding: 0 6px 0 0; margin-left: 0; }
    #footer .copyright { float: none; display: block; width: auto; }

    .footer { display: none; }

    .sidebar-bg { display: none; }
    #sidebar { width: auto; float: none; display: block; padding: 10px 20px; }
    #sidebar .widget { padding-bottom: 20px; }

    .post.full-page,
    .post { float: none; display: block; width: auto; margin-bottom: 10px; }
    .post .post-entry { padding: 15px; }
    .post .info,
    .post h3 { margin-bottom: 0; font-size: 16px; line-height: 1.2; }

    .posts { width: 100%; position: relative; overflow: hidden; float: none; display: block; }
    .videos .box { width: 294px; margin: auto; }
    .featured-films .films-info .left .image img { width: auto; margin: auto; }
    .posts .post { width: auto; height: auto; float: none; display: block; padding-bottom: 15px; margin: 0 0 20px; } 

    .related-posts .post:first-child,
    .related-posts .post { float: none; display: block; }

    .about-nav { position: absolute; top: 310px; left: 0; right: 0; }
    .about-container { margin: -205px 10px 0; font-size: 12px; }
    .about-container h3 { font-size: 20px; line-height: 1.3; padding-bottom: 14px; }
    .about-container .column.first { font-size: 14px; }
    .about-container img { margin-bottom: 15px; }
    .about-container h2 { font-size: 26px; padding-bottom: 14px; }

    .list { width: auto; }
    .list ul li { padding: 15px 10px 10px; float: none; display: block; width: auto; position: relative; overflow: hidden; }

	.film-container .related-videos { width: 294px; margin: auto; }
    
    .box { width: 100%; float: none; display: block; width: 100%; }

    .contact-popup { padding-bottom: 10px; width: 300px; }
    .contact-popup .right { width: auto; padding: 0 10px; }

    .gform_wrapper input[type="text"],
    .gform_wrapper input[type="email"],
    .gform_wrapper input[type="phone"],
    .gform_wrapper .selectbox,
    .gform_wrapper textarea { width: 260px; }
    
    .film-container { padding: 45px 10px 10px; }
    .film-container .video-content { font-size: 12px; }
    .film-container .video-content h2 { font-size: 18px; padding-bottom: 15px; }
    .film-container .monavision { top: 6px; }
    .film-container .video-details { margin-top: 0px; padding: 20px 20px 10px; font-size: 12px; }
    .film-container .related-videos ul,
    .film-container .related-videos ul li { float: none; display: block; width: 100%; }
    .film-container .related-videos ul li { padding: 0 10px 10px; }
    .film-container .related-videos .box { float: none; display: block; width: 100%; }
    .film-container .video-details, .film-container .related-items { margin-top: 0; padding: 20px; }
    .film-categories { padding-top: 15px; }
    .film-categories ul li a { padding: 0 10px 28px; }
    .film-categories ul li a img { width: 120px; }

    .comment-form { width: 100%; position: relative; overflow: hidden; }
    .comment-form h3 { padding-bottom: 14px; }
    .comment-form .avatar { display: none; }
    .comment-form .wrap { padding: 0 0 60px; }
    .comment-form .connect { float: none; display: block; border-right: 0; padding: 0 0 15px; }
    .comment-form .field-wrap { float: none; display: block; padding: 0; }
    .comment-form .button-holder { float: none; display: block; padding: 0; border: 0; position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; }
    .comment-form .button-holder input { height: 40px; }
    .comments-container .more { margin: 0 auto; display: block; width: 68px; }
    .comments-container .comments .avatar { display: none; }
    .comments-container .comments .comment-top span { display: block; padding: 2px 0; }
    .comments-container .comments .comment-top a { margin: 0; }
    .comments-container .comments .comment-top .author { padding: 0 0 10px; display: block; }
    .comments-container .comments li { font-size: 12px; padding-top: 30px; }

    .film-list li a img { width: 60px; }

    .feature-films-page #header { height: auto; }

    .featured-films { padding: 10px; }
    .featured-films .films-info .left { float: none; display: block; width: 100%; }
    .featured-films .films-info .buttons { padding: 15px 0; }
    .featured-films .films-info .right { float: none; display: block; width: 100%; }
    .featured-films .text h2 { font-size: 24px; padding-bottom: 15px; }
    .featured-films .text { font-size: 12px; }
    .featured-films .films-info .left { margin: 0; }
    .featured-films .container { padding: 20px 20px 10px; margin: 0 0 20px; }
    .featured-films .videos ul,
    .featured-films .videos ul li { margin: 0; width: 100%; float: none; display: block; }
    .featured-films .videos ul li { padding-bottom: 10px; }
    .featured-films .videos ul { padding-top: 20px; }
    .featured-films .right-container { border: 0; padding: 0; margin: 0; }
    .featured-films .right-container .btn { margin: 0 0 15px; position: relative; top:  0; right: 0; }
    .featured-films .right-container h3 { font-size: 20px; }

    .home-slider .overlay { height: 190px; }

    .doors .left,
    .doors .right { height: 500px; background-size: auto 616px; }

    /*.slider .overlay { height: 170px; }*/
    .slider .text { bottom: 145px; width: 95%; }
    .slider .text h4 { font-size: 20px; padding: 0 10px 5px; }
    .slider .text .description { padding: 7px 20px; height: 75px; background: #000; font-size: 13px; }
    .slider .text a { width: 45px; height: 89px; }
    .slider .flex-control-nav { display: none; }
	
    .latest { /*width: auto;*/ padding: 0 10px 0; text-align: center; width: 294px; margin: auto; }
    .latest ul { text-align: left; }
    .latest ul li { margin: 0 0 15px; float: none; display: block; }
    .latest ul li:last-child,
    .latest ul li.hide { display: block; }
    .latest .btn { position: relative; top: auto; right: auto; }
    .latest .title { text-align: left; }
    .latest .title span { display: block; }
    
    .films-container { top: 320px; }
    .films-container ul li.category { padding: 0 20px; }
    .films-container.left-current-item .last { padding-right: 0; }
    .films-container.right-current-item .last { padding-right: 28px; }
    .films-container.left-current-item .first { padding-left: 28px; }
    .films-container.right-current-item .first { padding-left: 0; }
    .films-container ul li.category {width:80px;}
	.films-container ul li.category img { /*display: none;*/width:80px; }
    .films-container ul li.current a, .films-container ul li a { width: 60px; height: 90px; }

    .nav-opened .films-container { top: 610px; }

    .projects-page  #footer { display: none; }
    .projects-page #wrapper { overflow: visible; }
    .projects-page #header { height: auto; position: absolute; top: 0; left: 0; }

    .projects .wrap .flex-control-nav { position: absolute; top: auto; margin-top: 0 !important;  bottom: 0; }
    .projects .wrap .flex-control-nav li { float: left; display: inline; width: 15px; padding: 0 6px; }
    .projects .wrap .flex-control-nav { width: auto; }
    .projects .text { bottom: 45px; padding: 15px 20px 0; width: 242px;  }
    .projects .text.opened { transform: translateX(-286px); -webkit-transform: translateX(-286px); }
    .projects .text h2 { font-size: 18px; padding-bottom: 10px; }
    .projects .text p { padding-bottom: 10px; }
    .project-thumbs { top: 90px; }

    .project-thumbs .slides li a img { width: auto; margin: 0 auto; height: 70px; }

     .list,
     body.blog #main,
    .page-template-templatestemplate-news-php #main { width: 294px; margin: 20px auto 0; }
}
@media screen and (max-width: 480px) {
	.films-container .category { display: none; }
	/*.films-container ul { padding-right: 15%; }*/
	.films-container ul li.current { padding: 0 14px; }
	.films-container ul li { margin: 0 -16px; }
	.films-container.left-current-item .first { padding-left: 10px; }
	.slider .text .description { padding: 7px 15px; height: 81px; }
	.slider .text a {height: 95px;}
}

@media screen and (max-width: 1472px) { .about-container { margin: -500px auto 0; } }
@media screen and (max-width: 980px) { .about-container { margin: -180px auto 0; } }

@media screen and (min-width: 1473px) {
.about-nav { top: 43%; }
.about-container .tab.three-columns { padding: 0 0 0 50px; }
.about-container .column { width: 25%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 21px; }
.about-container .column.first { width: 25%; padding-left: 0; }
.about-container .column:last-child { padding-right: 0; }
.about-container { margin: -500px auto 0; }
.about-container .tab { padding-left: 50px; }
}
ul.slides img.title {
position: absolute;
bottom: 100%;
left: 20%;
width: 70%;
}
@media screen and (max-width: 760px) { .about-container { margin: -205px 10px 0; } ul.slides img.title {left: 0; } }
#sidebar .widget.carbon_theme_widget_-_previous_articles ul {width: 100%;}
span.category { cursor: pointer; padding: 0 10px; }
.film-container .video-content {overflow: auto;}
#cboxClose {top: 3px; right: 3px;}
body.blog { line-height: 1.3; }
/*body.blog .posts .post { height: 500px; }*/
body.single { line-height: 1.3; }
body.home .latest .right ul .hide {display:inline;}
#wrapper > div.film-container > div.video-content > div.video-details > p, .film-container .video-details h5 {padding-left: 40px;}
.featured-films .films-info .buttons a.purchase-link.digital-puchase-link { white-space:nowrap; background: #a50000 url(images/purchase-download.png) no-repeat 16px center; }
.featured-films .films-info .buttons a.purchase-link { background: #a50000 url(images/purchase-digital.png) no-repeat 16px center; }
.titleHide {display:none;}
.feature-films-page .box strong,
#wrapper .related-videos ul li .box strong,
.page-template-templatestemplate-videos-php .list li .box strong { display: none; }
#wrapper .related-videos ul li .box .titleHide { margin-bottom: 0; }
.feature-films-page .box .titleHide,
#wrapper .related-videos ul li .box .titleHide,
.home .box .titleHide,
.page-template-templatestemplate-videos-php .list li .box .titleHide {
	position: absolute;
	bottom: 21px;
	left: 21px;
	font-weight: normal;
	width: 220px;
	font-size: 17px;
	display: block; 
}
.single-featured-film #popup { width: 100%; height: 100%; }
.single-featured-film #popup .iframe-holder { width: 100%; height: 100%; }
/*.single-featured-film #cboxClose { top: 10px; }*/
.bg2 {display:none;}
div.posts .post-inner { max-height: 130px; }
#main > div.posts a.button { position: absolute; left: 37px; bottom: 18px; }

.right-order img:hover,
.left-order img:hover { -webkit-transform: scale(1) !important; transform: scale(1) !important; }
.left-order > a:hover > img { box-shadow: none; -webkit-transform: rotateY(12deg) skew(0deg, 5deg) scale(1); transform: rotateY(12deg) skew(0deg, 5deg) scale(1); }
.home .box strong { display: none; }
.film-list li a img:hover { opacity: 0.7; }
.film-list li a img { -webkit-transition: opacity .3s; transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; }
#wrapper > div.latest > div.right > ul > li { display: none; }
#wrapper > div.latest > div.right > ul > li:nth-child(1), #wrapper > div.latest > div.right > ul > li:nth-child(2) { display: inline; }
#cboxLoadedContent iframe { min-height: 100%; min-width: 100%; }
.list ul li.load-more.previous { text-align: left; }