/* ==========================================================================
   Base Style 
   ========================================================================== */
/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html, button, input, select, textarea           { font-family: Verdana, Arial, sans-serif;}
.clearMargin                                    { margin:0 !important;}
.clearfix                                       { clear: both; }
ul, li                                          { margin: 0px; padding: 0px; }
html                                            { font: normal normal 400 15px/130% "Raleway", Arial, sans-serif;}
html, body                                      { height: 100%; min-height:630px; margin: 0; padding: 0; position: relative; width: 100%; background:#ffffff; letter-spacing: 0.01em; color: #383435; }
@media (max-height: 629px) {
    html, body                                  { min-height: 480px; }
}

section                                         { float: none; margin: 0 auto; display: block; }
.wrapper {
    min-height: calc(100% - 33px);
    height: auto;
    float: left;
    width: 100%;
    position: relative;
}
.wrapper:after                                  { content: ""; display: block; }
.maxWidth                                       { max-width: 1120px; width: calc(100% - 20px); margin: 0 auto; }
a                                               { color: inherit; text-decoration:none;}
a:hover                                         { color:#666 !important; text-decoration:none; font-weight:400;}
.active                                         { color: inherit; }
.altFont, .altFont *                            { font-family: "Questrial", Arial, sans-serif; }

h1, h2, h3                                      { margin:1rem 0; font-weight:400; color:#000000; line-height: 1.2em;}
h1                                              { font-size:2rem;}
h2                                              { font-size:1.114rem;}
h3                                              { font-size:1.429rem;}

.show                                           { display:block; }
.hide                                           { display:none; }
.text_c                                         { text-align: center; }
.text_l                                         { text-align: left; }
.text_r                                         { text-align: right; }
.mobile-view-block {
    display: block !important;
}
.desktop-view-block {
    display: none !important;
}


/* STRUCTURE STYLES =============================================================================================
   ============================================================================================================== */

#header                                         { padding: 0px; width: 100%; height: 71px; background: rgba(240,240,240,0.8); margin: 0 auto; text-align: center; position: fixed; z-index: 1000; }
#header #nav                                    { padding-top: 19px; /*float: right;*/ }
#logo                                           { overflow:hidden; padding-top: 6px; float: left; }
.logo-link                                      { background:url(../img/logo.svg) no-repeat; height: 60px; width:119px; margin: 0 auto; display: block; text-indent: 9999px; white-space: nowrap; overflow: hidden; }
#mainNavigation li                              { font-size: 12px; text-transform: uppercase; }
    #mainNavigation li a {
        white-space: nowrap;
        padding: 6px 15px 25px 15px;
        color: #383435;
    }
    #mainNavigation li:first-of-type a {
        white-space: nowrap;
        padding-left: 0px;
    }
        #mainNavigation li:last-child, #mainNavigation li:last-child a { margin-right: 0px; padding-right: 0px; font-size: 23px; vertical-align: top; }
#mainNavigation li li:last-child { padding-right: inherit; }
#mainNavigation > li > a                        { position: relative; z-index: 10; }
#mainNavigation ul                              { display: none; position: absolute; background: #fff; padding: 4px 10px 10px; left: calc(100% - 10px); top: -11px; }
#mainNavigation > li > ul                       { left: -10px; top: 100%; }
#mainNavigation li:hover > ul                   { display: block; z-index: 10;}
.opened nav#nav::after                          { content: ""; opacity: 0.8; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 4;    }

#mainNavigation li li                                           { clear: both; display: table; }
#mainNavigation > li > ul > li:hover > a::after                 { content: " >";}
#mainNavigation li li ul                                        { top: -4px; background: #fff; }
#mainNavigation li li ul li                                     { background: none; }
#mainNavigation li.dropdown {
    display: inline-block;
}
#mainNavigation .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 120px;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
    background: rgba(240,240,240,0.8);
    z-index: 1;
}

    #mainNavigation .dropdown-content.gallery-drop {
        margin-left: 0;
    }

    #mainNavigation .dropdown-content a {
        color: black;
        padding: 6px 8px !important;
        text-decoration: none;
        display: block;
        text-align: left;
    }

#mainNavigation .dropdown:hover .dropdown-content {
    display: block;
}

@media (min-width: 1215px) {
    #mainNavigation .dropdown-content.gallery-drop {
        margin-left: 0;
    }
}    

    @media (min-width: 1200px) {
        #mainNavigation li a {
            /*padding: 6px 6px 10px 5px;*/
            padding: 6px 20px 25px 20px;
        }        
    }

    @media (max-width: 997px) {
        #mainNavigation li a {
            padding: 6px 20px 25px 20px;
        }
    }

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

        #mainNavigation .dropdown-content {
            box-shadow: none;
        }

        #mainNavigation li li > a {
            margin-right: 10px;
        }

        #mainNavigation li li > ul {
            margin-top: 3px;
            padding: 10px 10px 7px !important;
        }

        #mainNavigation li li ul {
            display: none !important;
        }

        #mainNavigation li li:hover > ul {
            display: block !important;
        }

        #mainNavigation li li li {
            padding: 0px;
        }

        .home #mainNavigation > li > ul > li a {
            font-size: 12px;
        }

        .home #mainNavigation li li > a {
            margin-right: 0px;
        }

        .home #mainNavigation > li > ul > li:last-child a::after {
            content: " -" !important;
        }
    }

    @media (max-width: 991px) {

        #nav {
            width: 100%;
            height: 33px;
            position: relative;
            top: 25px;
        }

        #header {
            padding: 0px 0px 7px;
        }

        .menuButton {
            width: 15px;
            height: 18px; /*border-radius:6px;*/
            padding: 6px;
            padding-top: 8px;
            position: absolute;
            top: 0;
            left: 0;
            cursor: pointer;
            z-index: 20;
            transition: all 0.3s ease-in-out 0s;
        }

        .menuBar {
            display: block;
            width: 100%;
            height: 2px;
            border-radius: 1px;
            background-color: #666;
            margin-bottom: 3px;
            transition: all 0.3s ease-in-out 0s;
        }

        .opened .menuBar {
            margin-bottom: 5px;
        }

        .opened .menuButton {
            padding: 6px;
        }

        .opened .menuBar.middle {
            display: none;
        }

        .opened .menuBar.top {
            transform: rotate(-45deg);
            margin-top: 8px;
        }

        .opened .menuBar.bottom {
            transform: rotate(45deg);
            margin-top: -7px;
        }

        .menuBar:last-child {
            margin: 0;
        }
    }

    @media (min-width: 992px) {
        .logo-link {
            display: inline-block;
        }

        #mainNavigation .dropdown-content.gallery-drop {
            margin-left: -5%;
        }
    }

    @media (min-width: 1150px) {
        #mainNavigation .dropdown-content.gallery-drop {
            margin-left: -3%;
        }
    }

    @media (min-width: 1200px) {
        #mainNavigation .dropdown-content.gallery-drop {
            margin-left: 0;
        }
    }

    #main {
        width: 100%;
        height: 100%;
        padding: 0;
        overflow: visible;
        display: block;
    }

    #footer span {
        display: inline-block;
    }

    #footer {
        height: 25px;
        padding-top: 8px;
        width: 100%;
        z-index: 101;
        display: block;
        clear: both;
        line-height: 16px;
        background: #000;
    }

        #footer p {
            margin: 0px;
            text-align: center;
            font-size: 11px;
            color: #fff;
            letter-spacing: 0px;
        }

            #footer p * {
                font-size: 11px;
                color: inherit;
                letter-spacing: 0px;
            }

            #footer p span:before {
                content: "|";
                padding-right: 5px;
                margin-left: 5px;
            }

    @media (max-width: 991px) {
        #logo {
            padding-top: 5px;
            position: absolute;
            left: 0px;
            width: 100%;
        }

        .logo-link {
            height: 70px;
            width: 100%;
            max-width: 250px;
            background-position: top center;
        }

        #mainNavigation a, #mainNavigation1 a {
            font-size: 16px;
        }

        #header {
            height: 71px;
        }

        /*OPENED MENU*/
        #header {
            height: 75px;
            overflow: hidden;
            transition: all 0.6s;
            position: relative;
        }

        .opened #header {
            height: 2006px;
            /*padding-bottom: 60px;*/
            margin-bottom: 30px;
        }

        #header #nav {
            height: auto;
            float: none;
            padding-top: 0px;
        }

        #mainNavigation {
            display: block;
            margin: 0px 0 85px -10px;
            padding: 0px;
            text-transform: uppercase;
            clear: left;
            position: relative;
            top: 57px;
            z-index: 10;
            width: calc(100% + 20px);
            background: #fff;
        }

            #mainNavigation li {
                list-style: none;
                margin-bottom: 5px;
                text-align: center;
            }

            #mainNavigation > li {
                text-align: left;
                border-bottom: 1px solid #ccc;
                margin: 0px;
            }

            #mainNavigation li.dropdown {
                display: block;
            }

            #mainNavigation .dropdown-content {
                display: block;
                position: relative;
                background-color: #fff;
            }

                #mainNavigation .dropdown-content a {
                    border-bottom: 1px solid #ccc;
                    padding: 15px 15px 14px 30px !important;
                    display: block;
                    font-size: 14px;
                    background: #fff;
                    transition: all 0.3s;
                }

                    #mainNavigation .dropdown-content a:last-child {
                        border-bottom: none;
                    }

            #mainNavigation > li > a {
                padding: 15px 15px 14px;
                display: block;
                font-size: 14px;
                /*background: #fff;*/
                transition: all 0.3s;
            }

                #mainNavigation > li > a:hover {
                    background: rgba(0,0,0,0.05);
                }

            #mainNavigation li ul {
                display: block;
                position: relative;
                left: 0px;
                top: auto;
                padding: 5px 0px 0px;
                -moz-box-shadow: none;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            #mainNavigation > li > ul {
                margin-bottom: 30px;
            }

            #mainNavigation li ul ul {
                margin-bottom: 15px;
            }

            #mainNavigation > li > ul > li > a,
            #mainNavigation > li > ul > li > a {
                font-weight: normal;
            }

                #mainNavigation > li > ul > li > a:before,
                #mainNavigation > li > ul > li > a:before {
                    content: "- "
                }

        #mainNavigation1 {
            clear: both;
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            text-transform: uppercase;
        }

            #mainNavigation1 li {
                list-style: none;
                margin-bottom: 5px;
                text-align: left;
                padding: 5px 0;
            }

                #mainNavigation1 li ul {
                    padding-left: 20px;
                }

        #mainNavigation li:last-child {
            padding-left: 15px;
        }

            #mainNavigation li:last-child,
            #mainNavigation li:last-child a {
                padding-right: 16px;
            }

                #mainNavigation li:last-child a {
                    height: 25px !important;
                    display: inline-block !important;
                    margin: 0 auto;
                }

        #footer p span:before {
            content: "";
        }

        #main {
            min-height: calc(100vh - 145px) !important;
        }
    }

    @media (max-width: 600px) {
        .home #nav {
            min-height: 105px;
        }

        .wrapper {
            min-height: calc(100% - 61px);
        }

        #footer {
            height: 53px;
        }

            #footer p span {
                display: block;
            }

        .logo-link {
            background-size: contain;
        }

        .slideLogo {
            min-height: 300px;
        }
    }

    @media all and (max-height:500px) {
        #mainNavigation {
            max-height: 300px;
            /*overflow-y: scroll;*/
        }
    }
    /* RESULTS ======================================================================*/

    .defaultResults,
    .contactPage {
        text-align: center;
        padding-top: 120px;
    }

    .HoldAll {
        display: inline-block;
        margin: 0 15px 50px 0;
        vertical-align: top;
        padding-bottom: 0px;
        position: relative;
    }

        .HoldAll.lastChild {
            margin-right: 0px;
            clear: both;
        }

        .HoldAll > .imgHolder {
            width: 243px;
            height: 310px;
            position: relative;
            background-position: top center;
            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
        }

        .HoldAll > .modelName {
            position: relative;
            overflow: hidden;
            text-transform: uppercase;
            padding: 10px 3px 8px;
            text-align: center;
            letter-spacing: 0px;
            font-size: 16px;
        }

            .HoldAll > .modelName > .holdmodelStats .socialContainer {
                display: none;
                z-index: 10;
                position: relative;
            }

            .HoldAll > .modelName > .holdmodelStats a {
                padding: 0px 8px 40px;
            }

            .HoldAll > .modelName > .holdmodelStats > a {
                width: 100% !important;
                height: 100% !important;
                position: absolute;
                top: 0px;
                left: 0px;
                z-index: 5;
                padding: 0px;
                padding-bottom: 39px;
                display: block;
                display: inline-block;
                background-position: top center;
                background-size: cover;
            }

            .HoldAll > .modelName > .holdmodelStats i {
                font-size: 22px;
            }

    .hidden {
        position: absolute;
        margin: -5px;
        top: -1px;
        left: -1px;
        width: 1px;
        height: 1px;
        display: block;
        overflow: hidden;
    }

    @media (min-width: 992px) {
        #modelResults .HoldAll:hover .modelName {
            background: rgba(0,0,0,0.7);
            color: #fff;
        }

        #modelResults .HoldAll:hover .imgHolder {
            filter: none;
        }

        .HoldAll:hover .modelName {
            height: 100%;
            width: 100%;
            display: table;
            background: rgba(0,0,0,0.2);
            position: absolute;
            top: 0px;
            left: 0px;
            padding: 0px;
            margin: 0px;
        }

        .HoldAll:hover .holdmodelStats {
            height: 100%;
            width: 100%;
            display: table-cell;
            vertical-align: middle;
        }

            .HoldAll:hover .holdmodelStats .socialContainer {
                display: block;
            }
    }


    /* PORTFOLIO ====================================================================*/

    .portfolio {
        overflow-x: hidden;
    }

    #portfolio {
        width: calc(100% - 40px);
    }

    .modelPortfolio ul li {
        float: left;
        margin-right: 3px;
    }

        .modelPortfolio ul li img {
            overflow: hidden;
            margin-bottom: 40px;
        }

    .back {
        display: block;
        font-size: 1.2em;
        padding: 7px 12px;
    }

    .modelNameStats {
        width: calc(100% - 180px);
        margin: 0 auto;
        text-align: center;
    }

        .modelNameStats h2 {
            overflow: hidden;
            display: inline-block;
            margin: 5px 0px 5px;
            padding: 0px;
            font-size: 25px;
            text-transform: uppercase;
            letter-spacing: 0;
            font-weight: 300;
        }

    .modelOptions {
        width: 100%;
        position: absolute;
        top: 5px;
    }

        .modelOptions * {
            font-size: 1.2em;
        }

        .modelOptions ul {
            margin: 0;
            text-transform: capitalize;
            font-weight: 400;
            padding: 0;
            list-style: none;
            font-size: 18px;
            float: right;
        }

            .modelOptions ul li {
                display: inline-block;
                color: inherit;
                font-size: 13px;
            }

                .modelOptions ul li a {
                    padding: 7px 12px;
                    text-transform: uppercase;
                }

                    .modelOptions ul li a.active {
                        color: #777;
                    }

                    .modelOptions ul li a.vidMenu {
                        display: inline-block;
                        margin: 0;
                        cursor: pointer;
                    }

                .modelOptions ul li.getBackLink a {
                    text-transform: capitalize
                }

                .modelOptions ul li.vidLi {
                    position: relative;
                }

    .statList {
        width: 100%;
        text-align: center;
        margin: 0 auto 20px;
        clear: both;
    }

        .statList ul {
            max-width: 600px;
            width: 80%;
            margin: 0 auto;
            color: inherit;
            padding-left: 0;
            list-style: outside none none;
            text-transform: capitalize;
        }

            .statList ul li {
                display: inline-block;
                color: #777;
                margin-right: 15px;
                line-height: 20px;
                letter-spacing: 0px;
                text-transform: uppercase;
                font-size: 13px;
            }

    .getBackLink {
        position: absolute;
        left: 0px;
    }

    .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
        margin: 0 auto;
    }

    @media (min-width: 992px) {
        .back {
            padding-top: 0px 0 !important;
            display: inline-block;
        }

        .modelOptions ul li a.vidMenu {
            display: none;
        }

        .portfolio #header {
            position: relative;
        }

        .modelPortfolio {
            margin-top: 30px;
            height: calc(100vh - 375px);
            min-height: 165px;
            max-height: 975px;
        }

            .modelPortfolio ul li img {
                height: calc(100vh - 400px);
                min-height: 140px;
                max-height: 950px;
                border: none;
            }

        .modelStats {
            position: absolute;
            top: calc(100vh - 265px);
            left: 0;
            right: 0;
        }

        .getBackLink {
            top: 2px;
        }

        .singleModel .modelPortfolio {
            height: calc(100vh - 255px);
            min-height: 285px;
        }

            .singleModel .modelPortfolio ul li img {
                height: calc(100vh - 280px);
                min-height: 260px;
            }

        .singleModel .modelStats {
            top: calc(100vh - 135px);
        }
    }

    @media (min-width: 992px) and (max-height: 540px) {
        .modelStats {
            top: 275px;
        }
    }

    @media (max-width: 991px) {
        .portfolio #main {
            padding-top: 81px;
        }

        .modelNameStats {
            width: 100%;
        }

        #portfolio {
            padding-top: 20px;
        }

        .modelPortfolio,
        .modelPortfolio > .mCustomScrollBox {
            height: auto !important;
            max-height: 999999px !important;
        }

            .modelPortfolio > .mCustomScrollBox > .mCSB_container {
                width: 100% !important;
            }

            .modelPortfolio li {
                float: none !important;
                display: block !important;
                width: 100%;
                margin: 0px !important;
            }

                .modelPortfolio li img {
                    width: 100% !important;
                    height: auto !important;
                    margin-bottom: 5px !important;
                }

        .modelOptions {
            display: block;
            position: relative;
            text-align: center;
        }

            .modelOptions ul {
                float: none;
                margin-bottom: 10px;
            }

                .modelOptions ul li a.vidMenu {
                    display: block;
                }

        .getBackLink {
            position: relative;
        }
    }

    .galleryStats {
        /*height: 250px;*/
    }

    .gallery-options {
        text-align: center;
    }

    .galleryStats ul {
        width: 100%;
        margin: 30px auto 0 auto;
    }

        .galleryStats ul li {
            /*width: 33%;*/
            display: inline-block;
            margin: 0;
            padding: 0;
        }

        @media (min-width: 992px) {
            .galleryStats ul li {
                width: 33%;
            }
        }

            .galleryStats ul li.getBackLink {
                position: static;
            }

    .galleryStats h2 {
        text-align: center;
        margin: 5px auto 0 auto;
        padding: 0px;
        font-size: 25px;
        text-transform: uppercase;
        letter-spacing: 0;
    }

    .galleryStats ul li.links {
        text-align: right;
    }

        .galleryStats ul li.links a {
            padding: 7px 12px;
            text-align: right;
            text-transform: uppercase;
        }

    .galleryStats .text {
        margin: 15px 0 30px 0;
    }

    @media (max-width: 991px) {
        .galleryStats h2 {
            margin: 30px auto;
            font-weight: 300;
        }

        /*.galleryStats ul {
            width: 70%;
        }*/

        /*.galleryStats ul li {
                width: 31%;
            }*/

        .galleryStats ul li.links {
            text-align: center;
        }
    }
    /* BACK / NEXT MODEL WITH SELECTED PORTFOLIO 
--------------------------------------------
--------------------------------------------
*/
    .getMoreModels, .getMoreGallery {
        width: 100%;
        text-align: center;
        padding: 30px 0px 20px;
        background: #000;
    }

        .getMoreModels a, .getMoreGallery a {
            position: absolute;
            width: 100%;
            height: 100%;
            cursor: pointer;
            z-index: 10;
        }

        .getMoreModels .FL, .getMoreGallery .FL {
            float: left;
            width: calc(50% - 10px);
            margin: 0px;
            text-align: left;
            position: relative;
        }

        .getMoreModels .FR, .getMoreGallery .FR {
            float: right;
            width: calc(50% - 10px);
            margin: 0px;
            text-align: right;
            position: relative;
            clear: none;
        }

        .getMoreModels .imgHolder, .getMoreGallery .imgHolder {
            width: 70px;
            height: 70px;
            display: block;
            background-size: cover !important;
        }

        .getMoreModels .FL .imgHolder, .getMoreGallery .FL .imgHolder {
            float: left;
            margin-right: 10px;
        }

        .getMoreModels .FR .imgHolder, .getMoreGallery .FR .imgHolder {
            float: right;
            margin-left: 10px;
        }

        .getMoreModels > .maxWidth > div:hover .imgHolder, .getMoreGallery > .maxWidth > div:hover .imgHolder {
            opacity: 0.6;
        }

        .getMoreModels .modelPagName, .getMoreGallery .modelPagName {
            display: inline-block;
            padding-top: 25px;
            text-transform: uppercase;
            color: #fff;
        }

            .getMoreModels .modelPagName span, .getMoreGallery .modelPagName span {
                display: block;
                font-size: 13px;
            }

                .getMoreModels .modelPagName span.arrow, .getMoreGallery .modelPagName span.arrow {
                    display: block;
                    width: 15px;
                    height: 15px;
                    border: 1px solid #fff;
                    transform: rotate(45deg);
                    position: absolute;
                    top: 28px;
                    visibility: hidden;
                }

        .getMoreModels > div > div:hover .modelPagName span.arrow, .getMoreGallery > div > div:hover .modelPagName span.arrow {
            visibility: visible;
        }

        .getMoreModels .FL .modelPagName span.arrow, .getMoreGallery .FL .modelPagName span.arrow {
            border-right: none;
            border-top: none;
            left: 30px;
        }

        .getMoreModels .FR .modelPagName span.arrow, .getMoreGallery .FR .modelPagName span.arrow {
            border-left: none;
            border-bottom: none;
            right: 30px;
        }

    @media all and (min-width: 992px) {
        .getMoreModels {
            margin: 100px auto 0px;
            position: absolute;
            bottom: 0px;
        }
    }

    @media all and (max-width: 991px) {
        .getMoreModels, .getMoreGallery {
            min-height: 70px;
        }
    }

    @media all and (max-width: 500px) {
        .getMoreModels, .getMoreGallery {
            min-height: 160px;
        }

            .getMoreModels > .maxWidth > div, .getMoreGallery > .maxWidth > div {
                text-align: center;
            }

                .getMoreModels > .maxWidth > div .imgHolder, .getMoreGallery > .maxWidth > div .imgHolder {
                    float: none;
                    margin: 0 auto;
                }

            .getMoreModels .FL .modelPagName span.arrow, .getMoreGallery .FL .modelPagName span.arrow {
                left: 50%;
                margin-left: -5px;
            }

            .getMoreModels .FR .modelPagName span.arrow, .getMoreGallery .FR .modelPagName span.arrow {
                right: 50%;
                margin-right: -5px;
            }
    }



    /* VIDEOS
---------
---------
*/
    .videos {
        width: 300px;
        height: 100%;
    }

    .videoGallery {
        width: 280px;
        height: 270px;
    }

    .videoList {
        height: auto;
        width: 280px;
        padding: 10px 0;
        margin-top: 10px;
    }

        .videoList p {
            margin: 0 0 30px 0;
            font-size: 12px;
        }

    .modelPortfolio.videoPage {
        display: table;
    }

        .modelPortfolio.videoPage .videos {
            display: table-cell;
            vertical-align: middle;
        }

    .voiceGallery {
        text-align: center;
        height: 100%;
        vertical-align: middle;
        display: table-cell;
    }

    .clip {
        width: 300px;
        margin: 0 auto 10px;
        overflow: hidden;
    }

        .clip p {
            margin-top: 0;
        }

    .vidLinksMobile {
        position: absolute;
        bottom: 20px;
        right: 0;
        width: auto;
        z-index: 100;
    }

        .vidLinksMobile a {
            display: block;
            margin: 0 0 5px 0;
            white-space: nowrap;
        }

    .videos {
        height: 100%;
        margin: 0 auto;
        max-width: 604px;
        width: 100%;
    }

    .videoGallery {
        width: 100%;
        height: 100%;
        float: left;
    }

        .videoGallery.single {
            float: none;
            margin: 0 auto;
        }

    .videoList {
        float: left;
        margin-top: 0px;
        height: 200px;
        padding: 0;
        width: 100%;
    }

        .videoList p {
            float: left;
            width: 65px;
            overflow: hidden;
        }

        .videoList a {
            width: 100%;
            color: inherit;
            line-height: 14px;
        }

            .videoList a img {
                height: auto;
                width: 100%;
                padding-bottom: 5px;
            }

    .theVid {
        height: 35px;
        width: 100%;
        background-position: center;
        background-size: cover;
        display: block;
    }

    @media (min-width: 1180px) and (min-height: 868px) {
        .videoGallery {
            width: 870px;
            height: 489px;
        }

        .videoList {
            max-height: 489px;
        }

        .modelPortfolio.videoPage {
            min-height: 513px;
        }
    }

    @media (min-width: 992px) and (max-width: 1179px) {
        .videoGallery {
            width: calc(100vw - 330px);
            height: calc((100vw - 330px) / 1.77778);
        }

        .videoList {
            max-height: calc((100vw - 330px) / 1.77778);
        }
    }

    @media (min-width: 992px) {
        .videos {
            width: 920px;
            height: 100%;
            margin: 0 auto;
        }

        .videoGallery {
            width: 675px;
            height: auto;
            float: left;
        }

        .videoList {
            height: 100%;
            width: 215px;
            padding: 0;
            float: right;
        }

            .videoList p {
                float: none;
            }

        .vidLinksMobile {
            display: none !important;
        }

        .videos {
            width: 100%;
            height: 100%;
            margin: 0 auto;
            max-width: none;
        }

        .videoList {
            float: right;
            margin-top: 0px;
            padding: 0;
            width: 230px;
        }

            .videoList p {
                float: left;
                width: 100%;
                margin-bottom: 10px;
            }

        .theVid {
            height: 107px;
            width: 100%;
            background-position: center;
            background-size: cover;
            display: block;
        }

        .videoList {
            margin-top: 0px;
        }

        .videoPage {
            min-height: calc(100vh - 380px);
            display: table;
        }

            .videoPage .videos {
                display: table-cell;
                vertical-align: middle;
                height: auto;
            }

        .videoGallery, .videoList {
            overflow: hidden;
        }

        .videoGallery {
            width: calc(100% - 250px);
        }
    }

    @media (max-width: 991px) {
        .videoList {
            height: auto;
        }

            .videoList p {
                width: calc(50% - 12px);
                height: auto;
                margin: 0px 4px 10px 0px !important;
                display: inline-block;
                vertical-align: top;
            }

                .videoList p:nth-child(2n) {
                    float: right;
                }

            .videoList a {
                font-size: 10px;
            }

                .videoList a img {
                    height: calc(((100vw - 60px) / 2) / 1.77778);
                    width: auto;
                    text-align: center;
                    margin: 0 auto;
                }

        .videoGallery, .flowplayer {
            height: calc((100vw - 60px) / 1.77778);
            margin-bottom: 20px;
        }

        .modelPortfolio.videoPage {
            height: auto;
        }

            .modelPortfolio.videoPage video {
                top: auto !important;
            }

        .singleVideo {
            margin-bottom: 40px;
        }
    }



    /* JOIN
-------
-------
*/
    #joinForm h1 {
        font-size: 21px;
        font-weight: 400;
    }

    .joinOne {
        width: calc(100% - (35% + 360px));
        display: inline-block;
        vertical-align: top;
        height: 420px;
        margin-right: 36px;
    }

        .joinOne h1, .joinOne p {
            margin-top: 10px;
            margin-bottom: 10px;
        }

    @media (min-width: 992px) {
        .joinOne {
            float: left;
        }
    }

    @media (max-width: 991px) {
        .joinOne {
            width: 100%;
            margin: 0 auto 30px;
            height: auto;
        }
    }

    .joinOne p {
        color: #888;
    }

    .col-2 {
        width: calc(35% - 10px);
        margin-right: 10px;
        float: left;
    }

        .col-2:last-child, .col-2-last {
            margin-left: 10px;
            margin-right: 0px;
            float: right;
            padding-top: 6px;
            width: 303px;
        }

    @media all and (min-width: 761px) and (max-width: 992px) {
        .col-2 {
            width: calc(100% - 330px);
            margin: 0px 0px 20px;
        }

        .col-2-last {
            max-width: 305px;
        }
    }

    @media all and (max-width: 760px) {
        .col-2 {
            width: calc(100%);
            margin: 0px 0px 20px;
            float: none;
        }
    }

    input, textarea, button {
        border-radius: 0px;
        border: 1px solid #888888;
        border-radius: 0px;
        background: #ffffff;
        display: inline-block;
        color: #888888;
        margin-bottom: 0px;
        padding: 5px 5px 3px;
        width: calc(100% - 140px);
        font: 400 15px/130% "Source Serif Pro",Arial,sans-serif;
        float: right;
    }

    .ddHolder {
        width: calc(100% - 120px) !important;
        margin-right: 9px !important;
        border: 1px solid #6e6e6e;
        float: right;
        position: relative;
    }

        .ddHolder .selected {
            width: 100%;
            line-height: 28px;
            text-indent: 5px;
            background: url(../img/DD-down.png) right -2px no-repeat;
        }

        .ddHolder .getDD {
            display: none;
            position: absolute;
            z-index: 20;
            width: 100%;
            left: -1px;
            border: 1px solid #6e6e6e;
            background: #fff;
        }

            .ddHolder .getDD > div {
                display: block;
                height: 28px;
                text-align: left;
                padding: 3px;
                margin: 0px;
                border-bottom: 1px solid #6e6e6e;
                width: calc(100% - 6px);
                position: relative;
            }

                .ddHolder .getDD > div > input {
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    width: 100%;
                    height: 100%;
                    background: rgba(0,0,0,0.8);
                    cursor: pointer;
                }

                .ddHolder .getDD > div > label {
                    margin: 0px;
                    padding: 0px;
                    text-indent: 3px;
                }

        .ddHolder:hover .getDD {
            display: block;
        }

    .recaptcha-inner {
        position: relative;
        text-align: right;
        float: right;
        padding-right: 23px;
    }

    .fieldHolder {
        position: relative;
        min-height: 32px;
    }

        .fieldHolder label {
            padding-top: 7px;
            display: inline-block;
            width: 120px;
            font-size: 14px;
            color: #888;
        }

    .radioHolder {
        display: inline-table;
        width: calc(100% - 124px);
        margin-top: -10px;
        vertical-align: text-top;
    }

        .radioHolder tr {
            display: inline-block;
            width: 86px;
            float: right;
        }

        .radioHolder td {
            position: relative;
        }

        .radioHolder input {
            position: absolute;
            right: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.8);
            cursor: pointer;
        }

        .radioHolder label {
            padding-top: 0px;
            width: auto;
            padding-right: 35px;
            background: url(../img/check.png) top right no-repeat;
            height: 30px;
            margin-left: 5px;
        }

        .radioHolder .active label {
            background-image: url(../img/check-active.png);
        }

    input[type="submit"] {
        background-color: #FF9818;
        border: 1px solid #888888;
        display: block;
        padding: 5px;
        width: 110px;
        float: right;
        font: 400 15px/130% "Source Serif Pro",Arial,sans-serif;
        border-radius: 0px;
        letter-spacing: 0.01em;
    }

    ::-webkit-input-placeholder {
        color: #ffffff;
        opacity: 1;
    }

    :-moz-placeholder {
        color: #ffffff;
        opacity: 1;
    }

    ::-moz-placeholder {
        color: #ffffff;
        opacity: 1;
    }

    :-ms-input-placeholder {
        opacity: 1;
    }

    #contactForm :-ms-input-placeholder {
        color: #ff9719;
    }

    @media all and (min-width: 740px) {
        .col-2-last label {
            width: 80px;
        }

        .col-2-last input {
            width: calc(100% - 100px);
        }

            .col-2-last input[type="submit"] {
                width: 110px;
            }
    }


    #join small {
        line-height: 13px;
        display: inline-block;
    }

    input[type=radio ]:not(old) {
        width: 30px;
        height: 30px;
        margin: 0;
        padding: 0;
        font-size: 1em;
        opacity: 0;
    }

        input[type=radio ]:not(old) + label {
            display: inline-block;
            line-height: 25px;
        }

            input[type=radio ]:not(old) + label > span {
                display: inline-block;
                width: 25px;
                height: 25px;
                margin: 0 0.45em 0 0.35em;
                float: right;
                border: 0.0625em solid #6e6e6e;
                border-radius: 25px;
                background: rgb(255,255,255);
                background-image: -moz-linear-gradient(rgb(255,255,255),rgb(255,255,255));
                background-image: -ms-linear-gradient(rgb(255,255,255),rgb(255,255,255));
                background-image: -o-linear-gradient(rgb(255,255,255),rgb(255,255,224));
                background-image: -webkit-linear-gradient(rgb(255,255,255),rgb(255,255,255));
                background-image: linear-gradient(rgb(255,255,255),rgb(255,255,255));
                vertical-align: bottom;
            }

        input[type=radio ]:not(old):checked + label > span {
            background-image: -moz-linear-gradient(rgb(255,255,255),rgb(255,255,255));
            background-image: -ms-linear-gradient(rgb(255,255,255),rgb(255,255,255));
            background-image: -o-linear-gradient(rgb(255,255,255),rgb(255,255,255));
            background-image: -webkit-linear-gradient(rgb(255,255,255),rgb(255,255,255));
            background-image: linear-gradient(rgb(255,255,255),rgb(255,255,255));
        }

            input[type=radio]:not(old):checked + label > span > span {
                display: block;
                width: 9px;
                height: 9px;
                margin: 7px;
                border: 1px solid #6e6e6e;
                border-radius: 10px;
                background: rgb(94,94,94);
                background-image: -moz-linear-gradient(rgb(94,94,94),rgb(94,94,94));
                background-image: -ms-linear-gradient(rgb(94,94,94),rgb(94,94,94));
                background-image: -o-linear-gradient(rgb(94,94,94),rgb(94,94,94));
                background-image: -webkit-linear-gradient(rgb(94,94,94),rgb(94,94,94));
                background-image: linear-gradient(rgb(94,94,94),rgb(94,94,94));
            }

    .radioHolder input {
        position: absolute;
    }

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    #content_uploadFileHead, #content_uploadFileFull {
        border: none;
        width: 100%;
        color: inherit;
    }

    .joinThree p, .joinTwo p {
        color: inherit;
        font-size: 11px;
    }

    input.file {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        opacity: 0 !important;
        overflow: hidden !important;
        position: absolute;
        top: 0px;
        z-index: 10;
        cursor: pointer;
    }

    .uploadDummy {
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 0;
        height: 28px;
        color: #888888;
        width: calc(100% - 130px);
        overflow: hidden;
        background: #ffffff;
        border: 1px solid #888888;
        padding: 0px;
        text-align: right;
        color: #fff;
        text-align: right;
    }

        .uploadDummy i {
            font-style: normal;
            text-transform: uppercase;
            background: #FF9818;
            font-size: 13px;
            margin: 0px;
            width: 60px;
            padding: 3px 10px 5px;
            display: block;
            float: right;
        }

    .imageType {
        height: 20px;
        color: #888888;
        width: 133px;
        position: absolute;
        top: 6px;
        left: 137px;
        font-size: 13px;
        overflow: hidden;
    }

    .submit {
        border: none;
        color: #fff;
        float: right;
        padding: 10px;
        width: 100%;
        background: #9a0000;
    }

    .bubblingG {
        text-align: center;
        width: 45px !important;
        height: 22px;
    }

        .bubblingG span {
            display: inline-block;
            vertical-align: middle;
            width: 4px;
            height: 4px;
            margin: 11px auto;
            background: #FFFFFF;
            -moz-border-radius: 22px;
            -moz-animation: bubblingG 1s infinite alternate;
            -webkit-border-radius: 22px;
            -webkit-animation: bubblingG 1s infinite alternate;
            -ms-border-radius: 22px;
            -ms-animation: bubblingG 1s infinite alternate;
            -o-border-radius: 22px;
            -o-animation: bubblingG 1s infinite alternate;
            border-radius: 22px;
            animation: bubblingG 1s infinite alternate;
        }

    #bubblingG_1 {
        -moz-animation-delay: 0s;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        -o-animation-delay: 0s;
        animation-delay: 0s;
    }

    #bubblingG_2 {
        -moz-animation-delay: 0.3s;
        -webkit-animation-delay: 0.3s;
        -ms-animation-delay: 0.3s;
        -o-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    #bubblingG_3 {
        -moz-animation-delay: 0.6s;
        -webkit-animation-delay: 0.6s;
        -ms-animation-delay: 0.6s;
        -o-animation-delay: 0.6s;
        animation-delay: 0.6s;
    }

    @-moz-keyframes bubblingG {
        0% {
            width: 4px;
            height: 4px;
            background-color: #FFFFFF;
            -moz-transform: translateY(0);
        }

        100% {
            width: 11px;
            height: 11px;
            background-color: #000034;
            -moz-transform: translateY(-9px);
        }
    }

    @-webkit-keyframes bubblingG {
        0% {
            width: 4px;
            height: 4px;
            background-color: #FFFFFF;
            -webkit-transform: translateY(0);
        }

        100% {
            width: 11px;
            height: 11px;
            background-color: #000034;
            -webkit-transform: translateY(-9px);
        }
    }

    @-ms-keyframes bubblingG {
        0% {
            width: 4px;
            height: 4px;
            background-color: #FFFFFF;
            -ms-transform: translateY(0);
        }

        100% {
            width: 11px;
            height: 11px;
            background-color: #000034;
            -ms-transform: translateY(-9px);
        }
    }

    @-o-keyframes bubblingG {
        0% {
            width: 4px;
            height: 4px;
            background-color: #FFFFFF;
            -o-transform: translateY(0);
        }

        100% {
            width: 11px;
            height: 11px;
            background-color: #000034;
            -o-transform: translateY(-9px);
        }
    }

    @keyframes bubblingG {
        0% {
            width: 4px;
            height: 4px;
            background-color: #FFFFFF;
            transform: translateY(0);
        }

        100% {
            width: 11px;
            height: 11px;
            background-color: #000034;
            transform: translateY(-9px);
        }
    }

    @media all and (max-width: 991px) {
        input.file {
            width: calc(100% - 12px) !important;
        }
    }


    /* ABOUT
--------
--------
*/
    #about h1 {
        text-transform: none;
        font-size: 50px;
        font-weight: 200;
        line-height: 35px;
        padding-top: 20px;
        margin-bottom: 40px;
    }

        #about h1 small {
            font-size: 18px;
            font-weight: 300;
        }

    #about > div > div > div {
        margin-bottom: 40px;
    }

        #about > div > div > div > p {
            height: 1px;
            opacity: 0;
            overflow: hidden;
            transition: all 0.6s;
        }

        #about > div > div > div.open > p {
            height: auto;
            opacity: 0.7;
        }

        #about > div > div > div > b {
            font-weight: 400;
            font-size: 18px;
            cursor: pointer;
            display: block;
        }

            #about > div > div > div > b > span {
                height: 1px;
                width: 19px;
                background: #aaa;
                display: block;
                float: right;
            }

                #about > div > div > div > b > span::before {
                    content: " ";
                    height: 1px;
                    width: 18px;
                    background: #aaa;
                    display: block;
                    transform: rotate(-90deg);
                    transition: all 0.6s;
                }

        #about > div > div > div.open > b > span::before {
            transform: rotate(-360deg);
            background: transparent;
        }

    #about p {
        opacity: 0.7;
    }

    #about section ul li {
        font-size: 40px;
        text-align: center;
        padding: 40px 0;
        display: inline-block;
        font-weight: 200;
        opacity: 0.7;
    }

    #about section ul:first-child li {
        width: calc(50% - 3px);
    }

    #about section ul:last-child li {
        width: calc((100% / 3) - 3px);
    }

    #about section {
        margin-bottom: 30px;
    }

    .aboutPics {
        height: calc(100vh - 145px);
        overflow: hidden;
    }

    .aboutImg {
        width: 100%;
        height: 100%;
        background-size: cover !important;
        overflow: hidden;
    }

        .aboutImg:nth-child(3n) {
            margin-right: 0px;
        }

    .teamMember .teamImg {
        display: block;
        background: #ccc;
        background-size: cover !important;
    }

    #about > .maxWidth > p {
        margin-bottom: 60px;
    }

    .aboutImg .video, .aboutImg .video-player, .aboutImg video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    @media all and (min-width: 1140px) {
        .teamMember {
            width: calc(100% / 3 - 30px);
            display: inline-block;
            margin-bottom: 20px;
        }

            .teamMember:nth-child(3n - 1) {
                margin: 0px 40px;
            }

            .teamMember .teamImg {
                width: calc(1120px / 3 - 30px);
                height: calc((1120px / 3 - 30px) * 1.05);
            }
    }

    @media all and (min-width: 992px) and (max-width: 1139px) {
        .teamMember {
            width: calc(100vw / 3 - 45px);
            display: inline-block;
            margin-bottom: 20px;
        }

            .teamMember:nth-child(3n - 1) {
                margin: 0px 40px;
            }

            .teamMember .teamImg {
                width: calc(100vw / 3 - 45px);
                height: calc((100vw / 3 - 45px) * 1.05);
            }
    }

    @media all and (max-width: 991px) {
        .teamMember {
            width: calc(100vw / 2 - 30px);
            display: inline-block;
            margin-bottom: 20px;
            margin-right: 18px;
            vertical-align: top;
        }

            .teamMember:nth-child(2n) {
                margin-right: 0px;
            }

            .teamMember .teamImg {
                width: calc(100vw / 2 - 30px);
                height: calc((100vw / 2 - 30px) * 1.05);
            }

        #about > div > div > div {
            margin-bottom: 20px;
        }

            #about > div > div > div > b {
                padding-right: 30px;
            }

                #about > div > div > div > b > span {
                    margin-right: -30px;
                    margin-top: 8px;
                }

            #about > div > div > div > p {
                margin: 0px;
            }

            #about > div > div > div.open > p {
                margin-top: 15px;
            }

        #about h1 {
            font-size: 40px;
            line-height: 40px;
            margin-bottom: 20px;
        }

            #about h1 small {
                display: block;
                line-height: 24px;
                margin-top: 10px;
            }

        #about > .maxWidth > *:nth-child(5n) {
            margin-bottom: 10px;
        }

        #about section ul:first-child li,
        #about section ul:last-child li {
            width: 100%;
            font-size: 25px;
            text-align: left;
            padding: 15px 0;
        }
    }


    /* CONTACT 
----------
----------
*/

    #contactForm .fieldHolder {
        width: calc((100% / 3) - 10px);
        display: inline-block;
    }

        #contactForm .fieldHolder:nth-child(6n - 4) {
            margin: 0px 11px;
        }

        #contactForm .fieldHolder:nth-child(6n - 2),
        #contactForm .fieldHolder:nth-child(6n - 1),
        #contactForm .fieldHolder:nth-child(6n) {
            width: 100%;
        }

        #contactForm .fieldHolder:nth-child(6n) {
            text-align: right;
        }

        #contactForm .fieldHolder input,
        #contactForm .fieldHolder textarea {
            width: calc(100% - 12px);
        }

    #contactForm #content_btn_submit {
        width: 120px;
    }

    #contactForm ::-webkit-input-placeholder {
        color: #ff9719;
    }

    #contactForm :-moz-placeholder {
        color: #ff9719;
    }

    #contactForm ::-moz-placeholder {
        color: #ff9719;
    }

    #contactForm:-ms-input-placeholder {
        color: #ff9719;
    }

    .contactPage {
        margin-bottom: 30px;
    }

        .contactPage h1 {
            font-size: 17px;
            margin: 0px;
            padding: 0px;
        }

        .contactPage .address {
            line-height: 33px;
        }

        .contactPage p {
            color: #888;
        }

    #map-canvas {
        width: calc(100% - 400px);
        float: right;
    }

    .contactPage > div:first-child {
        min-height: 300px;
    }

    .contactPics {
        width: 100%;
        height: 550px;
        clear: both;
        margin: 40px auto;
    }

    #contactForm {
        clear: both;
    }

    @media all and (max-width: 991px) {
        #map-canvas {
            width: 100%;
            float: none;
        }
    }

    @media all and (max-width: 500px) {
        #contactForm .fieldHolder {
            width: 100% !important;
            margin: 0px !important;
        }
    }

    /* MEDIA STYLES =================================================================================================
   ============================================================================================================== */



    /* MENU =======================================================================*/
    @media (min-width: 992px) {

        .mobile-view-block {
            display: none !important;
        }

        .desktop-view-block {
            display: block !important;
        }

        html, body {
            min-height: 540px;
            font-size: 15px;
            line-height: 1.4em;
        }

        li, a {
            display: inline-block;
            text-align: left;
        }
    }


    /* OTHER 
--------
--------
*/
    body .mCSB_scrollTools * {
        opacity: 1 !important;
    }

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        border-radius: 5px;
    }

    .mCSB_scrollTools_vertical a + .mCSB_draggerContainer {
        margin: 10px 0px !important;
    }

    .mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
        margin: 0px 10px !important;
    }

    .mCSB_scrollTools_vertical .mCSB_dragger {
        height: 117px !important;
    }

    .mCSB_scrollTools_horizontal .mCSB_dragger {
        width: 117px !important;
    }

    .modelHolder svg {
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 20;
    }

    .getBackLink i {
        border-radius: 20px;
        background: url(../img/backBtn.svg) center center no-repeat #333;
        background-size: 15px 15px;
        color: #fff;
        font-size: 17px;
        width: 25px;
        height: 25px;
        display: inline-block;
        margin-right: 3px;
        vertical-align: middle;
    }

    .contentHeader {
        font-weight: bold !important;
        font-size: 18px !important;
    }

    #content_txtMessage {
        resize: none;
        height: 80px;
    }

    @media all and (max-width: 690px) {
        .modelName span {
            display: block;
        }

        .modelName em {
            display: block;
        }
    }

    /* HOME PAGE 
------------
------------
*/
    .homeSlider {
        width: 100%;
        height: 100vh;
    }

    .slideLogo {
        position: absolute;
        top: 0px;
        width: 100%;
        height: 100vh;
        display: table;
        z-index: 150;
    }

    @media (max-width: 991px) {
        .slideLogo {
            height: 109vh;
        }
    }

    .vertCenter {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        background: rgba(0,0,0,0.4)
    }

        .vertCenter svg {
            max-width: 520px;
            max-height: 520px;
            height: calc(100vh - 30px);
            width: calc(100vW - 100px);
            margin: 0 auto;
        }

    .scrollBtn {
        border: 2px solid #fff;
        width: 50px;
        height: 50px;
        display: block;
        border-radius: 30px;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 30px;
        cursor: pointer;
    }

        .scrollBtn span {
            background: transparent;
            width: 20px;
            height: 20px;
            border: 1px solid #fff;
            border-top: none;
            border-left: none;
            transform: rotate(45deg);
            display: block;
            position: relative;
            top: 10px;
            left: 15px;
        }

    .instagramFeed .item a, .instagramFeed .item a * {
        width: 100%;
        height: 100%;
        display: block;
    }

    .instagramFeed .item {
        display: inline-block;
        overflow: hidden;
        margin: 0px 8px 10px;
        position: relative;
    }

        .instagramFeed .item a img {
            height: auto;
        }

        .instagramFeed .item p {
            height: auto;
            width: calc(100% - 40px);
            margin-left: 20px;
            text-align: center;
            color: #fff;
        }

    .instagramFeed .options {
        position: absolute;
        top: 0px;
        left: 0px;
        background: rgba(0,0,0,0.5);
        display: none !important;
        opacity: 0;
    }

    .instagramFeed .item:hover .options {
        display: table !important;
        opacity: 1;
    }

    .instagramFeed .options .info {
        display: table-cell;
        vertical-align: middle;
    }

    .dual-column .column {
        width: 50%;
        float: left;
        margin-bottom: 40px;
    }

    .home h1 {
        padding: 20px 0px;
        font-size: 25px;
        font-weight: 200;
        text-transform: uppercase;
        text-decoration: underline;
    }

    .home .instagramFeed h1 {
        padding: 70px 0px 10px;
    }


    @media all and (min-width: 1181px) {
        .instagramFeed .item {
            width: calc((1120px / 4) - 12px);
            height: calc((1120px / 4) - 12px);
        }

            .instagramFeed .item:nth-child(4n) {
                margin-right: 0px;
            }

            .instagramFeed .item:nth-child(4n - 3) {
                margin-left: 0px;
            }
    }

    @media all and (min-width: 801px) and (max-width: 1180px) {
        .instagramFeed .item {
            width: calc(((100vw - 60px) / 4) - 12px);
            height: calc(((100vw - 60px) / 4) - 12px);
        }

            .instagramFeed .item:nth-child(4n) {
                margin-right: 0px;
            }

            .instagramFeed .item:nth-child(4n - 3) {
                margin-left: 0px;
            }
    }

    @media all and (min-width: 401px) and (max-width: 800px) {
        .instagramFeed .item {
            width: calc(((100vw - 60px) / 2) - 2px);
            height: calc(((100vw - 60px) / 2) - 2px);
        }

            .instagramFeed .item:nth-child(2n) {
                margin-right: 0px;
            }

            .instagramFeed .item:nth-child(2n - 1) {
                margin-left: 0px;
            }
    }

    @media all and (max-width: 400px) {
        .instagramFeed .item {
            width: calc(100vw - 55px);
            height: calc(100vw - 55px);
        }
    }

    @media all and (max-width: 992px) {
        .dual-column .column {
            width: 100%;
            float: none;
        }
    }


    /* NEW - GENERATION 
-------------------
-------------------
*/
    .masonary-holder .item {
        width: calc(100% / 4 - 8px);
        margin: 0px 0px 5px;
        display: block;
        position: relative;
    }

        .masonary-holder .item img {
            width: 100%;
        }

        .masonary-holder .item a {
            display: none;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: calc(100% - 5px);
            z-index: 5;
            background: rgba(0,0,0,0.6);
            text-align: center;
            color: #fff;
            overflow: hidden;
        }

        .masonary-holder .item:hover a {
            display: block;
        }

        .masonary-holder .item .itemCase {
            display: table;
            vertical-align: middle;
            width: 100%;
            height: 100%;
        }

        .masonary-holder .item .itemInfo {
            display: table-cell;
            vertical-align: middle;
        }

            .masonary-holder .item .itemInfo .intro {
                margin-top: 15px;
            }

            .masonary-holder .item .itemInfo h4 {
                font-weight: normal;
                text-transform: uppercase;
                margin: 0px;
                padding: 0px;
            }

            .masonary-holder .item .itemInfo p {
                padding: 0 30px;
                margin: 10px 0px 0px;
                color: inherit;
            }

    @media all and (max-width: 991px) {
        .masonary-holder .item {
            width: calc(100% / 2 - 8px);
            margin: 0px 0px 5px;
            display: block;
            position: relative;
        }
    }

    @media all and (max-width: 500px) {
        .masonary-holder .item {
            width: 100%;
            margin: 0px 0px 5px;
            display: block;
            position: relative;
        }
    }


    /* COLOR SWAPPING 
-----------------
-----------------
*/
    a:hover, .active, .getMoreModels .modelPagName span, .HoldAll:hover * {
        color: #ff9719;
    }

    .fancybox-close, .fancybox-nav span, .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #ff9719 !important;
    }


    /* static and new generation */
    .orange a:hover, #mainNavigation .orange > a:hover, .orange .active,
    .orange .getMoreModels .modelPagName span, .getMoreGallery .modelPagName span,
    .orange .HoldAll:hover *,
    .open b {
        color: #ff9719 !important;
    }

    .orange #header, .orange #mainNavigation .dropdown-content {
        background: rgba(255,246,235,0.8);
    }
    /* mainboard */
    .purple a:hover, .purple .active, .purple .getMoreModels .modelPagName span, .purple .HoldAll:hover * {
        color: #a721e3;
    }

    .purple a:hover, .purple .active, #mainNavigation .purple > a:hover {
        color: #a721e3 !important;
    }

    .purple .fancybox-close, .purple .fancybox-nav span,
    .purple .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #a721e3 !important;
    }

    .purple #header, .purple #mainNavigation .dropdown-content {
        background: rgba(249,235,255,0.8);
    }


    /* new faces */
    .pink a:hover, .pink .active, .pink .getMoreModels .modelPagName span, .pink .HoldAll:hover * {
        color: #ff00e5;
    }

    .pink a:hover, .pink .active, #mainNavigation .pink > a:hover {
        color: #ff00e5 !important;
    }

    .pink .fancybox-close, .pink .fancybox-nav span,
    .pink .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #ff00e5 !important;
    }

    .pink #header, .pink #mainNavigation .dropdown-content {
        background: rgba(255,235,253,0.8);
    }


    /* international */
    .blue a:hover, .blue .active, .blue .getMoreModels .modelPagName span, .blue .HoldAll:hover * {
        color: #24ebff;
    }

    .blue a:hover, .blue .active, #mainNavigation .blue > a:hover {
        color: #24ebff !important;
    }

    .blue .fancybox-close, .blue .fancybox-nav span,
    .blue .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #24ebff !important;
    }

    .blue #header, .blue #mainNavigation .dropdown-content {
        background: rgba(234,253,255,0.8);
    }


    /* commercial */
    .yellow a:hover, .yellow .active, .yellow .getMoreModels .modelPagName span, .yellow .HoldAll:hover * {
        color: #ffd500;
    }

    .yellow a:hover, .yellow .active, #mainNavigation .yellow > a:hover {
        color: #ffd500 !important;
    }

    .yellow .fancybox-close, .yellow .fancybox-nav span,
    .yellow .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #ffd500 !important;
    }

    .yellow #header, .yellow #mainNavigation .dropdown-content {
        background: rgba(255,252,234,0.8);
    }


    /* hostesses */
    .green a:hover, .green .active, .green .getMoreModels .modelPagName span, .green .HoldAll:hover * {
        color: #8adb0f;
    }

    .green a:hover, .green .active, #mainNavigation .green > a:hover {
        color: #8adb0f !important;
    }

    .green .fancybox-close, .green .fancybox-nav span,
    .green .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #8adb0f !important;
    }

    .green #header, .green #mainNavigation .dropdown-content {
        background: rgba(247,255,234,0.8);
    }

    #mainNavigation .dropdown-content a:hover {
        color: #ff9719 !important;
    }


    .HoldAll > .modelHolder {
        position: absolute;
        top: 0px;
        left: 0px;
        cursor: pointer;
        width: 100%;
        height: calc(100% + 40px) !important;
        z-index: 50;
    }

    .submit {
        -webkit-appearance: none;
        border-radius: 0px;
    }

    .uploadDummy {
        height: 26px;
    }

    /*GRID VIEW*/
.grid-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .grid-container ul {
        list-style: none;
        margin: 30px;
        padding: 0;
    }

    .grid-container li {
        align-items: center;
        display: flex;
        font-size: 18px;
        justify-content: center;
        margin: 15px;
        min-height: 200px;
        padding: 0;
        width: calc((100% / 1) - 30px);
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat
    }

@media (min-width: 425px) {

    .grid-container li {
        width: calc((100% / 2) - 30px);
    }
}

@media (min-width: 768px) {

    .grid-container li {
        width: calc((100% / 3) - 30px);
    }
}

@media (min-width: 991px) {

    .grid-container li {
        width: calc((100% / 4) - 30px);
    }
}