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

@font-face {
    font-family: 'custom';
    src: url('../fonts/texgyre/texgyreadventor-regular-webfont.eot');
    src: url('../fonts/texgyre/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyre/texgyreadventor-regular-webfont.woff') format('woff'),
         url('../fonts/texgyre/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('../fonts/texgyre/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;

}  




html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, pre, 
a, img, ol, ul, li, form, label, table, tbody, tfoot, thead, tr, th, td,
article, aside, nav, menuitem, footer, main
{ margin: 0; padding: 0; border: 0; outline: none; font-size: 15px; vertical-align: baseline; outline-color: #333333; line-height: 18px; letter-spacing: 0.05em; }

html, body                          { font: 13px/22px 'custom', Helvetica, Arial, sans-serif; color: #333333; width: 100%; height: 100%; min-width: 300px; position: relative; background: #ffffff; overflow-y: visible; }
.fixedWidth                         { overflow: hidden; position: relative; min-height: 450px; }
h1, h2, h3, h4, h5, h6              { font-family: 'custom', Helvetica, Arial, Sans Serif; color: #333333; line-height: 1.5em; }
img, a img, a:focus, li, a          { border: none; outline: none; text-decoration: none; color: #333333; }
ol, ul, li 	                        { list-style: none; }
* 			                        { font-weight: normal; }
.clear                              { clear: both; }
.vhide                              { visibility: hidden; opacity: 0; filter: alpha(opacity=0); }
.loading                            { opacity: 0.1; filter: alpha(opacity=10); }

a:hover, .special                   { color: #000000; cursor: pointer; }
a:focus, a.active, .active          { color: #000000; visibility: visible; }
.fancybox                           { cursor: pointer; }

.FL                                 { float: left; }
.FR                                 { float: right; }
p                                   { margin-bottom: 15px; font-size: 12px; line-height: 19px; }
b                                   { color: #000000;  }
::selection 	                    { color:#666666;background:#000;}
::-moz-selection                    { color:#666666;background:#000;} 

.maincontainer.hide                 { visibility: hidden; opacity: 0; height: 1px; width: 1px; overflow: hidden; }
.maincontainer.hide .active         { visibility: hidden; }


/* ICONS */

.icon                                   { display: block; width: 29px; height: 30px; background: url('../img/IconsAll.png') top left no-repeat; cursor: pointer; }
.bottomLevel a.icon,
a .icon                                 { display: inline-block; position: relative; top: 3px; left: -4px; }
.icon:hover, .icon:active, .icon.active, a:hover .icon, .active > .icon { background-image: url('../img/IconsAllActive.png'); }
.icon.facebook                          { background-position: 0px 0px; }
.icon.twitter                           { background-position: -30px 0px; }
.icon.instagram                         { background-position: -60px 0px; }
.icon.pininterest                       { background-position: -90px 0px; }
.icon.tumblr                            { background-image: url('../img/IconsAll2.png'); background-position: -120px 0px; }
.icon.tumblr:hover                      { background-image: url('../img/IconsAllActive2.png');}
.icon.search                            { background-position: 0px -43px; }
.icon.favourites                        { background-position: -35px -43px; }
.icon.close                             { background-position: 0px -87px; }
.icon.portfolioLarge                    { background-position: 0px -130px;   width: 17px; height: 15px; }
.icon.portfolioThumbs                   { background-position: -21px -130px; width: 17px; height: 15px; }
.icon.email                             { background-position: 0px -159px;   width: 22px; height: 16px; }
.icon.information                       { background-position: 0px -188px;   width: 20px; height: 19px; }
.icon.favouriteThis                     { background-position: 0px -218px;   width: 23px; height: 22px; }
.icon.download                          { background-position: 0px -251px;   width: 20px; height: 20px;}
.icon.video                             { background-position: 0 -282px;     width: 20px; height: 20px;}

.arrow.iconLeft, .arrow.iconRight       { display: block; width: 16px; height: 28px; cursor: pointer; }
.arrow.iconLeft                         { background: url('../img/arrLeft.png') top left no-repeat; }
.arrow.iconRight                        { background: url('../img/arrRight.png') top left no-repeat; }

img.maxWidth                            { width: 100%; height: auto; left: 0px; }
img.maxHeight                           { height: 100%; width: auto; left: 0px; }

/* LAYOUT STARTS */
.footer                                 { position: fixed; width: 100%; background: #ffffff; padding: 10px 30px; bottom: 0px; right: 0px; text-align: right; z-index: 100; overflow: hidden; }
.footer p:after                         { content: " | "; }
.footer a, .footer p, .social           { vertical-align: text-bottom; font-size: 11px; display: inline-block; margin: 0px; } 
.scripts                                { position: absolute; top: 350%; left: -99999px; height: 1px; width: 1px; overflow: hidden; }
.floatNav                               { position: fixed; width: 100%; background: #ffffff; padding: 30px 30px 5px; top: 0px; right: 0px; text-align: right; z-index: 100; }
aside.menu.fixed                        { position: fixed; }
.floatNav menuitem                      { display: inline-block; }
.menu {
    display: block;
    width: 50%;
    position: relative;
    min-width: 300px;
}
.menu h1                                { width: 268px; height: 116px; position: fixed; z-index: 105; top: 32px; /*left: 10px;*/ background: url('../img/logo-large.png') top left no-repeat; background-size:contain; text-indent: -9999px; white-space: nowrap; cursor: pointer; }
.menu h1 span                           { display: block; position: fixed; left: 130px; background: url(../img/menu.png) top left no-repeat !important; width: 20px; height: 20px; top: 30px; }

.mainNav                                { width: 190px; height:200px; position: fixed; top: 169px; text-align: right;  }
.mainNav menuitem                       { display: block; line-height: 22px; margin-bottom: 10px; text-transform: uppercase; background: #ffffff; }
.mainNav menuitem:hover a:after,
.mainNav menuitem:active a:after,
.mainNav menuitem:focus a:after,
.mainNav menuitem a.active:after,
.newsletter:after                       { content: ' >>'; letter-spacing: -0.15em; top: -2px; padding-left: 5px; position: relative; display: inline-block; }
.menuHeader                             { display: none; background: url(../img/menu.png) top right no-repeat; }
.mainHeader                             { display: block; }
.menuHeader.active h1 span              { background-image: url(../img/menuActive.png) !important; }

#container                              { width: 100%; height: 100%; display: block; position: relative; padding-top: 69px; /*left: 290px;*/ padding-bottom: 119px; }
.mdl-results                            { padding-top: 104px !important; }


.sectionHeader {
    position: fixed;
    z-index: 100;
    /*padding-left: 20px;*/ /*left: 288px;*/
    height: 72px;
    margin-top: -3px;
    background: #ffffff;
}
@media all and (min-width : 980px) {
    .sectionHeader { /*width: calc(100% - 320px) !important;*/
        background: #fff;
    }
    .portfolioNav { right: 37px !important; }
    .menu h1 {
        left: 150px;
    }
    .mainNav {
        left: 200px;
    }
}

@media all and (min-width : 1024px) {
    .sectionHeader {
        padding-left: 20px;
    }
}

@media all and (min-width : 1200px) {
    .menu h1 {
        width: 352px;
        height: 170px;
    }

    .mainNav {
        top: 210px;
    }
}
    .mdl-results .sectionHeader {
        margin-top: -36px !important;
    }

    .sectionHeader .topLevel, .sectionHeader .bottomLevel {
        position: absolute;
        height: 36px;
        width: 97%;
        display: block;
    }

    .sectionHeader .topLevel {
        top: 0px;
    }

        .sectionHeader .topLevel h1 {
            font-size: 25px;
            display: inline-block;
            padding-right: 10px;
        }

        .sectionHeader .topLevel h3 {
            display: inline-block;
            padding-right: 10px;
        }

    .sectionHeader .results.results {
        display: none;
    }

    .sectionHeader .bottomLevel {
        top: 42px;
    }

    .portfolioNav {
        position: relative;
        top: -7px;
        right: -2px;
        font-size: 12px;
        text-transform: uppercase;
    }

        .portfolioNav.withFavourites {
            top: -5px;
            right: 0px;
        }

        .portfolioNav menuitem {
            padding: 0px 4px;
            height: 28px;
            vertical-align: sub;
            display: inline-block;
        }

        .portfolioNav.portfolioToggle {
            margin-top: 15px;
            position: absolute;
        }

            .portfolioNav.portfolioToggle menuitem {
                padding: 0 4px 0px 0px;
            }

    #container .content {
        top: 69px;
        position: relative;
    }

    .resultsMenu .portfolioNav {
        text-align: right;
    }

        .resultsMenu .portfolioNav menuitem {
            height: auto;
        }

    .extraRow .withFavourites {
        clear: both;
        top: 3px;
        display: block;
        float: none;
        right: 5px !important;
    }

    .extraRow .resultsMenu .portfolioNav {
        padding-bottom: 30px;
    }

    .extraRow #container .content {
        top: 100px;
    }

    .extraRow .sectionHeader {
        min-height: 100px;
    }


    /* RESULT PAGE */
    .result, .AboutResult {
        width: 310px;
        margin-right: 2px;
        margin-bottom: 2px;
        float: left;
        position: relative;
        display: block;
        overflow: hidden;
    }

    .AboutResult {
        margin-right: 5px;
    }

    .result .bioIMG {
        display: none;
    }

    .result:hover .bioIMG {
        display: block;
    }

    .talentImg, .AboutResult .imgContainer {
        width: 310px;
        min-width: 90px;
        height: 310px;
        min-height: 90px;
        display: block;
        overflow: hidden !important;
        position: relative;
        z-index: 20;
    }

    .talentName {
        padding: 7px 0px 0px;
        display: block;
        height: 27px;
        background: #ffffff;
        position: relative;
        z-index: 10;
    }

    .blur .result {
        opacity: 0.4;
    }

        .blur .result.hover {
            opacity: 1;
        }

            .blur .result.hover a {
                color: #fff !important;
            }

    /*PORTFOLIO GALLERY MASONRY*/
    .portfolio-masonry, .portfolio-masonry-loading {
        width: 100%;
        font-size: 0;
        line-height: 0;
    }

    .portfolio-result, .portfolio-result-sizer {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto 4px;
        padding: 0 2px;
        display: inline-block;
        vertical-align: top;
        float: none;
    }
        /*.portfolio-result .talentImg                    { width: 100%; min-width: 0; height: auto; min-height: 0; font-size: 13px; line-height: 18px; padding-top: 136.363636%; background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 0; -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; transition: opacity 300ms ease; }*/
        .portfolio-result .talentImg {
            width: 100%;
            min-width: 0;
            height: auto;
            min-height: 0;
            font-size: 13px;
            line-height: 18px;
        }
            /*.portfolio-result.is-loaded .talentImg          { opacity: 1; }
.portfolio-result-l .talentImg                  { padding-top: 68.181818%; padding-top: calc((100% - 4px) * 0.68181818); }*/
            .portfolio-result .talentImg img {
                width: 100%;
                height: auto;
                display: block;
            }

    @media all and (min-width : 568px) {
        .portfolio-result, .portfolio-result-sizer {
            width: 50%;
        }
        /*.portfolio-result-l                         { width: 100%; }*/
    }

    @media all and (min-width : 768px) {
        .portfolio-result, .portfolio-result-sizer {
            width: 33.333333%;
        }
        /*.portfolio-result-l                         { width: 66.666666%; }*/
    }

    @media all and (min-width : 970px) {
        .portfolio-result, .portfolio-result-sizer {
            width: 50%;
        }
        /*.portfolio-result-l                         { width: 100%; }*/
    }

    @media all and (min-width : 1200px) {
        .portfolio-result, .portfolio-result-sizer {
            width: 33.333333%;
        }
        /*.portfolio-result-l                         { width: 66.666666%; }*/
    }

    @media all and (min-width : 1600px) {
        .portfolio-result, .portfolio-result-sizer {
            width: 33.333333%;
        }
        /*.portfolio-result-l                         { width: 50%; }*/
    }

    @media all and (min-width : 2000px) {
        .portfolio-result, .portfolio-result-sizer {
            width: 33.333333%;
        }
        /*.portfolio-result-l                         { width: 40%; }*/
    }

    @media all and (min-width : 2400px) {
        .portfolio-result, .portfolio-result-sizer {
            width: 20%;
        }
        /*.portfolio-result-l                         { width: 33.333333%; }*/
    }

    @media all and (min-width : 2800px) {
        .portfolio-result, .portfolio-result-sizer {
            width: 16%;
        }
        /*.portfolio-result-l                         { width: 28.571428%; }*/
    }

    @media all and (min-width : 3200px) {
        .portfolio-result, .portfolio-result-sizer {
            width: 14%;
        }
        /*.portfolio-result-l                         { width: 25%; }*/
    }

    @media all and (min-width : 3600px) {
        .portfolio-result, .portfolio-result-sizer {
            width: 12%;
        }
        /*.portfolio-result-l                         { width: 22.222222%; }*/
    }

    @media all and (min-width : 4000px) {
        .portfolio-result, .portfolio-result-sizer {
            width: 11%;
        }
        /*.portfolio-result-l                         { width: 20%; }*/
    }

    /* NEWS PAGES */
    .newsArticle {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        text-align: center;
        display: none;
        z-index: 20;
    }

    .result:hover .newsArticle {
        display: block;
    }

    .newsArticle time {
        position: absolute;
        top: 10px;
        right: 10px;
        color: #b7b7b7;
        font-size: 12px;
    }

    .newsArticle .articleContent {
        position: absolute;
        top: 50%;
        width: 100%;
        margin-top: -45px;
    }

    .newsArticle h3 {
        padding: 0px 20px 20px;
    }

    .newsArticle p {
        padding: 0px 10px;
        font-size: 12px;
    }

    #portfolioBtns.newsArticle {
        min-height: 30px;
        opacity: 1;
    }

    .extraRow #portfolioBtns.newsArticle {
        padding-top: 25px;
        padding-bottom: 0px;
    }

    #portfolioBtns.newsArticle > div {
        width: 150px;
        line-height: 27px;
    }

    #portfolioBtns.newsArticle a {
        display: inline-block;
        font-size: 11px;
        text-transform: uppercase;
    }

    #articlebtnC {
        left: 50%;
        margin-left: -75px;
        text-align: center;
        z-index: 100;
    }

    #articlebtnL {
        text-align: left;
        z-index: 100;
    }

    #articlebtnR {
        right: 0px;
        text-align: right;
        z-index: 100;
    }

    #portfolioBtns.newsArticle .articleInfo {
        width: 100%;
        padding-top: 30px;
        text-align: center;
        position: relative;
    }

    #portfolioBtns.newsArticle time {
        position: relative;
        top: auto;
        right: auto;
    }

    #portfolioBtns.newsArticle > div > a > img {
        margin-top: -5px;
        top: auto;
    }

    #container > .articleInfo {
        display: block;
        clear: both;
    }

    .mainGalleryToggle {
        text-align: center;
        padding-top: 10px;
        clear: both;
    }

        .mainGalleryToggle > div {
            width: 12px;
            height: 12px;
            border-radius: 12px;
            display: inline-block;
            background: #838383;
            margin-right: 4px;
            cursor: pointer;
        }

    .newsPage .result:hover .talentImg {
        opacity: 0.2;
    }

    .newsPage .mainGallery .result:hover .talentImg {
        opacity: 1;
    }



    /* PORTFOLIO */
    #portfolioBtns {
        display: block;
        position: relative;
        top: 69px; /*z-index: 99;*/
        min-height: 137px;
    }

    .extraRow #portfolioBtns {
        top: 100px;
    }

    #portfolioBtns > div {
        position: absolute;
        height: 100%;
        width: 50px;
    }

    #scrollbtnL {
        left: 0px;
    }

    #scrollbtnR {
        right: 0px;
    }

        #scrollbtnL > a, #scrollbtnR > a {
            height: 100%;
            width: 100%;
            position: relative;
            display: block;
        }

    #portfolioBtns > div > a > img {
        position: absolute;
        top: 50%;
        margin-top: -15px;
    }

    #btn-prev {
        left: 0px;
    }

    #btn-next {
        right: 0px;
    }

    #container .content.LargeView {
        position: absolute;
        top: 69px;
        left: 21px;
        min-height: 123.884px;
        min-width: 185px;
    }

    .extraRow #container .content.LargeView {
        top: 0px;
    }

        .extraRow #container .content.LargeView.newsPage {
            top: 100px !important;
        }

    .LargeView .result {
        position: absolute;
        top: 0px;
        height: 100%;
        width: 50% !important;
        visibility: hidden;
    }

        .LargeView .result.firstIMG {
            margin-left: 25%;
            text-align: center;
        }

        .LargeView .result.FullWidth {
            width: 100% !important;
            text-align: center;
        }



            .LargeView .result.FullWidth .talentImg {
                width: 100% !important;
            }

@media all and (min-width : 1200px) {

    .LargeView .result.FullWidth .talentImg {
        width: 64% !important;
    }
}

@media all and (min-width : 1600px) {

    .LargeView .result.FullWidth .talentImg {
        width: 100% !important;
    }
}

    .LargeView .result.FL {
        left: 0px;
    }

    .LargeView .result.FR {
        right: 0px;
    }

    .LargeView .result.FL img {
        float: left;
    }

    .LargeView .result.FR img {
        float: left;
    }

    .content.hidden {
        visibility: hidden;
        opacity: 0;
        height: 1px;
        width: 1px;
        overflow: hidden;
    }


    /* VIDEOS */
    .videoPage .portfolioToggle {
        display: none;
    }

    .vidThumb img {
        width: 100%;
        height: auto;
    }

    .videoList {
        margin-left: 28px;
        overflow: hidden;
    }

        .videoList.pull {
        }

        .videoList.default .jspContainer {
            height: auto !important;
        }

        .videoList.default .jspPane {
            position: relative !important;
        }


    /* BIO PAGE */
    .biography .portfolioToggle {
        display: none;
    }

    .bioContainer {
        padding-right: 10px;
        text-align: justify;
    }

        .bioContainer p strong {
            font-size: 14px;
            color: #fff;
            text-transform: uppercase;
            padding-bottom: 6px;
        }

    .topFollow {
        display: inline-block;
        vertical-align: middle;
        padding-bottom: 4px;
    }

        .topFollow a,
        .bioFollow a,
        .footer .social a {
            display: inline-block;
            vertical-align: middle;
            color: #fff;
            background-color: #b7b7b8;
            font-size: 17px;
            width: 27px;
            height: 27px;
            line-height: 25px;
            text-align: center;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

            .topFollow a:hover,
            .bioFollow a:hover,
            .footer .social a:hover {
                background-color: #333;
            }

    .bioFollow {
        padding-top: 20px;
        text-transform: uppercase;
        font-size: 12px;
    }

    .talentFollow {
        padding-top: 20px;
        text-transform: uppercase;
        font-size: 12px;
    }

        .talentFollow a {
            display: inline-block;
            vertical-align: middle;
            margin-left: -2px;
        }

    .agent-icon {
        color: #b7b7b8;
    }

        .agent-icon:hover {
            color: #333;
        }


    /* COMPANY / ABOUT PAGE */
    h2 {
        font-size: 25px;
    }

    .about .content > div {
        width: 48%;
    }

    .team {
        padding-right: 30px;
        font-size: 12px;
    }

    .AboutResult {
        margin-bottom: 10px;
    }

        .AboutResult .FR a {
            display: inline-block;
            margin-top: 8px;
        }

    .teamDetails .FL {
        line-height: 16px;
        padding-top: 5px;
    }

    .teamDetails .infoBox {
        display: none;
        position: absolute;
        left: -99999px;
        height: 1px;
        width: 1px;
        overflow: hidden;
    }

    .infoBox {
        padding: 30px;
        line-height: 20px;
        max-width: 400px;
    }


    /* FAVOURITES PAGE */
    .favouriteTalent {
        clear: both;
        width: 100%;
        padding: 0px;
        border-bottom: 1px solid #232323;
        border-top: 1px solid #666;
        display: block;
        overflow: hidden;
        position: relative;
    }

        .favouriteTalent:first-child {
            border-top: none;
        }

        .favouriteTalent .talentName {
            padding-top: 30px;
        }

    .gallery .talentImg {
        float: left;
        margin: 1px 1px 0px 0px;
        position: relative;
    }

    .favouriteTalent > .talentImg {
        margin-right: 20px;
    }

    .checkHolder {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

        .checkHolder span {
            display: block;
            width: 100%;
            height: 100%;
            background: url(../img/checkbox.png) top right no-repeat;
        }

            .checkHolder span.active {
                background-image: url(../img/checkboxChecked.png);
            }

        .checkHolder input {
            display: block;
            width: 100%;
            height: 100%;
            margin: 0px;
            padding: 0px;
            opacity: 0;
            cursor: pointer;
        }

    .galleryOptions {
        margin-top: 30px;
    }

    .openGallery a {
        text-transform: uppercase;
        padding-right: 10px;
        font-size: 12px;
        display: inline-block;
    }

        .openGallery a.close {
            position: absolute;
            right: 0px;
            top: -85px;
            z-index: 12;
        }

    .favouriteTalent .gallery, .favouriteTalent .openGallery {
        position: absolute;
        left: -99999px;
    }

        .favouriteTalent .gallery.show, .favouriteTalent .openGallery.show {
            position: relative;
            left: 0px;
        }

    .content .favouriteTalent:last-child {
        margin-bottom: 50px;
    }


    /* NEWS ARTICLE */
    .newsPage .portfolioToggle {
        display: none;
    }

    .content.LargeView.newsPage {
        position: relative !important;
        left: 0px !important;
    }

        .content.LargeView.newsPage .result {
            position: relative;
        }

        .content.LargeView.newsPage .talentImg {
            height: auto !important;
            width: auto !important;
        }

        .content.LargeView.newsPage img {
            width: 80% !important;
            max-width: 750px;
            margin-left: auto !important;
            margin-top: 0px !important;
        }

    .newsPage .articleInfo {
        padding: 20px;
        text-align: center;
        clear: both;
    }

        .newsPage .articleInfo a {
            color: #fff;
        }

    .result .videoIMG {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        z-index: 98;
        top: 0px;
        left: 0px;
        background: url(../img/videoIMGoverlay.png) center center no-repeat;
        background-size: 100% auto;
    }

    .result:hover .videoIMG {
        display: none;
    }


    /* HOME */
    #container.homepage {
        top: 0px;
        left: 210px;
        padding: 0px;
        overflow: hidden;
        min-height: 420px;
        min-width: 740px;
    }

    body #container.homepage .content.LargeView {
        top: 0px;
        left: 0px;
        overflow: hidden;
    }

        body #container.homepage .content.LargeView .result {
            margin-right: 0px;
            overflow: hidden;
        }

    body #container.homepage .talentInfo {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        text-align: right;
        background-color: rgba(255, 255, 255, 0.7);
        visibility: hidden;
    }

        body #container.homepage .talentInfo span {
            display: block;
            position: absolute;
            bottom: 16px;
            right: 20px;
        }

        body #container.homepage .talentInfo h3 {
            font-size: 20px;
            color: #333;
            line-height: 22px;
        }

            body #container.homepage .talentInfo h3 small {
                color: #666;
            }

    body #container.homepage .result:hover .talentInfo {
        visibility: visible;
        z-index: 100;
    }

    #modelData {
        position: fixed;
        top: 26px;
        right: 100px;
        z-index: 500;
        width: 230px;
        height: 20px;
        background: #333;
        border-radius: 5px;
        border: 2px solid #fff;
        font-family: 'custom';
        font-size: 14px;
        text-transform: uppercase;
        color: #fff;
    }

    .auto-wrapper {
        display: none;
    }

        .auto-wrapper.show {
            display: block;
        }

    #searchResultContainer {
        max-height: 300px;
        max-width: 234px;
        position: fixed;
        z-index: 300;
        top: 62px !important;
        right: 100px !important;
        overflow: hidden;
        border-radius: 4px;
        background: #fff;
    }

    body.static {
        overflow: hidden;
    }



    @media all and (min-width : 980px) and (max-height: 639px) {
        body {
            height: auto;
            overflow: auto;
        }

        footer.footer {
            position: relative;
            padding: 10px 0px;
            overflow: hidden;
        }

        footer .social {
            padding-right: 30px;
        }

        .floatNav {
            position: absolute;
        }

        .sectionHeader {
            position: relative;
            left: 0px;
            z-index: 99;
        }

        #container {
            padding-bottom: 0px;
        }

            #container .content {
                top: 0px !important;
            }

        #portfolioBtns {
            top: 0px;
        }
    }

    @media all and (min-width : 980px) and (max-height: 550px) {
        .videoList {
            height: 307.5px !important;
        }

        .vidThumb {
            width: 286.333px !important;
        }

        .videoContainer.FL {
            width: 546.667px !important;
            height: 307.5px !important;
        }
    }


    @media all and (min-width : 980px) and (max-height: 480px) {
        .menu h1, .mainNav {
            position: absolute;
        }
    }


    @media all and (max-width : 970px) {
        .menu h1 {
            left: 30px;
            width: 90px;
            background-size: 100% auto;
            top: 22px;
        }

        .maincontainer {
            padding: 0px 30px 0px 0px;
        }

        #container {
            left: 30px;
            padding-bottom: 60px;
        }

        .showMenu {
            z-index: 300;
            top: 65px !important;
        }

            .showMenu.scrollable {
                overflow-y: scroll;
            }

        .footer {
            padding: 15px 0px;
        }

            .footer .social {
                padding-right: 28px;
            }

        .mainNav {
            top: -99999px;
            width: 100%;
            background: #ffffff;
            text-align: left;
            padding: 20px 0px;
            height: 100%;
        }

            .mainNav menuitem {
                padding: 0px 30px;
            }

                .mainNav menuitem a {
                    padding: 8px 0px 10px;
                    font-size: 18px;
                    border-bottom: 1px solid #222;
                    display: block;
                }

                .mainNav menuitem:last-child a {
                    border-bottom: none;
                }

        .sectionHeader {
            width: 100% !important;
            left: 0px;
            position: relative;
            height: auto;
            z-index: 50;
        }

            .sectionHeader .topLevel,
            .sectionHeader .bottomLevel {
                position: relative;
                height: auto;
                top: 0px;
            }

                .sectionHeader .bottomLevel > div {
                    padding-bottom: 15px;
                    padding-right: 20px;
                }

            .sectionHeader > div > nav {
                right: 1px !important;
                padding-bottom: 20px;
            }

            .sectionHeader .results.results {
                display: block;
            }

        .bottomLevel {
            padding-top: 10px;
        }

        .portfolioNav menuitem {
            height: auto;
            font-size: 16px;
            padding: 0 8px 0px 0px;
        }

        #container .content {
            position: relative;
            top: 0px;
        }

        .newsArticle h3 {
            padding-bottom: 0px;
        }

        #portfolioBtns {
            top: 0px;
        }

        .extraRow .resultsMenu .portfolioNav {
            padding-bottom: 0px;
            width: 100% !important;
            text-align: left;
        }

        .extraRow #container .content {
            top: 25px;
        }

        #portfolioBtns.newsArticle {
            padding: 10px 0px 15px;
        }

        body #container.homepage {
            margin-top: 90px !important;
            left: 30px;
            padding-bottom: 0px;
            overflow: hidden;
            min-height: 242px;
            min-width: 242px;
        }

        .menuHeader {
            display: block;
        }

        .mainHeader {
            display: none;
        }

        .floatNav.showMenu {
            top: 0px !important;
            width: 275px !important;
        }

        #container {
            max-width: 100%;
        }

        .content.LargeView.newsPage {
            top: 0px !important;
        }
    }


    @media all and (max-width : 550px) {
        .floatNav {
            right: auto;
            left: 0px;
            padding: 0px 0px 0px 30px;
            z-index: 300;
            display: none;
        }

            .floatNav menuitem {
                display: block;
                padding-bottom: 5px;
            }

            .floatNav.showMenu {
                display: block;
                top: 65px !important;
                padding-top: 10px;
                background: #ffffff;
            }

        .mainNav {
            padding-top: 90px;
            display: block;
        }

        #modelData {
            top: 72px;
            left: 65px !important;
            right: auto !important;
            width: 185px;
            position: fixed !important;
            border: 2px solid #aaa;
        }

        .auto-wrapper {
            display: none;
        }

            .auto-wrapper.show {
                display: block;
            }

        #searchResultContainer {
            top: 107px !important;
            right: auto !important;
            left: 66px !important;
            z-index: 500;
            position: fixed;
            max-width: 188px;
        }

        .menuHeader {
            position: fixed;
            height: 65px;
            width: 100%;
            background: #ffffff;
            z-index: 100;
        }

        .jspScrollable .ui-autocomplete {
            max-width: 177px !important;
        }

        .teamDetails {
            background: #ffffff;
            position: relative;
            z-index: 10;
        }
    }


    @media all and (max-width : 495px) {
        .menuHeader, .menu h1, .menu h1 span {
            position: absolute;
        }

            .menu h1 span {
                top: 8px;
                left: 110px;
            }

        .footer {
            text-align: center;
            position: relative;
        }

        .about .content > div {
            width: 100% !important;
        }

        .team {
            padding-right: 0px;
        }

        .favouriteTalent > .talentImg {
            margin-right: 0px;
            float: none;
        }

        .favouriteTalent .talentName {
            padding-top: 20px;
            height: 22px;
        }

        .galleryOptions {
            margin: 14px 0px 20px;
        }

        .openGallery a.close {
            right: -11px;
            top: -2px;
        }

        .gallery .talentImg {
            float: none;
        }

        .gallery.show {
            padding-bottom: 50px;
        }

        body #container.homepage .talentInfo span {
            bottom: 10px;
            right: 10px;
        }

        body #container.homepage .talentInfo h3 {
            font-size: 16px;
            color: #333;
            line-height: 18px;
        }

        .agentName {
            display: block;
        }

        .floatNav {
            position: absolute;
        }

        .static .mainNav {
            position: relative;
            padding-bottom: 30px;
        }

        .static .maincontainer {
            display: none;
        }

        .result:hover .newsArticle p, .result:hover .newsArticle time {
            display: none;
        }
    }


    @media all and (max-width : 460px) {
        .footer a {
            vertical-align: middle;
        }

        .footer .social {
            padding-right: 0px;
        }

        .footer p:after {
            content: "";
        }

        .bioContainer {
            padding-top: 20px;
            clear: both;
            margin-left: 0px !important;
        }
    }

    @media all and (max-width : 970px) and (max-height : 490px) {
        .footer {
            position: static;
            padding-top: 40px;
        }

        .floatNav, .menu h1 {
            position: absolute;
        }
    }





    /* VIDEO INFO */

    @media all and (max-width : 1124px) {

        .videoContainer {
            margin-bottom: 30px;
        }

        .videoList {
            float: none;
            overflow: visible;
            clear: both;
            margin: 0px;
        }

            .videoList.pull {
                float: none !important;
                margin: 0px;
            }

            .videoList.result.FR {
                width: 100% !important;
            }
    }

    @media all and (min-width : 980px) and (max-width : 1124px) {
        li:nth-child(2) > .vidThumb.result {
            float: right;
        }
    }

    @media all and (min-width : 980px) {
        .detailsPage.videoPage .content {
            overflow: hidden;
        }

        .vidThumb.result {
            width: auto;
        }
    }

    @media all and (min-width : 400px) and (max-width : 980px) {
        .detailsPage.videoPage .content {
            overflow: hidden;
        }

        .vidThumb.result {
            width: 100% !important;
        }

            .vidThumb.result img {
                width: 100% !important;
            }
    }

    .overflowH {
        overflow: hidden;
    }

    .videoContainer {
        overflow: hidden;
    }

    #mediaplayer_wrapper,
    #mediaplayer {
        width: 100% !important;
        height: 100% !important;
    }