@font-face {
    font-family: 'cl';
    src: url('fonts/Canela-Thin.eot');
    src: url('fonts/Canela-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Canela-Thin.svg#font') format('svg'), url('fonts/Canela-Thin.otf') format('opentype'), url('fonts/Canela-Thin.ttf') format('truetype'), url('fonts/Canela-Thin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hnul';
    src: url('fonts/HelveticaNeue-Light.eot');
    src: url('fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype');
    src: local('☺'), url('fonts/HelveticaNeue-Light.svg#font') format('svg'), url('fonts/HelveticaNeue-Light.otf') format('opentype'), url('fonts/HelveticaNeue-Light.ttf') format('truetype'), url('fonts/HelveticaNeue-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cli';
    src: url('fonts/Canela-ThinItalic.eot');
    src: url('fonts/Canela-ThinItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Canela-ThinItalic.svg#Canela-ThinItalic') format('svg'), url('fonts/Canela-ThinItalic.otf') format('otf'), url('fonts/Canela-ThinItalic.ttf') format('truetype'), url('fonts/Canela-ThinItalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'hnul';
        src: url('fonts/HelveticaNeue-Light.svg') format('svg');
    }

    @font-face {
        font-family: 'cl';
        src: url('fonts/Canela-Thin.svg') format('svg');
    }

    @font-face {
        font-family: 'cti';
        src: url('fonts/Canela-ThinItalic.svg') format('svg');
    }
}

.mainHeader {
    height: 9em;
    text-align: center;
    z-index: 60;
    position:fixed;
    width:100%;
}

.headerBack{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    opacity:0;
    background-color:#ffffff;
    transition: opacity 500ms linear;
}

.headerBackAC{
    position:fixed;
    height:8.5em;
}

.headerBackOpacity{
    opacity:0.95;
}

.mainNavigation1 {
    display: none;
}

.mainNavigation2 {
    position: fixed;
    z-index: 60;
    vertical-align: top;
    font-family: 'serifttfont', serif;
    margin: 2em 3em;
    width:calc(100% - 6em);
    height: 5em;
    padding: 0;
}

.mainLogo {
    height: 38%;
    top: 31%;
    transition: all 500ms linear;
}

.mainLogoAnimate {
    left: 3em;
    animation: mymovea4 0.3s;
    animation-timing-function: linear;
}

.headerArtistContactA:link {
    position: absolute;
    margin: auto;
    right: 3em;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 2.5em;
    color: #5E5E65;
    z-index: 4;
}

.headerArtistContactA:visited {
    color: #5E5E65;
}

.headerArtistContactA:hover {
    color: #000000;
}

.headerArtistContactA:active {
    color: #000000;
}

.headerArtistAboutA {
    margin: auto;
    height: 1.5em;
    color: #000000;
    z-index: 4;
    display: inline-block;
    padding: 0.5em 3em 0 0;
    text-decoration: none;
}

.headerArtistAboutA:visited {
    color: #000000;
    text-decoration: none;
}

.headerArtistAboutA:hover {
    color: #000000;
    text-decoration: underline;
}

.headerArtistAboutA:active {
    color: #000000;
    text-decoration: underline;
}

.headerArtistAboutA:last-of-type{
    position:absolute;
    right:3em;
    padding: 0.5em 0 0 0;
}

.mainNavigation2b .headerArtistAboutA:last-of-type{
    right:0;
}

.headerArtistContactText {
    font-family: 'cl', serif;
    font-size: 1.5em;
}

.goBackA {
    position: absolute;
    top: 100%;
    margin: auto;
    left: 3em;
    height: 2.5em;
    color: #5E5E65;
    background-color: #ffffff;
    z-index: 5;
}

.goBackAM {
    position: absolute;
    height: 100%;
    left: 1.5em;
    top: 0;
    color: #5E5E65;
    background-color: #ffffff;
    z-index: 5;
    display: none;
    align-items: center;
    justify-content: center;
}

.goBackTextInner {
    display: inline;
    padding: 0 0.1em 0 0;
}

.goBackText {
    font-family: 'cl', serif;
    font-size: 2.5em;
}

.goBackAMImg {
    height: 90%;
    display: block;
}

.mainContent {
    /*height: calc(100% - 9em);*/
    height:100%;
}

.mainBioOuter {
    padding: 0 3em 0 3em;
    height: 100%;
    /*overflow: auto;*/
}

.mainBio {
    font-family: 'serifttfont', serif;
    /*max-width:100em;*/
    margin: 0 auto;
    padding: 0 0 3em 0;
}

.mainBioLeft {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding:9em 0 0 0;
}

.mainBioLeftInner {
    font-family: 'cl', serif;
    font-size: 2em;
    padding: 0 3em 0 0;
    line-height: 1.4em;
    color: #000000;
    hyphens: auto;
    text-align: justify;
}

.mainBioRight {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding:9em 0 0 0;
}

.mainBioRightInner {
    padding: 1em;
    position: relative;
}

.bioPic {
    width: 100%;
    display: block;
}

.bioPicT {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 1em;
    width: 100%;
}

.bioPicB {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    height: 1em;
    width: 100%;
}

.bioPicL {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 1em;
}

.bioPicR {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    height: 100%;
    width: 1em;
}

.headerTitle {
    padding: 0 0 0 0;
}

.headerTitle1 {
    text-align: left;
    position: relative;
    margin: 0 0 0 0;
    display:inline-block;
}

.headerTitle2 {
    font-family: 'cli', serif;
    font-size: 1.5em;
    text-align: left;
    text-transform: lowercase;
    display:inline-block;
    padding:0 0 0 0.7em;
}

.landingPageVideo1 {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    background-color: #ffffff;
    z-index: 1000;
}

.landingPageVideo2 {
    display: block;
    opacity: 0.3;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.landingLogo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.landingLogoImage {
    height: 50%;
    display: block;
    animation: mymove2 1.3s;
    animation-timing-function: linear;
    height: 50%
}

.landingLogoTransition {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*transition: all 1500ms linear;
    transform: translateZ(-1000000vmin);*/
}

.landingLogoTransition1 {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    animation: mymove1 1.3s;
    animation-timing-function: linear;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(0) translateY(0);
    perspective: 60em;
}

.landingLogoTransition2 {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform-style: preserve-3d;
    animation: mymove3 1.3s;
    animation-timing-function: linear;

    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

.landingLogoTransition3 {
    transform: translateZ(0 vmin);
}

@keyframes mymove1 {
    0% {
        transform: translateX(0vw) translateY(-30vh)
    }
    20% {
        transform: translateX(15vw) translateY(-3vh)
    }
    25% {
        transform: translateX(16vw) translateY(-2vh)
    }
    30% {
        transform: translateX(17vw) translateY(-1vh)
    }
    35% {
        transform: translateX(18vw) translateY(0vh)
    }
    /*50%   {transform: translateX(21vw) translateY(-1vh)}
    55%   {transform: translateX(21vw) translateY(-2vh)}
    90%   {transform: translateX(0vw) translateY(0vh)}*/
    100% {
        transform: translateX(0) translateY(0)
    }
}

@keyframes mymove2 {
    0% {
        height: 0;
    }
    20% {
        height: 18%;
    }
    100% {
        height: 50%
    }
}

@keyframes mymove3 {
    0% {
        transform: rotateX(0deg) rotateY(180deg) rotateZ(270deg)
    }
    18% {
        transform: rotateX(41deg) rotateY(138deg) rotateZ(222deg)
    }
    25% {
        transform: rotateX(64deg) rotateY(135deg) rotateZ(208deg)
    }
    35% {
        transform: rotateX(83deg) rotateY(138deg) rotateZ(174deg)
    }
    40% {
        transform: rotateX(90.46deg) rotateY(144deg) rotateZ(180deg)
    }
    52% {
        transform: rotateX(108.36deg) rotateY(151.2deg) rotateZ(178deg)
    }
    55% {
        transform: rotateX(112.85deg) rotateY(153deg) rotateZ(174deg)
    }
    75% {
        transform: rotateX(142.7deg) rotateY(165deg) rotateZ(176deg)
    }
    /*95%   { transform: rotateX( 179deg) rotateY(179deg) rotateZ(179deg)}*/
    100% {
        transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg)
    }
}

@keyframes mymove1old {
    0% {
        transform: translateX(0vw) translateY(-30vh)
    }
    30% {
        transform: translateX(15vw) translateY(-3vh)
    }
    35% {
        transform: translateX(16vw) translateY(-2vh)
    }
    40% {
        transform: translateX(17vw) translateY(-1vh)
    }
    45% {
        transform: translateX(18vw) translateY(0vh)
    }
    /*50%   {transform: translateX(21vw) translateY(-1vh)}
    55%   {transform: translateX(21vw) translateY(-2vh)}*/
    90% {
        transform: translateX(0vw) translateY(0vh)
    }
    100% {
        transform: translateX(0) translateY(0)
    }
}

@keyframes mymove2old {
    0% {
        height: 0;
    }
    25% {
        height: 25%;
    }
    100% {
        height: 50%
    }
}

@keyframes mymove3old {
    0% {
        transform: rotateX(180deg) rotateY(-52deg) rotateZ(90deg)
    }
    40% {
        transform: rotateX(110deg) rotateY(-52deg) rotateZ(20deg);
    }
    50% {
        transform: rotateX(75deg) rotateY(-40deg) rotateZ(-8deg);
    }
    60% {
        transform: rotateX(40deg) rotateY(-24deg) rotateZ(-5deg);
    }
    95% {
        transform: rotateX(5deg) rotateY(-2deg) rotateZ(-1deg);
    }
    100% {
        transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    }
}

/*
  10%  {transform:   rotateX(155deg)  rotateZ(80deg) }
    20%  {transform:   rotateX(100deg) rotateZ(70deg) }
    30%  {transform:   rotateX(65deg)  rotateZ(60deg) }
    40%  {transform:   rotateX(-20deg)  rotateZ(-60deg) }
*/
/*@keyframes mymove {
  0%   {transform: translateZ(-300000vmin) rotateX(-105deg) rotateZ(37deg) translateY(800vmin)}
  10%  {transform: translateZ(-450000vmin) rotateX(-105deg) rotateZ(37deg) translateY(8000vmin)}
  20%   {transform: translateZ(-400000vmin) rotateX(-105deg) rotateZ(37deg) translateY(600vmin)}
  30%  {transform:  translateZ(-350000vmin) rotateX(-105deg) rotateZ(37deg) translateY(400vmin)}
  40%  {transform: translateZ(-300000vmin) rotateX(-105deg) rotateZ(37deg) translateY(200vmin)}
  50% {transform: translateZ(-250000vmin) translateZ(0vmin) rotateX(0deg) rotateZ(0deg) translateY(0vmin)}
  60%   {transform: translateZ(-200000vmin) translateZ(-1000000vmin) rotateX(-105deg) rotateZ(37deg) translateY(-200vmin)}
  70%  {transform:  translateZ(-150000vmin) rotateX(-105deg) rotateZ(37deg) translateY(-400vmin)}
  80%  {transform: translateZ(-100000vmin) rotateX(-105deg) rotateZ(37deg) translateY(-6000vmin)}
  90% {transform: translateZ(-50000vmin) translateZ(0vmin) rotateX(0deg) rotateZ(0deg) translateY(-8000vmin)}
  100% {transform: translateZ(0vmin) rotateX(0deg) rotateZ(0deg) translateY(-100vmin)}
}*/

.aniLogo1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aniLogo2 {
    position: relative;
    display: inline-block;
    opacity: 0;
}

.aniLogo {
    display: block;
    height: 50vh;
    opacity: 0;
}

.aniLogoAb {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 38%;
    width: 62%;
    z-index: 1;
    animation: mymovea3 0.5s;
    animation-timing-function: linear;
}

.ani1Logo1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.ani1Logo {
    height: 50%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    animation: mymovea1 0.2s;
    animation-timing-function: cubic-bezier(0, 0, 0, 1);
}

.ani2Logo {
    height: 50%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    animation: mymovea2 .4s;
    animation-timing-function: cubic-bezier(0, 0, 0, 1);
}

/*@keyframes mymovea1 {
    0%   { left:-50vw;}
    100% { left:0;}
    }

@keyframes mymovea2 {
    0%   { left:80vw;}
    10%  { left:80vw;}
    100% { left:0;}
    }

@keyframes mymovea3 {
    0%   { width:0;}
    33%  { width:0;}
    50%  { width:0;}
    100% { width:62%;}
    }

@keyframes mymovea4 {
    0%   { left:-18vw;}
    100% { left:3em;}
    }*/

@keyframes mymovea1 {
    0% {
        left: 0;
    }
    100% {
        left: 0;
    }
}

@keyframes mymovea2 {
    0% {
        left: 0;
    }
    10% {
        left: 0;
    }
    100% {
        left: 0;
    }
}

@keyframes mymovea3 {
    0% {
        width: 62%;
    }
    33% {
        width: 62%;
    }
    50% {
        width: 62%;
    }
    100% {
        width: 62%;
    }
}

@keyframes mymovea4 {
    0% {
        left: 3em;
    }
    100% {
        left: 3em;
    }
}

.desktopMobileToggle1 {
    display: none;
}

.viewAllContainerOuter {
    height: 100%;
    padding: 0 3em 0 2.25em;
    width: calc(100% - 5.25em);
}

.viewAll{
    position:absolute;
    right:0;
    top:0;
    padding:0;
    font-family: 'cl', serif;
    font-size: 1.5em;
    color:#000000;
}

.footerElements.counters{
    padding:0;
    font-family: 'cl', serif;
    font-size: 1.5em;
}

.currentCount{
    color:#000000;
}

.totalCount{
    color:#000000;
}

.slash{
    padding:0 0.1em;
    color:#000000;
}

.previousNextText{
    font-family: 'cl', serif;
    font-size: 1.5em;
    color:#000000;
    position:absolute;
    left:2em;
    bottom:-1.1em;
    cursor:pointer;
}

.nextPreviousText{
    font-family: 'cl', serif;
    font-size: 1.5em;
    color:#000000;
    position:absolute;
    right: 2em;
    bottom:-1.1em;
    cursor:pointer;
}

.newerCaptions{
    display:inline-block;
    color:#000000;
    text-transform: uppercase;
    white-space:normal;
}

.columnContainer {
    padding: 0;
}

.instagramDiv {
    height: 100%;
}

/*.classOfPlayerMP4{
    width:auto;
    height:100%;
    display:inline;
}*/

.headerArtistInstaContactA {
    position: absolute;
    height: 100%;
    right: 1.5em;
    top: 0;
    z-index: 5;
    display: none;
    align-items: center;
    justify-content: center;
}

.headerArtistInstaContactAImg {
    height: 100%;
    display: block;
}

.naviOuter1 {
    z-index: 4;
    right: 1.5em;
}

.mainNavigation2 .naviOuter1 {
    right: 0;
}

.mobileMenuDropNavigationsA:link {
    font-family: 'cl', serif;
    font-size: 2em;
    color: #000000;
}

.mobileMenuDropNavigationsA:visited {
    color: #000000;
}

.mobileMenuDropNavigationsA:hover {
    text-decoration: underline;
}

.mobileMenuDropNavigationsA:active {
    text-decoration: underline;
}

.mobileMenuDropNavigations3Back{
    position:absolute;
    bottom: 2em;
    width: calc(100% - 10em);
}

.mobileMenuDropa {
    /*height: calc(100% - 9em);
    top:9em;*/
    top:0;
    height:100%;
}

.mobileMenuDropb {
    /*height: calc(100% - 9em);
    top:9em;*/
    top:0;
    height:100%;
}

.siteMap {
    display: none;
}

.artistDiv1 {
    /*display: flex;
    align-items: safe center;
    justify-content: center;
    flex-direction: column;
    height: calc(100% - 8em);*/
    overflow: auto;
    height:100%;

}

.artistDiv2{
    padding:11em 0 11em 0;
}

.artistDiv3 {
    /*width:calc(100% - 26em);
    display:inline-block;
    max-width: 110em;
    overflow: auto;
    max-width: 140em;*/


}

.artistNames1 {
    /*width: 33.33%;*/
    display: block;
    text-align: center;
}

.artistNames2:link {
    /*width: 33.33%;*/
    display: inline-block;
    vertical-align: top;
    color: #000000;
    text-align: center;
    padding: 2em 1.5em 2em 1.5em;
}

.artistNames2:visited {
    color: #000000;
}

.artistNames2:hover {
    color: #ffffff;
}

.artistNames2:active {
    color: #ffffff;
}

/*.artistNames1:nth-child(1) {
    width: 31%;
}

.artistNames1:nth-child(2) {
    width: 31%;
}

.artistNames1:nth-child(3) {
    width: 40%;
}

.artistNames1:nth-child(4) {
    width: 20%;
}

.artistNames1:nth-child(5) {
    width: 40%;
}

.artistNames1:nth-child(6) {
    width: 40%;
    text-align: right;
}

.artistNames1:nth-child(6) .artistTitle2{
    margin-right:6em;
}

.artistNames1:nth-child(7) {
    width: 60%;
}*/

.artistTitle {

}

.artistTitle1 {
    font-family: 'cl', serif;
    font-size: 4em;
    padding: 0 0 0.1em 0;
    text-transform: uppercase;
}

.artistTitle2 {
    font-family: 'cl', serif;
    font-size: 1.9em;
}

.artistTitle:hover .artistTitle2 {
    font-style: italic;
}

.headerArtistsOuter {
    width: 100%;
    height: 100%;
    text-align: center;
}

/*
.artistNames1:link:nth-child(1) {
  width:50%;
}

.artistNames1:link:nth-child(2) {
  width:50%;
}

.artistNames1:nth-child(6) {
  text-align:left;
}

.artistNames1:nth-child(8) {
  text-align:right;
}
*/
.newRightArrow {
    right: 3em;
}

.newLeftArrow {
    left: 3em;
}

.headerTitle1Inner {
    display: inline;
    font-family: 'cl', serif;
    font-size: 3em;
}

.selectedClass {
    text-decoration: underline !important;
}

.selectedClassAlt {
    text-decoration: underline !important;
}

.content3 {
    font-family: 'serifttfont', serif;
    padding: 4em 3em 0 3em;
    height: 4em;
    /*max-width: 100em;*/
    margin: 0 auto;
    width:calc(100% - 6em);
    position:fixed;
    bottom:0;
    left:0;
}

.content3I {
    height: 8em;
    position: static;
}

.contactC1 {
    width: 33.33%;
    vertical-align: top;
    display: inline-block;
    padding: 0 0 0 0;
}

.content3V{
    height: 8em;
    position: static;
    padding:1em 0 0 1em;
    width:calc(100% - 1em);
}

.content3I .contactC1{
    width:33.33%;
}

.content3V .contactC1{
    width:33.33%;
}

.contactC1Inner {
    font-family: 'cl', serif;
    font-size: 1.5em;
    line-height: 1.3em;
    text-align: center;
}

.contactC1:first-of-type .contactC1Inner {
    text-align: left;
}

.contactC1:last-of-type .contactC1Inner {
    text-align: right;
}

.cA:link {
    font-size: 1em;
    font-family: 'cl', serif;
    color: #000000;
}

.cA:visited {
    color: #000000;
}

.cA:hover {
    color: #888888;
}

.cA:active {
    color: #888888;
}

.downArrow {
    position: absolute;
    bottom: 1em;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    transform: rotate(90deg);
    cursor: pointer;
    height: 4em;
}

.content2 {
    padding: 0 3em;
    max-width: 82em;
    margin: 0 auto;
    height: calc(100% - 12em);
    overflow: auto;
}

.content2Inner {
    font-size: 2.2em;
    font-family: 'cl', serif;
    text-align: center;
    line-height: 1.3em;
    padding: 5em 0 5em 0;
}

.contactC1M {
    display: none;
}

.contactC1MV{
        visibility:hidden;
    }

.desktopMobileToggle2 {
    display: inline-block;
}

.bioMenuContainer {
    font-family: 'serifttfont', serif;
    /*max-width:100em;*/
    margin: 0 auto;
    padding: 0 3em;
}

/*.mainNavigation2Bio {
    margin: 2em 3em 2em 3em;
}*/

.mainNavigation2a {
    display: inline-block;
    vertical-align: top;
    width: 35%;
}

.mainNavigation2b {
    display: inline-block;
    vertical-align: top;
    width: calc(65% - 6em);
    padding: 0 0 0 6em;
}

/*.mainNavigation2Port {
    height: 5em;
    padding: 0;
    margin: 2em 3em;
    //overflow: hidden;
}

.mainNavigation2Port .mainNavigation2a {
    width: 100%;
}

.mainNavigation2Port .mainNavigation2b {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    text-align: center;
}*/

.mainNavigation2Port .mainNavigation2a {
    width: 100%;
}

.mainNavigation2Port .mainNavigation2b {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    text-align: center;
}

.columnContainer {
    /*height: calc(100% - 10em);*/
    height:100%;
}

.content3I .contactC1Inner {
    /*text-align: center !important;*/
}

.navIcon2b .navIcon2bInner2 {
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    background-color: #000000;
    margin: 0 0 0 auto
}

.naviOuter12b{
    overflow:visible;
}

.navIcon2b .navIcon2bInner2:nth-of-type(3) {
    margin: 0.4em 0 0.4em auto;
}

.viewAllDiv2 {
    padding: 0 0 1em 1em;
}

.videoOuterContainerClip {
    bottom: 1em;
    left: 1em;
    width: calc(100% - 1em);
    height: calc(100% - 1em);
}

.bioPicR {
    display: none;
}

.bioPicL {
    display: none;
}

.bioPicB {
    display: none;
}

.bioPicT {
    display: none;
}

.mainBioRightInner {
    padding: 0;
}

.contactC1InnerA {
    display: inline-block;
    text-align: center;
}

.ssMiddleSinglePortfolio {
    position: fixed;
    /*top: 6.85em;
    height: calc(100% - 11.15em);*/
    width: calc(100% - 20em);
    top:2.5em;
    left:0;
    height:calc(100% - 5em);
    padding:0 10em;
    z-index: 5;
    background-color: #ffffff;
}

.footerSinglePortfolio {
    position: fixed;
    top: 0.5em;
    left: 3em;
    height: 2em;
    width: calc(100% - 6em);
    z-index:10;
}

.headerPortFullScreen .mainLogo {
    left:1.5em;
    top:1.5em;
}

.headerPortFullScreen .naviOuter1 {
    visibility: hidden;
}

.headerPortFullScreen .headerArtistsOuter{
    visibility: hidden;
}

.classOfPlayerLan{
    width:100%;
    height:100%;
    display:block;
}

.artistBackgroundOuter{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
}

.artistBackgroundInner{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity 500ms linear;
}

.artistBackgroundInnerO1{
    opacity:0.7;
}

.artistBackgroundInnerImage{
    opacity:0;
    display:block;
    height:1em;
    margin:auto;
}

.artistBackgroundInnerContain{
    background-size: contain;
}

.viewAllContainerInner{
    min-height:calc(100% - 9em);
    padding:9em 0 0 0;
}

.rolloverCaptions{
    width:100%;
    height:100%;
    right:0;
    top:0;
    position:absolute;
    background-color:rgba(255,255,255,0.8);
    opacity:0;
    transition: opacity 500ms linear;
    z-index:10;
    font-size: 2em;
    font-family: 'cl', serif;
    text-transform: uppercase;
    line-height: 1.2em;
    pointer-events:none;
}

.viewAllDiv2:hover .rolloverCaptions{
    opacity:1;
}

.iFrameContHome{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navIcon2bInner1{
    position:absolute;
    top:0;
    right:-15px;
    height:100%;
    width:20px;
    display:block;
}

.navIcon2b{
    position:relative;
}

@media (max-width: 1800px) {
    .headerTitle1 {
       display: block;
    }

    .headerTitle2 {
        display: block;
        padding:0;
    }
}




@media (max-width: 1350px) {

        .mainNavigation2Port .mainNavigation2b {
        text-align: right;
    }

    .headerArtistAboutA:nth-last-of-type(2) {
       padding-right:6em;
    }

    /*.artistNames1:link {
        width: 100%;
        text-align: center;
    }



    .artistNames1:nth-child(6) .artistTitle2 {
        margin-right: 0;
    }*/

}
@media (max-width: 1000px) {



    .mainNavigation2 .naviOuter1 {
        display:block;
    }

    .headerTitle {
        /*padding: 0 0 0 1.5em;*/
    }

    .mainNavigation2a {
        width: 100%;
    }

    .mainNavigation2b {
        display: none;
    }
}
@media (max-width: 767px) { /*767px or less */

    .naviOuter1, .naviOuter2 {
        display:block;
    }

    .mainNavigation2 {
        margin: 2em 1.5em 2em 1.5em;
        width: calc(100% - 3em);
    }

    .artistBackgroundInner{
        background-size: contain;
    }

.content3Artist{
    position: relative;
}

    .counterSeperator1{
        display:none;
    }

    .counterSeperator2{
        display:block;
    }

    .desktopMobileToggle2{
        display:none;
    }

.desktopMobileToggle1{
        display:inline-block;
    }

    .content3I .contactC1Inner {
        text-align: center !important;
    }

    .content3V .contactC1Inner {
        text-align: center !important;
    }

    .content2 {
        height: auto;
    }

    .artistTitle1 {
        font-size: 2.5em;
        padding: 0 0 0.2em 0;
    }

    .bioMenuContainer {
        padding: 0;
    }


    .headerArtistAboutA {
        padding: 0 3em 0 0;
    }

    .newerCaptions{
        display: block;
        line-height: 1.3em;
        padding: 0.3em 0 0 0;
    }

    .artistDiv1 {

    }

    .newRightArrow {
        right: 1.5em;
    }

    .newLeftArrow {
        left: 1.5em;
    }

    .artistDiv2 {
        width: auto;
    }

    .mainLogo {
        left: 1.5em;
        height:2.6em;
        top:3.7em;
    }

    .mainLogoAnimate {
        left: 1.5em;
    }

    @keyframes mymovea4 {
        0% {
            left: -15em;
        }
        100% {
            left: 1.5em;
        }
    }

    .navi {

    }

    .goBackA {
        display: none;
    }

    .goBackAM {
        display: flex;
    }

    .headerTitle {
    }

    .headerTitle1 {
    }

    .headerTitle1Inner {
        font-size: 3em;

    }

    .headerTitle2 {
        font-size: 1.5em;
    }

    .mainBioOuter {
        padding: 9em 0 3em 0;
    }

    .mainBioLeft {
        width: calc(100% - 3em);
        padding: 3em 1.5em 0 1.5em;
    }

    .mainBioRight {
        width: calc(100% - 3em);
        padding: 0 1.5em 0 1.5em;
    }

    .mainBioLeftInner {
        padding: 0;
        text-align: justify;
    }

    .landingLogoImage {
        height: auto;
        width: 50%;
    }

    .aniLogo {
        height: auto;
        width: 50vw;
    }

    /*
        .mainPortViewAll2{
            margin:0;
            width:calc(100% - 4.5em);
        }
    */





    .mainContentRight {
        width: 100%;
        height: 100%;
    }

    .columnContainer {

    }

    .column1, .column2, .column3 {
        width: 100%;
        height: 100%;
    }

    .ssOuter {
        /*height:50em;*/
        height: 100%;
    }

    .mainHeader {

    }

    .headerArtistContactA {
        display: none;
    }

    .headerArtistInstaContactA {
        display: block;
    }

    .mainContent {

    }

    .divTableCellVABM {
        vertical-align: bottom;
    }

    .content3 {
        padding: 2em 1.5em 0 1.5em;
        height: 4em;
        width:calc(100% - 3em);
    }

    .content3I .contactC1 {
        width: 100% !important;
    }

    .content3I {
        height: auto;
    }

    .content3V .contactC1 {
        width: 100% !important;
    }

    .content3V {
        height: auto;
    }

    .contactC1Inner {
        font-size: 1.5em;
        padding: 0.2em 0;
    }

    .content2Inner {
        text-align: justify;
         padding: 5em 0 2em 0;
    }

    .contactC1D {
        display: none;
    }

    .contactC1M {
        display: inline-block;
    }

    .contactC1MV{
        visibility:visible;
    }

    .content3I .contactC1 {
        padding: 0 0 3em 0;
    }

    .content3V .contactC1 {
        padding: 0 0 3em 0;
    }

    .headerArtistsOuter {
        display: none;
    }

    .headerTitle1Inner {
        font-size: 2em;
    }

    .ssMiddleSinglePortfolio {
        width: calc(100% - 3em);
        padding:0 1.5em;
        top:7em;
        height:calc(100% - 10em);
    }

    /*.mainNavigation2Bio {
        margin: 2em 2em 2em 0;
        width: calc(100% - 2em);
    }*/

    .artistNames2:link{
    padding: 1.5em 1.5em 1.5em 1.5em;
    }


.content2 {
    padding: 0 1.5em 0 2em;
}


.viewAllContainerOuter {
    padding: 0 1.5em 0 0.5em;
    width: calc(100% - 2em);
}

.viewAllDiv2 {
    padding: 0 0 1.5em 1em;
}


.footerSinglePortfolio {
    left: 1.5em;
    width: calc(100% - 3em);
}

.previousNextText{
    left:1em;
    bottom:-1.5em;
}

.nextPreviousText{
    right:1em;
    bottom:-1.5em;
}

.headerBackAC{
    height:8em;
}

.content3V{
    height:auto;
    padding:2em 0 0 1em;
    width:calc(100% - 1em);
}

.content3I {
    height: auto;
}

}


@media only screen and (orientation: portrait) {
    /*.classOfPlayerMP4{
        width:100%;
        height:auto;
    }*/

    @keyframes mymove1 {
        0% {
            transform: translateX(0vw) translateY(-10vh)
        }
        20% {
            transform: translateX(15vw) translateY(1vh)
        }
        25% {
            transform: translateX(16vw) translateY(1vh)
        }
        30% {
            transform: translateX(17vw) translateY(1vh)
        }
        35% {
            transform: translateX(18vw) translateY(0vh)
        }
        /*50%   {transform: translateX(21vw) translateY(-1vh)}
        55%   {transform: translateX(21vw) translateY(-2vh)}
        90%   {transform: translateX(0vw) translateY(0vh)}*/
        100% {
            transform: translateX(0) translateY(0)
        }
    }

    @keyframes mymove2 {
        0% {
            height: auto;
            width: 0;
        }
        20% {
            height: auto;
            width: 12.5%;
        }
        100% {
            height: auto;
            width: 50%;
        }
    }

}

@media (min-width: 1001px) {
    .mobileMenuDropb {
        display:none !important;
    }
}