body {
    font-family: 'Cera Pro', Helvetica, Arial, 'sans-serif';
    background-color: #F7F7F6;
    color: #32312F;
    font-size: 16px;
    font-weight: 300
}

html,
body {
    position: relative;
    /*overflow-x:hidden;*/
}

@font-face {
    font-family: 'Cera Pro';
    src: url(/themes/wits-basic/fonts/Cera-Pro-Bold.eot);
    src: url(/themes/wits-basic/fonts/Cera-Pro-Bold.eot?#iefix) format('embedded-opentype'),
        url(/themes/wits-basic/fonts/Cera-Pro-Bold.woff2) format('woff2'),
        url(/themes/wits-basic/fonts/Cera-Pro-Bold.woff) format('woff'),
        url(/themes/wits-basic/fonts/Cera-Pro-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'Cera Pro';
    src: url(/themes/wits-basic/fonts/Cera-Pro-Regular.eot);
    src: url(/themes/wits-basic/fonts/Cera-Pro-Regular.eot?#iefix) format('embedded-opentype'),
        url(/themes/wits-basic/fonts/Cera-Pro-Regular.woff2) format('woff2'),
        url(/themes/wits-basic/fonts/Cera-Pro-Regular.woff) format('woff'),
        url(/themes/wits-basic/fonts/Cera-Pro-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'Cera Pro';
    src: url(/themes/wits-basic/fonts/Cera-Pro-Light.eot);
    src: url(/themes/wits-basic/fonts/Cera-Pro-Light.eot?#iefix) format('embedded-opentype'),
        url(/themes/wits-basic/fonts/Cera-Pro-Light.woff2) format('woff2'),
        url(/themes/wits-basic/fonts/Cera-Pro-Light.woff) format('woff'),
        url(/themes/wits-basic/fonts/Cera-Pro-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;

}

a {
    color: #fff;
}

a:hover {
    color: #32312F;
    text-decoration: none;
}

.w100 {
    width: 100%;
    height: auto
}



.fontm {
    font-family: "Montserrat";
    font-weight: 500;
}

.fontr {
    font-family: "Montserrat";
    font-weight: 400;
}

.fontb {
    font-family: "Montserrat";
    font-weight: 600;
}

.fontl {
    font-family: 'Montserrat';
    font-weight: 300;
}

.centerv {
    display: flex;
    /* justify-content: center;*/
    align-items: center;
}

.centera {
    display: flex;
    justify-content: center;
    align-items: center;
}

.endv {
    display: flex;
    justify-content: center;
    align-items: end;
}

.mobile {
    display: none;
}

.tleft {
    text-align: left;
}

/* Menu */
.navobar {
    display: inline-flex;
}

.navo {
    width: 100%;
    display: block;
    padding: 2% 4%;
    overflow: hidden;
    background-color: transparent;
    position: relative;
    z-index: 9;
}

.logo {
    display: inline-flex;
}

.menuTot {
    flex-direction: row;
    display: none;
}

.menuItem {
    display: inline-block;
    flex-direction: row;
    margin-right: 20px;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    line-height: 32px;
    color: #32312F;
}


.menuItem:after {
    display: block;
    content: '';
    border-bottom: solid 1px #32312F;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}

.menuItem:hover:after {
    transform: scaleX(1);
}

.fromLeft:after {
    transform-origin: 0% 50%;
}

.burger {
    display: relative;
    outline: none;
    height: 20px;
    width: 23px;
    border: 0px;
    padding: 0px;
    background: transparent;
    transition: all 250ms ease-out;
    cursor: pointer;
}

.burger:before,
.burger:after {
    content: '';
    width: 23px;
    height: 2px;
    position: absolute;
    background: #1a1a1a;
    transition: all 250ms ease-out;
    will-change: transform;
}

.bwhite:before,
.bwhite:after {
    background-color: #fff !important;
}

.burger:before {
    transform: translateY(-3px);
}

.burger:after {
    transform: translateY(3px);
}

.active.burger:before {
    transform: translateY(0) rotate(45deg);
}

.active.burger:after {
    transform: translateY(0) rotate(-45deg);
}

.burgerBtn {
    width: 30px;
    height: 30px;
}

.whiteBtn {
    color: #fff !important;
}

.menuItem.whiteBtn::after {
    border-bottom: 1px solid #fff;
}

.greyBg {
    background-color: rgba(105, 104, 99, 0.08);
}

.grey {
    color: #C8C9CA;
}



.burgerMob {
    display: relative;
    outline: none;
    height: 20px;
    width: 23px;
    border: 0px;
    padding: 0px;
    background: transparent;
    transition: all 250ms ease-out;
    cursor: pointer;
}

.burgerMob:before,
.burgerMob:after {
    content: '';
    width: 23px;
    height: 2px;
    position: absolute;
    background: #1a1a1a;
    transition: all 250ms ease-out;
    will-change: transform;
}

.burgerMob:before {
    transform: translateY(-3px);
}

.burgerMob:after {
    transform: translateY(3px);
}

.active.burgerMob:before {
    transform: translateY(0) rotate(45deg);
}

.active.burgerMob:after {
    transform: translateY(0) rotate(-45deg);
}

/* END MENU */

.rightv {
    float: right;
}

/* Footer */

.page-footer {
    background-color: #F7F7F6;
    color: #32312F;
    padding: 40px 28px;
}

.page-footer h3,
.page-footer a {
    color: #32312F;
    font-size: 20px;
}

.footer-copyright {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.page-footer li {
    padding-bottom: 5px;
}

.hadon {
    display: inline-flex
}

.hadon li {
    padding-right: 2px;
}


/* End Footer */

/*.ele, .ele *{ transition: all .1s;}*/

/* New CSS */

.white {
    color: #ffffff;
}

.mt-8 {
    margin-top: 8px;
}

.mb-8 {
    margin-bottom: 8px;
}

.mt-10 {
    margin-top: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mt-16 {
    margin-top: 16px;
}

.mb-16 {
    margin-bottom: 16px;
}

.mb-32 {
    margin-bottom: 32px;
}

.mt-32 {
    margin-top: 32px;
}

.mt-37 {
    margin-top: 37px;
}

.mb-56 {
    margin-bottom: 56px;
}

.mt-56 {
    margin-top: 56px;
}

.pt-16 {
    padding-top: 16px;
}

.pb-16 {
    padding-bottom: 16px;
}

.pt-24 {
    padding-top: 24px;
}

.pb-24 {
    padding-bottom: 24px;
}

.pt-52 {
    padding-top: 52px;
}

.pb-105 {
    padding-bottom: 105px;
}

.pt-32 {
    padding-top: 32px;
}

.pb-32 {
    padding-bottom: 32px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-64 {
    margin-top: 64px;
}

.mb-88 {
    margin-bottom: 88px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-10 {
    padding-bottom: 10px;
}

.mt-120 {
    margin-top: 120px;
}

.mt-130 {
    margin-top: 130px;
}

.mt-110 {
    margin-top: 110px;
}

.mt-160 {
    margin-top: 160px;
}

.mb-160 {
    margin-bottom: 160px;
}

.mb-48 {
    margin-bottom: 48px;
}

.mt-48 {
    margin-top: 48px;
}

.mb-24 {
    margin-bottom: 24px;
}

.mt-24 {
    margin-top: 24px;
}

.mt-12 {
    margin-top: 12px;
}

.mt-270 {
    margin-top: 270px;
}

.mt-250 {
    margin-top: 250px;
    margin-top: 200px;
}

.mt-300 {
    margin-top: 300px;
}

.mt-inv-64 {
    margin-top: -64px;
}

.mt-96 {
    margin-top: 96px;
}

.mt-inv-220 {
    top: -220px;
}

.mt-200 {
    margin-top: 200px;
}

.mt-84 {
    margin-top: 84px;
}

.mt-72 {
    margin-top: 72px;
}

.mt-550 {
    margin-top: 550px;
}

.ml-50 {
    margin-left: 50px;
}

/* .horizontal-line{ height: 5px;width: 100%; background-color: #6d64b9;} */
.gold {
    color: #D8AD69 !important;
}

.themeLink {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    position: relative;
}

.themeLink:hover {
    color: #A3782D !important;
}

.themeLink:after {
    top: 6px;
    transition: all 0.5s linear;
    content: "";
    background-image: url(/themes/wits-basic/images/arrow-left.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    right: -25px;
    font-family: "FontAwesome";
    font-weight: 100;
    font-size: 20px;
    color: #D8AD69;
}

.themeLink:hover:after {
    right: -30px;
    color: #A3782D;
}

.circleLink:before {
    content: '';
    position: absolute;
    top: -10px;
    width: 40px;
    display: block;
    left: -50px;
    height: 40px;
    background: url(/themes/wits-basic/images/gold-circle.svg);
    transition: all 0.5s linear;
}

.circleLink:hover:before {
    background: url(/themes/wits-basic/images/gold-circle-hover.svg);
}

.hpEventCalLeft .circleLink {
    right: -50px;
}

.goldLink {
    border: 0;
    padding: 2px 6px;
    background-color: #D8AD69;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 4px 12px;
    text-decoration: none;
}

.goldLink:hover, .goldLink:focus {
    background-color: #A3782D;
    color: #FFFFFF;
}

.goldBg {
    background-color: #D8AD69;
}

.text-left {
    text-align: left;
}

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

.upper {
    text-transform: uppercase;
}

.pageHeader {
    font-weight: 700;
    font-size: 88px;
    line-height: 96px;
}

.pageTit {
    font-weight: 700;
    font-size: 56px;
    line-height: 64px;
}

.dgrey {
    color: #433F3C;
}

.no-border {
    border: none !important;
}

.navobarMob {
    display: none;
}

/* .jplist-drop-down { display: inline-flex; } */
.evtGalRow img {
    height: 300px;
}

/*End  New CSS */


/* HOMEPAGE */
.home {
    min-height: 500px;
    background-image: url(/themes/wits-basic/images/home-bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.body,
.home {
    padding-bottom: 160px
}

footer.mt-160 {
    margin-top: 0 !important;
}

.home {
    min-height: 500px;
}

.hp-header {
    min-height: 600px;
    background-image: url(/themes/wits-basic/images/hp-head.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

.homeDescText {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #32312F;
    background-color: #F7F7F6;
}

.hpTitle {
    font-weight: 700;
    font-size: 126px;
    line-height: 126px;
    color: #32312F;
}

.hpArtistDiv {
    display: inline-flex;
    width: 19%;
    height: 480px;
    position: relative;
    overflow: hidden;
    margin-right: 1%;
}

.hpArtistName {
    transition: all 0.5s linear;
    font-weight: 700;
    font-size: 36px;
    line-height: 58px;
    position: absolute;
    display: block;
    color: #fff;
    width: 100%;
    top: 24px;
}

.artBottom {
    transition: all 0.5s linear;
    position: absolute;
    bottom: 30px;
    width: 100%;
}

.hpArtistGenre {
    font-weight: 500;
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    display: block;
}

.hpArtistLocation {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
}

.artItm {
    width: 100%;
    overflow: hidden;
}

.artistImage {
    width: 100%;
    height: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    transition: all 0.5s linear;
}

.hpArtistDiv:hover .artistImage {
    transform: scale(1.3) rotate(5deg);
}

.hpArtistDiv:hover .hpArtistName {
    top: 54px;
}

.hpArtistDiv:hover .artBottom {
    bottom: 60px;
}

.hpReleaseDiv {
    width: 20%;
    background-color: #F7F7F6;
}

.hpNewsItm a {
    background-color: #F7F7F6;
    display: inline-block
}

.relRecent .hpReleaseDiv {
    width: 100%;
}

.hpReleaseList {
    display: inline-flex;
    gap: 15px;
}

.hpRelArtist {
    display: inline-flex;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #84837D;
}

.hpgenre {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #84837D;
}

.hpRelGenre {
    margin-right: 10px;
    padding: 4px 8px;
}

.hpRelType {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    padding: 4px 8px;
    text-align: center;
}

.btnGrey {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: #84837D;
    border: 1px solid #84837D;
    height: 25px;
}

.btnGreyBold {
    color: #fff;
    border: 1px solid #84837D;
    background-color: #84837D;
    height: 25px;
}

.hpReleaseImg {
    position: relative;
}

.lightFilter {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #000;
    opacity: 0.2;
    transition: all 0.5s linear;
}

.hpReleaseImg:hover .lightFilter {
    opacity: 0 !important;
}

.hpRelTpRight {
    display: inline-flex;
    float: right;
}

.hpReleaseDiv h3 {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #32312F;
}

.hpTitleMini {
    font-weight: 700;
    font-size: 56px;
    line-height: 64px;
    color: #433F3C;
}

.hpNewsDate {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #84837D;
}

.hpNewsTit {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #32312F;
}

.hpNewsDesc {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #84837D;
}

.hpNewsBg {
    background-position: top;
    background-size: 100%;
    width: 100%;
    height: 200px;
    transition: all 0.5s linear;
}

.hpNewsItm:hover .hpNewsBg {
    transform: scale(1.3) rotate(5deg);
}

.hpNewsImg {
    overflow: hidden;
}

.hpEventRight .hpTitle {
    transform: rotate(180deg);
    writing-mode: vertical-lr;
    text-align: center;
    margin-bottom: 0;
    margin-right: 0px;
    margin-left: 50%;
    background-color: #F7F7F6;
}

.hpEventRight {
    display: inline-flex;
    width: 30%;
}

.hpEventLeft {
    display: inline-flex;
    width: 69%;
    position: relative;
}

.hpEventCal {
    position: absolute;
    background-color: #F7F7F6;
    padding: 90px 20px 50px 20px;
    right: -80px;
    width: 60%;
    top: -110px;
}

.hpEventCalLeft,
.hpEventCalRight {
    display: inline-block;
    width: 48%;
}


.hpEventItm {
    width: 100%;
    padding: 15px;
    overflow: hidden;
}

.hpEventName {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #32312F;
}

.hpEventLoc {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #D8AD69;
}

.hpEventInfo,
.hpEventDat {
    display: inline-block;
}

.hpEventInfo {
    width: 75%;
}

.hpEventDat {
    width: 20%;
}


.hpEventDay {
    font-weight: 700;
    font-size: 56px;
    line-height: 64px;
    color: #32312F;
}

.hpEventMnth {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #32312F;
}

.residentArtist,
.hpRelease {
    position: relative;
}

.residentArtist .hpTitle {
    position: absolute;
    top: 30%;
    background-color: #F7F7F6;
}

.hpRelease .hpTitle {
    position: absolute;
    top: 30%;
    background-color: #F7F7F6;
}

.hpRelease .hpbtn {
    position: absolute;
    top: calc(15% + 110px);
    left: 15%;
    background-color: transparent;
}

.residentArtist .hpbtn {
    position: absolute;
    top: calc(30% + 110px);
    left: 15%;
    background-color: transparent;
}

.abtHdCont {
    display: inline-flex;
}

.mr-85 {
    position: absolute;
    right: -85px;
    z-index: 9;
}

.aboutHeaderDesc {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
}

.hpEventItm:hover,
.evtSchdItm:hover {
    background-color: rgba(105, 104, 99, 0.08);
}

/* END HOMEPAGE */




/* ABOUT PAGE */

.aboutHeader {
    text-align: center;
}

.aboutHeaderText,
.aboutHeaderImg {
    position: relative;
}

.aboutHeaderName {
    font-weight: 400;
    font-size: 48px;
    line-height: 64px;
}

.aboutHeaderTit {
    font-weight: 700;
    font-size: 86px;
    line-height: 96px;
}

.abtMoreTit {
    font-weight: 700;
    font-size: 56px;
    line-height: 64px;
}

.abtMoreDesc {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
}

.abtFndTxt {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
}

.abtFndTit {
    font-weight: 400;
    font-size: 48px;
    line-height: 64px;
}

.abtFndImg {
    background-image: url("/themes/wits-basic/images/circle-bg.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.f-110 {
    font-size: 110px;
    line-height: 110px;
}

/* .abtFndImg {  background-image: url("/themes/wits-basic/images/circle-bg.svg");  background-size: 115%;  background-repeat: no-repeat;  background-position: center;} */
.abtFndhd {
    width: 60%;
    margin: 0 auto;
}

.abtFndName {
    font-size: 48px;
    font-weight: 700;
    line-height: 64px;
}

/* END ABOUT PAGE */


/* EVENTS PAGE */
.eFilter,
.jplist-group li {
    cursor: pointer;
    color: #fff;
    background: #84837D;
    padding: 4px 8px;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
}

.eFilter.active,
.eFilter:hover {
    background: #D8AD69;
}

.evntUpcFilter {
    display: inline-flex;
    gap: 4px;
}

.evntSortLbl {
    color: #84837D;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    margin-right: 10px;
}

.schItmDay {
    font-weight: 700;
    font-size: 56px;
    line-height: 64px;
}

.schItmMnt {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
}

.schItmName {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
}

.schItmLoc {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}

.evtGalRow {
    display: inline-flex;
    gap: 20px;
    width: 23%;
}

.evtGalItm {
    width: 20%;
    height: 275px;
    overflow: hidden;
}

.evtGal {
    margin-top: -65px;
}

/* END EVENTS PAGE */

/* Contact PAGE */
/* .contact { background: #F7F7F6; } */
.formEntry {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.cntForm {
    width: 50%;
    background-color: #EFEFEF;
    padding: 24px;
    position: absolute;
    top: 30%;
    right: -30%;
}

.formInput input {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #84837D;
    padding: 8px 16px;
    gap: 8px;
    background-color: #fff;
    width: 100%;
    border: 1px solid #E4E4E3;
}

.formInput textarea {
    width: 100%;
    border: 1px solid #E4E4E3;
    height: 160px;
    padding: 8px 16px;
    font-weight: 400;
    resize: none;
    font-size: 16px;
    line-height: 24px;
    color: #84837D;
    gap: 8px;
}

.contactFollow {
    display: inline-flex;
    gap: 22px;
    position: relative;
    z-index: 2
}

.cntFindCnt {
    color: #84837D;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.cntFindName {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
}

.cntFindNum {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #84837D;
}

.cntFindAdd {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #84837D;
}


.sendSuccess {
    display: none;
}

.successText {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #84837D;
}

.success {
    color: #51B482;
    font-size: 48px;
    line-height: 54px;
    font-weight: 700;
}

/* End Contact PAGE */

/* POLICY PAGE */
.policyCont h2 {
    font-weight: 700;
    font-size: 56px;
    line-height: 64px;
}

.policyUpd {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}

.policyCont h3 {
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
}

.policyCont div,
.policyCont p {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
}

.policyCont a {
    color: #D8AD69;
}

.policyCont h4 {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
}

/* END POLICY PAGE */


/* RELEASES PAGE */


.relRelease {
    background-color: #eeeeee;
}

.relBtns {
    display: inline-flex;
    margin-top: 5px;
}

.relItemTop {
    padding: 15px 0;
}

.relArtist {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    color: #32312F;
}

h2.relName {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: #32312F;
}

.relItemLeft {
    padding: 15px 0;
}

.relStrm {
    display: inline-flex;
}

.relStreamLbl {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #84837D;
    margin-right: 24px;
}

.relStreamLeft {
    background-color: #E4E4E3;
    padding: 16px;
}

.relBy {
    border-left: 1px solid #84837D;
    padding-left: 16px;
}

.relStrm {
    margin-right: 16px;
}

.jplist-group {
    display: inline-flex;
    gap: 8px;
    margin-top: 10px;
}

.jplist-panel input[type=text] {
    border-radius: 0 !important;
    border-right: 0 !important;
    padding: 4px 6px 4px 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.jplist-panel .text-filter-box .jplist-icon {
    border-radius: 0 !important;
    border: 1px solid #32312F;
}

.text-filter-box {
    width: 100%;
    overflow: hidden;
}

/* END RELEASES PAGE */

/* RELEASE DETAIL PAGE */

.release-header {
    z-index: 8;
    background-position: center;
    min-height: 500px;
    background-image: url(/themes/wits-basic/images/release.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

.relPgTitle {
    font-size: 88px;
    font-weight: 700;
    line-height: 96px;
    color: #32312F;
}

.releaseFollow {
    display: inline-flex;
    gap: 10px;
}

.releaseTags .hpRelGenre,
.releaseTags .hpRelType {
    display: inline-block;
}

.relAbtText {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
}

.relTrkItem {
    padding: 16px 0;
    border-bottom: 1px solid #E4E4E3;
    width: 90%;
}


.trkNum {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: #84837D;
    margin-right: 20px;
}

.relTrkItem a {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    color: #32312F;
    text-decoration: underline;
}

.trkLbl {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    color: #84837D;
    width: 35%;
    display: inline-block;
}

.trkInfo,
.trkInfo a {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
}

.sqreleaseimg .releasefiximg {
    position: relative;
    width: 100%;
}

/*height: 100%;*/
.sqreleaseimg .ss1 img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 11;
    width: 80%;
    top: -30%;
}

/* .sqreleaseimg .floatingcircles{position: absolute; width: 225%; left: -60%; margin-top: -70%; } */
.sqreleaseimg .floatingcircles {
    position: absolute;
    width: 178%;
    left: -38%;
    margin-top: -77%;
}


/* END RELEASE DETAIL PAGE */


/* PODCAST DETAIL PAGE */
.podcast-header {
    z-index: 8;
    background-position: bottom;
    min-height: 500px;
    background-image: url(/themes/wits-basic/images/podcast.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

/* END PODCAST DETAIL PAGE */

/* ARTISTS PAGE */

.artistItem {
    width: 100%;
    height: 410px;
}

.artItmDiv:hover .artistImage {
    transform: scale(1.3) rotate(5deg);
}

.artistItem {
    overflow: hidden;
}

.artItmDiv {
    position: relative;
    overflow: hidden;
}

.artistBtmTags {
    transition: all 0.5s linear;
    display: inline-flex;
    gap: 8px;
}

.artistBottom {
    transition: all 0.5s linear;
    height: 0;
    overflow: hidden;
}

.artistItmName {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    color: #fff;
}

.artistItem .artBottom {
    margin-left: 12px;
    bottom: 0;
    transition: all 0.5s linear;
}

.artItmDiv:hover .artistBottom {
    height: 40px;
}

.artPromo {
    padding: 112px 0px;
    gap: 6px;
}

.artPromoTitle {
    font-size: 40px;
    line-height: 56px;
    font-weight: 400;
    color: #fff;
}

.artPromoName {
    font-size: 88px;
    line-height: 96px;
    font-weight: 700;
    color: #fff;
}

/* END ARTISTS PAGE */


/* ARTIST DETAILS PAGE */
.artistStats {
    display: inline-flex;
    gap: 32px;
}

.artStatNum {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
}

.artStatLbl {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.artistSngImg {
    height: 520px;
    background-image: url(/themes/wits-basic/images/circle-bg.svg);
    background-size: 115%;
    background-repeat: no-repeat;
    background-position: center;
}

.artistSngImg img {
    width: 50%;
    margin-top: 40px;
}

/* END ARTIST DETAILS PAGE */


/* NEWS DETAILS PAGE */
.newsDet h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
}

.newsDetDate {
    color: #84837D;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.newsDetHdTxt {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #84837D;
}

.newsContent {
    width: 80%;
    margin: 0 auto;
}

.newsDetCont h3 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.newsContent p {
    /* margin-top: 40px; */
    margin-top: 10px;
}

.newsDetCont p {
    color: #84837D;
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
}

.highlighted {
    color: #A3782D !important;
    margin-top: 40px;
    border-left: 2px solid #A3782D;
    padding-left: 10px;
}

.newsCaption {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    margin-top: 8px !important;
}

.newsDet a {
    color: #A3782D !important;
}

/* END NEWS DETAILS PAGE */
@media screen and (min-width: 1300px) {
    .containerMenu {
        padding: 0 6%;
    }
}



@media screen and (min-width: 1450px) {
    .container {
        max-width: 1380px !important;
    }

    h1 {
        font-size: 56px;
        line-height: 72px;
    }

    h2,
    h2 p {
        font-size: 48px;
        line-height: 56px;
        font-weight: 700;
    }

}

@media screen and (min-width: 1720px) {
    /*.container{max-width: 1650px !important;}*/
}

@media screen and (min-width:1440px) {}

@media screen and (min-width:991px) {
    .container {
        min-width: 920px;
    }
}

@media screen and (max-width: 1419px) and (min-width: 1200px) {
    /*.container {  max-width: 1190px !important;}	*/

}

@media screen and (max-width: 1450px) {
    .cntForm {
        top: 20%;
    }
}

@media screen and (max-width: 1300px) {
    .cntForm {
        top: 12%;
    }
}

@media screen and (max-width: 1200px) {
    h1 {
        font-size: 38px;
        line-height: 45px;
    }

    section p {
        font-size: 16px;
    }

    .cntForm {
        top: 5%;
    }
}

@media screen and (max-width: 1100px) {
    .cntForm {
        top: -5%;
    }
}

@media screen and (max-width:1150px) {
    .abtFndhd {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .navbar-collapse.collapse {
        padding-top: 2%;
        display: block !important;
    }
}

@media screen and (max-width: 1200px) and (min-width: 768px) {}

@media screen and (max-width: 991px) {
    .abtFndhd {
        width: 60%;
    }

    .cntForm {
        top: 20%;
    }

    .marginAuto-m {
        position: relative;
        margin: 0 auto;
    }

    .mpb-16 {
        padding-bottom: 16px !important;
    }

    .mpt-16 {
        padding-top: 16px !important;
    }

    .mmt-40 {
        margin-top: 40px !important;
    }

    .mmb-40 {
        margin-bottom: 40px !important;
    }

    .mmt-48 {
        margin-top: 48px !important;
    }

    .mmb-48 {
        margin-bottom: 48px !important;
    }

    .mmt-88 {
        margin-top: 88px !important;
    }

    .mmb-56 {
        margin-bottom: 56px !important;
    }

    .mmt-56 {
        margin-top: 56px !important;
    }

    .container {
        padding-right: 24px;
        padding-left: 24px;
    }

    .mmb-8 {
        margin-bottom: 8px !important;
    }

    .mpb-8 {
        padding-bottom: 8px !important;
    }

    .mmt-8 {
        margin-top: 8px !important;
    }

    .mmb-16 {
        margin-bottom: 16px !important;
    }

    .mmt-16 {
        margin-top: 16px;
    }

    .mpt-0 {
        padding-top: 0 !important;
    }

    .mpb-0 {
        padding-bottom: 0 !important;
    }

    .mmb-24 {
        margin-bottom: 24px !important;
    }

    .mmt-32 {
        margin-top: 32px !important;
    }

    .mmt-24 {
        margin-top: 24px !important;
    }

    .mmt-160 {
        margin-top: 160px !important;
    }

    .mmt-110 {
        margin-top: 110px !important;
    }

    .mmt-90 {
        margin-top: 90px !important;
    }

    .mpt-24 {
        padding-top: 24px !important;
    }

    .mmt-130 {
        margin-top: 130px !important;
    }

    .mpb-0 {
        padding-bottom: 0 !important;
    }

    .mpt-48 {
        padding-top: 48px !important;
    }

    .mmt-inv-90 {
        margin-top: -90px;
    }

    .mmt-72 {
        margin-top: 72px;
    }

    .mobile {
        display: block;
    }

    .mmt-42 {
        margin-top: 42px !important;
    }

    .artistdetailimage {
        height: 335px !important;
    }

    .not-mobile {
        display: none !important;
    }

    .home {
        background-size: 100%;
        background-position: 25% 20%;
    }

    .hp-header {
        min-height: 180px;
        position: relative;
    }

    .mobLogo {
        display: inline-block;
    }

    .menuMobHead {
        padding: 8px 16px;
        gap: 24px;
        background-color: #F7F7F6;
    }

    .homeDescText {
        font-size: 20px;
        font-weight: 700;
        line-height: 32px;
    }

    .hpTitle {
        font-size: 40px;
        line-height: 56px;
        position: relative !important;
    }

    .menuItem {
        display: block;
        font-size: 32px;
        line-height: 40px;
        font-weight: 400;
        margin-bottom: 32px;
        margin-right: 0;
    }

    .menuMobFol {
        margin: 0 auto;
    }

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

    .socialMen {
        display: inline-block;
        padding-bottom: 10px;
    }

    /* margin-right: 22px;*/
    .navobarMob {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #F7F7F6;
        z-index: 9999;
        padding-top: 56px;
    }

    .home {
        background-image: url("/themes/wits-basic/images/bg-home-mob.svg");
        background-size: 105%;
        background-position: center;
    }

    .hpArtistDiv {
        width: 100%;
    }

    .owl-dots {
        display: none;
    }

    .hpEventCal .owl-dots,
    .hpArtistListMob .owl-dots {
        display: block;
    }

    .owl-theme .owl-dots .owl-dot span {
        background: rgba(216, 173, 105, 0.16);
    }

    .owl-theme .owl-dots .owl-dot.active span {
        background-color: #D8AD69;
    }

    .title-left {
        margin-left: -60px;
    }

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

    .hpEventCal {
        width: 100%;
        max-width: 90%;
        right: unset;
        margin: 0 auto;
        padding: 0;
        position: relative;
    }

    .hpEventItm {
        background-color: transparent;
    }

    .hpNewsBg {
        height: 160px;
    }

    .hpNews .col-xs-12 {
        padding: 0;
    }

    .themeLink:after {
        top: 0;
        font-size: 16px;
    }

    .page-footer h3,
    .page-footer a {
        font-weight: 700;
        line-height: 32px;
        text-align: left;
        margin-bottom: 8px;
    }

    .page-footer .social {
        float: left;
    }

    .footer-copyright {
        font-weight: 700;
    }

    .page-footer .row,
    .page-footer .container {
        padding: 0;
    }

    .aboutHeaderTit.mt-96 {
        margin: 0;
    }

    .aboutHeaderTit {
        font-size: 41px;
        line-height: 58px;
        position: relative;
        right: 0;
    }

    .aboutHeaderName {
        font-weight: 400;
        font-size: 48px;
        line-height: 64px;
        text-align: right;
    }

    .abtFndTit {
        font-weight: 400;
        font-size: 41px;
        line-height: 60px;
    }

    .abtFndName.text-right {
        text-align: center !important;
    }

    .abtFndTxt {
        font-size: 16px;
        line-height: 24px;
    }

    .circleLink {
        margin-left: 50px;
    }

    .abtFndImg {
        background-size: 175%;
        height: 420px;
    }

    .abtFndImg img {
        margin-top: 35px;
    }

    .abtMoreTit {
        font-size: 40px;
        line-height: 56px;
        text-align: left !important;
    }

    .abtMoreDesc {
        font-size: 16px;
        line-height: 24px;
        text-align: left !important;
    }

    .text-left {
        text-align: left !important;
    }

    .hpArtistName {
        font-size: 24px;
        line-height: 32px;
        font-weight: 500;
    }

    .pageHeader {
        font-size: 48px;
        line-height: 64px;
        font-weight: 700;
        text-transform: capitalize;
    }

    .pageTit {
        font-size: 32px;
        line-height: 40px;
    }

    .evSort .rightv {
        float: none !important;
        text-align: center;
    }

    .evFilter {
        text-align: center;
    }

    .jplistMob-panel input[type=text] {
        width: 85%;
        float: left;
        height: 40px;
        box-shadow: 0 0 1px #fff;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #32312F;
        text-shadow: 1px 1px 1px #fff;
        color: #27252a;
        text-indent: 5px;
        background: #fff;
        border-right: 0 !important;
        padding: 4px 6px 4px 12px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }

    .jplistMob-panel .text-filter-box .jplist-icon {
        background: #fff;
        border-left: 0;
    }

    .jplistMob-panel .text-filter-box .jplist-icon {
        border-radius: 0 !important;
        border: 1px solid #32312F;
        border-left: 0 !important;
    }

    .evtSortMob {
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
        color: #84837D;
        margin-right: 24px;
        margin-top: 20px;
    }

    .jplistMob-panel .jplist-pagination button {
        display: inline-block;
        padding: 4px 16px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        float: left;
        height: 30px;
        box-sizing: border-box;
        border: 1px solid #32312F;
        border-radius: 0px;
        color: #32312F;
        background: #fff;
        margin: 10px 10px 0 0;
    }

    .jplistMob-panel .jplist-pagination .jplist-current {
        color: #fff;
        background-color: #D8AD69;
    }


    .evjplistMob-panel input[type=text] {
        width: 85%;
        float: left;
        height: 40px;
        box-shadow: 0 0 1px #fff;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #32312F;
        text-shadow: 1px 1px 1px #fff;
        color: #27252a;
        text-indent: 5px;
        background: #fff;
        border-right: 0 !important;
        padding: 4px 6px 4px 12px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }

    .evjplistMob-panel .text-filter-box .jplist-icon {
        background: #fff;
        border-left: 0;
    }

    .evjplistMob-panel .text-filter-box .jplist-icon {
        border-radius: 0 !important;
        border: 1px solid #32312F;
    }

    .evjplistMob-panel .jplist-pagination button {
        display: inline-block;
        padding: 4px 16px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        float: left;
        height: 30px;
        box-sizing: border-box;
        border: 1px solid #32312F;
        border-radius: 0px;
        color: #32312F;
        background: #fff;
        margin: 10px 10px 0 0;
    }

    .evjplistMob-panel .jplist-pagination .jplist-current {
        color: #fff;
        background-color: #D8AD69;
    }

    .release-header,
    .podcast-header {
        position: relative;
        background-position: top;
        min-height: 280px;
        background-image: url(/themes/wits-basic/images/release-resp.jpg);
    }

    .abtFounderImgMob {
        position: relative;
        z-index: 9;
    }

    .relPgTitle {
        font-size: 41px;
        line-height: 60px;
        text-align: center !important;
        text-transform: capitalize;
    }

    .aboutFounder .releaseTags,
    .aboutFounder .releaseFollow {
        text-align: center;
    }

    .releaseFollow div {
        display: inline-block;
    }

    .releaseFollow {
        display: block;
    }

    .release .pageTit {
        font-size: 40px;
        line-height: 56px;
    }

    .trkLbl,
    .trkInfo {
        display: block;
        width: 100%;
    }

    .relTrkItem {
        display: block;
    }

    .relAbtText {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
    }

    .relStrm {
        display: block;
    }

    .relStrm div {
        display: inline-block;
    }

    .relBy {
        padding-left: 0;
        border: none;
    }

    .releaseAbout .relItemLeft {
        padding: 0;
        overflow: hidden;
    }

    .podcast .trkInfo a {
        display: block;
    }

    .hpReleaseDiv {
        width: 100%;
    }

    .releases h2,
    .artist h2,
    .news h2 {
        font-size: 36px;
        line-height: 52px;
        font-weight: 700;
    }

    .relItemLeft {
        overflow: hidden;
    }

    .inFlex {
        display: inline-flex;
    }

    .trkInfo a {
        display: block;
    }

    .artPromoTitle {
        font-size: 24px;
        line-height: 32px;
        font-weight: 400;
    }

    .artPromoName {
        font-size: 40px;
        line-height: 56px;
        text-transform: capitalize;
    }

    .artPromo {
        padding: 40px 16px;
    }

    .artistStats {
        display: block;
        text-align: center;
    }

    .artistStats>div {
        display: inline-block;
        margin-right: 32px;
    }

    .artistStats>div:last-child {
        margin-right: 0;
    }

    .jplist-drop-down .jplist-dd-panel {
        text-align: left;
    }

    .newsDetTitle {
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
    }

    .newsDetHdTxt {
        font-size: 20px;
        line-height: 24px;
        font-weight: 500;
    }

    .newsContent {
        width: 100%;
    }

    .newsDet h3 {
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
    }

    .hpNews .owl-dots {
        display: block;
    }

    .cntForm {
        width: 100%;
        max-width: 90%;
        right: 5%;
    }

    .cntForm .pageTit {
        text-align: center;
    }

    .hpEventLeft {
        height: 650px;
    }

    .policyTitle {
        text-align: center;
        font-size: 48px;
        line-height: 64px;
        font-weight: 700;
    }

    .policyUpd {
        text-align: center;
        font-size: 20px;
        line-height: 24px;
        font-weight: 500;
    }

    .policy h3,
    .policy h4 {
        margin-bottom: 24px;
    }

    .policy li {
        font-size: 24px;
        line-height: 32px;
        font-weight: 500;
    }

    .sqreleaseimg .ss1 {
        text-align: center
    }

    .sqreleaseimg .ss1 img {
        width: 60%;
        position: relative;
        margin: 0 auto
    }
}

/* Portrait (i.e. narrow viewport) */

@media screen and (max-aspect-ratio: 1/1) {}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 567px) {
    .abtFndhd {
        width: 80%;
    }
}

@media screen and (max-width: 400px) {
    .abtFndhd {
        width: 100%;
    }
}

/************************ARABIC*****************************************/



/* Preload */

#preload {
    background: #fff;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 998
}

#preload-content {
    color: #bec7cf;
    font-size: 14px;
    width: 80px;
    height: 80px;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    position: absolute;
    text-align: center;
    top: 50%;
    z-index: 999
}

#floatingCirclesG {
    position: relative;
    width: 106px;
    height: 106px;
    margin: auto;
    transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6)
}

.loader {
    border: 11px solid #f3f3f3;
    border-top: 11px solid #0E0C0C;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

/* Preload ENDS*/

/*-------------*/

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}