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{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}


/******************************************************************/
/*              VARIOUS PART              */
/******************************************************************/

/*.get-updates-popup .block,
section.credits .sign-up,
section.credits .sign-up ul li a,
.get-updates-popup .email-form a,
section.gallery .swiper-container .swiper-slide .share-popup,
section.videos .swiper-container .swiper-slide.selected .content {
  background: #91c9cd;
}*/
.get-updates-popup .block,
.get-updates-popup .email-form a
{
    background: #466786;
}
/*header > .title-menu > .box > div > ul.site-menu a:hover span,
header > .title-menu > .box > div > ul.site-menu a.hover span,
header > .title-menu > .box > div > ul .btn:hover span,
section.social > ul li a:hover span,
footer > .box > ul > li a span,
section.credits .box .right ul li a:hover span,
footer > .box > ul > li .icon,
section.ticketing .icon,
.wire-btn:hover span,
.wire-btn:hover .icon,
section.gallery .swiper-container .swiper-slide .share-popup > .icon,
h1 {
  color: #91c9cd ;
}*/
header > .title-menu > .box > div > ul.site-menu a:hover span,
header > .title-menu > .box > div > ul.site-menu a.hover span,
header > .title-menu > .box > div > ul .btn:hover span
{
  color: #466786 ;
}
/*
h1, 
h2 {
  font-family: 'Cinzel', sans-serif;
}*/

.wrapper,
section.related h1 {
    font-family: 'Maven Pro', sans-serif;
    letter-spacing: 0.08em;
}


/*header > .title-menu > .box > div > ul .btn {
  background: #91c9cd linear-gradient(to bottom, #101010 50%, #91c9cd 50%) repeat scroll left bottom / 100% 200%;
}*/
/*
header > .title-menu > .box > div > ul .btn:hover {
  background: #91c9cd linear-gradient(to bottom, #101010 50%, #91c9cd 50%) repeat scroll left top / 100% 180%;
}*/

header > .title-menu > .box > div > ul .btn.white {
  background: #466786 linear-gradient(to bottom, #101010 50%, #fff 50%) repeat scroll left bottom / 100% 200%;
}

header > .title-menu > .box > div > ul .btn.white:hover {
  background: #466786 linear-gradient(to bottom, #101010 50%, #fff 50%) repeat scroll left top / 100% 180%;
}


section.aboutthefilm .box article.cast .left  ul li:hover > span,
section.aboutthefilm .box article.cast .left  ul li.selected > span {
  padding: 0em 1em;
/*  border-left: 4px solid #91c9cd;*/
}

/*
section.social > ul li a:hover,
section.credits .box .right ul li a:hover,
.wire-btn:hover{
  outline: 1px solid #91c9cd !important;
}*/



.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #454545;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #454545;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #454545;
    color: #fff;
}

/*.swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%2391c9cd\'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%2391c9cd\'%2F%3E%3C%2Fsvg%3E");
}*/



section.gallery .swiper-pagination .swiper-pagination-bullet,
section.posters .swiper-pagination .swiper-pagination-bullet {
  background: rgba(255,255,255,.45);
}

/*section.gallery .swiper-pagination .swiper-pagination-bullet-active {
    background: #91c9cd none repeat scroll 0 0;
}*/

/*section.quotes {
  background: url(../images/awards-bg.jpg) no-repeat scroll 50% 0 / cover;
}

section.cta {
  background: url(../images/cta-bg.jpg) no-repeat scroll 50% 0 / cover;
}*/

/*section.ticketing {
  background: url(../images/tickets-bg.jpg) no-repeat scroll 50% 0 / cover;
}*/
/*
section.videos {
  background: url(../images/video-bg.jpg) no-repeat scroll 50% 0 / cover;
}*/


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

  header > nav a span {
    color: #466786;
    font-size: 2.2em;
    letter-spacing: 0.05em
  } 

/*  section.videos .swiper-container .swiper-slide .preview {
      border-bottom: 1em solid #91c9cd;
    }*/

/*    section.videos .swiper-container .swiper-slide p {
      color: #91c9cd;
    }*/

    section.cta {
    background: url(../images/cta-mobile-bg.jpg) no-repeat scroll 50% 0 / cover;
  }

  
}


/******************************************************************/
/*               END VARIOUS PART             */
/******************************************************************/





/******************************************************************/
/*              POSIBLE VARIATIONS            */
/******************************************************************/

section.related ul li a,
.credits-block {
  background: #000;
}

html,
header,
section.gallery,
section.posters {
    background: #101010;
}
.divider,
header > .title-menu > .box > div > ul.site-menu a:hover,
header > .title-menu > .box > div > ul.site-menu a.hover,
header > nav .hover-menu,
.related {
	background: #252525;
}

/*section.aboutthefilm .box > ul > li {
  background: #2e2e2e;
}

section.aboutthefilm .box > ul > li:hover {
  background: #3a3a3a;
}*/

/*section.aboutthefilm .box > ul > li.selected,
section.aboutthefilm .box article .divider {
  background: #454545;
}*/


.gray-btn,
section.aboutthefilm .menu-wrapper > ul > li.selected:hover {
  background: #555555;
}

section.credits .email-form{
  background: #fff;
}


h6,
html,
footer,
footer ul li a,
header > nav a span,
header > .title-menu > .box > div > ul.site-menu a span,
header > .title-menu > .box > div > ul .btn.white:hover span,
section.aboutthefilm .box article.cast ul li a span,
section.gallery .swiper-container .swiper-slide a,
section.posters .swiper-container .swiper-slide a,
section.related .wire-btn span,
section.featured .wire-btn span,
header > nav .hover-menu ul li h4,
section.cta a span,
section.social > ul li a span,
section.aboutthefilm .menu-wrapper > ul > li.selected h2,
section.credits .sign-up > div > p a,
section.credits .sign-up ul li a,
section.credits .sign-up ul li .btn.submit,
.gray-btn,
.btn.view-less,
.btn.view-more,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-widget-header,
.ui-widget-content {
  color: #fff;
}

h4,
h5,
section.related ul li a .info p,
section.related ul li a .icon
/*section.aboutthefilm .box > ul > li h2*/ {
  color: #787878;
}


section.ticketing input {
  color: #2e2e2e;
}



h1 {
  font-size: 5.5em;
}

section.ticketing .icon {
  font-size: 30px;
}

section > h1,
section > .box > div >h1,
h2,
section.gallery .swiper-container .swiper-slide .share-popup > .icon,
section.posters .swiper-container .swiper-slide .share-popup > .icon {
  font-size: 4em;
}

section.related h1,
.get-updates-popup .block h3 {
  font-size: 3.5em;
}

section.credits .sign-up ul li h3,
section.gallery .swiper-container .swiper-slide .icon,
section.posters .swiper-container .swiper-slide .icon {
  font-size: 2.8em;
}

h4,
section.aboutthefilm .menu-wrapper > ul > li.selected h2,
section.aboutthefilm .box article.cast .content > .right ul li > .right h3,
section.aboutthefilm .box article.cast .left ul li figure .right h3 {
  font-size: 2.5em;
}

html,
body,
h5,
.gray-btn span,
.btn.view-less span,
.btn.view-more span,
.get-updates-popup .email-form input
section.ticketing input
{
  font-size: 2em;
}
section.related ul li a .icon
{
  font-size:.8em;
  margin:0 5px 5px 0;
}

h6,
section.ticketing p,
section.credits .sign-up ul li p  {
  font-size: 1.8em;
}

section.aboutthefilm .menu-wrapper > ul > li h2 {
  font-size: 1.7em;
}

header > .title-menu > .box > div > ul.site-menu a span,
section.social > ul li a span,
section.aboutthefilm .box article p,
section.aboutthefilm .box article.cast ul li span,
section.aboutthefilm .box article.cast .op-cl,
section.gallery .swiper-container .swiper-slide .share-popup li:last-child a span,
section.posters .swiper-container .swiper-slide .share-popup li:last-child a span,
footer .box .right ul li a .icon,
.get-updates-popup .email-form a span,
.get-updates-popup .email-form .btn.submit {
  font-size: 1.5em;
}


header > .title-menu > .box > div > ul .btn span,
section.aboutthefilm .box article .content > .left p,
section.aboutthefilm .box article.cast .content > .right ul li > .right p,
section.related .wire-btn span,
section.credits .email-form input,
header > nav .hover-menu ul li h4,
section.cta p,
section.cta a span {
  font-size: 1.4em;
}

footer .box .left ul:first-child {
  font-size: 1.3em;
}
footer .box .left ul li:not(.mobile-only) a {
  color:#707070;
}

header > nav a span,
section.credits .box .right ul li a span,
footer .box .left,
footer .box .right{
  font-size: 1.2em;
}


section.credits .box .right p,
footer p {
  font-size: 1em;
}



header > .title-menu > .box > div > ul.site-menu a span,
header > nav a span,
section.social > ul li a span,
section.ticketing p,
section.aboutthefilm .box article > p,
section.aboutthefilm .box article .content h5,
section.aboutthefilm .box article.cast ul li span,
section.aboutthefilm .box article.cast .content > .right ul li > .right h3,
section.aboutthefilm .box article.cast .left ul li figure .right h3,
footer ul li a,
section.ticketing input,
section.related .wire-btn span,
section.cta a span,
.get-updates-popup .email-form a span,
.get-updates-popup .email-form .btn.submit,
section.gallery .swiper-container .swiper-slide .share-popup li:last-child a span,
section.posters .swiper-container .swiper-slide .share-popup li:last-child a span {
  font-weight: 700;
}

.gray-btn span,
.btn.view-less span,
.btn.view-more span,
section.credits .sign-up ul li h3,
section.credits .sign-up ul li p,
section.credits .sign-up ul li a,
section.credits .sign-up ul li .btn.submit,
header > .title-menu > .box > div > ul .btn span,
section.related h1,
.get-updates-popup .block h3,
body#stxhome .marquee a,
h4,
h6 {
  font-weight: 900;
}


header > .title-menu > .box > div > ul .btn span{ 
  color: #101010;
  letter-spacing: 0.03em;
}

header > nav,
section.credits,
section.aboutthefilm {
  background: #2e2e2e;
}

body#stxhome section.credits
{
  background: -moz-linear-gradient(top, transparent 11em, #2e2e2e 11em, #2e2e2e 100%);
  background: -webkit-linear-gradient(top, transparent 11em, #2e2e2e 11em, #2e2e2e 100%);
  background: linear-gradient(to bottom, transparent 11em, #2e2e2e 11em, #2e2e2e 100%);
}

/*header > nav .pages-menu a {
  background: #2e2e2e linear-gradient(to bottom, #2e2e2e 50%, #101010 50%) repeat scroll left top / 100% 200%;
  
}*/

/*header > nav .pages-menu a:hover {
  background: #704d68 linear-gradient(to bottom, #2e2e2e 50%, #101010 50%) repeat scroll left bottom / 100% 200% !important;
}*/


.ui-widget-content {
    background: #4b4b4b none repeat scroll 0 0;
    border: 1px solid #555555;
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.0em;
}

.ui-widget-header {
    border: none;
    border-radius: 0;
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: 700;
}


section.aboutthefilm .box article.cast .left  ul li > span{
/*  border-left: 4px solid #454545;*/
  border-left: 4px solid rgba(255,255,255,.45);
  padding: 0em 0.5em;
}




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


  header > .title-line > .box > ul li {
    background: #fff;
  }

  header > .title-menu > .box > div > ul.site-menu a:hover {
    background: #101010;
  }

  section.videos .swiper-container .swiper-slide .content {
    background: #252525;
  }

  header > .title-menu > .box > div > ul.site-menu a:hover span{
    color: #fff;
  }

  header > .title-menu > .box > div > ul .btn:hover span {
    color: #101010;
  }

  section.aboutthefilm .box h1 {
      font-size: 4em;
  }

  section.ticketing .icon,
  section.aboutthefilm .box article.cast .left ul li .opl {
    font-size: 5em;
  }

  h2,
  footer > .box > ul > li .icon,
  section.cta > .box > div > h1 {
    font-size: 6em;
  }

  .get-updates-popup .block h3,
  header > .title-menu > .social .icon {
    font-size: 5em;
  }

  section.aboutthefilm .box article.cast nav h4 {
    font-size: 4em;
  }

  .get-updates-popup .email-form input,
  section.ticketing input {
    font-size: 3.5em;
  }
  section.aboutthefilm .box article.cast .left ul li.selected > span {
    font-size: 3em;
  }

  .get-updates-popup .block p,
  section.aboutthefilm .box article.cast ul li span,
  section.aboutthefilm .box article .content > .left .text h5,
  section.videos .swiper-container .swiper-slide .content ul li a {
    font-size: 3em;
  }

  section.ticketing p {
      font-size: 2.6em;
      
  }


  header > .title-menu > .box > div > ul .btn span,
  header > .title-menu > .box > div > ul.site-menu a span,
  header > nav .pages-menu a span,
  section.aboutthefilm .box article p,
  
  section.aboutthefilm .box article .content > .left .text p,
  section.cta p { 
    font-size: 2.5em;
  }


  .get-updates-popup .email-form a,
  section.credits .sign-up ul li h3,
  footer .box .left,
  footer .box .right {
      font-size: 2em;
  }

  .ui-datepicker {
    font-size: 1.95em;
  }
  
  section.social > ul li,
  section.cta a,
  section.related  .wire-btn,
  section.videos .swiper-container .swiper-slide p {
    font-size: 1.8em;
  }

  section.credits,
  section.related ul {
    font-size: 1.5em;
  }

  section.credits .sign-up > div > p {
    font-size: 1.4em;
  }


  section.credits .sign-up ul li h3,
  section.aboutthefilm .box article .content > .left .text h5 {
      font-weight: 900;
  }

  section.videos .swiper-container .swiper-slide p {
    font-weight: 700;
  }


}