html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

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

@font-face {
  font-family: 'TSTARPRO';
  src: url("../fonts/TSTARPRO-ItalicWeb.eot");
  src: url("../fonts/TSTARPRO-ItalicWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/TSTARPRO-ItalicWeb.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'TSTARPRO';
  src: url("../fonts/TSTARPRO-BoldWeb.eot");
  src: url("../fonts/TSTARPRO-BoldWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/TSTARPRO-BoldWeb.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'TSTARPRO';
  src: url("../fonts/TSTARPRO-BoldItalicWeb.eot");
  src: url("../fonts/TSTARPRO-BoldItalicWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/TSTARPRO-BoldItalicWeb.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'TSTARPRO';
  src: url("../fonts/TSTARPRO-LightWeb.eot");
  src: url("../fonts/TSTARPRO-LightWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/TSTARPRO-LightWeb.woff") format("woff");
  font-weight: lighter;
  font-style: normal;
}

@font-face {
  font-family: 'TSTARPRO';
  src: url("../fonts/TSTARPRO-LightItalicWeb.eot");
  src: url("../fonts/TSTARPRO-LightItalicWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/TSTARPRO-LightItalicWeb.woff") format("woff");
  font-weight: lighter;
  font-style: italic;
}

/*@mixin mrc-background-box-shadow-contrasted( $color ) {
	background-color: $color;
	@include single-box-shadow( contrast-color( $color ) )
}*/
* html {
  font-size: 93.75%;
}

html {
  font-size: 15px;
  line-height: 1.533em;
}

h1 {
  font-size: 6.667em;
  line-height: 0.92em;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
}

h2 {
  font-size: 4.733em;
  line-height: 1.296em;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
}

h3 {
  font-size: 3.867em;
  line-height: 1.19em;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
}

h4 {
  font-size: 2.4em;
  line-height: 1.278em;
  margin-bottom: 0.307em;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
}

h5 {
  font-size: 1.2em;
  line-height: 1.278em;
  margin-bottom: 0em;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
}

nav h5 {
  font-size: 1.2em;
  line-height: 1.278em;
  margin-top: 0em;
  margin-bottom: 0em;
}

h6 {
  font-size: 1.2em;
  line-height: 1.278em;
  margin-top: 0.767em;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
}

p {
  font-size: 1em;
  line-height: 1.227em;
  margin-bottom: 1.533em;
}

hr {
  margin-top: 0.767em;
  margin-bottom: 0.767em;
}

hr {
  border: none;
  border-bottom: 1px solid white;
}

b, .b {
  font-weight: bold;
}

a {
  cursor: pointer;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
nav a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
  text-decoration: none;
}

.clearfix {
  overflow: hidden;
  *zoom: 1;
  clear: both;
}

.bgcover {
  background-position: center center;
  background-repeat: no-repeat;
}

.blue-loading {
  background-image: url("../images/blue-loading-50.gif") !important;
  background-position: center center !important;
  -webkit-background-size: 50px 50px !important;
  -moz-background-size: 50px 50px !important;
  -o-background-size: 50px 50px !important;
  background-size: 50px 50px !important;
}

.hover-underlay > * {
  z-index: 2;
}
.hover-underlay > .underlay {
  z-index: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.hover-underlay:hover > .underlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=29);
  opacity: 0.29;
}
.hover-underlay > .underlay {
  background-color: black;
}

.opaque-hover-underlay > * {
  z-index: 2;
}
.opaque-hover-underlay > .underlay {
  z-index: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.opaque-hover-underlay:hover > .underlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.opaque-hover-underlay > .underlay {
  background-color: black;
}

html, body {
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body {
  font-family: TSTARPRO, Arial;
  color: white;
  min-height: 100%;
  -webkit-text-size-adjust: none;
}
body a, body abbr, body acronym, body audio, body b, body basefont, body bdo, body big, body br, body canvas, body cite, body code, body command, body datalist, body dfn, body em, body embed, body font, body i, body img, body input, body keygen, body kbd, body label, body mark, body meter, body output, body progress, body q, body rp, body rt, body ruby, body s, body samp, body select, body small, body span, body strike, body strong, body sub, body sup, body textarea, body time, body tt, body u, body var, body video, body wbr {
  color: white;
}
body > nav {
  position: fixed;
  width: 100%;
  z-index: 3;
}
body > nav h1, body > nav h2, body > nav h3, body > nav h4, body > nav h5, body > nav h6 {
  display: inline;
}
body > nav ul {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
  cursor: default;
  overflow: visible;
}
body > nav ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  white-space: nowrap;
  display: inline;
  float: center;
  padding-left: 0em;
  padding-right: 0em;
}
body > nav ul li:first-child, body > nav ul li.first {
  padding-center: 0;
}
body > nav ul li:last-child {
  padding-center: 0;
}
body > nav ul li.last {
  padding-center: 0;
}
body > nav ul a {
  text-decoration: none;
  letter-spacing: 2.5px;
  font-weight: bold;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin: 0 3.5%;
  border-bottom: 1px solid transparent;
}
body > nav ul a:hover {
  border-bottom: 1px solid white;
}
body > nav ul li.first a {
  border-bottom: 0px;
}
body > nav #logo {
  margin: 0;
  display: inline;
  float: left;
  background-image: url("../images/logo_new.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: transparent;
}
body > .background {
  position: fixed;
  height: 100%;
  width: 100%;
}
body a, body a:hover, body a:focus, body a:active {
  outline: 0;
}

nav ul a {
  height: 45px;
  line-height: 49.5px;
  margin: 0 3.5%;
}
nav #logo {
  line-height: 45.5px;
  height: 45px;
  width: 109px;
}

@media only screen and (max-width: 1024px) {
  html, body {
    font-size: 15px;
  }
  html nav, body nav {
    font-size: 15px;
  }
  html h1, body h1 {
    font-size: 6.667em;
    line-height: 1.15em;
  }
  html h2, body h2 {
    font-size: 4.733em;
    line-height: 1.296em;
  }
  html h3, body h3 {
    font-size: 3.867em;
    line-height: 1.19em;
  }
  html h4, body h4 {
    font-size: 2.4em;
    line-height: 1.278em;
  }
  html h5, body h5 {
    font-size: 1.2em;
    line-height: 1.278em;
  }
  html h6, body h6 {
    font-size: 1.2em;
    line-height: 1.278em;
  }
  html nav ul a, body nav ul a {
    height: 45px;
    line-height: 49.5px;
    margin: 0 3.5%;
  }
  html nav #logo, body nav #logo {
    line-height: 45.5px;
    height: 45px;
    width: 109px;
  }
  html #film article section .img-gallery li, body #film article section .img-gallery li {
    width: 16.667%;
  }
  html .modal, body .modal {
    width: 75% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  html, body {
    font-size: 15px;
  }
  html nav, body nav {
    font-size: 15px;
  }
  html h1, body h1 {
    font-size: 6.667em;
    line-height: 1.15em;
  }
  html h2, body h2 {
    font-size: 4.733em;
    line-height: 1.296em;
  }
  html h3, body h3 {
    font-size: 3.867em;
    line-height: 1.19em;
  }
  html h4, body h4 {
    font-size: 1.8em;
    line-height: 1.704em;
  }
  html h5, body h5 {
    font-size: 1.2em;
    line-height: 1.278em;
  }
  html h6, body h6 {
    font-size: 1.2em;
    line-height: 1.278em;
  }
  html nav ul a, body nav ul a {
    height: 45px;
    line-height: 49.5px;
    margin: 0 2.275%;
  }
  html nav #logo, body nav #logo {
    line-height: 45.5px;
    height: 45px;
    width: 109px;
  }
  html #film article section .img-gallery li, body #film article section .img-gallery li {
    width: 16.667%;
  }
  html .modal, body .modal {
    width: 75% !important;
  }
}
@media only screen and (min-width: 321px) and (max-width: 767px) {
  html, body {
    font-size: 10.5px;
  }
  html nav, body nav {
    font-size: 15px;
  }
  html h1, body h1 {
    font-size: 3.333em;
    line-height: 1.38em;
  }
  html h2, body h2 {
    font-size: 4.733em;
    line-height: 1.296em;
  }
  html h3, body h3 {
    font-size: 3.867em;
    line-height: 1.19em;
  }
  html h4, body h4 {
    font-size: 1.2em;
    line-height: 1.278em;
  }
  html h5, body h5 {
    font-size: 0.9em;
    line-height: 1.704em;
  }
  html h6, body h6 {
    font-size: 0.9em;
    line-height: 1.704em;
  }
  html nav ul a, body nav ul a {
    height: 25px;
    line-height: 29.5px;
    margin: 0 3.5%;
  }
  html nav #logo, body nav #logo {
    line-height: 25.5px;
    height: 25px;
    width: 60.556px;
  }
  html #film article section .img-gallery li, body #film article section .img-gallery li {
    width: 33.333%;
  }
  html .modal, body .modal {
    width: 100% !important;
  }
}
@media only screen and (max-width: 320px) {
  html, body {
    font-size: 15px;
  }
  html nav, body nav {
    font-size: 15px;
  }
  html h1, body h1 {
    font-size: 3.667em;
    line-height: 1.255em;
  }
  html h2, body h2 {
    font-size: 4.733em;
    line-height: 1.296em;
  }
  html h3, body h3 {
    font-size: 3.867em;
    line-height: 1.19em;
  }
  html h4, body h4 {
    font-size: 1.44em;
    line-height: 2.13em;
  }
  html h5, body h5 {
    font-size: 0.84em;
    line-height: 1.825em;
  }
  html h6, body h6 {
    font-size: 0.84em;
    line-height: 1.825em;
  }
  html nav ul a, body nav ul a {
    height: 30px;
    line-height: 34.5px;
    margin: 0 1.75%;
  }
  html nav #logo, body nav #logo {
    line-height: 30.5px;
    height: 30px;
    width: 72.667px;
  }
  html #film article section .img-gallery li, body #film article section .img-gallery li {
    width: 50%;
  }
  html .modal, body .modal {
    width: 100% !important;
  }
}
@media only screen and (min-width: 321px) and (max-width: 767px) {
  html nav ul a, body nav ul a {
    letter-spacing: 0px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 480px) {
  html nav ul a, body nav ul a {
    margin: 0 3%;
  }
}