/*
Theme Name: wfp_theme
Theme URI: http://underscores.me/
Author: Szabo Marius
Author URI: http://szabomarius.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wfp
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

wfp_theme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
# Variables
--------------------------------------------------------------*/
body {
	--main-theme-color: #f6c835;
	--main-theme-color-light: #f6c835;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}





/* --------------- *\
    CSS RESET
\* --------------- */

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





/* --------------- *\
    CLEARFIX
\* --------------- */

.clear:after,.clear:before{content:"";display:table}.clear:after{clear:both}.clear{zoom:1}





/* --------------- *\
    MENU TOGGLE
\* --------------- */

#menu-toggle {
    display: none;
}





/* --------------- *\
    GENERAL
\* --------------- */

html {
    font-size: 62.5%;
    height: 100%;
}

body {
    height: 100%;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    color: #333;
    background-color: #fff;
}
.center_text {
    text-align: center;
}

/*a:link,
a:hover,
a:visited,
a:active {
    color: inherit;
}*/

p {
    line-height: 1.5em;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #91908f;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #91908f;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #91908f;
}
:-moz-placeholder { /* Firefox 18- */
  color: #91908f;
}

a {
    text-decoration: none;
}

b {
    font-weight: 600;
}


/* --------------- *\
    BTN
\* --------------- */

.btn {
    text-decoration: none;
    line-height: 1.1em;
    display: inline-block;
    -webkit-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -moz-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -o-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    cursor: pointer;
}

.btn--hollow,
.btn--hollow:link,
.btn--hollow:visited,
.btn--hollow:active {
    background-color: transparent;
    border: 0.05em solid #ffffff;
    color: #ffffff;
    font-weight: 300;
    font-family: 'Source Sans Pro', sans-serif;
}

    .btn--hollow:hover {
        color: #333;
        background-color: #ffffff;        
    }

    .btn--hollow:active {
        transform: scale(0.95,0.95);
    }
    
.btn--grollow,
.btn--grollow:link,
.btn--grollow:visited,
.btn--grollow:active {
    background-color: transparent;
    border: 0.05em solid #b0b0b0;
    color: #b0b0b0;
    font-weight: 300;
    font-family: 'Source Sans Pro', sans-serif;
}

    .btn--grollow:hover {
        color: #fff;
        background-color: #448ccb;  
        border-color: #448ccb;      
    }

    .btn--grollow:active {
        transform: scale(0.95,0.95);
    }

.btn--big {
    padding: 0.5em 2em;
    font-size: 30px;
    font-size: 3rem;
}

.btn--more,
.btn--more:link,
.btn--more:visited,
.btn--more:active {
    font-weight: 600;
    color: #448ccb;
}
.btn--more:hover {
    opacity: 0.75;
}
.btn--more:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 14px;
    margin-left: 0.5em;
    vertical-align: middle;
    background: transparent url('./res/more_btn_arrow.png') no-repeat center center;
    -webkit-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -moz-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -o-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
}

.btn--more:hover:after {
    transform: translateX(0.5em);
    opacity: 0.5;
}




/* --------------- *\
    NAVBAR
\* --------------- */

.navbar {
    text-align: left;
}

.navbar--main {
    height: 100%;
}

.navbar--main > li {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    position: relative;

}

.navbar--secondary {
    position: absolute;
    top: 100%;
    width: 425px;
    width: 42.5rem;

    -webkit-box-shadow: 0px 0px 72px -18px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 72px -18px rgba(0,0,0,0.2);
    box-shadow: 0px 10px 72px -18px rgba(0,0,0,0.2);

    -webkit-transition: all 0.4s cubic-bezier(0.37, 0.59, 0.15, 1.74);
    -moz-transition: all 0.4s cubic-bezier(0.37, 0.59, 0.15, 1.74);
    -o-transition: all 0.4s cubic-bezier(0.37, 0.59, 0.15, 1.74);
    transition: all 0.4s cubic-bezier(0.37, 0.59, 0.15, 1.74);

    -webkit-transform:perspective(400) rotate3d(1,0,0,-20deg);
    -moz-transform:perspective(400) rotate3d(1,0,0,-20deg);
    -o-transform:perspective(400) rotate3d(1,0,0,-20deg);
    transform:perspective(400) rotate3d(1,0,0,-20deg);

    -webkit-transform-origin:50% 0;
    transform-origin:50% 0;

    z-index: 1;
}
    .navbar--main > li:not(.nohover):hover > .navbar--secondary {
        opacity: 1;
        visibility: visible;
        background-color: #fff;
        -webkit-transform:perspective(400) rotate3d(0,0,0,0);
        -moz-transform:perspective(400) rotate3d(0,0,0,0);
        -o-transform:perspective(400) rotate3d(0,0,0,0);
        transform:perspective(400) rotate3d(0,0,0,0);
    }

.navbar--secondary {
    display: block;
    opacity: 0;
    visibility: hidden;
}

.navbar__item {
    padding: 0.8em;
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 2.0rem;
    text-decoration: none;
    color: #383736;
    padding-top: 54px;
    padding-bottom: 54px;

    -webkit-transition: all 0.25s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -moz-transition: all 0.25s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -o-transition: all 0.25s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    transition: all 0.25s cubic-bezier(0.37, 0.59, 0.29, 0.89);
}
    .navbar--main > li:last-child .navbar__item {

    }
    .navbar--secondary .navbar__item {
        font-size: 18px;
        font-size: 1.6rem;
        text-transform: none;
        font-weight: normal;
        color: #383736;
        line-height: 2em;
        padding-top: 20px;
        padding-top: 2.0rem;
        padding-bottom: 20px;
        padding-bottom: 2.0rem;
        border-top: 1px solid rgba(235, 235, 235, 0);
    }

    .navbar--main > li:not(.nohover):hover > .navbar--secondary .navbar__item {
        border-top: 1px solid rgba(235, 235, 235, 1);
    }

    .navbar--secondary .navbar__item:not(.nohover):hover {
        background-color: #448ccb;
        color: #fff;
    }
    .navbar--main > li:not(.nohover):hover > .navbar__item {
        color: #aeaeae;
    }

.navbar__item--active,
.hs-content-id-4187838696 .mn_home,
.hs-content-id-4187838721 .mn_about,
.hs-content-id-4699992377 .mn_films, .hs-content-id-4699345318 .mn_films, .hs-content-id-4699345168 .mn_films, .hs-content-id-4699992717 .mn_films,
.hs-content-id-4699346298 .mn_invest, .hs-content-id-4699993882 .mn_invest,
.hs-content-id-4699994092 .mn_screenings,
.hs-blog-id-4187838831 .mn_blog,
.hs-content-id-4187838741 .mn_contact
{
    color: #aeaeae;
}

.navbar__item--multiple {
    background: transparent url('./res/arrow_down.png') no-repeat center right;
}

.navbar__item__status {
    float: right;
    color: #aeaeae;
    vertical-align: middle;
    padding-left: 48px;

    -webkit-transition: all 0.25s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -moz-transition: all 0.25s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -o-transition: all 0.25s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    transition: all 0.25s cubic-bezier(0.37, 0.59, 0.29, 0.89);

    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    -o-filter: brightness(100%);
    -ms-filter: brightness(100%);
    filter: brightness(100%);
}
    .navbar--secondary .navbar__item:not(.nohover):hover .navbar__item__status {
        color: #fff;
        -webkit-filter: brightness(150%);
        -moz-filter: brightness(150%);
        -o-filter: brightness(150%);
        -ms-filter: brightness(150%);
        filter: brightness(150%);
    }

.navbar__item__status--completed {
    background: transparent url('./res/navbar_status_completed.png') no-repeat left center;
}

.navbar__item__status--progress {
    background: transparent url('./res/navbar_status_progress.png') no-repeat left center;
}

/* --------------- *\
    CONTENT SECTION
\* --------------- */

.content-section {
    width: 100%;
    padding: 0;
    margin: 0;
}

.content-section--fade {
    background-color: #f4f4f4;
}

.content-section--dark {
    background-color: #363636;
}

.content-section--image1 {
    background: transparent url('http://warriorfilmproductions.co.uk/wp-content/uploads/2018/11/intelligent_exclusive.jpg') no-repeat top center;
    background-size: auto 100%;
    max-width: 1280px;
    margin: 0 auto;
    height: 0;
    position: relative;
    padding-bottom: 50%;
}
.content-section--video {
    position: relative;
    background: none;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.content-section--video2 {
	padding-bottom: 34.25%;
	background-color: #000;
}
.content-section--video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.content-section--image2 {
    background: #f5f5f5 url('./res/image2.jpg') no-repeat right bottom;
    background-size: cover;
}

.content-section--image3 {
    background: #0f0f0f url('./res/image3.jpg') no-repeat center center;
    background-size: cover;
}

.content-section--image4 {
    background: #0f0f0f url('./res/image4.jpg') no-repeat center center;
    background-size: cover;
}

.content-section--image5 {
    background: #0f0f0f url('./res/image5.jpg') no-repeat center center;
    background-size: cover;
}

.content-section--image6 {
    background: #0f0f0f url('./res/image6.jpg') no-repeat center left;
    background-size: cover;
}

.content-section--image7 {
    background: #0f0f0f url('./res/image7.jpg') no-repeat center center;
    background-size: cover;
}

.content-section--map {
    background: #b0b0b0 url('./res/map_loading.jpg') no-repeat center center;
    background-size: cover;
}

.content-section--topshadow {
    -webkit-box-shadow: inset 0 5px 6px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 5px 6px 0px rgba(0,0,0,0.05);
    box-shadow: inset 0 5px 6px 0px rgba(0,0,0,0.05);
}



/* --------------- *\
    CONTAINER
\* --------------- */

.container {
    margin: 0 auto;
}

.container--full {
    width: 100%;
}

.container--wide {
    width: 100%;
    max-width: 1181px;
}

.container--nav {
    height: 128px;
	display: flex;
	justify-content: space-between;
	max-width:1200px;
}

.container--nav .floatgrid__col {
	float: none;
	flex: auto;
}

.container--medium {
    width: 100%;
    max-width: 800px;
}

.container--narrow {
    width: 100%;
    max-width: 550px;
}

.container--padding {
    padding: 95px 0;
    padding: 9.5rem 0;
}

.container--bigpadding {
    padding: 130px 0;
    padding: 13.0rem 0;
}

.container--botpadding {
    padding-bottom: 95px;
    padding-bottom: 9.5rem;
}

.container--smallbotpadding {
    padding-bottom: 45px;
    padding-bottom: 4.5rem;
}

.container--botborder {
    border-bottom: 1px solid #ececec;
}

.container--vcenter {
    padding: 280px 0 230px 0;
    padding: 28rem 0 23rem 0;
}

.container__heading {
    font-family: 'Fjalla One', sans-serif;
}

.container__heading--big {
    font-size: 48px;
    font-size: 4.8rem;
    text-transform: uppercase;
    margin-bottom: 60px;
    margin-bottom: 6rem;
}

.container__heading--bigger {
    font-size: 68px;
    font-size: 6.8rem;
    text-transform: uppercase;
}

.container__heading--padding {
    padding-top: 180px;
    padding-top: 18rem;
    padding-bottom: 180px;
    padding-bottom: 18rem;
}

.container__heading--content {
    font-size: 48px;
    text-transform: uppercase;
    text-align: center;
    color: #2a3029;
    margin-bottom: 100px;
    margin-bottom: 10rem;
}
    .container__heading--content:after {
        content: "";
        display: block;
        width: 100%;
        max-width: 210px;
        max-width: 21rem;
        height: 3px;
        height: 0.3rem;
        background-color: #cccccc;
        margin: 40px auto 0 auto;
        margin: 4rem auto 0 auto;
    }
.container__heading--lowmargin {
    margin-bottom: 50px;
    margin-bottom: 5rem;
}

.container__heading--bgimg {
    color: #fff;
}

.container__subheading {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 1.6em;
    margin-bottom: 60px;
    margin-bottom: 6rem;
}

.container__subheading--nomargin {
    margin-bottom: 0;
}

.container__subheading--bgimg {
    color: #fff;
}

.container__subheading--narrow {
    max-width: 21em;    
    margin-left: auto;
    margin-right: auto;
}

.container__subheading__btn {
    /* styles for button in header as subheading call to action */
}


.container__cta {
    margin-top: 60px;
    text-align: center;
}
    .container__cta__btn {
        font-size: 24px;
        font-size: 2.4rem;
    }

/*--Editable container content--*/
.container--editable {
    font-size: 24px;
    color: #686766;
    font-weight: 300;
}

.container--editable h3 {
    font-size: 24px;
    font-size: 2.4rem;
    text-align: left;
    color: #686766;
    font-weight: 600;
}

.container--editable h3, .container--editable p, .container--editable ul, .container--editable ol {
    margin-bottom: 60px;
    margin-bottom: 6.0rem;
}

.container--editable ul > li:first-child {
    margin-top: 0;
}

.container--editable ul > li {
    line-height: 1.5em;
    list-style-image: url(./res/ul_btn_arrow.png);
    margin-left: 0.8em;
    padding-left: 0.5em;
}

.container--editable a:link, .container--editable a:hover, .container--editable a:visited, .container--editable a:active {
    font-weight: 600;
    color: #448ccb;
    text-decoration: none;
    border-bottom: 2px solid transparent;

    -webkit-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -moz-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -o-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
}

.container--editable a:hover {
    color: #44a7cb;
    border-bottom: 2px solid #44a7cb;
}

/* alternate editable */

.container--editable-alternate {
    font-size: 18px;
    font-weight: 300;
    color: #686766;
}

.container--editable strong {
	font-weight: 400;
	color: #2a3029;
}

.container--editable-alternate h1,
.container--editable-alternate h2,
.container--editable-alternate h3,
.container--editable-alternate h4,
.container--editable-alternate h5,
.container--editable-alternate h6,
.container--editable-alternate p,
.container--editable-alternate ul,
.container--editable-alternate ol,
.container--editable-alternate img {
    margin-bottom: 42px;
    margin-bottom: 4.2rem;
    
}

.container--editable-alternate h1,
.container--editable-alternate h2 {
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: 300;
    text-transform: uppercase;
}

.container--editable-alternate h3,
.container--editable-alternate h4,
.container--editable-alternate h5 {
    font-weight: bold;
    font-size: 24px;
}

.container--editable-alternate img {
    max-width: 100%;
    display: block;
	margin-left: auto;
	margin-right: auto;
}
.hs-featured-image {
    float: none;
}

/* --------------- *\
    GRID
\* --------------- */

.grid {
    clear: both;
    padding: 0px;
    margin: 0px;
}
.grid__col {
    display: block;
    float:left;
    margin: 0 0 1.9% 1.9%;
}

.grid__col--nobotmargin {
    margin-bottom: 0;
}

.grid__col--invert {
    float: right;
    margin-left: 0;
    margin-right: 1.9%;
}
.grid__col--invert:first-child {
    margin-right: 0;
}

.grid__col:first-child { margin-left: 0; }
.grid__col--12 {width: 100%;}
.grid__col--11 {width: 91.50%;}
.grid__col--10 {width: 83.01%;}
.grid__col--9 {width: 74.52%;}
.grid__col--8 {width: 66.03%;}
.grid__col--7 {width: 57.54%;}
.grid__col--6 {width: 49.05%;}
.grid__col--5 {width: 40.55%;}
.grid__col--4 {width: 32.06%;}
.grid__col--3 {width: 23.57%;}
.grid__col--2 {width: 15.08%;}
.grid__col--1 {width: 6.591%;}

.grid__row_flex {
	display: flex;
	justify-content: space-between;
}
.grid__col_flex {
	width: 12%;
}


@media only screen and (max-width: 550px) {
    /*.grid__col {
        margin-left: 0;
    }
    .grid__col--1,.grid__col--2,.grid__col--3,.grid__col--4,.grid__col--5,.grid__col--6,.grid__col--7,.grid__col--8,.grid__col--9,.grid__col--10,.grid__col--11,.grid__col--12 {
        width: 100%; 
    }*/
}




/* --------------- *\
    FLOAT GRID
\* --------------- */

.floatgrid {
    clear: both;
    padding: 0px;
    margin: 0px;
}
.floatgrid__col {
    display: block;
    float:left;
    height: 100%;
    margin: 0 0 0 1.9%;
}
.floatgrid__col:first-child {
    float: left;
    margin-left: 0;
}
.floatgrid__col:last-child {
    float: right;
}

/* --------------- *\
    LOGO
\* --------------- */

.logo {
    display: block;
}

.logo--main {
    height: 128px;
}





/* --------------- *\
    BENEFITS
\* --------------- */

.benefits {

}

.benefits__title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 2em;
    margin-bottom: 22px;
    margin-bottom: 2.2rem;
    font-weight: 600;
    vertical-align: middle;
}
    .benefits__title:before {
        content: "";
        width: 40px;
        height: 40px;
        display: inline-block;
        background-repeat: no-repeat;
        background-color: transparent;
        background-position: center center;
        vertical-align: middle;
        margin-right: 0.7em;
    }
    .benefits__title--icon1:before { background-image: url('./res/benefits_icon_1.png'); }
    .benefits__title--icon2:before { background-image: url('./res/benefits_icon_2.png'); }
    .benefits__title--icon3:before { background-image: url('./res/benefits_icon_3.png'); }
    .benefits__title--icon4:before { background-image: url('./res/benefits_icon_4.png'); }

.benefits__text {
    font-weight: 300;
    line-height: 1.8em;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 25px;
    margin-bottom: 2.5rem;
}

.benefits__btn {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 25px;
    margin-bottom: 2.5rem;
}





/* --------------- *\
    TRACK-RECORD
\* --------------- */

.track-record__item {
    position: relative;
    overflow: hidden;
}

.track-record__item:hover .track-record__label {
    -webkit-transform: translateX(0); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
        -ms-transform: translateX(0); /* IE 9 */
            transform: translateX(0); /* IE 10, Fx 16+, Op 12.1+ */
}

.track-record__image {
    width: 100%;
    display: block;
}

.track-record__label {
    display: block;
    position: absolute;
    width: 60%;
    padding: 0.4em;
    background-color: #ffffff;
    position: absolute;
    top: auto;
    bottom: 10%;
    font-size: 21px;
    font-size: 2.1rem;
    text-align: center;
    cursor: pointer;
    /* ************* */
    -webkit-transform: translateX(-100%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transform: translateX(-100%); /* IE 9 */
        transform: translateX(-100%); /* IE 10, Fx 16+, Op 12.1+ */
    /* ************* */
    -webkit-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -moz-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -o-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
}





/* --------------- *\
    PROJECTS-SHOWCASE
\* --------------- */

.projects-showcase {
    text-align: center;
}

.projects-showcase__poster {
    position: relative;
    display: inline-block;
}

.projects-showcase__image {
    display: block;
    width: 100%;
    max-width: 270px;
}

.projects-showcase__link {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(5, 5, 5, 0.65);
    cursor: pointer;
    opacity: 0;

    -webkit-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -moz-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -o-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
}
    .projects-showcase__link:hover {
        opacity: 1;
    }

.projects-showcase__link {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.projects-showcase__title {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin-top: 45%;

    -webkit-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -moz-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -o-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
}
    .projects-showcase__link:hover .projects-showcase__title {
        transform: translateY(40%);
    }

.projects-showcase__icon {
    display: inline-block;
    width: 61px;
    height: 61px;
    background: transparent url('./res/projects_icon_link.png') no-repeat center center;
    transform: scale(0.3,0.3);
    opacity: 0;

    -webkit-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -moz-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -o-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);

}
    .projects-showcase__link:hover .projects-showcase__icon {
        transform: translateY(44px) scale(1,1);
        opacity: 1;

        /* fade in delay, fade out no delay */
        -webkit-transition-delay: 0.35s; /* Safari */
        transition-delay: 0.35s;
    }

.projects-showcase__subtitle,
.projects-showcase__status {
    text-align: left;
    font-weight: 300;
    color: #c4c4c4;
    font-size: 24px;
    font-size: 2.4rem;
    display: block;
}
    .projects-showcase__status {
        font-size: 21px;
        font-size: 2.1rem;
        margin-top: 0.6em;
    }

    .projects-showcase__subtitle:before {
        content: "";
        display: block;
        width: 55px;
        height: 2px;
        background-color: #636363;
        margin-top: 33px;
        margin-top: 3.3rem;
        margin-bottom: 33px;
        margin-bottom: 3.3rem;
    }






/* --------------- *\
    BLOG EXCEPRT
\* --------------- */

.blog-excerpt {
    overflow: hidden;
}

.blog-excerpt__link {
    cursor: pointer;
    text-decoration: none;
    display: block;
}

.blog-excerpt__image {
    display: block;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    height: 250px;
    height: 25rem;
}

.blog-excerpt__title {
    font-size: 20px;
    font-size: 2.0rem;
    color: #686766;
	min-height: 5em;

    -webkit-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -moz-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -o-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
}
    .blog-excerpt__title:after {
        content: "";
        display: block;
        width: 55px;
        height: 2px;
        background-color: #636363;
        margin-top: 18px;
        margin-top: 1.8rem;
        margin-bottom: 18px;
        margin-bottom: 1.8rem;

        -webkit-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
        -moz-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
        -o-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
        transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    }
        .blog-excerpt__link:hover .blog-excerpt__title:after {
            width: 100%;
            background-color: #448ccb;
        }

    .blog-excerpt__link:hover .blog-excerpt__title {
        color: #448ccb;
    }

.blog-excerpt__date {
    color: #686766;
    font-size: 14px;
    font-size: 1.4rem;
}





/* --------------- *\
    FOOTER SECTION
\* --------------- */

.footer__section {

}

.footer__section--bigpadd {
    padding: 70px 0;
    padding: 7rem 0;
}

.footer__section--smallpadd {
    padding: 22px 0;
    padding: 2.2rem 0;
    border-top: 1px solid #555555;
}





/* --------------- *\
    FOOTER ADDRESS
\* --------------- */

.footer__address {
    color: #959595;
    font-size: 21px;
    font-weight: 300;
}
    .footer__address:first-child {
        margin-right: 30px;
        padding-right: 30px;
        /* border-right: 1px solid #555555; */
    }




/* --------------- *\
    FOOTER ADDRESS
\* --------------- */

.footer__copyright {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    color: #959595;
}





/* --------------- *\
    FOOTER ITEM
\* --------------- */

.footer__item {
    float: left;
    margin-left: 80px;
}
    .footer__item:first-child {
        margin-left: 0;
    }

.footer__item--icon {
    float: right;
}

.footer__item__link {
    display: block;
}

.footer__item__icon {
    float: left;
}

.footer__item--fakewidth {
	width: 320px;
}

.footer__item__graphic {
    -webkit-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -moz-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -o-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
}
    .footer__item__link:hover .footer__item__graphic {
        -webkit-transform: scale(0.8,0.8); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
        -ms-transform: scale(0.8,0.8); /* IE 9 */
        transform: scale(0.8,0.8); /* IE 10, Fx 16+, Op 12.1+ */
    }

    .footer__item__link:hover .footer__item__title {
        color: #448ccb;
    }

.footer__item__text {
    float: left;
    margin-left: 14px;
    margin-left: 1.4rem;
}

.footer__item__title {
    font-weight: 700;
    font-size: 24px;
    font-size: 2.4rem;
    color: #959595;
    margin: 2px 0 8px 0;
    margin: 0.2rem 0 0.8rem 0;

    -webkit-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -moz-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -o-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
}

.footer__item__subtext {
    font-weight: 300;
    font-size: 18px;
    font-size: 1.8rem;
    color: #959595;
}





/* --------------- *\
    TEAM
\* --------------- */

.team__item {
    position: relative;
    cursor: pointer;
}

.team__container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.team__pictures-container {
    margin-bottom: 35px;
    margin-bottom: 3.5rem;
}

.team__caption {
    position: absolute;
    bottom: 0;
    background-color: #448ccb;
    color: #fff;
    display: block;
    width: 100%;
    text-align: left;
    padding: 6.5%;
    box-sizing: border-box;

    -webkit-transform: translateY(100%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transform: translateY(100%); /* IE 9 */
        transform: translateY(100%); /* IE 10, Fx 16+, Op 12.1+ */

    -webkit-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -moz-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -o-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
}
    .team__item--active .team__caption {
        -webkit-transform: translateY(0); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
        -ms-transform: translateY(0); /* IE 9 */
            transform: translateY(0); /* IE 10, Fx 16+, Op 12.1+ */
    }

.team__image {
    display: block;
    width: 100%;
    max-width: 278px;

    -webkit-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -moz-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -o-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
}
    .team__item--active .team__image {
        -webkit-transform: translateY(-13%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
        -ms-transform: translateY(-13%); /* IE 9 */
            transform: translateY(-13%); /* IE 10, Fx 16+, Op 12.1+ */
    }

.team__name {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase;
}

.team__position {
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 300;
}

.team__text {
    font-weight: 300;
    font-size: 24px;
    font-size: 2.4rem;
    display: none;
}
    .team__text--active {
        display: block;
    }

.team__pointer {
    width: 0; 
    height: 0; 
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    border-top: 0 solid #448ccb;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transform: translateX(-50%); /* IE 9 */
    transform: translateX(-50%); /* IE 10, Fx 16+, Op 12.1+ */

    -webkit-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -moz-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -o-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);

}
    .team__item--active .team__pointer {
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #448ccb;

        -webkit-transition-delay: 0.15s; /* Safari */
        transition-delay: 0.15s;

    }

/* --------------- *\
    CONTACT MAP
\* --------------- */

.contact-map {
    pointer-events: none;
    display: block;
}

.contact-map--active {
    pointer-events: all;
}





/* --------------- *\
    CONTACT-FORM
\* --------------- */

.contact-form {
    padding: 45px;
    padding: 4.5rem;
    border: 1px solid #cccccc;
}

.contact-form input, .contact-form textarea,  .contact-form button {
    box-sizing: border-box;
    margin-bottom: 100px;
    margin-bottom: 10rem;
    font-size: 24px;
    font-weight: 300;
    font-family: 'Source Sans Pro', sans-serif;
}

.contact-form input:focus, .contact-form textarea:focus, .contact-form button:focus {
    outline: none;
}

.contact-form input {
    border: none;
    background-color: transparent;
    line-height: 1.5em;
    font-size: 24px;
    font-size: 2.4rem;
    color: #91908f;
    border-bottom: 1px solid #cccccc;
    width: 100%;
    margin-bottom: 50px;
    margin-bottom: 5rem;
}

.contact-form textarea {
border: none;
    background-color: transparent;
    line-height: 56px;
    font-size: 24px;
    font-size: 2.4rem;
    color: #91908f;
    width: 100%;
    margin-bottom: 50px;
    margin-bottom: 5rem;
    height: 316px;
    height: 31.6rem;
    background-attachment: local;
    background-image: repeating-linear-gradient(white, white 55px, #ccc 55px, #ccc 56px, white 55px);
}

.contact-form input[type="submit"], .contact-form button {
    color: #fff;
    background-color: #448ccb;  
    border-color: #448ccb;  
    font-size: 24px;
    font-weight: 500;
    font-family: 'Source Sans Pro', sans-serif;
    margin-bottom: 0;
    padding: 0.3em 0;
}
    .contact-form input[type="submit"]:hover, .contact-form button:hover {
        color: #fff;
        background-color: #44a7cb;  
        border-color: #448ccb;      
    }

    .contact-form input[type="submit"]:active, .contact-form button:active {
        -webkit-transform: scale(0.95,0.95); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
        -ms-transform: scale(0.95,0.95); /* IE 9 */
        transform: scale(0.95,0.95); /* IE 10, Fx 16+, Op 12.1+ */
    }





/* --------------- *\
    ACCORDEON
\* --------------- */
.accord {
    margin-bottom: 60px;
    margin-bottom: 6rem;
}

.accord__item {

}

.accord__item__content {
    padding: 30px;
    padding: 3rem;
    border: 1px solid #cccccc;
    border-bottom: none;
}
    .accord__item:last-child .accord__item__content {
        border-bottom: 1px solid #ccc;
    }

.accord__item__title {
    font-size: 24px;
    font-weight: 600;
    color: #686766;
    cursor: pointer;
    padding: 30px;
    padding: 3rem;
    border: 1px solid #cccccc;
    border-bottom: none;
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    user-select: none;
}
    .accord__item__title:before {
        content: "";
        display: inline-block;
        width: 29px;
        height: 29px;
        background: transparent url('./res/accord_closed.png') no-repeat center center;
        vertical-align: middle;
        position: relative;
        top: -3px;
        margin-right: 24px;
        margin-right: 2.4rem;
    }
    .accord__item__header--open .accord__item__title:before {
        background: transparent url('./res/accord_open.png') no-repeat center center;
    }
    .accord__item:last-child .accord__item__title {
        border-bottom: 1px solid #cccccc;
    }
    .accord__item:last-child .accord__item__header--open .accord__item__title {
        border-bottom: none;
    }





/* --------------- *\
    EMBED-FRAME
\* --------------- */

.embed__frame {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
    .embed__frame iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }





/* --------------- *\
    MOVIE OVERVIEW
\* --------------- */

.movie-overview__title {
    text-align: left;
    margin-bottom: 40px;
    margin-bottom: 4rem;
}
    .movie-overview__title:after {
        margin-left: 0;
    }

.movie-overview__content h2,
.movie-overview__content ul,
.movie-overview__content ol,
.movie-overview__content p,
.movie-overview__content table {
    margin-bottom: 30px;
    margin-bottom: 3rem;
}

.movie-overview__content h2:last-child,
.movie-overview__content ul:last-child,
.movie-overview__content ol:last-child,
.movie-overview__content p:last-child,
.movie-overview__content table:last-child {
    margin-bottom: 0;
}

.movie-overview__content h2 {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    color: #448ccb;
}

.movie-overview__content table {
    width: 100%;
}

.movie-overview__content td {
    width: 60%;
}

.movie-overview__content td:first-child {
    font-weight: 600;
    width: 40%;
    padding-right: 5%;
    padding-bottom: 15px;
    padding-bottom: 1.5rem;
}





/* --------------- *\
    CASTING
\* --------------- */
.casting {
    margin-bottom: 30px;
    margin-bottom: 3rem;
}

.casting-item {

}

.casting-item__image {
    width: 100%;
    max-width: 278px;
}

.casting-item__captions {
    font-size: 24px;
    font-size: 2.4rem;
}

.casting-item__actor {
    font-weight: 600;
    text-transform: uppercase;
    color: #686766;
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
}
    .casting-item__actor:before {
        content: "";
        display: block;
        width: 55px;
        height: 2px;
        background-color: #cccccc;
        margin-top: 33px;
        margin-top: 3.3rem;
        margin-bottom: 33px;
        margin-bottom: 3.3rem;
    }

.casting-item__character {
    font-weight: 300;
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
}

.casting-item__status {
    font-weight: 600;
    text-transform: capitalize;
    color: #448ccb;
}




/* --------------- *\
    BLOG-LIST
\* --------------- */

.blog-list__row {
    padding-bottom: 44px;
    margin-bottom: 44px;
    border-bottom: 1px solid #ececec;
}
    .blog-list__row:last-child {
        /*border-bottom: none;*/
    }

.blog-list__title {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    color: #686766;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    display: block;
}

.blog-list__excerpt {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 300;
    color: #686766;
}

.blog-list__readmore:link,
.blog-list__readmore:hover, 
.blog-list__readmore:visited, 
.blog-list__readmore:active {
    font-weight: 600;
    color: #448ccb;
    text-decoration: none;
    border-bottom: 2px solid transparent;

    -webkit-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -moz-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -o-transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    transition: all 0.35s cubic-bezier(0.37, 0.59, 0.29, 0.89);
}

.blog-list__readmore:hover {
    color: #44a7cb;
    border-bottom: 2px solid #44a7cb;
}





/* --------------- *\
    DATEBOX
\* --------------- */

.datebox {
    box-sizing: border-box;
    text-align: center; 
    height: 100px;
    width: 100%;
    padding: 10px;
    background-color: #2b2b2b;
    color: #fff;
}
    .datebox__ym {
        display: block;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: 300;
        margin-bottom: 0.4em;
    }

    .datebox__d {
        display: block;
        font-size: 53px;
        font-size: 5.3rem;
        font-family: 'Fjalla One', sans-serif;
    }





/* --------------- *\
    BLOG ARTICLE
\* --------------- */

.blog-article {
    margin-left: 10%;
    margin-right: 5%;
    width: 85%;
    position: relative;
    color: #686766;
}

.blog-article__title {
    font-weight: 300;
    color: #686766;
    font-size: 36px;
    font-size: 3.6rem;
    text-transform: uppercase;
    position: relative;
    top: -0.15em;
    margin-bottom: 35px;
    margin-bottom: 3.5rem;
}

.blog-article__datebox {
    position: absolute;
    top: 0;
    right: 101.7%;
    width: auto;
    width: 100%;
    max-width: 73px;
    box-sizing: border-box;
}

.blog-article__content {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 35px;
    margin-bottom: 3.5rem;
}

.blog-article__content strong {
	font-weight: bold;
}




/* --------------- *\
    WIDGET
\* --------------- */

.widget-section {
    margin-bottom: 40px;
    margin-bottom: 4rem;
}

.widget-section__search {
    color: #959595;
    border: 1px solid #959595;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 1em;
    
}

.widget-section__title {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 300;
    color: #2b2b2b;
    margin-bottom: 30px;
    margin-bottom: 3rem;
}

.widget-section__link {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 300;
    color: #686766;
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
    display: block;

    -webkit-transition: all 0.15s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -moz-transition: all 0.15s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    -o-transition: all 0.15s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    transition: all 0.15s cubic-bezier(0.37, 0.59, 0.29, 0.89);
}
    .widget-section__link:hover {
        color: #448ccb;
        text-decoration: underline;
    }

/* --------------- *\
    PAGINATIONS
\* --------------- */

.pagination {
    width: 100%;
}

.pagination__arrow a{
    color: #686766;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 300;
    text-transform: uppercase;
}
    .pagination__arrow:before,
    .pagination__arrow:after {
        content: "";
        display: inline-block;
        vertical-align: bottom;
        width: 11px;
        height: 23px;

        -webkit-transition: all 0.25s cubic-bezier(0.37, 0.59, 0.29, 0.89);
        -moz-transition: all 0.25s cubic-bezier(0.37, 0.59, 0.29, 0.89);
        -o-transition: all 0.25s cubic-bezier(0.37, 0.59, 0.29, 0.89);
        transition: all 0.25s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    }

.pagination__arrow--prev {
    float: left;
}
    .pagination__arrow--prev:before {
        background: transparent url('./res/pagination_prev.png') no-repeat center center;
        margin-right: 0.5em;
    }
        .pagination__arrow:hover.pagination__arrow--prev:before {
            -webkit-transform: translateX(-100%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
            -ms-transform: translateX(-100%); /* IE 9 */
            transform: translateX(-100%); /* IE 10, Fx 16+, Op 12.1+ */
        }

.pagination__arrow--next {
    float: right;
}
    .pagination__arrow--next:after {
        background: transparent url('./res/pagination_next.png') no-repeat center center;
        margin-left: 0.5em;
    }
        .pagination__arrow:hover.pagination__arrow--next:after {
            -webkit-transform: translateX(100%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
            -ms-transform: translateX(100%); /* IE 9 */
            transform: translateX(100%); /* IE 10, Fx 16+, Op 12.1+ */
        }


.about-details {
    display: flex;
    flex: auto;
    flex-shrink: 1;
    flex-grow: 1;
    justify-content: space-between;
}

.about-details > div:first-child {
    min-width: 300px;
    margin-right: 40px;
}

.about-details > div:first-child img {
    width: 100%;
    display: block;
}

.about-details-title {
    font-size: 50px;
    font-weight: bold;
    text-transform: UPPERCASE;
    margin-bottom: 30px;
    line-height: 1em;
}

.about-details-position {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 22px;
}
.about-us-navigation {
    display: flex;
    justify-content: space-between;
}


/* --------------- *\
    MENU TOGGLE
\* --------------- */

#menu-toggle:focus,
#menu-toggle:link,
#menu-toggle:hover, 
#menu-toggle:visited,
#menu-toggle:active {
    background-color: transparent;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.menu-toggle__container {
    list-style: none;
    float: left;
    margin: 0;
    padding: 10px 0;
    position: relative;

    -moz-transition: all 233ms cubic-bezier(0.5, 0, 0, 1);
    -o-transition: all 233ms cubic-bezier(0.5, 0, 0, 1);
    -webkit-transition: all 233ms cubic-bezier(0.5, 0, 0, 1);
    transition: all 233ms cubic-bezier(0.5, 0, 0, 1);
}

.menu-toggle__line {
  width: 24px;
  height: 4px;
  background: #333;
  margin: 2px 0 0;
  padding: 0;

  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  -moz-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
  -o-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
  -webkit-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
  transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
}

.active .menu-toggle__line--1 {
  -moz-transform: rotate(-135deg) translateY(-8.5px);
  -ms-transform: rotate(-135deg) translateY(-8.5px);
  -webkit-transform: rotate(-135deg) translateY(-8.5px);
  transform: rotate(-135deg) translateY(-8.5px);
}
.active .menu-toggle__line--2 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.active .menu-toggle__line--3 {
  -moz-transform: rotate(135deg) translateY(8.5px);
  -ms-transform: rotate(135deg) translateY(8.5px);
  -webkit-transform: rotate(135deg) translateY(8.5px);
  transform: rotate(135deg) translateY(8.5px);
}

/*
New team design
*/
.wfp_team {
    display: flex;
    flex: auto;
    flex-shrink: 1;
    flex-grow: 1;
    flex-wrap: wrap;
    justify-content: space-between;
}
.wfp_team__box {
    width: 22%;
    position: relative;
    margin-bottom: 45px;
    overflow: hidden;
}
.wfp_team__image {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 46px;
    filter: grayscale(100%);
    transition: all 0.25s ease-in-out;
}

.wfp_team__box--hover .wfp_team__image{
    filter: grayscale(0);
    cursor: pointer;
}
.wfp_team__box--hover .wfp_team__position {
    transform: translateY(0);
}

.wfp_team__name {
    font-size: 20px;
    box-sizing: border-box;
    font-weight: bold;
    display: block;
    text-align: center;
	background-color: var(--main-theme-color-light, #f6c835);
    color: #333;
    padding: 14px 4px;
    position: absolute;
    width: 100%;
    top: 0; left: 0;
    text-transform: uppercase;
    z-index: 1;
}

.wfp_team__position {
    background-color: rgba(68, 140, 203, 0.77);
    color: #fff;
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
    width: 100%;
    box-sizing: border-box;
    padding: 10px 5px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    transition: all 0.25s ease-in-out;
}
/* Home splash */
.home-splash {
    width: 100%;
	box-sizing:border-box;
	padding: 40px 0;
	padding: 4rem 0;
    display: flex;
    align-items: center;
	flex-direction: column;
    justify-content: center;
	background-color: #000;
}
.home-splash__heading {
	color: #fff;
    font-size: 3.5rem;
    font-weight: bold;
	margin: 25px 0 50px 0;
	margin: 2.5rem 0 5rem 0;
	text-align: center;
}
.home-splash__heading span {
	white-space: nowrap;
}
.home-splash__gallery {
	margin-bottom: 100px;
	margin-bottom: 10rem;
	padding: 0;
	margin: 0;
	display: table;
	border-collapse: collapse;
	width: 100%;
}
.home-splash__gallery div {
	display: table-cell;
}
.home-splash__gallery img {
	display: block;
	width: 100%;
}
/* --------------- *\
    MEDIA QUERIES
\* --------------- */

/* --------------- *\
    MQ 1230px
\* --------------- */
@media only screen and (max-width: 76.875em) {
    .content-section--image1 {
        padding-bottom: 56%;
    }
    .container--wide {
        max-width: none;
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    /* Make logo stick to left part */
    .container--nav .floatgrid__col:first-child {
        margin-left: -2.6%;
		flex-grow: 0;
    }
	.container--nav .floatgrid__col:last-child {
        margin-right: -2.9%;
		flex-grow: 0;
    }
	.logo--submain {
		margin-right: 90px;
	}

    /* Footer part */
    .footer__item {
        margin-left: 2%;
    }
    
    .footer__address {
        font-size: 16px;
        font-size: 1.6rem;
    }
}





/* --------------- *\
    MQ 1030px 
\* --------------- */
@media only screen and (max-width: 64.375em) {

    .navbar__item {
        padding-left: 1em;
        padding-right: 1em;
        font-size: 18px;
        font-size: 1.8rem;
    }

    /* footer part */
    .footer__item__title {
        font-size: 18px;
        font-size: 1.8rem;
    }

    .footer__item__subtext {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .footer__item__graphic {
        width: 50px;
        height: auto;
    }

    .footer__item--icon {
        float: left;
    }
	
	.footer__item--fakewidth {
		width: auto;
	}

    .footer__section--bigpadd {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    /* projects showcase */
    .projects-showcase__link {
        position: static;
        opacity: 1;
        background: transparent;
        padding-top: 1em;
    }

        .projects-showcase__title {
            margin-top: 0;
        }

        .projects-showcase__icon {
            display: none;
        }
    
    .projects-showcase__subtitle:before {
        height: 1px;
        margin: 15px auto;
        margin: 1.5rem auto;
    }

    .projects-showcase__subtitle, .projects-showcase__status {
        font-size: 16px;
        font-size: 1.6rem;
        text-align: center;
    }

    /* movies */
    .movie-overview__image {
        width: 100%;
        max-width: 400px;
    }

}





/* --------------- *\
    MQ 960px 
\* --------------- */
@media only screen and (max-width: 77em) {

    .logo--main, .container--nav {
        width: auto;
        height: 90px;
    }



    /* mobile navigation stuff */
    body {
        -webkit-transition: all 0.25s cubic-bezier(0.37, 0.59, 0.29, 0.89);
        -moz-transition: all 0.25s cubic-bezier(0.37, 0.59, 0.29, 0.89);
        -o-transition: all 0.25s cubic-bezier(0.37, 0.59, 0.29, 0.89);
        transition: all 0.25s cubic-bezier(0.37, 0.59, 0.29, 0.89);
    }

    html.mobile {
        height: 100%;
    }

    body.mobile {
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000000;

        -webkit-transform: translateX(-300px); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
        -ms-transform: translateX(-300px); /* IE 9 */
        transform: translateX(-300px); /* IE 10, Fx 16+, Op 12.1+ */

    }

    #menu-toggle { 
        display: block;
        position: absolute;
        top: 25px;
        right: 30px;
    }

    .navbar {
        display: none;
        box-sizing: border-box;
        position: fixed;
        top: 0;
        right: 0;
        width: 300px;
        background-color: var(--main-theme-color-light, #f6c835);
        overflow-y: scroll;
        overflow-x: hidden;

        -webkit-transition-delay: 0.25s; /* Safari */
        transition-delay: 0.25s;

        -webkit-transform: translateX(100%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
        -ms-transform: translateX(100%); /* IE 9 */
        transform: translateX(100%); /* IE 10, Fx 16+, Op 12.1+ */
    }
        .navbar--open {
            display: block;
            padding-top: 13px;

            -webkit-transition-delay: 0.25s; /* Safari */
            transition-delay: 0.25s;

            -webkit-transition: all 0.25s cubic-bezier(0.37, 0.59, 0.29, 0.89);
            -moz-transition: all 0.25s cubic-bezier(0.37, 0.59, 0.29, 0.89);
            -o-transition: all 0.25s cubic-bezier(0.37, 0.59, 0.29, 0.89);
            transition: all 0.25s cubic-bezier(0.37, 0.59, 0.29, 0.89);
        }
    
    .navbar--main > li {
        display: block;
        height: auto;
    }

    .navbar__item {
        padding: 1.3em;
        border-bottom: 1px solid rgba(255, 255, 255, 0.23);
    }
        .navbar__item--active {
            color: #ffffff;
        }
        
        .navbar__item--multiple {
            background-position: 90% center;
        }

        .navbar--secondary .navbar__item {
            font-size: 15px;
            font-size: 1.5rem;
            font-weight: 600;
            color: #aeaeae;
        }
    
    .navbar--main li.mobile > .navbar__item {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .navbar--main li.mobile .navbar--secondary {
        display: block;
        opacity: 1;
        visibility: visible;
        overflow: auto;
        position: static;
        /*background-color: #f9dd85;*/
        background-color: #ffffff;

        -webkit-transform: translateX(0); 
        -ms-transform: translateX(0);
        transform: translateX(0);

        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .navbar__item__status {
        font-size: 0px;
        background-position: right center;
    }

    /* projects */
    .projects-showcase__subtitle, .projects-showcase__status {
        text-align: center;
    }

    .projects-showcase__subtitle:before {
        margin-left: auto;
        margin-right: auto;
    }

    .projects-showcase {
        margin-bottom: 60px;
        margin-bottom: 6rem;
    }

    /* blog EXCEPRT */
    .blog-excerpt__image {
        width: 100%;
    }

    .blog-excerpt {
        margin-bottom: 60px;
        margin-bottom: 6rem;
    }

    /* Footer part */    
    .footer__address {
        display: block;
        text-align: center;
    }

    .footer__address:first-child {
        margin-right: 0;
        margin-bottom: 1em;
        padding-right: 0;
        border: none;
    }

    /* about us section */
    .team__name {
        font-size: 19px;
        font-size: 1.9rem;
    }
    
    .team__position {
        font-size: 17px;
        font-size: 1.7rem;
    }

    /* blogg */
    .datebox {
        padding-left: 5%;
        padding-right: 5%;
        height: auto;
    }

    .datebox__d {
        font-size: 22px;
        font-size: 2.2rem;
    }

}





/* --------------- *\
    MQ 830px 
\* --------------- */
@media only screen and (max-width: 51.875em) {

    .container--medium {
        max-width: none;
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    .container--vcenter {
        padding-top: 150px;
        padding-top: 15rem;
        padding-bottom: 12rem;
        padding-bottom: 120px;
    }

    /* benefits page */
    .benefits {
        width: 100%;
        margin: 0 0 60px 0;
        margin-bottom: 6rem;
        display: block;
        float: none;
    }

    .benefits-container:last-child .benefits:last-child {
        margin-bottom: 0;
    }

    /* grid */
    .grid__col--two {
        width: 49.05%;
    }

    .grid__col--two:nth-child(odd) {
        margin-left: 0;
    }

    /* track item */
    .track-record__label {
        box-sizing: border-box;
        border: 1px solid #e2e2e2;
        display: block;
        position: static;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        width: 100%;
    }

    /* footer part */
    .footer__item, .footer__item:first-child {
        width: 40%;
        margin: 0 5% 1em 5%;
    }

    .container__heading--bigger {
        font-size: 55px;
        font-size: 5.5rem;
    }

    .movie-overview .grid__col {
        display: block;
        float: none;
        width: 100%;
        margin: 0;
    }

    .movie-overview__image {
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 2em;
    }

    .movie-overview__title {
        text-align: center;
    }

    .movie-overview__title:after {
        margin-left: auto;
        margin-right: auto;
    }

    .casting {
        margin-bottom: 0;
    }

    .casting-item {
        margin-bottom: 4em;
    }

    .widgets {
        display: none;
    }

    .blog-article-container {
        width: 100%;
        margin: 0;
    }

    .blog-article {
        margin: 0;
        width: 100%;
    }

    .blog-article__datebox {
        position: static;
        width: 10%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .blog-article__header {
        margin-bottom: 30px;
        margin-bottom: 3rem;
    }

    .blog-article__title {
        float: left;
        margin-bottom: 0px;
        margin-left: 4%;
        margin-top: 10px;
        width: 80%;
    }

    .wfp_team__box {
        width: 48%;
        margin-bottom: 4%;
    }

    .about-details {
        display: block;
    }
    .mobile_description {
        display: block !important;
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .about-details-title {
        font-size: 42px;
        line-height: 1em;
        text-align: center;
        margin-bottom: 0px;
    }
    .about-details-position {
        margin-top: 10px;
    }
    .about-details > div:first-child {
        margin-right: 0;
        min-width: 0;
        width: 100%;
    }
    .about-details-desk {
        display: none;
    }
    

}





/* --------------- *\
    MQ 730px 
\* --------------- */
@media only screen and (max-width: 45.625em) {

    .footer__item, .footer__item:first-child {
        margin: 0 1% 1em 1%;
        width: 48%;
    }

    /* about us section */
    .team__pictures-container {
        display: none;
    }

    .team__text {
        display: block;
        margin-bottom: 2.5em;
    }
        .team_text:last-child {
            margin-bottom: 0;
        }
    
    .team__item {
        float: left;
        margin-right: 2%;
    }

    .team__image {
        display: block;
        width: 205px;
    }

    .team__pointer {
        display: none;
    }
    .team__container {
        position: static;
    }
    .team__caption {
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        padding-bottom: 0;
        text-align: center;
    }

    .team__name {
        line-height: 1em;
    }

}



/* --------------- *\
    MQ 610px 
\* --------------- */
@media only screen and (max-width: 38.125em) {
	.home-splash__gallery img {
		width: 100%;
	}
	.footer__item, .footer__item:first-child {
        margin: 0 0 1em 0;
        width: 100%;
    }

    .footer__item:nth-child(3) {
        margin-bottom: 0;
    }

    .footer__section {
        position: relative;
    }
    
    .footer__item--icon {
        position: absolute;
        right: 5%;
        top: 50%;
        width: auto;

        -webkit-transform: translateY(-50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
        -ms-transform: translateY(-50%); /* IE 9 */
        transform: translateY(-50%); /* IE 10, Fx 16+, Op 12.1+ */
    }

    .accord__item__title {
        padding: 20px;
        padding: 2.0rem;
        font-size: 20px;
        font-size: 2.0rem;
    }

    /* grid */
    .grid__col--one {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .grid__col--one {
        margin-left: 0;
        margin-right: 0;
    }

    .blog-list__row {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .blog-list__item {
        margin-bottom: 30px;
        margin-bottom: 3rem;
    }
    
}





/* --------------- *\
    MQ 480px 
\* --------------- */
@media only screen and (max-width: 30em) {

    /* Heading stuff */
    .benefits__title {
        font-size: 20px;
        font-size: 2.0rem;
    }

    .container__heading--content {
        font-size: 38px;
        font-size: 3.8rem;
        margin-bottom: 60px;
        margin-bottom: 6rem;
    }

    .container--padding {
        padding: 60px 0;
        padding: 6rem 0;
    }

    .footer__item--icon {
        position: static;
        margin-bottom: 0;

        -webkit-transform: translateY(0); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
        -ms-transform: translateY(0); /* IE 9 */
        transform: translateY(0); /* IE 10, Fx 16+, Op 12.1+ */
    }

    .footer__item:nth-child(3) {
        margin-bottom: 1em;
    }

    /* Editable content */
    .container--editable, .team__text {
        font-size: 19px;
        font-size: 1.9rem;
    }
    .container--editable h3,
    .container--editable p,
    .container--editable ul,
    .container--editable ol {
        margin-bottom: 35px;
        margin-bottom: 3.5rem;
    }

    .container--editable ul > li {
        list-style-image: url('./res/ul_btn_arrow_480px.png');
    }

    .container--editable li {
        margin-bottom: 0.2em;
    }

    .team__item {
        float: none;
        text-align: center;
        margin-right: 0;
        margin-bottom: 1em;
    }

    .team__image {
        margin: 0 auto;
    }

    .team__container {
        width: 205px;
        margin: 0 auto;
    }

    .team__text:last-child {
        margin-bottom: 0;
    }

    .casting-item__actor:before {
        margin-top: 15px;
        margin-top: 1.5rem;
        margin-bottom: 15px;
        margin-bottom: 1.5rem;
    }

    .casting-item__captions {
        font-size: 18px;
        font-size: 1.8rem;
    }

    .accord__item__title {
        padding: 20px;
        padding: 2.0rem;
        font-size: 18px;
        font-size: 1.8rem;
    }

    .accord__item__title:before {
        width: 15px;
        height: 15px;
        margin-right: 14px;
        margin-right: 1.4rem;
        border-radius: 50%;
    }

    .pagination__arrow {
        font-size: 20px;
        font-size: 2rem;
    }

    .blog-article__datebox {
        display: none;
    }

    .blog-article__title {
        margin: 0px;
        width: 100%;
    }

    .wfp_team__name {
        font-size: 14px;
        padding: 9px 4px;
    }

    .wfp_team__image {
        margin-top: 32px;
    }

    .wfp_team__position {
        padding: 7px 5px;
        font-size: 12px;
    }

}

.content-section--map iframe {
	width: 100%;
	height: 480px;
}

.c_container {
    max-width: 1280px;
}

.c_subheading {
    margin-bottom: 30px;
    margin-top: 30px;
}