/*
Description:	CSS 2016 
Author:			Visualcode Limited
Date: 			November 2016
Version:		1.0




*/
@import url('css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('css/animations.css');
@import url('css/grid1140.css');

/*---------------------------Global Start -----------------------------*/

html{height:100%; }
body, input, select, button, textarea { font:15px/22px 'Open Sans', helvetica, arial, san-serif; background:#FFF; }
body { margin:0px; padding:0px !important; color:#58585A; text-align:center; background-attachment:fixed; height:100%; position:relative;}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}
a img{border:0}
figure{position:relative}
figure img{width:100%}

::selection {  background: #58585A; color:#FFF; }
::-moz-selection {  background: #58585A; color:#FFF;}
 
*:before, *:after{box-sizing:border-box;}

a{color:#231F20; text-decoration: none;}
a:hover {text-decoration: none; color:#58585A;}
a img{border:none;}

a.button, button, .button{display:inline-block; position:relative; color:#58585A; border:#58585A solid 1px;; text-align:center; padding:0px 10px 0px 10px; letter-spacing:1px; text-transform:uppercase; font-size:12px; line-height:30px; font-weight:400; text-decoration:none; cursor:pointer; transition-duration: 295ms; transition-property: all; -moz-appearance: none; -webkit-appearance: none;}
a.button:hover, button:hover, .button:hover{ color:#FFF; background:#58585A;}

.icon_with_ex a{ text-decoration:none; text-transform:uppercase; font-size:10px; letter-spacing:1px;}
.icon_with_ex a span { font-size:2em; }


p.buttonContainer{text-align:center;}

p.buttonContainer{text-align:center;}

h1, h2, h3, h4{ font-family:georgia, times, serif; line-height:normal; font-weight: 400; color:#231F20; letter-spacing:-0.01em; margin-bottom:20px; }
h1 {font-size: 17px; font-weight:400; text-transform:uppercase}
h2 {font-size:17px; }
h3 {font-size:15px;}
h4 {font-size:15px; color:#58585A;}

hr {border: none; height: 1px; margin: 20px auto; padding: 0px !important; color:#FFF; clear:both; border-top:#CCC dotted 2px;}
pre {display: inline; white-space: pre-wrap; word-wrap: break-word;}
p{margin:0px 0px 20px 0px;}
div{position:relative; min-width:0px} /* IE 6/7 Picaboo bug fix */
iframe{max-width:100%;}
i, em{font-family:Georgia, "Times New Roman", Times, serif; }

b, strong{font-weight:600;}

/* General Table Formating */
table{margin:0; border-collapse:collapse; width:100%; margin-bottom:20px;}	
table td,table th{padding:5px; vertical-align:top;}	

table thead td, table th{background:#111 ; border-top:0px; color:#FFFFFF; padding-left:5px; font-weight:600;}
table tbody td{border:0px;  padding:5px 5px;}
table tbody tr:nth-child(even) td{background:#ECECEC;}	

/* ______________________ Responsive Table ______________________ */

table.responsiveTable {margin: 0 auto 20px 0px; border-collapse: collapse; text-rendering: optimizeLegibility; }
table.responsiveTable thead th { font-weight: 600; }
table.responsiveTable thead th, table.responsiveTable tbody td { padding: .5rem; font-size: 0.75rem;}
table.responsiveTable tbody td {padding: .25rem; font-size: 0.75rem;background: #ECECEC; }
table.responsiveTable tbody tr:nth-child(odd) td{background:#FFF;}
table.responsiveTable tbody tr:not(:last-child) { border-top: 1px solid #CCC; border-bottom: 1px solid #ddd;  }

@media only screen and (max-width: 959px) {
	table.responsiveTable thead { display: none; }
	table.responsiveTable tbody td { display: block; padding: .6rem; padding-left: 6rem; position: relative;}
	table.responsiveTable tbody tr td:first-child { background: #CCC; color: #333;}
	table.responsiveTable tbody td:before {  content: attr(data-th); font-weight: bold; position:absolute; left:.6rem; top:.6rem; width: 6rem;}
	}

/* General Form Formating */
input,button,select,textarea {display:block;}
form {margin:0;}
form p {margin:0; padding:10px 0px;}
form div{display:block; width:100%;}

form label {color:#9c9d9c; float:left; display:block; width:100%; padding:5px 0px; font-size:13px;}
form input,
form select,
form textarea{width:100%; padding:7px 5px; border:none; background:#FFF; color:#58585A; border:#ECECEC solid 1px; margin-bottom:5px; font:13px/20px "Open Sans", arial, san-serif; box-sizing:border-box; }
form textarea {font-size:13px;}	

form input.button {text-transform:uppercase; clear:both;  padding:7px 15px; border:0 !important; color:#FFF; background:#58585A; font-size:13px; font-weight:400;  overflow:visible; /* IE button hack for width */ cursor:pointer; -moz-appearance: none; -webkit-appearance: none;}
form input.button:hover{background:#231F20;text-decoration:none;}
button::-moz-focus-inner { border: 0; padding: 0;}
span.error {font-size:10px;float:right; width:auto; font-weight:bold;}

 .paypal  select{font-size:18px !important;}

/* ______________________ Layout ______________________ */

.mainLeftColumn {padding-top:30px;}
.mainRightColumn {padding-top:100px;}

@media only screen and (max-width: 959px) {
	.mainRightColumn {padding-top:30px;}
	}

/* ______________________ Logo Area ______________________ */

header{padding:0px; margin:0px;}

header #Logo {margin:0px auto; padding:0px 0px; text-align:left; height:50px; margin-bottom:20px;}
header #Logo .pict{margin:0px auto 0px auto; text-indent:-9950px; height:50px; background-image: url(/images/logo.png); background-position:left center; background-repeat: no-repeat; background-size:contain; opacity:1; }
header #Logo a:hover .pict{opacity:0.5; background-size:contain; }
header #Logo, #Logo .pict{transition: height 300ms ease-out 0s;}

header .logo-strap{margin:0px 30px 15px 30px;}

@media only screen and (max-width: 959px) {
    header .logo-strap{margin: 15px 0px 0px 0px;}
    }
/* ______________________ Social ______________________ */

header .social {text-align:left; padding-left:30px; margin-bottom:20px;}
header .social a .fa{display:inline-block; width:24px; height:24px; background:#58585A; color:#FFF; text-align:center; line-height:24px;}
header .social a:hover .fa{background:#231F20; }

/* ______________________ Navigation ______________________ */

header nav{padding:0px; margin:0px; min-height:575px;} 
header nav ul {}
header nav ul li{display:block; margin:0px; position:relative; text-align:left; padding:10px 0px 10px 30px;}
header nav ul li a{display:inline-block;  font-size:12px; font-family:georgia, times, serif; text-transform:uppercase; letter-spacing:1px; color:#58585A}
header nav ul li a.on{color:#231F20; border-bottom:#231F20 solid 1px;}

header nav ul li ul li{padding:2px 0px 2px 10px;}
header nav ul li ul{padding-top:20px;}
header nav ul li ul li a{text-transform:none !important; color:#999; border-bottom:#FFF solid 1px; position:relative;}
header nav ul li ul li a:before{content:'- '; position:absolute; left:-10px; top:0px;}
header nav ul li ul li.on a{color:#231F20; border-bottom:#231F20 solid 1px;}

header .blockcontainer .column4,
header .blockcontainer .column8{margin-bottom:0px !important;}

header .mobile_control{display:none; }

@media only screen and (min-width: 960px) and (max-width: 1160px) {
	header nav{min-height:480px;} 
	}

@media only screen and (max-width: 959px) {
	header{height:85px;}
	header #Logo{height:85px;}
	header #Logo .pict{height:85px; background-position: center center;}
	
	header .social {text-align:left; padding-left:0px; padding-right:50px; margin-bottom:0px; }
	header .social a .fa{width:40px; height:40px; line-height:40px; font-size:20px;}
	
	header .column3{margin:0px; margin-bottom:0px !important; text-align:center;}
	
	header .mobile_control{display:block; position:absolute; z-index:9999; right:0px; top:-40px; width:40px; height:40px; line-height:40px;}
	header .mobile_control a{display:block; width:40px; height:40px; line-height:40px; text-align:center; background:#CCC; color:#FFF; font-size:20px;}
	header .mobile_control a:hover{background:#231F20; }
	header .mobile_control a span.fa:before{content:'\f0c9'; font-weight:400;}
	header .mobile_control a.open span.fa:before{content:'\f00d';}
	header .mobile_control a.open{background:#231F20; }
	
		
	header nav{display:none;  min-height:0px;}
	header nav.open{display:block;}
	header nav.open ul{list-style:none; padding:0; margin:0px; margin-top:3px; border:0px; display:block; float:none; background:#f2f2f2; position:absolute; top:0px; left:0px; z-index:9999; width:100%;}
	header nav.open ul li{display:block; float:none;  width:100%; padding:0px;}
	header nav.open ul li a{display:block; font-size:15px; line-height:40px; font-weight:400; color:#58585A; text-shadow:#FFF 0px 1px 1px; text-align:center; padding-left:10px; border:0px; text-decoration:none; border-bottom:#FFF solid 1px;}
	header nav.open ul li a.on{color:#231F20; background:rgba(0,0,0,0.05);}
	header nav.open ul li a:hover{color:#231F20;}
	header nav.open ul li ul{padding-left:20px; display:none;}
	
	header .social a .fa{background:#CCC;}
	header .social a:hover .fa{background:#231F20; }
	
	}
	
aside nav{display:none; min-height:0px;}
aside nav.open{display:block;}	
	
aside{text-align:left; padding-top:0px;}	
aside h2{font-family:georgia, times, serif; font-weight:400; color:#58585A; padding-left:30px; text-transform:uppercase; font-size:15px; letter-spacing:1px;}	
aside h2.future{font-size: 13px;}

aside ul{list-style:none; margin:0px; padding:0px 0px 0px 30px; }
aside ul li.exblock{margin:0px; margin-bottom:20px; padding-right:40px; position:relative;}
aside ul li span{display:block;}
aside ul li span.date{color:#231F20; font-family:georgia, times, serif; font-weight:400;}
aside ul li span.details b:after{content:' –';}
aside ul li span.type{font-size:10px; padding-left:0px;}
aside ul li span.type:before{content:'–';}
aside.navigation-aside{display:none;}

@media only screen and (max-width: 959px) {
	aside.exhibition-aside{display:none !important;}
	
	aside.navigation-aside{display:block;}
	aside .mobile_control{display:block; margin-top:10px; position:relative; }
	aside .mobile_control a{display:block; line-height:20px; padding:10px 20px; background:#58585A; color:#FFF; font-size:15px; font-family:georgia, times, serif; text-transform:uppercase;}
	aside .mobile_control a span.fa{float:right; line-height:20px;}
	aside .mobile_control a:hover{background:#231F20;}
	aside .mobile_control a.open span.fa:before{content:'\f00d';}
	aside .mobile_control a.open{background:#231F20; }
	
	
	aside nav{display:none; min-height:0px;}
	aside nav.open{display:block; position:relative;}
	aside nav.open ul{list-style:none; background:#f2f2f2; position:absolute; top:0px; left:0px; z-index:9970; width:100%; padding:0px; margin:0px;}
	aside nav.open ul li{display:block; float:none;  width:100%; padding:0px; margin:0px;}
	aside nav.open ul li a{display:block; font-size:13px; line-height:40px; font-weight:400; color:#58585A; text-shadow:#FFF 0px 1px 1px; text-align:left; padding:0px 20px; border:0px; text-decoration:none; border-bottom:#FFF solid 1px; font-family:georgia, times, serif;}
	aside nav.open ul li a:hover,
	aside nav.open ul li.on a{color:#231F20; background:rgba(0,0,0,0.05);}
	}
	
/* ______________________ footer ______________________ */	

footer{padding-top:10px; font-size:13px;}
footer .left{text-align:left;}
footer .right{text-align:right;}
footer .text-alignment{line-height:34px;}
footer .legal{font-size:11px; }
footer .legal ul{list-style:none; display:inline-block;}
footer .legal ul li{display:inline-block; border-right:#b4b4b4 dotted 1px; padding-right:5px; margin-right:5px; }
footer a{color:#7e7e7e}
footer a:hover{color:#3e3e3e;}

footer input.button{padding:0px 10px; line-height:34px;}



@media only screen and (max-width: 959px) {
	footer .left{text-align:center;}
	footer .right{text-align:center;}
	footer .legal ul{display:block;}
	footer .legal ul li:last-child{ margin-right:0px; padding-right:0px; border-right:0px;}
	
	footer .column9 div{margin-bottom:0px !important;}
	footer form{border-top:#ECECEC dotted 3px; padding:10px 0px;}
	
	}


/* General Formatting */

main{position:relative; display:block; background:#FFF;}

main.sculpture,
main.biography,
main.contact,
main.policies,
main.error{0px;} 

section {position:relative; display:table; width:100%; box-sizing:border-box;}


.bodyContent{text-align:left; padding:0px 0px; word-wrap:break-word;}
.bodyContent a{text-decoration:underline;}
.bodyContent a.button{text-decoration:none;}
.bodyContent a:hover{text-decoration:none;}
.bodyContent ul{list-style:none !important; margin:0px; padding:0px; margin-bottom:20px;}
.bodyContent ol{margin-left:40px; margin-bottom:20px;}
.bodyContent ul li{padding-left:20px; padding-top:5px; margin-left:10px; position:relative;}
.bodyContent ul li:before{font-family: 'FontAwesome'; content: '\f138'; font-weight:400; position:absolute; top:5px; left:0px; }

/* Testimonial */
.testimonial small{font-weight:600;}
.testimonial em{font-size:15px;}

#testimonials { overflow:visible !important; height:auto; }

/* Exhibition List */

section.exhibtion-list h2.institution{margin:0px; padding:10px 0px;}

section.exhibtion-list .period{margin-bottom:20px;}
section.exhibtion-list .period h3.list-title{margin:0px; padding:20px 0px; border-bottom:#CCC solid 1px; font-size:17px;}
section.exhibtion-list .period .exhibit{margin-bottom:0px !important; background:#FFF; padding:5px 0px;}
section.exhibtion-list .period .exhibit:nth-child(odd){background:#F2F2F2; }
section.exhibtion-list .period .date{text-indent:5px;}
section.exhibtion-list .period .type{font-size:11px; text-align:right; }
section.exhibtion-list .period .type:after{content:''; padding-right:5px;}

/* Sculptures */

main.sculpture .sculptureList .img{position:relative; margin-bottom:20px;}
main.sculpture .sculptureList .img a{display:block;}
main.sculpture .sculptureList .img img{display:block; box-sizing:border-box; border:#ECECEC solid 1px;}
main.sculpture .sculptureList .img h4{font-size:13px; line-height:30px;  padding:0px; margin:0px; text-indent:5px; position:absolute; bottom:0px; left:0px; width:100%; background:rgba(255,255,255,0.75); text-shadow:#FFF 0px 1px 1px; display:none;} 
main.sculpture .sculptureList .img a:hover h4{display:block;}
main.sculpture .sculptureList .img .pin{display:none; position:absolute; top:10px; left:10px; z-index:10;}
main.sculpture .sculptureList .img:hover .pin{display:block;}

main.sculpture  .globalslider li.piece-img{}
main.sculpture  .globalslider li.piece-img div.pin{display:none; position:absolute; bottom:-10px; right:10px; z-index:9999;}
main.sculpture  .globalslider li.piece-img:hover div.pin,
main.sculpture  .globalslider li.piece-img:focus div.pin{display:block;}

main.sculpture .sculptureDetails h1{}
main.sculpture .sculptureDetails p.data{color:#3E3E3E; font-weight:400;}

main.sculpture .sculptureDetails #shareButtons{padding-top:0px; margin-bottom:20px; text-align:left;}
main.sculpture .sculptureDetails #shareButtons h4{text-transform:uppercase; font-size:13px;}

main.sculpture .sculptureDetails #shareButtons a .fa{display:inline-block; width:26px; height:26px; background:#b4b4b4; color:#FFF; text-align:center; line-height:26px; border-radius:50%;}
main.sculpture .sculptureDetails #shareButtons a:hover .fa{background:#3E3E3E;}


main.sculpture .sculptureDetails .actions{text-align:left;}
main.sculpture .sculptureDetails .actions .fa.red{color:red;}
main.sculpture .sculptureDetails .actions .fa.green{color:green;}

/* Biography & Press */

main.biography .aboutcolumn{float:right;}

main.biography .pressitem{display:block; margin-bottom:10px; border-bottom:#ECECEC dotted 1px;}
main.biography .pressitem span.img,
main.biography .pressitem span.img img{display:block;}
main.biography .pressitem span.caption{font-size:11px; line-height:30px; }


/* Contact Form and Information*/

main.contact aside h3{position:relative; padding-bottom:20px;}
main.contact aside h3:after{content:''; border-bottom:#3E3E3E solid 2px; width:15%; position:absolute; left:0px; bottom:0px;}

main.contact aside .mobile{display:none;}

@media only screen and (max-width: 959px) {
	main.contact{padding-bottom:0px; margin-bottom:0px;}
	main.contact aside h3,
	main.contact aside .social{display:none;}
	main.contact aside .desktop{display:none;}
	main.contact aside .mobile{display:block;}
	main.contact aside p{text-align:center; font-size:25px; line-height:60px;}
	main.contact aside p a{display:inline-block; margin:0px 5px; width:60px; height:60px; border-radius:50%; color:#FFF; background:#7e7e7e;}
	main.contact aside p a:hover{background:#3e3e3e;}
	}
  
 /* Workshops */ 
 
.workshops{background:#FFF; margin-bottom:0px; padding-bottom:0px;} 

.workshops .item-list .row:last-child .column9{display:none;}
.workshops .item-list .image a{display:block;}
.workshops .item-list .image img{display:block;  box-sizing:border-box; border:#ECECEC solid 1px;}

 /* Virtues of Unity */ 
 
.map_list_country {display:block; padding-left:20px; position:relative;}
.map_list_country:before {display:block; content:''; height:10px; width:10px; position:absolute; left:0px; top:7px; background:#2596BE; border-radius:50%;}
.sourced_false:before{background:#CCC;}
.sourced_true{color:#2596BE}

.key{font-size:10px; line-height:20px; text-transform:uppercase;}
.sourced-key,
.unsourced-key{display:inline-block; width:10px; height:10px; background:#2596BE; border-radius:50%;}
.unsourced-key{background:#CCC;}

#map_container,
#map_container svg{height:420px; margin-bottom:20px;}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
	#map_container,
	#map_container svg{height:360px;}
	}

@media only screen and (min-width: 480px) and (max-width: 959px) {
	#map_container,
	#map_container svg{height:220px;}
	}

@media only screen and (max-width: 479px) {
	#map_container,
	#map_container svg{height:160px;}
	}

/* --------------------------- 404 Error ---------------------------  */

.error404{}
.error404 .alien{height: 300px !important; width:300px; float:right; background:url(/images/robot.png) no-repeat center;}
#cookie-warning{width:100%;text-align:center; background: rgba(0,0,0,0.75); position:fixed; z-index:9999; bottom:0; left:0; margin:0px; padding:0px; color:#FFF; font-size:11px; line-height:15px; text-align:left;}
#cookie-warning .left{width:80%; float:left;}
#cookie-warning .right{width:15%;float:right; text-align:right; }
#cookie-warning a{color:#FFF; font-weight:bold;}
#cookie-warning a:hover{text-decoration:underline;}
#cookie-warning .left span{padding:7px 10px; display:block; }
#cookie-warning .right a{padding:3px 10px; display:inline-block; margin:10px 10px 0px 0px; border:#333 solid 1px; background: rgba(0,0,0,0.75);}



/*------- Global Slider - Image Slider -------*/

.globalslider {position:relative; text-align:center; z-index:0;  padding-bottom:50px;  }

.globalslider .unslider {margin:0px; padding:0px; }

.globalslider .unslider-wrap {position:relative;}
.globalslider .unslider li, .news .images .unslider ol, .news .images .unslider ul{list-style:none; margin:0px; padding:0px; border:none;}
.globalslider .unslider li img{display:block; }

/* Carousel */
.globalslider .unslider-wrap.unslider-carousel>li{float:left;}

/* Vertical */
.globalslider .unslider-vertical>ul{height:100%;}
.globalslider .unslider-vertical li{float:none; width:100%;}

/* Fade */
.globalslider .unslider-fade{position:relative; height:566px;}
.globalslider .loading{display:table-cell; height:566px; width:1%; text-align:center; vertical-align:middle; font-size:30px; }

.globalslider .unslider-fade .unslider-wrap li{position:absolute; left:0px; top:0px; right:0px; z-index:8;}
.globalslider .unslider-fade .unslider-wrap li.unslider-active{z-index:10;}

.globalslider .caption{background:rgba(255,255,255,0.75); position:absolute; bottom:0px; right:0px; padding:0px 15px; line-height:25px; font-size:11px;}

/* Arrows */

.globalslider .unslider-arrow{position:absolute; top:0%; width:150px; height:100%; z-index:20; cursor:pointer; font-size:20px;  }

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

.globalslider .unslider-arrow.prev{left:0px;}
.globalslider .unslider-arrow.next{right:0px;}

.globalslider .unslider-arrow.prev:before,
.globalslider .unslider-arrow.next:before{font-family: 'FontAwesome'; font-weight:400; background:rgba(255,255,255,0.65); display:none; position:absolute; top:50%; margin-top:-15px; left:20px; width:30px; height:30px; line-height:30px; border-radius:50%;}

.globalslider .unslider-arrow.prev:before{ content: '\f104';  }
.globalslider .unslider-arrow.next:before{ content: '\f105';  left:auto; right:20px;}

.globalslider .unslider-arrow.prev:hover:before,
.globalslider .unslider-arrow.next:hover:before{display:block;}

/* Dots */

.globalslider .unslider-nav {display:block; position:absolute; bottom:-15px; height:7px; left:0px; width:100%; margin:0px; padding:0px; text-align:center; z-index:10; }
.globalslider .unslider-nav ol {list-style: none; text-align: center; padding-left:0px;}
.globalslider .unslider-nav ol li {display:inline-block;  width:7px; height:7px; margin:0px 3px 0px 0px; text-indent:-9999px; cursor:pointer;}
.globalslider .unslider-nav ol li:before {position:absolute; display:block; width:7px; height:7px; background:#FFF; text-indent:-9999px; cursor:pointer; content:''; border:#ECECEC solid 1px;}
.globalslider .unslider-nav ol li.unslider-active:before {background:#CCC; border:#CCC solid 1px;}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
	.globalslider .unslider-fade{height:474px;}
	.globalslider .unslider-arrow{height:474px; }
	}

@media only screen and (max-width: 959px) {
	.globalslider .unslider-fade{height:285px;}
	.globalslider .unslider-arrow{height:285px; }
	}	
	
@media only screen and (max-width: 479px) {
	.globalslider .unslider-fade{height:203px;}
	.globalslider .unslider-arrow{height:203px; }
	}

/* Gallery */

.galleryslider {margin-bottom:10px;}
.galleryslider .unslider-arrow {width:50px; height:50px; line-height:50px; margin-top:-25px; font-size:30px;}
.galleryslider .bk-img {width:100%; height:375px; background-size:cover; background-repeat:no-repeat; background-position:center center;}

.galleryslider .message{position:absolute; width:100%; bottom:0px; }
.galleryslider .message .caption{display:block; padding:2px 10px; text-align:right; line-height:20px; font-size:11px; background:rgba(255,255,255,0.45);}



.grants{background:#FFFFFF; padding:20px 0px; border-top:#CCC dotted 2px;}
.grants p{margin-bottom:10px;}
.grants img{max-height:65px; display:block; margin:0 auto;}