@charset "UTF-8";
/* CSS Document */
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline;
}
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}
 html {
    height:100%;
}
 body {
     line-height: 1;
     background:#282828;
     height:100%;
     font-family: 'Century Gothic W01', Helvetica, Arial, Sans-serif;
}
 ol, ul {
    list-style: none;
}
 blockquote, q {
    quotes: none;
}
 blockquote:before, blockquote:after, q:before, q:after {
     content: '';
     content: none;
}
 table {
     border-collapse: collapse;
     border-spacing: 0;
}
 #container {
     width: 100%;
     max-width: 1400px;
     margin: 0px auto;
     padding: 0px;
     height:100%;
     display:flex;
     flex-direction: column;
     overflow: hidden;
}
.vert-center {
    position: absolute;
    top: 50%;
    left: 0;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%;
}
/*---------------------------------------------------------------------------------------------*/
/*--------------------------------------------HEADER-------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
 #headercontainer {
     width: 100%;
     background: #282828;
     height: auto;
     z-index: 99999;
     position: relative;
}
 #header {
     position: relative;
     display: flex;
     align-items: flex-start;
     flex-flow: row nowrap;
     justify-content: space-between;
     width:100%;
     margin: 0 auto;
     padding: 0px 0 0px 0 ;
}
 #logo {
     display: block;
     margin: 0;
     width: 100%;
     padding:0px;
	 max-width: 155px;
	    
}
 #logo img {
    width: 100%;
     height: auto;
     display:block;
}
/*---------------------------------------------------------------------------------------------*/
/*------------------------------------------NAVIGATION-----------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
 #menu-button {
     display: none;
}
 #cssmenufree, #cssmenufree ul, #cssmenufree ul li, #cssmenufree ul li a, #cssmenufree #menu-button {
     margin: 0;
     padding: 0;
     border: 0;
     list-style: none;
     line-height: 1;
     display: block;
     position: relative;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 #cssmenufree, #cssmenufree ul {
    position: static;
}
 #cssmenufree.map-menu, #cssmenufree.map-menu ul {
     position: relative;
}
 #cssmenufree {
    display: flex;
     flex-direction: column-reverse;
     margin: 0 0% 0% 0;
}
 #main {
    margin-top: 14px !important;
}
 .menubox {
     display: flex;
     max-width: 100%;
     opacity: 0;
     position: absolute;
     left: -100%;
     background: #0099cc;
     padding:0 0 0px 0;
     z-index: 99999;
     box-shadow: 0px 50px 150px rgba(0,0,0,.5);
     text-align: left;
     transition: left .3s ease, opacity .3s .1s ease;
     flex-flow:row-reverse;
}
 #cssmenufree:after, #cssmenufree > ul:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}
 #cssmenufree #menu-button {
    display: none;
}
 #cssmenufree {
     background: none;
     flex: 2 1 auto;
}
 #cssmenufree ul {
     text-align: right;
}
 #cssmenufree > ul > li {
     display: inline-block;
     margin: 0 0px;
     position: static;
}
 #cssmenufree.align-center > ul {
     font-size: 0;
     text-align: center;
}
 #cssmenufree.align-center > ul > li {
     display: inline-block;
     float: none;
}
 #cssmenufree.align-center ul ul {
     text-align: left;
}
 #cssmenufree.align-right > ul > li {
     float: right;
}
 #cssmenufree > ul > li > a {
     padding: 17px 20px 27px 20px;
     font-size: 14px;
     letter-spacing: 3px;
     text-decoration: none;
     color: #ffffff;
     font-weight: 700;
     text-transform: uppercase;
}
 #cssmenufree > ul > li:hover > a {
     background: #0099cc;
}
 #cssmenufree ul ul ul ul li > a {
     letter-spacing: 1px;
     text-transform: none;
     padding-left: 50px;
}
 #cssmenufree > ul > li > .on:after {
     width: 100%;
}
/* TOP LEVEL NAV PLUS AND MINUS #cssmenufree > ul > li.has-sub > a {
    padding-right: 30px;
}
 #cssmenufree > ul > li.has-sub > a:after {
     position: absolute;
     top: 22px;
     right: 11px;
     width: 8px;
     height: 2px;
     display: none;
     background: #dddddd;
     content: '';
}
 #cssmenufree > ul > li.has-sub > a:before {
     position: absolute;
     top: 19px;
     right: 14px;
     display: none;
     width: 2px;
     height: 8px;
     background: #dddddd;
     content: '';
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease;
}
 */
 #cssmenufree > ul > li.has-sub:hover > a:before {
     top: 23px;
     height: 0;
}
 #cssmenufree ul ul {
     flex: 1 1 33.333%;
     position: relative;
     left: 0;
     padding:2% 0 2% 0;
     z-index: 99999;
     text-align: left;
}
 #cssmenufree.align-right ul ul {
     text-align: right;
}
 #cssmenufree ul ul li {
     width: 100%;
     height: auto;
     transition: all .25s ease;
}
 #cssmenufree ul ul ul li {
     width: auto;
}
 #cssmenufree li:hover > .menubox {
     left: 0;
     opacity: 1;
     width:100%;
     padding: 0px 0px;
}
 #cssmenufree li:hover > ul {
     left: 0;
     width:100%;
     padding: 20px 0px;
}
 #cssmenufree.align-right li:hover > ul {
     left: auto;
     right: 0;
}
 #cssmenufree li:hover > ul > li {
     height: auto;
     overflow: visible;
}
 #cssmenufree ul ul li:hover > ul {
     padding: 0px 0px 0px 0px;
}
 #cssmenufree ul ul ul {
     flex: none;
     margin-left: 0%;
     position: relative;
     top: 0;
     left: 0;
     width: 100%;
     padding: 0px 0px 0px 0px;
     box-shadow: none;
}
 #cssmenufree ul ul:first-of-type li:first-of-type {
     padding-top: 10px;
}
 #cssmenufree.align-right ul ul ul {
     margin-left: 0;
     margin-right: 100%;
}
 #cssmenufree ul ul li a, #cssmenufree .title {
     padding: 8px 40px;
     width: 100%;
     font-size: 14px;
     line-height: 14px;
     font-weight: 700;
     text-transform: uppercase;
     text-decoration: none;
     color: #fff;
     background: none;
     letter-spacing: 2px;
}
 #cssmenufree .title {
     font-size: 25px;
     line-height: 20px;
     font-weight: bold;
}
 #cssmenufree ul ul ul li a {
     font-weight: 700;
}
 #cssmenufree ul ul ul ul li a {
     font-weight: 400;
}
 #cssmenufree ul ul li a:hover {
     background: rgba(255,255,255,.9);
     transition: all .5s ease 0s;
     color:#0099cc ;
}
 #cssmenufree ul ul ul ul.sub-menu li:first-of-type {
     padding-top: 0px;
}
/*#cssmenufree ul ul li.has-sub > a:after {
     position: absolute;
     top: 16px;
     right: 11px;
     width: 8px;
     height: 2px;
     display: block;
     background: #ffffff;
     content: '';
}
 #cssmenufree.align-right ul ul li.has-sub > a:after {
     right: auto;
     left: 11px;
}
 #cssmenufree ul ul li.has-sub > a:before {
     position: absolute;
     top: 13px;
     right: 14px;
     display: block;
     width: 2px;
     height: 8px;
     background: #ffffff;
     content: '';
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease;
}
 #cssmenufree.align-right ul ul li.has-sub > a:before {
     right: auto;
     left: 14px;
}
 #cssmenufree ul ul > li.has-sub:hover > a:before {
     top: 17px;
     height: 0;
}
*/
 .navfeature {
     width: 66.66%;
     flex: 2 1 66.666%;
     position: relative;
     background: #ffffff;
}
 #cssmenufree li:hover .navfeature {
     display: flex;
}
 .nfleft, .nfright {
}
 .nfleft {
     margin: 4% 0 4% 4%;
     flex: 1 1 46%;
}
 .nfright {
     margin: 4% 4% 4% 4%;
     flex: 1 1 42%;
}
 #meta {
    margin-top: 20px !important;
     display: flex;
     flex-direction: row;
}
 #cssmenufree > #meta > li > a {
     padding: 17px 20px;
     font-size: 12px;
     letter-spacing: 3px;
     text-decoration: none;
     color: #ffffff;
     font-weight: lighter;
     text-transform: uppercase;
}
 #cssmenufree > #meta > li {
     flex: 1 1 auto;
     margin: 0 0px;
     position: relative;
}
 #meta .menubox {
     pointer-events: none;
     display: block;
     left: 0%;
     max-width: none;
     width: auto;
     background: #333333;
     border: 0px solid #fff;
     box-shadow: 0px 30px 50px rgba(0,0,0,.5);
     transition: opacity .3s 0s ease;
}
 #cssmenufree #meta ul {
     flex: none;
     padding: 10px 0px;
}
 #cssmenufree > #meta > li:hover > a {
     background: #333333;
}
 #cssmenufree #meta li:hover > .menubox {
     opacity: 1;
     width: auto;
     pointer-events: auto;
}
 #cssmenufree #meta ul li a {
     padding: 8px 20px;
     width: auto;
     font-size: 12px;
     line-height: 12px;
     font-weight: lighter;
     text-transform: none;
     display: block;
     letter-spacing: 1px;
     white-space: nowrap;
}
 #cssmenufree #meta ul li a:hover {
     background: rgba(0,0,0,.3);
     transition: all .3s ease;
     color: #999999;
}
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------------HOME--------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
 #home {
     width: 100%;
     margin: 0% auto 0% auto;
     background:#fff;
     height:auto;
     flex:2;
     display: flex;
     flex-flow: wrap;
}
 .feature {
     flex: 1 1 27.333%;
     height: 50%;
     color: #fff;
     padding: 0;
     margin: 0 0 0% 0;
     background: #71a16b;
     display: flex;
     overflow: hidden;
     cursor: pointer;
}
 .featscreen {
     height: auto;
     width: 100%;
     padding: 8%;
     position: relative;
     transition: all .5s .2s ease;
}
 .one .featscreen {
    background: rgba(0,147,208,1);
}
 .two .featscreen {
    background: rgba(239,62,66,0.80);
}
 .three .featscreen {
    background: rgba(193,216,47,0.80);
}
 .four .featscreen {
    background: rgba(102,102,102,0.80);
}
 .five .featscreen {
    background: rgba(255,214,59,0.80);
}
 .six .featscreen {
    background: rgba(244,126,32,0.80);
}
 .rotate {
    /*position: absolute;
     width: 30vmin;
     top: 0px;
     left: 0px;
     transform: rotate(90deg) translate(7%, calc(-100% - 20px));
     transform-origin: 0% 0%;
    */
     font-size: 3vw;
     line-height: 3vw;
     font-weight: bold;
     text-transform: uppercase;
}
 .feature:hover .featscreen {
     opacity: 0;
     transition: all .3s ease;
     transform: translateY(100%);
}
 .feature.one:hover .featscreen {
     opacity: 1;
     transform: translateY(0%);
}
 .feature.one .featscreen {
     opacity: 1;
     transform: translateY(0%);
     transition: none;
     font-size: 4vmin;
     line-height: 4.4vmin;
     font-weight: bold;
}
 .feature.negative .featscreen {
     opacity: 0;
     transform: translateY(100%);
}
 .feature.negative:hover .featscreen {
     opacity: 1;
     transform: translateY(0%);
}
 .horizontal {
    /*transform: rotate(0deg) translate(20px, 20px);
    */
}
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------TEXT and IMAGES---------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/*font-family:'Century Gothic W01';
 font-family:'CenturyGothicW01-Italic';
 font-family:'Century Gothic W01 Bold';
 font-family:'CenturyGothicW01-BoldIt';
*/
 a {
    text-decoration: none;
     color:#0099cc;
     transition: all .25s ease;
     font-weight: bold;
}
 a:hover {
    cursor: pointer;
}
 p {
     color: #000000;
     font: 16px/27px 'Century Gothic W01', arial, sans-serif;
     letter-spacing: 0px;
     font-weight: 300;
     margin: 0 0 25px 0;
     text-transform: none;
}
 h1 {
     color: #282828;
     font: 40px/40px 'Century Gothic W01', arial, sans-serif;
     letter-spacing: 0px;
     font-weight: 700;
     margin: 0 0 25px 0;
     text-transform: none;
}
 #class-results h1 {
    display:none !important;
}
 h2 {
     color: #282828;
     font: 25px/35px 'Century Gothic W01', arial, sans-serif;
     letter-spacing: 0px;
     font-weight: 300;
     margin: 0 0 25px 0;
     text-transform: none;
}
 h3 {
     color: #282828;
     font: 27px/37px 'Century Gothic W01', arial, sans-serif;
     letter-spacing: 0px;
     font-weight: 500;
     font-style: italic;
     margin: 0 0 15px 0;
     text-transform: none;
}
 h4 {
     color: #282828;
     font: 15px/15px 'Century Gothic W01', arial, sans-serif;
     letter-spacing: 1px;
     font-weight: 900;
     margin: 0 0 15px 0;
     text-transform: uppercase;
}
 .clear {
    display: block;
     height: 0px;
     clear: both;
     float:none;
}
 hr {
     border: none;
     height: 1px;
     margin: 40px auto;
     width: 100%;
     display: block;
     background: #000;
}
 #internal ul {
    list-style: disc;
     color: #000000;
     font: 16px/27px 'Century Gothic W01', arial, sans-serif;
     letter-spacing: 0px;
     font-weight: 300;
     margin: 0 0 25px 25px;
     text-transform: none;
}
 #internalleft img, #internalright img, #internalfull img {
    display:block;
     max-width: 100%;
     height: auto;
     margin: 0 0 4% 0;
}
 .alignright {
     float:right;
     margin: 0 0px 20px 30px !important;
     max-width: 50% !important;
     height: auto;
}
 .alignleft {
     float:left;
     margin: 0 30px 20px 0 !important;
     max-width: 50% !important;
     height: auto;
}
/*---------------------------------------------------------------------------------------------*/
/*-------------------------------------------Internal--------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
 #container.internal {
     height: auto;
}
 #internalcontainer {
     width: 100%;
     background: #fff;
}
 #internal {
     width: 80%;
     margin: 0 auto;
     padding: 4% 0 4% 0;
     display: flex;
     justify-content: space-between;
}
.map-contain {
     width: 80%;
     margin: 0 auto;
     padding: 4% 0 4% 0;
}
 #internalfull {
     width: 80%;
     margin: 0 auto;
     padding: 4% 4% 0% 4%;
}
 #internalbanner {
     width: 100%;
     margin: 0 auto;
     height: 22vw;
     min-height: 512px;
     display: flex;
     flex-flow: column;
     justify-content: flex-end;
}
 #internalbanner h1 {
     color:#fff;
     display: block;
     margin: 0 auto 2% auto;
     width: 80%;
     text-shadow: 0px 0px 30px rgba(0,0,0,.7);
}
 #internalleft {
     width: 70%;
}
 #internalright {
     width: 24%;
}
 #quicklinks {
     list-style: none;
     margin: 0 0 30px 0 !important;
     padding: 0px;
}
 #quicklinks li {
     display: block;
     margin: 0px 0px 10px 0;
     max-width: 180px;
}
 #quicklinks li a {
     display: block;
     background: none;
     font-size: 12px;
     text-transform: uppercase;
     line-height: 16px;
     font-weight: normal;
     color: #0099cc;
     padding: 10px 0px 20px 0px;
     letter-spacing: 2px;
     text-align: left;
     border-bottom: 1px solid #cccccc;
}
 #quicklinks li:last-child a {
     border-bottom: 0px solid #cccccc;
}
 #quicklinks li a:hover {
     background: #fff;
     color: #000000;
}
/*---------------------------------------------------------------------------------------------*/
/*-------------------------------------------FOOTER--------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
 #footercontainer {
     width:100%;
     margin: 0px;
     padding: 0px;
     background-color: #282828;
}
 #footer {
     width: 100%;
     padding: 30px 0;
     font-size: 13px;
     line-height: 16px;
     font-weight: 300;
     letter-spacing: 2px;
     text-transform: uppercase;
     display: flex;
     justify-content:flex-end;
}
 #footer ul {
     color: #fff;
}
 #footer ul li {
     display:block;
     float:left;
}
 #footer ul li:after {
     content: '•' ;
     display: block;
     float: right;
     margin: 0 10px;
     font-size: 5px;
}
 #footer ul li:last-child:after {
     display: none;
}
 #footer a:hover {
     color:#0099cc;
}
 #sociallinks {
     display: flex;
     margin-top: -7px;
     margin-right: 5px;
}
 #sociallinks a {
     display: block;
     width: 30px;
     margin: 0 0 0 10px;
     position:relative;
}
 .color, .white {
     position:absolute;
     display: block;
     width: 30px;
     height: 30px;
     top:0px;
     left:0px;
     transition: transform 400ms ease;
     backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
}
 .color {
     transform:rotateX(180deg);
}
 #sociallinks a:hover .white {
     transform:rotateX(180deg);
     transition: transform 400ms ease;
}
 #sociallinks a:hover .color {
     transform:rotateX(0deg);
     transition: transform 400ms ease;
}
/*---------------------------------------------------------------------------------------------*/
/*----------------------------------------SCULPTURE MAP----------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
 .wpgmza_modern_infowindow {
     top: 0 !important;
     left: 0px !important;
     margin: 0px 0px 0px 0px !important;
     height: 780px !important;
     width: auto !important;
     max-width: 420px !important;
     transform:translate(0px, -5px);
}
 .wpgmza_iw_description {
     height:680px !important;
     max-height:none !important;
}
 .wpgmza-shadow {
    box-shadow:none !important;
}
 .wpgmza_iw_description tr {
     border-top:1px solid #fff;
}
 .wpgmza_iw_description tr:first-child {
     border-top:0px solid #fff;
}
 .wpgmza_iw_description td {
     vertical-align:top;
     padding: 10px 0 10px 0;
}
 .wpgmza_iw_description p {
     color: #ffffff;
     font: 11px/15px 'Century Gothic W01', arial, sans-serif;
     margin: 0 0 10px 0;
}
 .wpgmza_map img {
     margin: 0 10px 0px 0;
}
 .wpgmza_iw_title {
    margin: 0 0 10px -10px;
     opacity:1 !important;
    font-family: CenturyGothic;
}
 .wpgmza_modern_infowindow_close {
    color:#fff;
}
 .expandcollapse {
     background: #ebebeb;
     transition: .2s all ease;
     margin-bottom: 20px;
}
 .expandcollapse label {
     padding: 17px 20px;
     display: block;
     cursor: pointer;
}
 .expandcollapse label p {
     font-weight: bold
}
 .expandcollapse:hover {
     background: #cccccc;
     transition: .2s all ease;
}
 .expandcollapse p {
     margin-bottom: 0px;
}
 #hidden {
     display: none;
     height: auto;
     margin-top: -20px;
     padding: 17px 20px;
}
 :checked + #hidden {
     display: block;
}
 @media all and (max-width: 1400px) {
     #logo {
         margin: 0 0 0 3%;
    }
     #footer {
         width: 96%;
    }
}
 @media all and (max-width: 1024px) {
     #cssmenufree > ul > li > a {
        padding: 17px 15px 27px 15px;
    }
     #cssmenufree > #meta > li > a {
         padding: 17px 15px;
    }
     .nfright p {
         font-size: 13px;
         line-height: 19px;
         margin-bottom: 0px;
    }
     #cssmenufree ul ul li a, #cssmenufree .title {
         font-size: 12px;
         line-height: 13px;
         padding: 5px 20px;
    }
     #cssmenufree ul ul ul li > a {
         padding-left: 30px;
    }
     #footer {
         margin: 20px auto;
         font-size: 9px;
         justify-content: space-between;
    }
     #footer ul li:after {
         margin: 0 5px;
    }
     #footer ul {
         flex: 2 1 auto;
    }
}
 @media all and (max-width: 950px) {
         #internalbanner {
         min-height: 360px;
    }
}
 @media all and (max-width: 768px) {
     #internalbanner {
         height: 45vw;
         min-height: 220px;
    }
     #container {
         height: auto;
         min-height: 100%;
    }
     #internal,
     .map-contain {
     width: 90%;
 }
     #logo {
    margin: 15px 0 15px 3%;
    width: 100px;
    }
    #logo.vert-center {
    position: relative;
    top: 0				;
    left: 0;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
     #cssmenufree {
         width: 100%;
         flex: 0 0 100%;
         position: absolute;
         flex-direction: column;
         top: 72px;
    }
     #meta, #main {
        margin-top: 0px !important;
    }
     #cssmenufree ul {
         width: 100%;
         display: none;
         background:#0099cc;
         text-align: left;
    }
     #cssmenufree.align-center > ul {
         text-align: left;
    }
     #cssmenufree ul li {
         width: 100%;
         border-top: 1px solid rgba(255, 255, 255, 0.5);
    }
     #cssmenufree ul ul li, #cssmenufree li:hover > ul > li {
         height: auto;
    }
     #cssmenufree ul li a {
         width: 100%;
         border-bottom: 0;
         padding: 17px 17px 15px 17px;
    }
     #cssmenufree ul ul li a {
         width: 100%;
         border-bottom: 0;
         padding: 10px 17px 10px 17px;
    }
     #cssmenufree > ul > li {
         float: none;
         margin: 0px;
         position: relative;
    }
     #cssmenufree ul ul li a {
         padding-left: 25px;
    }
     #cssmenufree ul ul ul li a {
         padding-left: 35px;
    }
     #cssmenufree ul ul li a {
         background: rgba(0,0,0,.20);
    }
     #cssmenufree ul ul li:hover > a, #cssmenufree ul ul li.active > a {
         color: #ffffff;
    }
     #cssmenufree ul ul, #cssmenufree ul ul ul, #cssmenufree.align-right ul ul {
         position: relative;
         left: 0;
         width: 100%;
         margin: 0;
         text-align: left;
         padding: 0px;
         display: block !important;
    }
     #cssmenufree > ul > li.has-sub > a:after, #cssmenufree > ul > li.has-sub > a:before, #cssmenufree ul ul > li.has-sub > a:after, #cssmenufree ul ul > li.has-sub > a:before {
         display: none;
    }
     #cssmenufree ul ul:first-of-type li:first-of-type {
     padding-top: 0;
}
     #menu-button {
     	 display: block;
		 position: absolute;
   		 top: 16%;
    	 right: 0;
         color: #dddddd;
         cursor: pointer;
         font-size: 12px;
         text-transform: uppercase;
         font-weight: 700;
         transition: all .25s ease;
    }
     #menu-button:after {
         position: absolute;
         top: 22px;
         right: 17px;
         display: block;
         height: 4px;
         width: 20px;
         border-top: 2px solid #dddddd;
         border-bottom: 2px solid #dddddd;
         content: '';
         transition: all .25s ease;
    }
     #menu-button:before {
         position: absolute;
         top: 16px;
         right: 17px;
         display: block;
         height: 2px;
         width: 20px;
         background: #dddddd;
         content: '';
         transition: all .25s ease;
    }
     #menu-button.menu-opened:after {
         top: 23px;
         border: 0;
         height: 2px;
         width: 15px;
         background: #ffffff;
         -webkit-transform: rotate(45deg);
         -moz-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
         transform: rotate(45deg);
         transition: all .25s ease;
    }
     #menu-button.menu-opened:before {
         top: 23px;
         background: #ffffff;
         width: 15px;
         -webkit-transform: rotate(-45deg);
         -moz-transform: rotate(-45deg);
         -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
         transform: rotate(-45deg);
         transition: all .25s ease;
    }
     #cssmenufree .submenu-button {
         position: absolute;
         z-index: 99;
         right: 0;
         top: 0;
         display: block;
         border-left: 1px solid rgba(255, 255, 255, 0.2);
         height: 46px;
         width: 46px;
         cursor: pointer;
    }
     #cssmenufree .submenu-button.submenu-opened {
         background: #262626;
    }
     #cssmenufree ul ul .submenu-button {
         height: 34px;
         width: 34px;
         display: none;
    }
     #cssmenufree .submenu-button:after {
         position: absolute;
         top: 22px;
         right: 19px;
         width: 8px;
         height: 2px;
         display: block;
         background: #dddddd;
         content: '';
    }
     #cssmenufree ul ul .submenu-button:after {
         top: 15px;
         right: 13px;
    }
     #cssmenufree .submenu-button.submenu-opened:after {
         background: #ffffff;
    }
     #cssmenufree .submenu-button:before {
         position: absolute;
         top: 19px;
         right: 22px;
         display: block;
         width: 2px;
         height: 8px;
         background: #dddddd;
         content: '';
    }
     #cssmenufree ul ul .submenu-button:before {
         top: 12px;
         right: 16px;
    }
     #cssmenufree .submenu-opened .submenu-button:before {
         display: none;
    }
     #cssmenufree ul .submenu-opened ul .submenu-button:before {
         display: block;
    }
     .navfeature {
        display: none !important;
    }
     #cssmenufree li:hover > .menubox {
         left: -100%;
         opacity: 0;
    }
     .menubox {
         display: none;
         position: relative;
         left: 0;
         background: #0099cc;
         box-shadow: none;
    }
     .menubox ul, .menubox ul ul {
    }
     #cssmenufree .submenu-opened .menubox {
         display: block;
         left: 0% !important;
         opacity: 1 !important;
    }
     .submenu-opened .menubox ul {
         height: auto;
    }
     .title {
        display: none !important;
    }
     #meta {
         border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
         padding: 20px 0 !important;
    }
     #meta .menubox {
         display: none;
    }
     #cssmenufree #meta ul {
         flex: none;
         padding: 10px 0px;
    }
     #cssmenufree > #meta > li {
         border-top: 0px;
    }
     #cssmenufree > #meta > li > a {
         padding: 7px 20px;
    }
     #cssmenufree > #meta > li:hover > a {
         background: none;
    }
     #cssmenufree #meta .submenu-button {
         top: 0;
         border-left: 0px solid rgba(255, 255, 255, 0.2);
         height: 26px;
    }
     #cssmenufree #meta .submenu-button:after {
         top: 12px;
    }
     #cssmenufree #meta .submenu-button:before {
         top: 9px;
    }
     #meta .menubox {
         box-shadow: none;
    }
     #cssmenufree #meta .menubox ul {
         padding: 0px 0px !important;
    }
     .feature {
         flex: 1 1 44%;
         height: 50vw;
    }
     .feature.negative .featscreen {
         opacity: 1;
         transform: translateY(0%);
    }
     .feature.negative:hover .featscreen {
         opacity: 1;
         transform: translateY(0%);
    }
     .rotate {
         width: 40vmin;
         font-size: 3vh;
         line-height: 3vh;
    }
     .feature.one .featscreen {
         font-size: 5vmin;
         line-height: 5vmin;
    }
     #internal {
        flex-direction: column;
    }
     #internalleft, #internalright {
         width: 100%;
         margin-bottom: 30px;
    }
     #footer ul li {
         float: none;
    }
     #footer ul li:after {
        display: none;
    }
     #home {
         flex: none;
    }
     .alignright, .alignleft {
         float:none;
         margin: 0 0px 20px 0px !important;
         max-width: 100% !important;
    }
     #sculpture-panel .sculpture-image {
         width: 100% !important;
         height: 200px !important;
    }
     #sculpture-panel .sculpture-info {
         width: 100% !important;
         height: 100%;
    }
}
 @media all and (max-width: 650px) {
}
 @media all and (max-width: 400px) {
     #footer {
         flex-direction: column-reverse;
    }
     #sociallinks a {
         margin: 0 10px 0 0px;
         height: 40px;
    }
}
/*************************************************/
/*************************************************/
/*************************************************/
 #internal.class-list, #internal.artists, #internal.map, #internal.single-event {
     flex-direction: column;
     justify-content: flex-start;
     width: 82%;
     padding: 0;
}
 #internal.map {
     width: 100%;
}
 #loader {
     display: none;
     z-index: 99;
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background-color: rgba(0,0,0,0.8);
}
 #loader img {
     position: absolute;
     left: 50%;
     margin-left: -60px;
     top: 50%;
     margin-top: -60px;
}
 #toolbar {
     width: 100%;
     text-align: center;
     padding: 20px 0 0px 0;
}
 #class-results, #peoplecontainer {
     width: 100%;
     max-width: 1500px;
     margin: 0px auto 100px auto;
}
 ul#classes, ul#people {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     width: 100%;
     margin: 20px 0px 0px 0px;
}
 #classes .class, #people .person {
     display: block;
     width: 31%;
     height: 250px;
     margin: 1%;
     position: relative;
     z-index: 1;
     box-sizing: border-box;
}
 .artists #people .person {
     background:url('https://krasl.org/wp-content/uploads/2018/06/Krasl_Artist_BG.gif') center;
     background-size:cover;
}
 #classes .class {
     height: auto;
     width: 48%;
     margin-bottom: 50px;
}
 #people .person .overlay {
     opacity: 0;
     background-color: rgba(0,0,0,0.8);
     width: 100%;
     height: 100%;
     margin: 0;
     padding: 20px;
     box-sizing: border-box;
     z-index: 9999;
     position: absolute;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     align-content: space-between;
     transition: all 500ms ease;
}
 #people .person .overlay:hover {
     opacity: 1;
     transition: all 500ms ease;
}
 #people .person .overlay .artist-name {
     color: #ffffff;
     font-size: 28px;
     font-weight: 800;
     text-transform: uppercase;
}
 #people .person .overlay .artist-location, #people .person .overlay .artist-medium {
     color: #ffffff;
     font-size: 20px;
     font-weight: 400;
     text-transform: uppercase;
}
 #people .person .overlay .artist-medium {
     margin-top: 25px;
     line-height: 10px;
}
 #people .person .overlay .artist-booth {
     color: #ffffff;
     font-size: 18px;
     font-weight: 800;
     text-transform: uppercase;
}
 #people .person .overlay a {
     display: block;
     width: 102px;
     padding: 5px 10px;
     border: 1px SOLID #ffffff;
     color: #ffffff;
     font-size: 14px;
}
 #classes .class .class-image {
     display: block;
     width: 100%;
     height: 300px;
     background-size: cover;
     background-position: 50% 50%;
}
 #classes .class div, #classes .class p {
     font-size: 14px;
     line-height: 18px;
}
 #classes .class p {
     margin-top: 10px;
     line-height: 20px;
}
 #classes .class div.class-title {
     font-size: 18px;
     font-weight: bold;
     margin: 15px 0 10px;
}
 #classes .class a.class-register {
     display: block;
     background: #0099cc;
     color: #fff;
     width: 100px;
     height: 40px;
     line-height: 40px;
     padding: 0 15px;
     text-align: center;
}
 #people .person .portrait {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0px;
     left: 0px;
     transition: all 1000ms ease;
     -o-transition: all 1000ms ease;
     -moz-transition: all 1000ms ease;
     -webkit-transition: all 1000ms ease;
     background-size: contain;
     background-position: 50% 50%;
     background-repeat:no-repeat;
}
/*************************************************/
/*************************************************/
/*************************************************/
 .chosen-container {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     font-size: 13px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .chosen-container * {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 .chosen-container .chosen-drop {
     position: absolute;
     top: 100%;
     z-index: 1010;
     width: 100%;
     border: 1px solid #aaa;
     border-top: 0;
     background: #fff;
     -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
     box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
     display: none;
}
 .chosen-container.chosen-with-drop .chosen-drop {
     display: block;
}
 .chosen-container a {
     cursor: pointer;
}
 .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
     margin-right: 4px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     font-weight: normal;
     color: #999999;
}
 .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
     content: ":";
     padding-left: 2px;
     vertical-align: top;
}
/* @end */
/* @group Single Chosen */
 .chosen-container-single .chosen-single {
     position: relative;
     display: block;
     overflow: hidden;
     padding: 0 0 0 8px;
     height: 35px;
     border: 1px solid #000;
     border-radius: 0;
     background-color: #fff;
     color: #444;
     text-decoration: none;
     white-space: nowrap;
     line-height: 34px;
}
 .chosen-container-single .chosen-single input[type="text"] {
     cursor: pointer;
     opacity: 0;
     position: absolute;
     width: 0;
}
 .chosen-container-single .chosen-default {
     color: #999;
}
 .chosen-container-single .chosen-single span {
     display: block;
     overflow: hidden;
     margin-right: 26px;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 .chosen-container-single .chosen-single-with-deselect span {
     margin-right: 38px;
}
 .chosen-container-single .chosen-single abbr {
     position: absolute;
     top: 6px;
     right: 26px;
     display: block;
     width: 12px;
     height: 12px;
     background: url("img/chosen-sprite.png") -42px 1px no-repeat;
     font-size: 1px;
}
 .chosen-container-single .chosen-single abbr:hover {
     background-position: -42px -10px;
}
 .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
     background-position: -42px -10px;
}
 .chosen-container-single .chosen-single div {
     position: absolute;
     top: 5px;
     right: 0;
     display: block;
     width: 18px;
     height: 100%;
}
 .chosen-container-single .chosen-single div b {
     display: block;
     width: 100%;
     height: 100%;
     background: url("img/chosen-sprite.png") no-repeat 0px 2px;
}
 .chosen-container-single .chosen-search {
     position: relative;
     z-index: 1010;
     margin: 0;
     padding: 3px 4px;
     white-space: nowrap;
}
 .chosen-container-single .chosen-search input[type="text"] {
     margin: 1px 0;
     padding: 4px 20px 4px 5px;
     width: 100%;
     height: auto;
     outline: 0;
     border: 1px solid #aaa;
     background: url("img/chosen-sprite.png") no-repeat 100% -20px;
     font-size: 1em;
     font-family: sans-serif;
     line-height: normal;
     border-radius: 0;
}
 .chosen-container-single .chosen-drop {
     margin-top: -1px;
     border-radius: 0 0 4px 4px;
     background-clip: padding-box;
}
 .chosen-container-single.chosen-container-single-nosearch .chosen-search {
     position: absolute;
     opacity: 0;
     pointer-events: none;
}
/* @end */
/* @group Results */
 .chosen-container .chosen-results {
     color: #444;
     font-size: 14px !important;
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
     margin: 0 4px 4px 0 !important;
     padding: 0 0 0 4px !important;
     max-height: 240px;
     -webkit-overflow-scrolling: touch;
}
 .chosen-container .chosen-results li {
     display: none;
     margin: 0;
     padding: 8px 6px;
     list-style: none;
     line-height: 15px;
     word-wrap: break-word;
     -webkit-touch-callout: none;
}
 .chosen-container .chosen-results li.active-result {
     display: list-item;
     cursor: pointer;
}
 .chosen-container .chosen-results li.disabled-result {
     display: list-item;
     color: #ccc;
     cursor: default;
}
 .chosen-container .chosen-results li.highlighted {
     background-color: #000;
     color: #fff;
}
 .chosen-container .chosen-results li.no-results {
     color: #777;
     display: list-item;
     background: #f4f4f4;
}
 .chosen-container .chosen-results li.group-result {
     display: list-item;
     font-weight: bold;
     cursor: default;
}
 .chosen-container .chosen-results li.group-option {
     padding-left: 15px;
}
 .chosen-container .chosen-results li em {
     font-style: normal;
     text-decoration: underline;
}
/* @end */
/* @group Multi Chosen */
 .chosen-container-multi .chosen-choices {
     position: relative;
     overflow: hidden;
     margin: 0;
     padding: 0 5px;
     width: 100%;
     height: auto;
     border: 1px solid #aaa;
     background-color: #fff;
     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
     background-image: linear-gradient(#eee 1%, #fff 15%);
     cursor: text;
}
 .chosen-container-multi .chosen-choices li {
     float: left;
     list-style: none;
}
 .chosen-container-multi .chosen-choices li.search-field {
     margin: 0;
     padding: 0;
     white-space: nowrap;
}
 .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
     margin: 1px 0;
     padding: 0;
     height: 25px;
     outline: 0;
     border: 0 !important;
     background: transparent !important;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: #999;
     font-size: 100%;
     font-family: sans-serif;
     line-height: normal;
     border-radius: 0;
     width: 25px;
}
 .chosen-container-multi .chosen-choices li.search-choice {
     position: relative;
     margin: 3px 5px 3px 0;
     padding: 3px 20px 3px 5px;
     border: 1px solid #aaa;
     max-width: 100%;
     border-radius: 3px;
     background-color: #eeeeee;
     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
     background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
     background-size: 100% 19px;
     background-repeat: repeat-x;
     background-clip: padding-box;
     -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
     box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
     color: #333;
     line-height: 13px;
     cursor: default;
}
 .chosen-container-multi .chosen-choices li.search-choice span {
     word-wrap: break-word;
}
 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
     position: absolute;
     top: 4px;
     right: 3px;
     display: block;
     width: 12px;
     height: 12px;
     background: url("img/chosen-sprite.png") -42px 1px no-repeat;
     font-size: 1px;
}
 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
     background-position: -42px -10px;
}
 .chosen-container-multi .chosen-choices li.search-choice-disabled {
     padding-right: 5px;
     border: 1px solid #ccc;
     background-color: #e4e4e4;
     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
     background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
     color: #666;
}
 .chosen-container-multi .chosen-choices li.search-choice-focus {
     background: #d4d4d4;
}
 .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
     background-position: -42px -10px;
}
 .chosen-container-multi .chosen-results {
     margin: 0;
     padding: 0;
}
 .chosen-container-multi .chosen-drop .result-selected {
     display: list-item;
     color: #ccc;
     cursor: default;
}
/* @end */
/* @group Active */
 .chosen-container-active .chosen-single {
     border: 1px solid #000000;
     border-radius: 0;
}
 .chosen-container-active.chosen-with-drop .chosen-single {
     border: 1px solid #000000;
     border-radius: 0;
}
 .chosen-container-active.chosen-with-drop .chosen-single div {
     border-left: none;
     background: transparent;
}
 .chosen-container-active.chosen-with-drop .chosen-single div b {
     background-position: -18px 2px;
}
 .chosen-container-active .chosen-choices {
     border: 1px solid #5897fb;
     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
 .chosen-container-active .chosen-choices li.search-field input[type="text"] {
     color: #222 !important;
}
/* @end */
/* @group Disabled Support */
 .chosen-disabled {
     opacity: 0.5 !important;
     cursor: default;
}
 .chosen-disabled .chosen-single {
     cursor: default;
}
 .chosen-disabled .chosen-choices .search-choice .search-choice-close {
     cursor: default;
}
/* @end */
/* @group Right to Left */
 .chosen-rtl {
     text-align: right;
}
 .chosen-rtl .chosen-single {
     overflow: visible;
     padding: 0 8px 0 0;
}
 .chosen-rtl .chosen-single span {
     margin-right: 0;
     margin-left: 26px;
     direction: rtl;
}
 .chosen-rtl .chosen-single-with-deselect span {
     margin-left: 38px;
}
 .chosen-rtl .chosen-single div {
     right: auto;
     left: 3px;
}
 .chosen-rtl .chosen-single abbr {
     right: auto;
     left: 26px;
}
 .chosen-rtl .chosen-choices li {
     float: right;
}
 .chosen-rtl .chosen-choices li.search-field input[type="text"] {
     direction: rtl;
}
 .chosen-rtl .chosen-choices li.search-choice {
     margin: 3px 5px 3px 0;
     padding: 3px 5px 3px 19px;
}
 .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
     right: auto;
     left: 4px;
}
 .chosen-rtl.chosen-container-single .chosen-results {
     margin: 0 0 4px 4px;
     padding: 0 4px 0 0;
}
 .chosen-rtl .chosen-results li.group-option {
     padding-right: 15px;
     padding-left: 0;
}
 .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
     border-right: none;
}
 .chosen-rtl .chosen-search input[type="text"] {
     padding: 4px 5px 4px 20px;
     background: url("img/chosen-sprite.png") no-repeat -30px -20px;
     direction: rtl;
}
 .chosen-rtl.chosen-container-single .chosen-single div b {
     background-position: 6px 2px;
}
 .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
     background-position: -12px 2px;
}
/* @end */
/* @group Retina compatibility */
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
     .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span {
         background-image: url("img/chosen-sprite@2x.png") !important;
         background-size: 52px 37px !important;
         background-repeat: no-repeat !important;
    }
}
 .select, .chosen-select, .chosen-select-no-single, .chosen-select-no-results, .chosen-select-deselect, .chosen-select-rtl, .chosen-select-width, .chosen-container {
     width: 250px !important;
}
 @media all and (max-width: 940px) {
     #classes .class, #people .person {
         width: 48%;
    }
     .select, .chosen-select, .chosen-select-no-single, .chosen-select-no-results, .chosen-select-deselect, .chosen-select-rtl, .chosen-select-width, .chosen-container {
         width: 200px !important;
    }
}
 @media all and (max-width: 640px) {
     #classes .class, #people .person {
         width: 98%;
    }
     .select, .chosen-select, .chosen-select-no-single, .chosen-select-no-results, .chosen-select-deselect, .chosen-select-rtl, .chosen-select-width, .chosen-container {
         width: 90% !important;
         margin-bottom: 10px;
    }
}
 #bwg_container1_0 #bwg_container2_0 .bwg-container-0 {
     justify-content: flex-start !important;
     margin-left: 0 !important;
}
 #bwg_container1_1 #bwg_container2_1 .bwg-container-1 {
     justify-content: flex-start !important;
     margin-left: 0 !important;
}
 #bwg_container1_0 #bwg_container2_0 .bwg-container-0 .bwg-item0 {
     background-color: #fff !important;
}
 #bwg_container1_0 #bwg_container2_0 .bwg-container-0 .bwg-item > a {
     margin-right: 24px !important;
     margin-bottom: 24px !important;
}
 .bwg_container {
     min-height: auto !important;
}
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
 .mappage #internalbanner {
    display:none;
}
 #internal.map {
    /* position: relative;
     */
}
 #map-wrapper {
     width: 100% 
}
 #map-wrapper #map_canvas {
     position: relative;
     width: 100%;
     height: 100% 
}
 #park-panel {
     z-index: 101;
     position: absolute;
     display: block;
     flex-direction: column;
     overflow-y: auto;
     overflow-x: hidden;
     width: 100%;
     max-width: 450px;
     height: 100%;
     padding: 0px;
     background: rgba(255, 255, 255, 1);
     transition: all 300ms 
}
 #park-panel.close {
     left: -100%;
     box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
     transition: all 300ms 
}
 #park-panel.open {
     left: 0;
     box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.35);
     transition: all 300ms 
}
/*#park-panel .btn-close {
     position: absolute;
     display: block;
     right: 10px;
     top: 10px;
     color: #ffffff;
     text-align: center;
     font-size: 20px;
     width: 20px;
     height: 20px;
     border: 1px SOLID #ffffff;
     border-radius: 15px;
     cursor: pointer;
}
*/
 .btn-back {
     cursor: pointer;
     display: inline-block;
}
 .btn-close {
     position: absolute;
     right: 20px;
     top: 15px;
     display: block;
     width: 25px;
     height: 25px;
     overflow: hidden;
     cursor: pointer;
}
 .btn-close:hover::before, .btn-close:hover::after {
     background: #000;
}
 .btn-close::before, .btn-close::after {
     content: '';
     position: absolute;
     height: 2px;
     width: 100%;
     top: 50%;
     left: 0;
     margin-top: -1px;
     background: #fff;
}
 .btn-close::before {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .btn-close::after {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 #park-panel .park-panel-name {
     color: #fff;
     height: auto;
     line-height: 18px;
     font-size: 18px;
     padding: 20px 30px;
     text-transform: uppercase;
     font-weight: bold;
     letter-spacing: 1px;
}
 #park-panel .park-image {
     background-size: cover;
     background-position: 50% 50%;
     width: 100%;
     height: 250px;
}
 #park-panel .park-info {
     width: auto;
     padding: 30px 40px;
     font-weight: bold;
     line-height: 25px;
     font-size: 16px;
}
 #park-panel .park-sculptures {
     width: auto;
     margin: 0 40px 30px 40px;
     padding: 0px 0;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: center;
}
 #park-panel .park-sculptures .sculpture-box {
     width: 47.5%;
     height: 120px;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     background-size: cover;
     background-position: 50% 50%;
     margin-bottom: 4.5%;
}
 #park-panel .park-sculptures .sculpture-box .sculpture-box-title {
     color: #ffffff;
     padding: 5% 6% 6% 6%;
     font-size: 13px;
     line-height: 16px;
     background: rgba(0,0,0,.6);
     width: 88%;
     height: 100%;
     opacity:0;
     transition: .2s ease opacity;
     font-weight: bold;
     cursor: pointer;
}
 #park-panel .park-sculptures .sculpture-box .sculpture-box-title:hover {
     opacity:1;
     transition: .2s ease opacity;
}
 #park-panel .park-sculptures .sculpture-box .sculpture-box-artist {
     font-weight: normal;
}
 #park-panel .park-sculptures .sculpture-box .sculpture-box-info {
}
 #sculpture-panel {
     z-index: 101;
     position: absolute;
     display: flex;
     flex-wrap: wrap;
     flex-direction: row;
     overflow: hidden;
     width: 100%;
     max-width: 950px;
     min-height: 100%;
     padding: 0px;
     background: rgba(255, 255, 255, 1);
     transition: all 300ms 
}
 #sculpture-panel.close {
     left: -100%;
     box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
     transition: all 300ms 
}
 #sculpture-panel.open {
     left: 0;
     box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.35);
     transition: all 300ms 
}
 #sculpture-panel .btn-close {
     position: absolute;
     display: block;
     right: 20px;
     top: 15px;
     color: #ffffff;
     text-align: center;
     font-size: 20px;
     width: 25px;
     height: 25px;
     cursor: pointer;
}
 #sculpture-panel .sculpture-panel-name {
     color: #fff;
     width: 100%;
     height: 20px;
     font-size: 18px;
     padding: 20px 30px;
     text-transform: uppercase;
     font-weight: bold;
     letter-spacing: 1px;
}
 #sculpture-panel .sculpture-info {
     width: 100%;
     max-width: none;
     overflow-y: auto;
     padding: 0 0 0 0;
     font-weight: bold;
     font-size: 20px;
     line-height: 27px;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     min-height:600px;
}
 #sculpture-panel .sculpture-info .sculpture-image {
     background-size: cover;
     background-position: 50% 50%;
     width: 50%;
     max-width: none;
     height: 100%;
     margin-bottom: 20px;
}
 #sculpture-panel .sculpture-info .sculpture-name, #sculpture-panel .sculpture-info .sculpture-artist, #sculpture-panel .sculpture-info .sculpture-medium {
     width: 45%;
     margin: 0 auto;
}
 #sculpture-panel .sculpture-info .sculpture-description {
     width: 45%;
     margin: 20px auto 120px;
     font-size: 14px;
     line-height: 18px;
     font-weight: normal;
}
 @media (max-width: 768px) {
     #sculpture-panel .sculpture-info {
         overflow-y: auto;
         overflow-x: hidden;
         width: 100%;
         margin: 0 auto 120px;
         flex-wrap: nowrap;
    }
     #sculpture-panel .sculpture-info .sculpture-name, #sculpture-panel .sculpture-info .sculpture-artist, #sculpture-panel .sculpture-info .sculpture-medium {
         width: 90%;
    }
     #sculpture-panel .sculpture-info .sculpture-description {
         width: 90%;
    }
}
/*************************************************************/
/***************** Artist Winners Modal **********************/
/*************************************************************/
 .artists-winners {
     width: 80%;
     margin: 20px auto;
     padding: 20px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     font-family: 'Century Gothic W01', sans-serif;
}
 .artists-winners-headline, .artists-winners-sponsors-headline {
     width: 100%;
     font-weight: 800;
     font-size: 32px;
     line-height: 48px;
     margin-bottom: 25px;
}
 .artists-winners-table, .artists-winners-sponsors {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: flex-start;
}
 .artists-winners-sponsors {
     justify-content: center;
}
 .artists-winners-artist {
     width: 30%;
     margin-bottom: 20px;
}
 .artists-winners-sponsor {
     width: 150px;
}
 .artists-winners-sponsor img {
     width: 150px;
     height: 150px;
}
 .artists-winners-sponsor .sponsor-name {
     text-align: center;
     font-size: 12px;
     line-height: 18px;
}
 .artists-winners-artist.board {
     font-weight: 800;
}
 .artists-winners-artist.board span {
     color: #FF0000;
}
 .artists-winners-artist .artist-winner {
     font-weight: 800;
     font-size: 15px;
     line-height: 26px;
}
 .artists-winners-artist .artist-blurb {
     font-weight: 400;
     font-size: 11px;
     line-height: 12px 
}
 @media (max-width: 768px) {
     .artists-winners-headline, .artists-winners-sponsors-headline {
         font-size: 26px;
         line-height: 32px;
    }
     .artists-winners-artist {
         width: 45%;
    }
}
 @media (max-width: 560px) {
     .artists-winners-headline, .artists-winners-sponsors-headline {
         font-size: 20px;
         line-height: 26px;
         text-align: center;
    }
     .artists-winners-table {
         justify-content: center;
         align-items: center;
    }
     .artists-winners-artist, .artists-winners-sponsor {
         width: 90%;
         text-align: center;
    }
}
/*---------------------------------------------------------------------------------------------*/
/*----------------------------------------POST PAGES-------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
/* Hide Post default titles and feature image */
 .post .entry-title,
 .sculpture .entry-title {
     display: none;
}
 .post div.post-thumbnail {
     display: none;
}
 div.entry-meta {
     display: none;
}
.sculpture-details p,
.tax-park .exhibit-details p {
    margin: 0;
    font-weight: bold;
}
.sculpture-details p:last-of-type {
    margin: 0 0 5px 0;
    font-weight: bold;
}
div.sculpture-details {
    padding: 0 0 10px 0;
}
a.map-link:hover img {
    filter: brightness(0.7);
}
a.map-link img {
    width: 100%;
    border: 1px solid #282828;
}
a.map-link p {
    margin: 0;
    color: #0099cc;
}
/*---------------------------------------------------------------------------------------------*/
/*----------------------------------------UPCOMING EVENTS--------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
 div#post-image {
     width: 100%;
     padding-top: 56.25%;
}

@media screen and (min-width: 768px) {
     .exhibit .button {
         margin-top: 24px;
    }
}
 .exhibit .button {
     margin-top: 16px;
}
 @media screen and (min-width: 768px) {
     .button {
         font-size: 18px;
         line-height: 24px;
         line-height: 1;
         padding: 16px 24px;
    }
}
 .button {
     font-style: normal;
     font-weight: 700;
     font-family: Mabry,sans-serif;
     font-size: 16px;
     line-height: 22px;
     margin: 0;
     line-height: 1;
     font-size: 12px;
     border: 2px solid;
     text-align: center;
     padding: 12px 16px;
     position: relative;
     border-radius: 999px;
     color: #2b2c2a;
     display: inline-block;
     text-decoration: none;
     background: transparent;
     text-transform: capitalize;
     transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;
}
 .exhibit:focus .button, .exhibit:hover .button {
     border-color: transparent;
     background-color: #0099cc;
     color: #FFFFFF;
}
.grid {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.grid > * {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
}
.grid.spaced-lg > [class*="col-"],
.grid.spaced > [class*="col-"] {
    padding-left: 0px;
    padding-right: 0px;
}
@media screen and (min-width: 768px) {
    .grid.spaced,
    .grid.spaced-lg {
        margin-left: -40px;
        width: calc(100% + 80px);
    }
    .grid.spaced-lg .md-full,
    .grid.spaced-lg > [class*="col-"],
    .grid.spaced .md-full,
    .grid.spaced > [class*="col-"] {
        padding-left: 40px;
        padding-right: 40px;
    }
	.grid {
	    flex-wrap: unset;
	}
}
@media screen and (min-width: 768px) {
    .float-grid > * {
        float: left;
    }
}

@media screen and (min-width: 768px) {
    .col-md-1-2 {
        flex-basis: 50%;
        max-width: 50%;
    }
}
.date {
	padding: 10px 0;
}

/*---------------------------------------------------------------------------------------------*/
/*----------------------------------------PAST EVENTS------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
ul#past-exhibitions {
	list-style-type: none;
}
.pastex h1 {
    margin: 15px 0 0 0;
}
.pastex h4 {
    margin: 0;
}
.pastex hr {
    margin: 0 0 5px 0;
}