﻿#PageBreadCrumps    {display:none;}
#media-video-pop .all-content iframe {width: 100%; height: 700px;}

.galleryCaption                         { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index: 2;color: #242223;text-align: center; min-width: 80%; }
.galleryCube.width50 .galleryCaption,section.footerCubes .galleryCube.footerCube .galleryCaption,.topSlider  .galleryCaption   { color:#ffffff; }
.topSlider                              { position: relative; }
.galleryCaption h1                      { color: inherit;font-size: 330%; margin-top: 0px; margin-bottom: 10px; }
#SiteGrid                               { max-width: 1366px; }
#GridPage                               { width: 100%; }

.galleryCube                            { position: relative; width: 25%;float:right;cursor:pointer; }
.galleryCube.width50                    { width: 50%; }
.flexslider .flexslider-item            { padding-bottom: 100vh; }
#HomeSlider                             { margin-bottom: 0; }
.bottomTitle img                        { max-width: 212px; }
.sep img                                { max-width: 235px; }
.topPic img                             { max-width: 595px; }
.topTitle                               { margin-bottom: 70px; }
.galleryCube .galleryCaption img        { display: block;margin-bottom: 10px;margin:auto; }
.galleryCube h2                         { font-size: 230%;color: inherit; margin-top: 0;margin-bottom:5px; }
.galleryCube h2:after                   { content: ""; border-bottom: 3px solid #242223; display: block; width: 54px; margin: auto; margin-top: 10px; }
.galleryCube.width50 .galleryCaption h2:after,section.footerCubes .galleryCube.footerCube .galleryCaption h2:after { border-color:#ffffff; }

.modal-content                          { max-width: 95vw; margin: auto; background: transparent; max-height: 80vh;box-shadow:none;border:0; }
a.close                                 { opacity: 1;position: absolute;left: 50%; top: -40px; transform: translateX(-50%);-webkit-transform:; }
a.close svg                             { width: 30px;height: 30px; }
#GalleryWrapper .flexslider .flexslider-item { padding-bottom: 48vh;background-size: cover; background-position: center center; background-repeat: no-repeat; }

.vertical-align-center                  { pointer-events: all; }
.modal-vertical-align                   { pointer-events: all; }
.width50                                { width: 50%; float: right; }
.width50 .galleryCube                   { width: 50%; }
.galleryCube h3                         { font-size: 190%; color: inherit; margin-top: 0; }
.galleryCube.width50:after,.galleryCube.smallLeft:after, .galleryCube.smallRight:after             { content: "";position: absolute;left: 10px;right: 10px;bottom: 10px; top: 10px; background-image: url(../../../000Frames/site/images/border_wide.png); background-repeat: no-repeat;z-index: 5; pointer-events: none; background-size: 100%; }
.galleryCube.smallLeft:after, .galleryCube.smallRight:after                                         { left: 5px; right: 5px; bottom: 5px; top: 5px; }
.galleryCube.width50 h2                 {  font-size: 380%; }
section.footerCubes .galleryCube.footerCube { width: 25%; }
.galleryCube.footerCube:after               { content: ""; position: absolute; left: 10px; right: 10px; bottom: 10px; top: 10px; background-image: url(../../../000Frames/site/images/border-narrow.png); background-repeat: no-repeat; z-index: 5; pointer-events: none; background-size: 100% 100%; }
#content-pop .modal-content                 { background: #ffffff; border-radius: 0; padding: 40px;max-width:700px; }

.teamBlock                                  { width: 100%; display: table; margin-bottom: 20px;direction:rtl; }
.teamBlock .teamPic                         { width: 100px;display: table-cell;vertical-align: top; }
.teamContent                                { display: table-cell; vertical-align: top; text-align: right; padding-right: 20px; }
.teamContent h2                             { margin-top: 0;margin-bottom: 0px;font-size: 170%; }
.teamContent p                              { font-size: 110%; }
.teamBlocks                                 { overflow: auto; max-height: 390px; display: block; direction: ltr;padding-right:10px; }
.teamBlocks::-webkit-scrollbar              { width: 4px; } 
.teamBlocks::-webkit-scrollbar-track        { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.13); } 
.teamBlocks::-webkit-scrollbar-thumb        {  background-color: rgba(64, 63, 63, 0.43137254901960786);  }

#PageWrapper #body                          { overflow: auto; max-height: 390px; display: block; direction: ltr; }
#PageWrapper #body::-webkit-scrollbar              { width: 4px; } 
#PageWrapper #body::-webkit-scrollbar-track        { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.13); } 
#PageWrapper #body::-webkit-scrollbar-thumb        {  background-color: rgba(64, 63, 63, 0.43137254901960786);  }

.galleryCube .galleryCaption img                    { transform: translateY(12px) scale(0.5); -webkit-transform: translateY(12px) scale(0.5); }

#GalleryWrapper .flexslider:hover .flex-direction-nav .flex-next { opacity: 1; }
#GalleryWrapper .flexslider:hover .flex-direction-nav .flex-prev { opacity: 1; }
#GalleryWrapper .flex-direction-nav a:before                    { color: #ffffff;  font-size: 40px; }
#GalleryWrapper .flex-direction-nav a                           { width: 60px; height: 60px; }
.flex-direction-nav a.flex-next:before                          { content: ""; background-image: url('../../../000Frames/site/images/arrow-left.png'); background-size: cover; width: 60px; height: 60px; }
.flex-direction-nav a.flex-prev:before                          { content: ""; background-image: url('../../../000Frames/site/images/arrow-right.png'); background-size: cover; width: 60px; height: 60px; }

#GalleryWrapper .flex-direction-nav .flex-next                  { text-align: center; }

.scroll-down                                                    { position: absolute; bottom: 120px; z-index: 4;width:100%; }
.scroll-down svg                                                {  width: 60px; height: 32px; fill: #fff; display: block; margin: auto; }
    @-webkit-keyframes upAnddown                            { 
        from {        transform: translateY(0)
    }
    50% {
        transform: translateY(15px)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes upAnddown {
    from {
        transform: translateY(0)
    }

    50% {
        transform: translateY(15px)
    }

    to {
        transform: translateY(0)
    }
}
.scroll-down {
    animation-iteration-count: 5!important;
    -webkit-animation: upAnddown 1s infinite!important;
    animation: upAnddown 1s infinite!important;
    -webkit-animation-timing-function: ease-in-out!important;
    animation-timing-function: ease-in-out!important;
}

.colorLayer                         {position: fixed;top: 0;bottom: 0;left: -200%;width: 200%;height: 100vh;background: #CFA9A0;z-index: 11;}
.allMixtapes                        {position: absolute;bottom: 100px;left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%);z-index:1;background: #474747;opacity:0;}
.allMixtapesContainer               {padding: 0px;background-color: #454545;width: 100%;position: fixed;top: 0;right: 0%;min-height: 100vh !important;/*transition: all 250ms ease-out; -webkit-transition: all 250ms ease-out;*/z-index: 2;opacity:1;background-image:url('/Warehouse/content/pics/pic_92_a.jpg');display:none;/*transition: right 1000ms ease-in;-webkit-transition: right 1000ms ease-in;*/height:100%;}
.allMixtapesContainer.active        {/*width: 100%; opacity: 1;*/z-index:6;max-height: none !important; position: absolute; /*background-attachment: fixed;background-size: cover;*/ }
.mixTapeBoxWrapper                  { position: relative; padding-bottom: 67%; }
.mixTapeBoxWrapper img              { position: absolute; top: 0; left: 50%; /* right: 0; */ bottom: 0; /*max-height: 100%;*/ transform: translateX(-50%);-webkit-transform:translateX(-50%); /* width: 100%; */}
.mixTapeBoxWrapper svg              { width: 59px;height: 59px; position: absolute; bottom: 12px; right: 12px; }
.allMixtapesContainer .playList-title            { color: inherit; text-transform: uppercase; font-size: 360%; font-family: 'CeraGRBlack-Richkid';margin-top:0;line-height:1; padding-left:30px;}
.middlecontent .playList-title .word {margin-right: 40px;}
.middlecontent #closeIcon{width: 30px;height: auto;fill: #ffffff;}

.allMixtapesContainer .closePage    {position:  absolute;right: 30px;top: 0px; cursor:pointer;opacity:0;}
.galleryBoxWrapper                  { margin-top: 20px; }
.allMixtapesContainer .Title {position:  relative;}
.middlecontent                      { display: table-cell;vertical-align: middle; position:relative; right:20px}
.allMixtapesContainerBtn            { text-align: center; display: block; margin-top: 50px; }
.allMixtapesContainerBtn button     { background: #474747; margin-bottom: 0; padding: 10px 22px; font-size: 120%; }
a.mixTapeBox                        { margin-bottom: 30px;opacity: 0;-webkit-transform: translateZ(-1em) rotateX(90deg);transform: translateZ(-1em) rotateX(90deg);-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);display: inline-block;overflow:hidden; }
a.mixTapeBox.showItem {opacity: 1;-webkit-transform: translateZ(0) rotateX(0);transform: translateZ(0) rotateX(0);-webkit-transition-delay: 0.525s;transition-delay: 0.525s;}
.mixTapeBoxes.row                   { height: auto; position: relative; padding-bottom: 10vh; overflow: auto; max-width: 1024px; overflow-x: hidden; margin-top: 10vh; }

#headline img { max-width: 170px; margin-bottom: 10px; }

@media(max-width:1200px) {
   .allMixtapes    { bottom:40px; }
    .allMixtapesContainer h2 { font-size: 300%; }
}
@media(min-width:1366px){
   .galleryCube > img                           { min-width: 100%; }
   #GalleryWrapper .flexslider .flexslider-item { padding-bottom:74vh; }
   .modal-content   { max-width:75vw; }
}
@media(max-width:1366px) and (orientation: landscape){
   #GalleryWrapper .flexslider .flexslider-item { padding-bottom:74vh; }
   .galleryCube > img                           { min-width: 100%; }
}
@media(max-width:991px) {   
    /*.mixTapeBoxes.row   { height:65vh; }*/
    .allMixtapesContainer   { background-position:70%;}
    .allMixtapes {left: 7%;transform: none;bottom:40px;}
    .allMixtapesContainer .closePage {}
    .allMixtapesContainer .playList-title{padding-left: 33px;font-size: 350%;padding-right:0px;}

    #media-video-pop .all-content iframe { max-height: 400px;}
}
@media(max-width:991px) and (min-width:767px) {
    .galleryCube.footerCube { min-height: 225px; }

    .galleryCube { min-height: 202.5px; }
}
@media (max-width: 767px) {
    .topPic img                 { max-width: 100%; }
    .galleryCaption h1          { font-size: 220%; }
    .bottomTitle img            {  max-width: 132px; }
    .galleryCube.width50 h2     { font-size: 150%; }
    .galleryCube h2             { font-size: 100%; }
    .galleryCaption             {  width: 80%;top: 45%; }
    .galleryCube h3             { font-size: 150%;  }
    .sep img                    { max-width: 175px; }
    #content-pop .modal-content { max-width:93%; }
    /*.galleryCube .galleryCaption img { transform: translateY(16px) scale(0.3); -webkit-transform: translateY(16px) scale(0.3); }*/
    /*#GalleryWrapper .flexslider .flexslider-item        { padding-bottom: 300px; }*/
    /*.width50:not(.galleryCube)                    { width: 50%; display: inline-block; vertical-align: top;float:none; }
    section.homeCubes .galleryCube.width50:last-child       { float: none;vertical-align: top; width:calc(50% - 4px);display: inline-block; }*/
    /*.galleryCube                                            { height:99px; }
    .footerCubes .galleryCube                                            { height:auto; }
    .galleryCube.width50                                    {  height: 198px; }*/
    .topTitle                                               { margin-bottom: 70px; margin-top: 25px; }
    .galleryCube.width50                                    { width: 100%; }
    .galleryCube, section.footerCubes .galleryCube.footerCube { width: 50%; }
    .width50                                                { width: 100%; }
    .galleryCube.width50 h2                                 { font-size: 230%; }
    .galleryCube h2                                         { font-size: 160%; }
    section.footerCubes .galleryCube h2                     { font-size: 130%; }
    .scroll-down svg                                        { width:40px; }

     .allMixtapes    { bottom:80px; }    
    .allMixtapes.hvr-sweep-to-right > button{padding: 0px 10px 8px 10px; }
    .allMixtapes.hvr-sweep-to-right.hvr-sweep-to-right:after{display:none}
    .allMixtapes.bottomList {margin: 0 auto;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);    bottom: 90px;}
    .allMixtapes.bottomList > button{padding: 15px 32px;}
    
    .mixTapeBoxes.row           { margin-right:0;margin-left:0; }
    .allMixtapesContainer h2 { font-size: 200%; }
    .allMixtapesContainer   {}
    .mixTapeBoxWrapper svg  { width: 35px;height: 35px; position: absolute; bottom: 5px; right: 5px; }
    .allMixtapesContainer .playList-title{font-size: 10vw;margin-bottom: 20px;margin-top: 30px;}
    .allMixtapesContainer .closePage {top: 2px;z-index: 0;}
    section.footerCubes .galleryCube.footerCube { min-height: 220px; }

    #media-video-pop .all-content iframe { max-height: 300px;}
}

/*29/10/23*/
.homeCubes > div { position: relative; }
.homeCubes > div[dataid="92"] .galleryCube[dataid="92"], .homeCubes > div[dataid="105"] .galleryCube[dataid="105"], .homeCubes > div[dataid="106"] .galleryCube[dataid="106"] { cursor: default; }
.homeCubes > div[dataid="92"] div[dataid="92"]::before, .homeCubes > div[dataid="105"] div[dataid="105"]::before, .homeCubes > div[dataid="106"] div[dataid="106"]::before { content: ''; position: absolute; inset: 0; background: #cccccc; z-index: 10; opacity: 0.6; pointer-events: none; }