:root,
html {
    --button-font-color: #fff;
    --button-font-hover-color: #000;
    --button-background-color: #ff0000;
    --default-main-font-color: #000;
    --default-font-family: 'Source Code Pro', monospace;
    --default-font-weight-regular: 400;
    --default-font-weight-bold: 700;
    --default-submit-color: #f70606;
    --default-submit-font-color: #000000;
    --default-submit-hover-color: #ff0000;
    --default-submit-font-color-hover: #f70606;
    --default-accent-color: #fff;
    --default-bg-color: #000;
    --default-heading-color: #999;
    --label-text-color: #ffffff;
    --button-color: #000000;
    --background-transparent-color: rgba(204, 204, 204, 0.5);
    --input-bg-color: #cccccc;
}
html {
    overflow-x: hidden;
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body,
a,
div,
p,
section,
article,
footer,
h2,
h1,
span {
    font-family: var(--default-font-family);
    font-weight: var(--default-font-weight-regular);
}
a {
    border: none;
}
a {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
body {
    overflow-x: hidden;
}
.in-grid {
    max-width: 62.063rem;
    margin: 0 auto !important;
    padding: 0 10%;
}
#page #header {
    background: none;
}
.layout-main,
#header .region-header .block:not(.site-branding),
#header .region-header,
.node__content,
.block .content,
.main-content .section {
    margin: 0;
    padding: 0;
}
.layout-container {
    max-width: 100%;
}
.main-content h2 {
    font-weight: var(--default-font-weight-bold);
    margin: 0px;
    padding: 9.5% 0 3.75%;
    text-align: center;
    font-size: 3.5vw;
    text-transform: capitalize;
    color: var(--default-heading-color);
}
a.primary-btn {
    text-transform: capitalize;
    padding: 4% 9%;
    display: inline-block;
    margin-top: 2%;
    font-size: 0.9rem;
    background: var(--default-bg-color);
}
a.primary-btn:hover {
    background: var(--default-accent-color);
    color: var(--default-bg-color);
}
#page {
    min-height: 100vh;
    overflow-x: hidden;
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
*, *::before, *::after {
    box-sizing: border-box;
}
* {
    -webkit-tap-highlight-color: transparent;
}
a:hover,
a:active {
    outline: 0;
}
html,
body {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    line-height: 1;
    font-family: inherit;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ol,
ul {
    list-style: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
}
.view-display-id-page_1 {
    margin-bottom: 5vw;
}

.pager a.button {
    border: 0;
    text-transform: none;
    width: 100%;
    display: inline-flex;
    font-family: var(--default-font-family);
    font-weight: var(--default-font-weight-regular);
    text-align: left;
    font-size: 1.3vw;
    letter-spacing: 0.06vw;
    border-radius: 0;
    background: transparent;
    color: #fff;
    padding-left:0;
}

.pager a.button::before {
    content: "+";
    font-size: 1.8vw;
    line-height: 1.2;
    padding-right: 1%;
}
.pager a.button:hover {
    opacity: 0.5;
}
ul.js-pager__items.pager li {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0;
}
.view .item-list ul li {
    margin: 0;
    padding: 0;
}
.toolbar-oriented .toolbar-bar{
   z-index: 9999;
}
@media only screen and (max-width: 1023px) {
	.pager a.button {
		font-size: 5vw;
	}

	.pager a.button::before {
		font-size: 7vw;
		padding-right: 1.5%;
	}

	ul.js-pager__items.pager {
		margin-bottom: 10vw;
	}
    .main-content h2 {
        padding: 20vw 0 6vw;
        font-size: 8vw;
    }
}
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	.pager a.button {
		font-size: 3vw;
	}
	.pager a.button::before{
		font-size: 4.5vw;
	}
}
#drawer-wrap {
    display: block;
    position: fixed;
    top: 0px;
    height: 100vh;
    right: -350px;
    width: 350px;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    z-index: 100000;
    background: url("/sites/g/files/g2000012696/files/2021-09/ajax-loader.svg") no-repeat scroll center center #fff;
}
#drawer-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    top: 0px;
    left: 0px;
    z-index: 10000;
}
.drawer-on, #drawer-wrap, .drawer-off {
    transition: right 0.5s ease-in-out;
}	
#drawer-wrap.show-drawer {
    right: 0px;
	overflow:hidden;
}
div#close-btn {
    position: fixed;
    color: #fff;
    top: 13px;
    right: 368px;
    z-index: 100001;
    font-size: 50px;
    cursor: pointer;
    height: 28px;
    width: 32px;
}
#drawer-wrap iframe {
    width: 100%;
    height: 100%;
}

#close-btn span {
    display: block;
    position: relative;
    cursor: pointer;
    height: 3px;
    width: 34px;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 1s ease-in-out;
    top: 13px;
}
#close-btn.close-anime span:nth-child(1) {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
#close-btn.close-anime span:nth-child(2) {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

#close-btn span:nth-child(2) {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 10px;
}
.drawer-mainwrap {
    overflow: hidden;
}
@media only screen and (max-width: 400px){
#drawer-wrap {
    right: -250px;
    width: 250px;
}
div#close-btn {
    right: 286px;
}
}
.views-field.views-field-field-desktop-header-image img, .views-field.views-field-field-header-image img {
    width: 100%;
    height: 100vh;
}
.left {
    float: left;
    left: 0;
}

.right {
    float: right;
    right: 0;
}

.menu-total-wrapper {
    position: absolute;
    width: 100%;
    top: 2vw;
    left: 0;
    z-index: 501;
    max-width: 92%;
    margin: 0px 4%;
}
.navWrapper .navbar {
    display: inline-block;
    width: 20%;
    vertical-align: middle;
}
.navWrapper {
    padding-top: 1vw;
}

.menu-wrapper {
    width: 815px;
    margin: 0 auto;
    padding-top: 20px;
}

.menu-wrapper li {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin-right: 4.5%;
    line-height: 2.2;
}
.views-field.views-field-field-header-image {
    display: none;
}
.views-field.views-field-field-desktop-header-image,
.views-field.views-field-field-header-image {
    font-size: 0px;
    line-height: 0px;
}
.menu-wrapper li:last-child {
    margin: 0px;
}

.menu-wrapper .logo a:hover {
    opacity: 1;
}

.site-menu span {
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    position: absolute;
    height: 0.5vw;
    width: 1.5vw;
    border-radius: 20px;
    background-color: #fff;
}
.site-menu span:nth-child(1) {
    top: 1.3vw;
}
.site-menu span:nth-child(2) {
    top: 2.95vw;
}
.site-menu span:nth-child(3) {
    top: 4.58vw;
}
.site-menu.close span:nth-child(1) {
    top: 1.8vw;
    -webkit-transform: rotateZ(45deg) translate(0.52vw, 0.78vw);
    transform: rotateZ(45deg) translate(0.52vw, 0.78vw);
}

.site-menu.close span:nth-child(2) {
    top: 0.8vw;
    -webkit-transform: rotateZ(-43deg) translate(0.07vw, -0.325vw);
    transform: rotateZ(-43deg) translate(0.07vw, -0.325vw);
    right: 1vw;
    opacity: 0;
}

.site-menu.close span:nth-child(3) {
    top: 3vw;
    -webkit-transform: rotateZ(-43deg) translate(0.07vw, -0.325vw);
    transform: rotateZ(-43deg) translate(0.07vw, -0.325vw);
    right: -0.1vw;
}

.menu-button a {
    display: block;
    width: 100%;
    border: 0;
    min-height:6vw;
}
.menu-button {
    cursor: pointer;
}
a.menu-music.active,
a.menu-videos.active,
a.menu-photos.active {
    border-bottom: 1px solid #fef4cf;
    padding-bottom: 5px;
}

.menu-wrapper a {
    font-weight: var(--default-font-weight-bold);
    font-style: normal;
    text-decoration: none;
    font-size: 1vw;
    text-transform: uppercase;
    letter-spacing: 0.1vw;
    transition: all 0.5s;
    color: var(--label-text-color);
}

.menu-wrapper a:hover {
    opacity: 0.6;
}

.menu-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: right;
    align-items: center;
}

.menu-total-wrapper.desktop .navbar .navlogo.left {
    float: left;
    text-align: left;
    padding-left: 0;
    color: var(--default-accent-color);
}
.menu-total-wrapper.desktop .navbar .navlogo.right {
    float: right;
    text-align: right;
    padding-right: 40px;
    color: var(--default-accent-color);
}

.menu-total-wrapper.desktop .navbar .navlogo.center {
    float: unset;
    text-align: center;
    color: var(--default-accent-color);
}

.menu-total-wrapper.desktop .menu-wrapper.right {
    display: inline-block;
    padding: 0;
    width: 80%;
    vertical-align: middle;
}

.menu-total-wrapper.desktop .menu-wrapper.left {
    display: inline-block;
    padding: 0;
    width: 815px;
}

.menu-total-wrapper.desktop .navbar .nav-icon {
    display: none;
}

.menu-total-wrapper.desktop .nav-icon {
    display: none;
}

.menu-total-wrapper.desktop.collapsible .nav-icon {
    display: inline-block;
    position: relative;
}

.menu-total-wrapper.desktop.collapsible .menu-wrapper.right {
    display: none;
}

.menu-total-wrapper.desktop.collapsible .menu-wrapper.left {
    display: none;
    position: absolute;
    width: 20%;
    top: 30px;
}

.menu-total-wrapper.desktop.collapsible.isOpen .menu-wrapper.left ul {
    display: list-item;
}

.menu-total-wrapper.desktop.collapsible.isOpen .menu-wrapper.left ul li {
    display: block;
}

.menu-total-wrapper.desktop.collapsible .nav-icon.right {
    display: inline-block;
    position: relative;
}

.menu-total-wrapper.desktop.collapsible .menu-wrapper.right ul {
    display: block;
}

.menu-total-wrapper.desktop.collapsible .menu-wrapper.right ul li {
    text-align: right;
    display: block;
}
body .block.block-block-content,
.block.block-views {
    background: transparent;
}
.block.block-block-content.block-block-contente7d29c8d-d9a0-4289-8af0-3829c92d20f4 {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}
a:hover,
a:focus,
.link:hover,
.link:focus,
a {
    color: var(--button-font-color);
}
a.menu-music.active,
a.menu-tour.active,
a.menu-news.active {
    border-bottom: 2px solid #ffffff;
}
h1#site-name {
    padding: 0px;
    margin: 0px;
    font-size: 1.6rem;
}

@media only screen and (max-width: 1023px) {
    .logo {
        margin-bottom: 20px;
        text-align: center;
    }
    a.menu-music.active,
    a.menu-videos.active,
    a.menu-photos.active {
        border: none;
        opacity: 0.6;
    }

    .menu-wrapper {
        padding-top: 0;
    }
    .menu-wrapper {
        right: 0px;
        padding-top: 30px;
        width: 50%;
        /* margin-top: 110px; */
    }
    .menu-wrapper a {
        margin-right: 0;
    }

    .logo {
        width: 130px;
        margin: 20px auto;
    }

    .logo-text {
        font-size: 14px;
        letter-spacing: 1.54px;
    }

    .navlogo a {
        font-size: 6vw;
    }
    span.site-menu {
        display: block;
    }

    .site-menu span {
        height: 0.5vw;
        width: 6.5vw;
    }

    .site-menu span:nth-child(1) {
        top: 1.3vw;
    }
    .site-menu span:nth-child(2) {
        top: 2.95vw;
    }
    .site-menu span:nth-child(3) {
        top: 4.58vw;
    }
    .menu-total-wrapper.desktop.isopen {
        background: var(--default-bg-color);
        height: 100vh;
        max-width: 100%;
        margin: 0 auto;
        top: 0;
        position: fixed;
        width: 100%;
        z-index: 999;
		overflow-y: scroll;
    }
    .menu-total-wrapper.desktop .nav-icon.menu-button.right.toggler-open {
        display: inline-block;
    }    
    .menu-total-wrapper.desktop .nav-icon.menu-button.right.toggler-open .site-menu span:nth-child(1) {
        top: 1.8vw;
        -webkit-transform: rotateZ(45deg) translate(0.52vw, 0.78vw);
        transform: rotateZ(45deg) translate(0.52vw, 0.78vw);
    }

    .menu-total-wrapper.desktop .nav-icon.menu-button.right.toggler-open .site-menu span:nth-child(2) {
        top: 0.8vw;
        -webkit-transform: rotateZ(-43deg) translate(0.07vw, -0.325vw);
        transform: rotateZ(-43deg) translate(0.07vw, -0.325vw);
        right: 1vw;
        opacity: 0;
    }

    .menu-total-wrapper.desktop .nav-icon.menu-button.right.toggler-open .site-menu span:nth-child(3) {
        top: 3vw;
        -webkit-transform: rotateZ(-43deg) translate(0.07vw, -0.325vw);
        transform: rotateZ(-43deg) translate(0.07vw, -0.325vw);
        right: -0.1vw;
    } 
    .menu-wrapper ul {
		text-align: center;
		display: block;
		background: none;
		position: absolute;
		width: 100%;
		height: calc(100vh - 21vw);
		left: 0;
		top: 21vw;
		flex-direction: column;
		align-items: center;
		background-color: rgba(0,0,0,.75);
		max-height: 0;
		overflow: hidden;
		transition: .3s;	
    }
	.menu-wrapper ul li {
		width: 100%;
		text-align: center;
		margin: 0;
		padding: 0;		
	}	
    .menu-wrapper ul.open {
        max-height: 100vh;
        overflow: visible;
    }  	
    .menu-wrapper ul li a{
		color: var(--label-text-color);
		padding: 5vw 0;
		display: block;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 4.5vw;
    }	
	.menu-wrapper ul li a.active{
		border:0;
	}	
    .menu-button a {
        display: block;
        min-height: 6vw;
    }

    .show .nav-icon .menu-button {
        opacity: 0;
    }

    .menu-total-wrapper.bg {
        background: #23385f;
        height: 100vh;
    }

    .menu-wrapper {
        display: none;
        z-index: 3000;
    }
    .show .menu-wrapper {
        opacity: 1;
        z-index: 2;
        display: block;
    }
	.menu-total-wrapper.desktop .menu-wrapper.right, .menu-total-wrapper.desktop .menu-wrapper.left, .menu-total-wrapper.desktop .menu-wrapper{		
		width: 100vw;
	}

}


@media only screen and (max-width: 1023px) {
    .menu-total-wrapper {
        max-width: 100%;
        position: initial;
        left: auto;
        right: auto;
        margin: 0 auto;
		top: auto;
		transition: all .3s;		
    }
    .navWrapper {
		max-width: 95%;
		margin: 0 auto;
		padding-top: 6vw;
		font-size: 0;
		min-height: 20vw;
    }
   .navWrapper .navbar {
        display: inline-block;
        width: 90%;
        vertical-align: middle;
        margin-right: 3%;
        float: none;
        clear: both;
    }
    .menu-total-wrapper.desktop .nav-icon {
        width: 7%;
        vertical-align: middle;
        float: none;
        position: relative;
        clear: both;
        margin: 0;
        overflow: hidden;
		display: inline-block;
    }

    body .menu-total-wrapper.isOpen {
        width: 100vw;
    }
    .menu-total-wrapper.desktop.isOpen {
        background: var(--default-bg-color);
        height: 100vh;
        max-width: 100%;
        margin: 0 auto;
        top: 0;
    }
}
@font-face {
  font-family: 'icomoon-';
  src:  url('/sites/g/files/g2000012696/files/2021-09/icomoon-.eot?gnlls8');
  src:  url('/sites/g/files/g2000012696/files/2021-09/icomoon-.eot?gnlls8#iefix') format('embedded-opentype'),
    url('/sites/g/files/g2000012696/files/2021-09/icomoon-.ttf?gnlls8') format('truetype'),
    url('/sites/g/files/g2000012696/files/2021-09/icomoon-.woff?gnlls8') format('woff'),
    url('/sites/g/files/g2000012696/files/2021-09/icomoon-.svg?gnlls8#icomoon-') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change /sites/g/files/g2000012696/files/2021-09 */
  font-family: 'icomoon-' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-deezer:before {
  content: "\e900";
  color: #feaa2d;
}
.icon-tidal:before {
  content: "\e901";
}
.icon-pandora:before {
  content: "\e902";
  color: #005483;
}
.icon-envelop:before {
  content: "\e945";
}
.icon-volume-high:before {
  content: "\ea26";
}
.icon-volume-mute2:before {
  content: "\ea2a";
}
.icon-arrow-up2:before {
  content: "\ea3a";
}
.icon-arrow-right2:before {
  content: "\ea3c";
}
.icon-arrow-down2:before {
  content: "\ea3e";
}
.icon-arrow-left2:before {
  content: "\ea40";
}
.icon-amazon:before {
  content: "\ea87";
}
.icon-google-plus:before {
  content: "\ea8b";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-spotify:before {
  content: "\ea94";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-youtube2:before {
  content: "\ea9e";
}
.icon-appleinc:before {
  content: "\eabe";
}
.icon-soundcloud:before {
  content: "\eac3";
}
.icon-soundcloud2:before {
  content: "\eac4";
}

