*{box-sizing: border-box}
html{scroll-behavior: smooth;}
body{margin: 0;font-size:62.5%; font-family: 'Montserrat', sans-serif;}
a{text-decoration: none;}
p, .js-to_expand, .form-btn, .routeBtns a, label, legend{font-size: 1.75em;}
h2 + p{margin-top:0;}
h3 + p{margin-top:0;}
a{text-decoration: none;-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in;}
a *{-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in;}

header{position: absolute;left:0;right:0;z-index: 1;}
header .topHeader{display: flex;justify-content: space-between;padding:0 4%;}


header .topHeader .logo{flex:1;padding-top: 5px;padding-bottom: 5px;}
header .topHeader .logo img{width: 200px;}
header .topHeader .headerRight{display:flex;justify-content:flex-end;}
header .topHeader .headerRight .social{border-left: 2px solid #FFF;padding-left:25%;margin-left:40px;display: flex;align-items: center;justify-content: center;}
header .topHeader .headerRight .social a{height: auto;margin-left: 10px;}
header .topHeader .headerRight .social a:first-of-type{margin-left:0;}
header .topHeader .headerRight .social a i, header .topHeader .lang a i{font-size: 2.65em;color:#FFF;}
header .topHeader .headerRight .social a:hover i, header .topHeader .lang a:hover i{color:#bea32e;}
header .topHeader .headerRight .lang{display:flex;align-items:center;padding-left: 40px;}
header .topHeader .headerRight .lang a{padding-top:2px;}
header .topHeader .headerRight .lang a:hover{opacity:.5;}
header .topHeader .headerRight .lang .current{display:none;}

.navWrap{display: flex;align-items: center;justify-content: flex-end;border-top:2px solid #FFF;border-bottom: 2px solid #FFF;}

.handle{display:none;}

nav.mainNav{width:100%;}
nav.mainNav ul{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 20%;
    list-style-type: none;
}

nav.mainNav  ul li{
    text-align: center;
    font-size: 1em;
}

nav.mainNav  ul li > a{
    font-size: 1.75em;
    color:#FFF;
    font-weight: 700;
}

nav.mainNav .mainNavWrap > ul > li:hover > a{border-bottom: 2px solid #FFF;}
nav.mainNav ul li.active > a{border-bottom: 2px solid #FFF;}
nav.mainNav .mainNavWrap > ul > li > a.current{border-bottom: 2px solid #FFF;}

nav.mainNav ul li.hasSub .subWrap{display: none;}
nav.mainNav ul li .subWrap{position: absolute;left: 0; width:100%;}
nav.mainNav ul li .subWrap .sub{margin-top:12px;padding:40px 20% 40px 20%;background-color:#1b1c20;text-align: left;width: auto;display: flex;}
nav.mainNav ul li .subWrap .sub .subGroup{margin-right: 40px;flex-basis: 25%;}
nav.mainNav ul li .subWrap .sub .subGroup:last-of-type{margin-right: 0;}
nav.mainNav ul li .subWrap .sub .subGroup span{display: block; color:#FFF;;font-size: 1.65em;padding-bottom: 10px;font-weight: bold;}
nav.mainNav ul li .subWrap .sub .subGroup ul{display: block;width: auto;padding: 0;}
nav.mainNav ul li .subWrap .sub .subGroup ul li{text-align: left;padding-bottom: 4px;}
nav.mainNav ul li .subWrap .sub .subGroup ul li a{font-size: 1.45em; color:#FFF;}
nav.mainNav ul li .subWrap .sub .subGroup ul li:hover a{color:#bea32e;}
nav.mainNav ul li .subWrap .sub .subGroup ul li a:hover:after{opacity: 1;}



.btn{display: inline-block;margin:10px 0;padding: 15px 30px;border: 3px solid #bea32e; color:#1b1c20;margin-right: 20px;font-size: 1.65em;font-weight: 600;text-decoration: none !important;}
.btn:hover{background-color:#bea32e;color:#1b1c20 !important;}
p .btn{font-size:initial;font-weight:600;}
.btn.white{color:#FFF;}

.hero{
    background-size: cover;
    background-position: center;
    height:700px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
.hero::before{   
    position: absolute;
    content: "";
    top: 0;
    right:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0, rgba(0,0,0,.8), rgba(0,0,0,.8));
    opacity: .7;
}

.heroText{margin-top:120px;padding:0 15%;position: relative;text-align: center;}
.heroText h2{color:#FFF;font-size: 4.25em;margin:0 0 30px;}
.heroText p{color:#FFF;font-size: 2em;}
.heroText p i, .heroText p em{font-size: 1.85em;opacity: .65;}
.heroText a{font-size: 1.75em;}



.homeFlex{display: flex;justify-content: space-between;align-items: center;margin: 120px 4%;}
.homeFlex div:nth-child(1){margin-right:50px;}
.homeFlex img{max-width: 100%;}
.homeFlex .homeFlexText{flex-basis: 60%;}
.homeFlex .homeFlexText p{font-size: 3em; font-weight: bold;color:#333333;}
.homeFlex .alignCenter{text-align: center;flex:1;}


.homeStrip{display: flex;justify-content: space-between;background-color: #1b1c20;min-height: 420px;}
.homeStrip div{flex-basis: 50%;}
.homeStrip .homeStripImg{background-size: cover;background-position: center;}
.homeStrip .homeStripText{color:#FFF;padding:85px 4% 80px 4%;}
.homeStrip .homeStripText h2{font-size: 3em;margin-top:0;}


.homeCollection{display: flex;justify-content: space-between;margin:80px 4%;}
.homeCollection .homeCollectionText{flex-basis: 35%; display: flex;flex-direction: column;justify-content: center;}
.homeCollection .spacer{content:"";display: flex; border-left:2px solid #1b1c20;margin:0 40px;}
.homeCollection .homeCollectionText h2{font-size: 3em;margin-top: 0;}
.homeCollection .collectionItemsWrap{display: flex;flex-basis: 55%;justify-content: flex-end;}
.homeCollection .collectionItems{display: flex;flex-direction: column;}
.homeCollection .collectionItems:nth-child(1){margin-right: 20px;}
.homeCollection .collectionItems:nth-child(2){margin-left: 20px;}
.homeCollection .collectionItems hr{border-top: 2px solid #1b1c20;width: 100%;border-bottom: 0;border-left: 0;border-right: 0;margin:35px 0;}

.homeCollection .collectionItem img{width: 100%;max-width: 100%;}
.homeCollection .collectionItem h3{font-size: 1.85em;}
.homeCollection .collectionItem p{margin:0;}
.homeCollection .collectionItem a{color:#1b1c20;}
.homeCollection .collectionItem a:hover{color:#bea32e;}

/*** Internal Layouts ***/
.content p, .content li{font-size: 1.65em; font-weight: 500;}
.content a, .content a:visited {color: #1b1c20;text-decoration: underline;}
.content a:hover{color:#bea32e;}
.content.pageTitle h1{font-size: 4em;font-weight: 900; margin:10px 0;color: #1b1c20;
padding-bottom: 5px;}
.content h2{font-size: 3.5em; margin: 40px 0 15px;color: #333333;text-transform:capitalize;}
.content h3{font-size: 3em;margin:20px 0;color:#333333;}
.content h4{font-size: 2.65em;margin:20px 0;color:#333333;}
.content h5{font-size: 2em;margin:20px 0;color:#333333;}
.content h6{font-size: 1.65em;margin:20px 0;color:#333333;}
.column100 > h2:first-of-type, .column50 > h2:first-of-type, .column30 > h2:first-of-type, .columnFlex > h2:first-of-type{margin-top: 0;}

.content h2 + p,.content h3 + p,.content h4 + p,.content h5 + p,.content h6 + p{margin-top:0;}
.content{display: flex;justify-content: space-between;padding:0 4% 40px;}
.content.pageTitle{padding-bottom:10px;margin-top: 40px;}
.content img{max-width: 100%;}
.content img.left {float: left;max-width: 50%;height:auto;margin: 5px 20px 10px 0;}
.content img.leftAlone {float: left;margin-right: 100%;height:auto;margin-bottom: 10px;clear: both;}
.content img.right {float: right;max-width: 50%;height:auto;margin: 5px 0 10px 20px;}
.content img.rightAlone{float:right;margin-left:100%;height:auto;margin-bottom: 10px;clear: both;}
.content img.center{float: none;margin-left: auto;margin-right: auto;display: block;margin-bottom: 10px;clear: both;}
.content li li{font-size:1em;}
.columnFlex{flex:1;margin-right:120px;}
.column100{flex-basis: 100%;}
.column60{flex-basis: 60%;}
.column50{flex-basis: 50%;}
.column50:nth-child(1){margin-right: 80px;}
.column30{flex-basis: 30%;}

.internalHeader {
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.internalHeader .headerTitle::before{   
    position: absolute;
    content: "";
    top: 0;
    right:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0, rgba(0,0,0,.8), rgba(0,0,0,.8));
    opacity: .7
}

.internalHeader .headerTitle{
    display: flex;
    justify-content: center;
    align-items: center;
    height:440px;
    width: 100%;
    background-size: cover;
    position: relative;
}

.internalHeader .headerTitle h1{
    color: #FFF;
    font-size: 35px;
    line-height: 35px;
    margin:0;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 10px 30px #000;
    text-align: center;
    position: relative;
    margin-top:100px;
}

.redText{color:#af0000;}

/*** PAGE NAVIGATION ***/

.sectionNavWrap{padding:35px 4%;background-color: #1b1c20;}
nav.sectionNav ul{display: flex; justify-items: center;align-items: center;list-style-type: none;padding-left: 0;}
nav.sectionNav ul li{margin-right: 35px;}
nav.sectionNav ul li a{font-size: 1.65em;font-weight: 600; color:#FFF;padding-bottom: 5px;}
nav.sectionNav ul li a:hover{color:#bea32f;}
nav.sectionNav a.current {border-bottom: 2px solid #bea32f;}

/*** EXHIBITIONS ***/
.exhibitionsWrap .exhibition{display: flex;justify-content: space-between;margin: 40px 0;}
.exhibitionsWrap .exhibition .spacer{border-left:2px solid #69718f;margin:0 20px;}
.exhibitionsWrap .exhibition .exhibitText{flex-basis: 40%; align-self: center;}
.exhibitionsWrap .exhibition .exhibitImg{flex-basis: 55%;align-self: center;}
.exhibitionsWrap .exhibition .exhibitImg img{width: 100%; max-width: 100%;}
.exhibitionsWrap .exhibition div h2{margin-top: 10px;}
.exhibitionsWrap .exhibition div .exhibitType{padding:10px 20px;background-color:#1b1c20; display: inline-block;color:#FFF;font-weight: bold;}
.exhibitionsWrap .exhibition div .exhibitDate{font-weight: bold;}
.exhibitionsWrap .exhibition.even .spacer {order: 2;}
.exhibitionsWrap .exhibition.even .exhibitImg {order: 3;}
.pastExhibit h2{font-size:2em;margin-bottom: 5px;}

/*** EVENTS LIST ***/
.eventsWrap{}
.eventsWrap .event{background-color:#1B1C20;margin-bottom:40px;}
.eventsWrap .event a{display: flex;text-decoration: none;color:#FFF;}
.eventsWrap .event a h2{color:#FFF;}
.eventsWrap .event a:hover{opacity: .5;}
.eventsWrap .event .eventBck{content:"";flex-basis: 230px;min-height:230px; background-size: cover;background-position: center;}
.eventsWrap .event .eventSummary{flex:1;padding: 30px;}
.eventsWrap .event .eventSummary h2{margin-top: 0;margin-bottom: 5px; font-size: 2.5em;}

/*** BREADCRUMBS ***/
.breadCrumbs{margin:40px 4% 0 4%;font-size: 1.5em;font-weight: bold;}
.breadCrumbs span::after{
    margin:0 10px;
    content:"";
    border: solid #5c5c5c;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.breadCrumbs span:last-child:after{display: none;}
.breadCrumbs a{color:#bea32f;transition: all 0.3s ease-in-out;}
.breadCrumbs a:hover{color:#1b1c20;}

/*** TABLES ***/

table {
    border-collapse: collapse; /* borders are collapsed into a single border when possible */
    border: 1px solid #d4d4d4;
    border-spacing: 0; /* The border-spacing property sets the distance between the borders of adjacent cells - acts as a backup to border-collapse: collapse */
    margin: 0 0 10px;
    text-align: left;
	font-size:1.4em;
}
table tr:nth-child(even) {background-color: #ededed;}
table th, thead td {background-color: #ededed;}
table td, table th {padding: 15px; border: 1px solid #d4d4d4; vertical-align: top;}
table th {font-weight: bold;}
table li{font-size:inherit !important;}  

table.noStyle{border:none;}
table.noStyle tr:nth-child(even){background-color:#FFF;}
table.noStyle td, table.noStyle th{border:none;}

.alert{background-color:#bea32e;color:#1b1c20;padding:20px 8%;text-align:center;font-weight:bold;}
.alert a{text-decoration:underline;opacity:.8;}
.alert a:hover{opacity:.8;text-decoration:none;}

/*** FORM ***/

.userform-fields input, .userform-fields textarea{
    width: 100%;
    display: block;
    box-sizing: border-box;padding: 10px;
    font-size: 1.4em;
}
.userform-fields label, .userform-fields legend{
    display:block;
    font-size: 1.5em;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 600;
}
.userform-fields select{width: 100%;padding: 10px;font-size: 1.4em;}
.userform-fields fieldset{margin:10px 0;}
.userform-fields fieldset label{display:inline-block;}
.userform-fields fieldset input{display:inline-block;width:auto;}
input[type=submit]{
    border: 3px solid #bea32e;
	background-color:transparent;
    color: #1b1c20;
    font-size: 18px;
    display: inline-block;
    padding: 15px 30px;
    font-weight: 400;
    margin-top:20px;
    cursor: pointer;
	-webkit-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
}
input[type=submit]:hover{background: #bea32e;}
.requiredField label::after {content: "*";}
.onlyForm form{max-width:75%;}
textarea{font-family: 'Montserrat', sans-serif;}

.preFooter{background-color: #bea32e;padding:30px 4%;display: flex;justify-content: space-between;align-items: center;}
.preFooter h4{font-size: 3em;color:#1b1c20;margin: 0;}
.preFooter .preFooterText{flex-basis: 40%;}
.preFooter .preFooterLogos{display: flex;justify-content: flex-end;align-items: center;gap:20px;}
.preFooter .preFooterLogos div{width:30%;}
.preFooter .preFooterLogos div img{height: 70px; width:100%;max-width: 100%;}
.preFooter .preFooterLogos div a:hover{opacity:.8;}

footer{background-color:#1b1c20;display: flex; justify-content: space-between;padding:4%;color:#FFF;}
footer .fLeft{display: flex;}
footer .fLeft .fLogo{width:110px;}
footer .fLeft .fSpacer{border-left:2px solid #bea32e;margin:0 40px;}



footer .fRight{flex-basis: 25%; display: flex;flex-direction: column;align-items: flex-end;}
footer .fRight .fNewsletter{text-align: right;margin-left: 40px;}
footer .fRight .fNewsletter h3{font-size: 2em;margin: 0;}
footer .fRight .fNewsletter .btn{margin-top:20px;margin-right: 0;}
footer .copy{font-size: 1.25em;}
footer .copy a{color:#FFF;}
footer .copy a:hover{color:#bea32e;}



@media (min-width:881px){
    nav.mainNav button {display: none;}
    [hidden]{display: block;} 
}

@media only screen and (max-width: 960px) {
	nav.mainNav ul{padding: 0 15%;}
}

@media only screen and (max-width: 880px) {
	.hero{height:800px;}
    header .topHeader{flex-direction: column;}
	header .topHeader .headerRight{flex-direction:column;justify-content:center;}
    header .topHeader .headerRight .social{border-left: none;margin:20px 0;padding-left: 0;}
    header .topHeader .headerRight .social a:first-of-type{margin-left: 0;}
	header .topHeader .headerRight .lang{justify-content:center;padding-left:0;margin-top:15px;margin-bottom:35px;}
    header .topHeader .logo{flex-basis: 100%;text-align: center;} 

    
    [hidden]{display: none !important;} 
    nav.mainNav button{
        background-color: transparent;
        border: 0;
        color:#FFF;
        font-size: 3em;
        cursor: pointer;
    }
    nav.mainNav button span{
        position:absolute;
        left:-10000px;
        top:auto;
        width:1px;
        height:1px;
        overflow:hidden;
    }
    nav.mainNav{text-align: center;margin: 20px 0;}
    nav.mainNav.desktop{
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        background-color: #1b1c20;
        padding:20px;
        margin:0;
    }
    nav.mainNav.desktop i.fa-bars{display: none;}
    nav.mainNav i.fa-times{display: none;}
    nav.mainNav.desktop i.fa-times{display: block;}
    nav.mainNav ul{
        height: 100vh;
        flex-direction: column;
        justify-content: flex-start;
    }
    
    nav.mainNav ul li{margin:10px 0;width:100%;text-align: center;padding: 0;}
    nav.mainNav ul li a{padding: 0;}
    nav.mainNav ul li .subWrap .sub{flex-direction: column;text-align:center;padding:40px 20px;background-color: #bea32e;} 
    nav.mainNav ul li .subWrap .sub .subGroup ul{padding: 0;}
    nav.mainNav ul li .subWrap .sub .subGroup ul li{text-align: center;}
    nav.mainNav ul li .subWrap .sub .subGroup ul li a{color:#1b1c20;}
    nav.mainNav ul li .subWrap .sub .subGroup ul li a:after{display: none;}
    .heroText{margin-top:350px;padding:0 4%;}
    .heroText h2{font-size: 3em;}
    .homeFlex{flex-direction: column;text-align: center;margin-top: 40px;margin-bottom: 40px;}
    .homeFlex div{flex-basis: 100%;}
    .homeFlex div:nth-child(1){margin-right: 0;}
    .homeStrip{flex-direction: column;text-align: center;}
    .homeStrip div{flex-basis: 100%;}
    .homeStrip .homeStripImg{height:300px;flex-basis: 500px;}
    .homeCollection{flex-direction: column;margin-top: 40px;}
    .homeCollection .homeCollectionText{flex-basis: 100%;text-align: center;}
    .homeCollection .spacer{display: none;}
    .homeCollection .collectionItemsWrap{flex-basis: 100%;flex-direction: column;justify-content:space-between;}
    .homeCollection .collectionItems{display: flex;flex-direction: column;}
    .homeCollection .collectionItems:nth-child(1){margin-right: 0;}
    .homeCollection .collectionItems:nth-child(2){margin-left: 0;}
    .homeCollection .collectionItems hr{display: none;}
    .homeCollection .collectionItems .collectionItem{margin-top:80px;text-align: center;}
    .internalHeader .headerTitle h1{margin-top: 325px;}
   
	nav.sectionNav ul{
        flex-direction: column;
        align-items: center;
    }
	nav.sectionNav ul li{width:100%;margin: 10px 0; text-align:center;}
	nav.sectionNav ul li .subWrap{position:relative;}
    .exhibitionsWrap .exhibition{flex-direction: column;justify-content:flex-start;border-bottom: 2px solid #333333;}
	.exhibitionsWrap .exhibition:last-child{border-bottom:0;}
    .exhibitionsWrap .exhibition .spacer{display: none;}
    .exhibitionsWrap .exhibition .exhibitText{flex-basis: 100%;}
    .exhibitionsWrap .exhibition .exhibitImg{flex-basis: 100%;}
	.exhibitionsWrap .exhibition.even .exhibitImg{order:-1;}
    .exhibitionsWrap .exhibition div h2{margin-top: 10px;}
	.eventsWrap .event a{flex-direction:column;}
	.eventsWrap .event .eventBck{display:block;flex-basis: auto;width:auto;height:300px;}
	
	.content img.left, .content img.leftAlone, .content img.right, .content img.rightAlone{float: none;max-width: 100%;height:auto;margin: 20px 0;}

    .preFooter{flex-direction: column;}
    .preFooter h4{margin:0 0 40px;text-align: center;}
    .preFooter .preFooterText{flex-basis: 100%;}
    .preFooter .preFooterLogos{justify-content:center;flex-wrap: wrap;}
    .preFooter .preFooterLogos div{width:30%;}

    footer{flex-direction: column;}
    footer .fLeft{flex-direction: column;align-items: center;}
    footer .fLeft .fLogo{width:110px;}
    footer .fLeft .fSpacer{display: none;}
    footer .fRight{flex-basis: 100%;align-items: center;}
    footer .fRight .fNewsletter{text-align: center;margin-left: 0;}
}

@media (max-width: 768px) {
    .content{flex-direction: column;}
    .column50, .column60{flex-basis: 100%;}
    .column50:nth-child(1){margin-right: 0;}
    .column50:nth-child(2){margin-top: 40px;}
    .column30{flex-basis: 100%;margin-top: 40px;}
	.internalHeader .headerTitle{height:540px;}
    table{max-width:100%;}
	table td{max-width:100%;}
    footer{flex-direction: column;align-items: center;}
    footer .fContact{flex-direction: column;}
    footer .fContact div:first-of-type{margin-right: 0;}
    footer .fLeft{text-align: center;margin-top:30px;}
    footer .fRight{margin-top: 40px;align-items: center;}
}