/*! Generated by Live LESS Theme Customizer */

@import url("//fonts.googleapis.com/css?family=Lato:300,400,700,900,400italic&subset=latin-ext");



.mb1 {margin-bottom: 1em}
.mb2 {margin-bottom: 2em}

.dropdown-header, .dropdown-menu>li>a, .navbar, .table, table {
    font-size: 16px;
}
.container-fluid {padding-left: 0px; padding-right: 0px; overflow-x: hidden }
@media (min-width: 1200px) {.container-fluid.scale {width: 1170px;}}

.bottom-border {border-bottom: 5px solid #333}

 @media only screen and (max-width : 768px) {
	 .mob-center{text-align: center; margin: auto}
}

.navbar-default {border-bottom: 0px solid #EEE; border-radius: 0px; margin-bottom: 0}
.navbar-brand {font-weight: 800; font-size: 1em; font-size: 1em; text-transform: uppercase}
.navbar-nav>li>.dropdown-menu { border: 1px solid #eee; background-color: #FAFAFA }
.navbar-nav>li>a {border-top: 2px solid transparent}
.navbar-nav>li>a:hover {border-color: #333}
.navbar-nav>li.active>a{border-color: #df691a}
.navbar-nav>li.fblink a { padding: 10px}
.navbar-nav>li.fblink img { height: 20px; }

.map, .street {border: 1px solid #eee  }

.other {display:block; background:#eee url('../images/bg-circles.jpg') center center; padding-bottom: 31.25%; position:relative; }
/*.other:after {display: block; position: absolute; width: 100%; height: 100%; content: '';
	-webkit-box-shadow: inset 1em 0 1em 0 rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 0 1em 0 rgba(0,0,0,0.5);
	box-shadow: inset 0 0 1em 0 rgba(0,0,0,.5);}
*/

#contact-form input,#contact-form textarea {color: #333}
#contact-form .btn-send {color: #FFF}




.workinfo {padding: 0 1em !important}
.workinfo h1 {font-size: 2em; margin-top:0}
.workinfo h1.title span.subtitle { font-size: .4em !important; font-style: italic; font-weight: 300 !important; display: block}
.workinfo p {font-size: 1em}

@media only screen and (min-width : 767px) {
.workinfo {padding: 0 0 0 2em;}
}
@media only screen and (min-width : 1200px) {
.workinfo {padding: 0 0 0 1em;}
}



.worklist ul { list-style-type: none; padding: 0; margin: 0 auto; overflow: auto }
.worklist ul>li {float: left;  width: 100%;  }

.worklist ul>li>figure>a {display: block; margin: 0px 1px 1px 0;  background:#CCC url('../images/bg-circles.jpg') center center; background-size: cover; }
.worklist ul>li>figure>a>img {width: 100%;}
.worklist ul>li>figure>a:hover>img {}

.worklist ul>li>a {display: block; margin: 0px 1px 1px 0;  background:#CCC url('../images/bg-circles.jpg') center center; background-size: cover; }
.worklist ul>li>a>img {width: 100%;}
.worklist ul>li>a:hover>img {}
.worklist ul>li.li_col_10 {width: 10%;}
.worklist ul>li.li_col_6 {width: 16.66%;}
.worklist ul>li.li_col_5 {width: 20%;}
.worklist ul>li.li_col_4 {width: 25%;}
.worklist ul>li.li_col_3 {width: 33.333%;}
.worklist ul>li.li_col_2 {width: 50%;}


.workpromo {margin-bottom: 1em; background:#EEE url('../images/bg-circles.jpg') center center; background-size: cover; }
.workpromo {position: relative;}
.workpromo >.title {text-transform: uppercase; font-weight: 900}
.workpromo >.subtitle>.place {display: block; font-weight: 400}
.workpromo >.subtitle>.place:after {content: ''; opacity: .4} 
.workpromo >.subtitle>.city {}
.workpromo >.subtitle>.country {}
.workpromo >.subtitle>.city:after {content: '/ '; opacity: .4} 
.workpromo >.subtitle>.country:after {content: '/ '; opacity: .4} 
.workpromo >.subtitle>.date {}
/*.workpromo:after {display: block; position: absolute; width: 100%; height: 100%; content: '';
	-webkit-box-shadow: inset 1em 0 1em 0 rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 0 1em 0 rgba(0,0,0,0.5);
	box-shadow: inset 0 0 1em 0 rgba(0,0,0,.5);}
*/
/*---------*/
/* inside */
/*---------*/

.work-inside .workpromo >.title  {text-shadow: 0px 1px 6px rgba(0,0,0,.3)}
.work-inside .workpromo >.subtitle  {text-shadow: 0px 1px 2px rgba(0,0,0,.3)}
.work-inside .workpromo >.title {position:absolute; font-size: 1em; bottom:10%; color:#000; margin:auto; text-align:center;  width: 100%; }
.work-inside .workpromo >.subtitle {position:absolute; font-size: .8em; bottom:3%; color:#333; margin:auto; text-align:center; width: 100%; }
.work-inside .workpromo >.subtitle>.place {display: inline}
.work-inside .workpromo >.subtitle>.place:after {content: '/ '; opacity: .4} 

@media only screen and (min-width : 480px) {
	.work-inside .workpromo >.title {font-size: 1.4em; bottom:7%;}
	.work-inside .workpromo >.subtitle {font-size: .8em; bottom:2%;}
}
@media only screen and (min-width : 580px) {
	.work-inside .workpromo >.title {font-size: 2.4em; bottom:7%;}
	.work-inside .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
@media only screen and (min-width : 768px) {	
	.work-inside .workpromo >.title {font-size: 3em; bottom:6%;}
	.work-inside .workpromo >.subtitle {font-size: 1em; bottom:3%;}

}
@media only screen and (min-width : 992px) {
	.work-inside .workpromo >.title {font-size: 3.4em; bottom:6%;}
	.work-inside .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
@media only screen and (min-width : 1200px) {
	.work-inside .workpromo >.title {font-size: 3.8em; bottom:6%;}
	.work-inside .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}

/*---------*/
/* outside-inside */
/*---------*/

.work-outside-inside .workpromo >.title  {text-shadow: 0px 1px 6px rgba(0,0,0,.3)}
.work-outside-inside .workpromo >.subtitle  {text-shadow: 0px 1px 2px rgba(0,0,0,.3)}
.work-outside-inside .workpromo >.title {position:absolute; font-size: 1em; top:60%; color:#FFF; margin:auto; text-align:center;  width: 100%; }
.work-outside-inside .workpromo >.subtitle {position:absolute; font-size: .8em; top:70%; color:#FFF; margin:auto; text-align:center; width: 100%; }
@media only screen and (min-width : 480px) {
	.work-outside-inside .workpromo >.title {font-size: 1.4em; top:63%;}
	.work-outside-inside .workpromo >.subtitle {font-size: .8em; top:73%;}
}
@media only screen and (min-width : 580px) {
	.work-outside-inside .workpromo >.title {font-size: 1.7em; top:64%;}
	.work-outside-inside .workpromo >.subtitle {font-size: .8em; top:75%;}
}
@media only screen and (min-width : 768px) {	
	.work-outside-inside .workpromo >.title {font-size: 3em; top:65%; }
	.work-outside-inside .workpromo >.subtitle {font-size: 1em; top:78%; }
	.work-outside-inside .workpromo >.subtitle>.place {display: inline}
	.work-outside-inside .workpromo >.subtitle>.place:after {content: '/ '; opacity: .4} 

}
@media only screen and (min-width : 992px) {
	.work-outside-inside .workpromo >.title {font-size: 3.8em; top:65%; }
}
@media only screen and (min-width : 1200px) {
	.work-outside-inside .workpromo >.title {font-size: 3.8em; top:66%; }
	.work-outside-inside .workpromo >.subtitle {font-size: 1em; top:78%; }
}
/*---------*/
/* anaconda */
/*---------*/

.work-anaconda .workpromo > .title  {text-shadow: 0px 1px 6px rgba(0,0,0,.3)}
.work-anaconda .workpromo > .subtitle  {text-shadow: 0px 1px 2px rgba(0,0,0,.3)}
.work-anaconda .workpromo > .title {position:absolute; font-size: 1.3em; bottom:1%; left:10px; color:#FFF; margin:auto; text-align:left;  width: 100%; }
.work-anaconda .workpromo > .subtitle {position:absolute; font-size: .7em; bottom:3px; right:10px; line-height: 1.1em; color:#fff; margin:auto; text-align:right; width: 100%; }
@media only screen and (min-width : 480px) {
	.work-anaconda .workpromo > .title {font-size: 1.7em; bottom:1%;}
	.work-anaconda .workpromo > .subtitle {font-size: .8em; bottom:7px;}
}
@media only screen and (min-width : 580px) {
	.work-anaconda .workpromo > .title {font-size: 2.1em; bottom:1%;}
	.work-anaconda .workpromo > .subtitle {font-size: 1em; bottom:3%;}
}
@media only screen and (min-width : 768px) {	
	.work-anaconda .workpromo > .title {font-size: 3em; bottom:1%;}
	.work-anaconda .workpromo > .subtitle {font-size: 1em; bottom:4%;}

}
@media only screen and (min-width : 992px) {
	.work-anaconda .workpromo > .title {font-size: 3.8em; text-align: center; bottom:2%; left: 0}
	.work-anaconda .workpromo > .subtitle {text-align: center; bottom:1%; left: 0; }
	.work-anaconda .workpromo > .subtitle>.place {display: inline}
	.work-anaconda .workpromo > .subtitle>.place:after {content: '/ '; opacity: .4} 

}
@media only screen and (min-width : 1200px) {
	.work-anaconda .workpromo > .title {font-size: 3.8em; bottom:3% }
	.work-anaconda .workpromo > .subtitle {font-size: 1em; bottom:2% }
}
/*---------*/
/* black-on-white */
/*---------*/

.work-black-on-white .workpromo >.title  {text-shadow: 0px 1px 6px rgba(0,0,0,.3)}
.work-black-on-white .workpromo >.subtitle  {text-shadow: 0px 1px 2px rgba(0,0,0,.3)}
.work-black-on-white .workpromo >.title {position:absolute; font-size: 1em; bottom:10%; color:#FFF; margin:auto; text-align:center;  width: 100%; }
.work-black-on-white .workpromo >.subtitle {position:absolute; font-size: .8em; bottom:3%; color:#FFF; margin:auto; text-align:center; width: 100%; }
.work-black-on-white .workpromo >.subtitle>.place {display: inline}
.work-black-on-white .workpromo >.subtitle>.place:after {content: '/ '; opacity: .4} 

@media only screen and (min-width : 480px) {
	.work-black-on-white .workpromo >.title {font-size: 1.4em; bottom:7%;}
	.work-black-on-white .workpromo >.subtitle {font-size: .8em; bottom:2%;}
}
@media only screen and (min-width : 580px) {
	.work-black-on-white .workpromo >.title {font-size: 2.4em; bottom:7%;}
	.work-black-on-white .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
@media only screen and (min-width : 768px) {	
	.work-black-on-white .workpromo >.title {font-size: 3em; bottom:6%;}
	.work-black-on-white .workpromo >.subtitle {font-size: 1em; bottom:3%;}

}
@media only screen and (min-width : 992px) {
	.work-black-on-white .workpromo >.title {font-size: 3.4em; bottom:6%;}
	.work-black-on-white .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
@media only screen and (min-width : 1200px) {
	.work-black-on-white .workpromo >.title {font-size: 3.8em; bottom:6%;}
	.work-black-on-white .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}

/*---------*/
/* fukushima-generator-guernica */
/*---------*/

.work-fukushima-generator-guernica .workpromo >.title  {text-shadow: 0px 1px 6px rgba(0,0,0,.3)}
.work-fukushima-generator-guernica .workpromo >.subtitle  {text-shadow: 0px 1px 2px rgba(0,0,0,.3)}
.work-fukushima-generator-guernica .workpromo >.title {position:absolute; font-size: 1em; top:5%; color:#FFF; margin:auto; text-align:center;  width: 100%; }
.work-fukushima-generator-guernica .workpromo >.subtitle {position:absolute; font-size: .8em; top:14%; color:#FFF; margin:auto; text-align:center; width: 100%; }
.work-fukushima-generator-guernica .workpromo >.subtitle>.place {display: inline}
.work-fukushima-generator-guernica .workpromo >.subtitle>.place:after {content: '/ '; opacity: .4} 

@media only screen and (min-width : 480px) {
	.work-fukushima-generator-guernica .workpromo >.title {font-size: 1.4em; }
	.work-fukushima-generator-guernica .workpromo >.subtitle {font-size: .8em; }
}
@media only screen and (min-width : 580px) {
	.work-fukushima-generator-guernica .workpromo >.title {font-size: 1.8em; top:3%}
	.work-fukushima-generator-guernica .workpromo >.subtitle {font-size: 1em;}
}
@media only screen and (min-width : 768px) {	
	.work-fukushima-generator-guernica .workpromo >.title {font-size: 2.4em; }
	.work-fukushima-generator-guernica .workpromo >.subtitle {font-size: 1em; }

}
@media only screen and (min-width : 992px) {
	.work-fukushima-generator-guernica .workpromo >.title {font-size: 3.1em; }
	.work-fukushima-generator-guernica .workpromo >.subtitle {font-size: 1em; }
}
@media only screen and (min-width : 1200px) {
	.work-fukushima-generator-guernica .workpromo >.title {font-size: 3.5em; }
	.work-fukushima-generator-guernica .workpromo >.subtitle {font-size: 1em; }
}

/*---------*/
/* generator */
/*---------*/

.work-generator .workpromo >.title  {text-shadow: 0px 1px 6px rgba(0,0,0,.3)}
.work-generator .workpromo >.subtitle  {text-shadow: 0px 1px 2px rgba(0,0,0,.3)}
.work-generator .workpromo >.title {position:absolute; font-size: 2em; bottom:10%; color:#FFF; margin:auto; text-align:center;  width: 100%; }
.work-generator .workpromo >.subtitle {position:absolute; font-size: .8em; bottom:3%; color:#FFF; margin:auto; text-align:center; width: 100%; }
.work-generator .workpromo >.subtitle>.place {display: inline}
.work-generator .workpromo >.subtitle>.place:after {content: '/ '; opacity: .4} 

@media only screen and (min-width : 480px) {
	.work-generator .workpromo >.title {font-size: 3em; bottom:7%;}
	.work-generator .workpromo >.subtitle {font-size: .8em; bottom:2%;}
}
@media only screen and (min-width : 580px) {
	.work-generator .workpromo >.title {font-size: 3.4em; bottom:7%;}
	.work-generator .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
@media only screen and (min-width : 768px) {	
	.work-generator .workpromo >.title {font-size: 4em; bottom:6%;}
	.work-generator .workpromo >.subtitle {font-size: 1em; bottom:3%;}

}
@media only screen and (min-width : 992px) {
	.work-generator .workpromo >.title {font-size: 4.4em; bottom:6%;}
	.work-generator .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
@media only screen and (min-width : 1200px) {
	.work-generator .workpromo >.title {font-size: 4.8em; bottom:6%;}
	.work-generator .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
/*---------*/
/* generator-bm */
/*---------*/
.work-generator-bm .workpromo >.title  {text-shadow: 0px 1px 6px rgba(0,0,0,.3)}
.work-generator-bm .workpromo >.subtitle  {text-shadow: 0px 1px 2px rgba(0,0,0,.3)}
.work-generator-bm .workpromo >.title {position:absolute; font-size: 1em; bottom:10%; color:#FFF; margin:auto; text-align:center;  width: 100%; }
.work-generator-bm .workpromo >.subtitle {position:absolute; font-size: .8em; bottom:3%; color:#FFF; margin:auto; text-align:center; width: 100%; }
.work-generator-bm .workpromo >.subtitle>.place {display: inline}
.work-generator-bm .workpromo >.subtitle>.place:after {content: '/ '; opacity: .4} 

@media only screen and (min-width : 480px) {
	.work-generator-bm .workpromo >.title {font-size: 1.4em; bottom:7%;}
	.work-generator-bm .workpromo >.subtitle {font-size: .8em; bottom:2%;}
}
@media only screen and (min-width : 580px) {
	.work-generator-bm .workpromo >.title {font-size: 2.4em; bottom:7%;}
	.work-generator-bm .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
@media only screen and (min-width : 768px) {	
	.work-generator-bm .workpromo >.title {font-size: 3em; bottom:6%;}
	.work-generator-bm .workpromo >.subtitle {font-size: 1em; bottom:3%;}

}
@media only screen and (min-width : 992px) {
	.work-generator-bm .workpromo >.title {font-size: 3.4em; bottom:6%;}
	.work-generator-bm .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
@media only screen and (min-width : 1200px) {
	.work-generator-bm .workpromo >.title {font-size: 3.8em; bottom:6%;}
	.work-generator-bm .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
/*---------*/
/* generator-iii */
/*---------*/
.work-generator-iii .workpromo >.title  {text-shadow: 0px 1px 16px rgba(0,0,0,.9)}
.work-generator-iii .workpromo >.subtitle  {text-shadow: 0px 1px 5px rgba(0,0,0,.9)}
.work-generator-iii .workpromo >.title {position:absolute; font-size: 1em; bottom:10%; color:#FFF; margin:auto; text-align:center;  width: 100%; }
.work-generator-iii .workpromo >.subtitle {position:absolute; font-size: .8em; bottom:3%; color:#FFF; margin:auto; text-align:center; width: 100%; }
.work-generator-iii .workpromo >.subtitle>.place {display: inline}
.work-generator-iii .workpromo >.subtitle>.place:after {content: '/ '; opacity: .4} 

@media only screen and (min-width : 480px) {
	.work-generator-iii .workpromo >.title {font-size: 1.4em; bottom:7%;}
	.work-generator-iii .workpromo >.subtitle {font-size: .8em; bottom:2%;}
}
@media only screen and (min-width : 580px) {
	.work-generator-iii .workpromo >.title {font-size: 2.4em; bottom:7%;}
	.work-generator-iii .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
@media only screen and (min-width : 768px) {	
	.work-generator-iii .workpromo >.title {font-size: 3em; bottom:6%;}
	.work-generator-iii .workpromo >.subtitle {font-size: 1em; bottom:3%;}

}
@media only screen and (min-width : 992px) {
	.work-generator-iii .workpromo >.title {font-size: 3.4em; bottom:6%;}
	.work-generator-iii .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
@media only screen and (min-width : 1200px) {
	.work-generator-iii .workpromo >.title {font-size: 3.8em; bottom:6%;}
	.work-generator-iii .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}

/*---------*/
/* lech-twardowski-mnp */
/*---------*/
.work-lech-twardowski-mnp .workpromo >.title  {text-shadow: 0px 1px 6px rgba(0,0,0,.4)}
.work-lech-twardowski-mnp .workpromo >.subtitle  {text-shadow: 0px 1px 5px rgba(0,0,0,.9)}
.work-lech-twardowski-mnp .workpromo >.title {position:absolute; font-size: 1em; bottom:10%; color:#FFF; margin:auto; text-align:center;  width: 100%; }
.work-lech-twardowski-mnp .workpromo >.subtitle {position:absolute; font-size: .8em; bottom:3%; color:#FFF; margin:auto; text-align:center; width: 100%; }
.work-lech-twardowski-mnp .workpromo >.subtitle>.place {display: inline}
.work-lech-twardowski-mnp .workpromo >.subtitle>.place:after {content: '/ '; opacity: .4} 

@media only screen and (min-width : 480px) {
	.work-lech-twardowski-mnp .workpromo >.title {font-size: 1.4em; bottom:7%;}
	.work-lech-twardowski-mnp .workpromo >.subtitle {font-size: .8em; bottom:2%;}
}
@media only screen and (min-width : 580px) {
	.work-lech-twardowski-mnp .workpromo >.title {font-size: 2.4em; bottom:7%;}
	.work-lech-twardowski-mnp .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
@media only screen and (min-width : 768px) {	
	.work-lech-twardowski-mnp .workpromo >.title {font-size: 3em; bottom:6%;}
	.work-lech-twardowski-mnp .workpromo >.subtitle {font-size: 1em; bottom:3%;}

}
@media only screen and (min-width : 992px) {
	.work-lech-twardowski-mnp .workpromo >.title {font-size: 3.4em; bottom:6%;}
	.work-lech-twardowski-mnp .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
@media only screen and (min-width : 1200px) {
	.work-lech-twardowski-mnp .workpromo >.title {font-size: 3.8em; bottom:6%;}
	.work-lech-twardowski-mnp .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
/*---------*/
/* parachutes */
/*---------*/
.work-parachutes .workpromo >.title  {text-shadow: 0px 1px 6px rgba(0,0,0,.9)}
.work-parachutes .workpromo >.subtitle  {text-shadow: 0px 1px 5px rgba(0,0,0,.9)}
.work-parachutes .workpromo >.title {position:absolute; font-size: 1em; bottom:10%; color:#FFF; margin:auto; text-align:center;  width: 100%; }
.work-parachutes .workpromo >.subtitle {position:absolute; font-size: .8em; bottom:3%; color:#FFF; margin:auto; text-align:center; width: 100%; }
.work-parachutes .workpromo >.subtitle>.place {display: inline}
.work-parachutes .workpromo >.subtitle>.place:after {content: '/ '; opacity: .4} 

@media only screen and (min-width : 480px) {
	.work-parachutes .workpromo >.title {font-size: 1.4em; bottom:7%;}
	.work-parachutes .workpromo >.subtitle {font-size: .8em; bottom:2%;}
}
@media only screen and (min-width : 580px) {
	.work-parachutes .workpromo >.title {font-size: 2.4em; bottom:7%;}
	.work-parachutes .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
@media only screen and (min-width : 768px) {	
	.work-parachutes .workpromo >.title {font-size: 3em; bottom:6%;}
	.work-parachutes .workpromo >.subtitle {font-size: 1em; bottom:3%;}

}
@media only screen and (min-width : 992px) {
	.work-parachutes .workpromo >.title {font-size: 3.4em; bottom:6%;}
	.work-parachutes .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
@media only screen and (min-width : 1200px) {
	.work-parachutes .workpromo >.title {font-size: 3.8em; bottom:6%;}
	.work-parachutes .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
/*---------*/
/* pura */
/*---------*/

.work-pura .workpromo >.title  {text-shadow: 0px 1px 6px rgba(0,0,0,.3)}
.work-pura .workpromo >.subtitle  {text-shadow: 0px 1px 2px rgba(0,0,0,.3)}
.work-pura .workpromo >.title {position:absolute; font-size: 2em; bottom:10%; color:#FFF; margin:auto; text-align:center;  width: 100%; }
.work-pura .workpromo >.subtitle {position:absolute; font-size: .8em; bottom:3%; color:#FFF; margin:auto; text-align:center; width: 100%; }
.work-pura .workpromo >.subtitle>.place {display: inline}
.work-pura .workpromo >.subtitle>.place:after {content: '/ '; opacity: .4} 

@media only screen and (min-width : 480px) {
	.work-pura .workpromo >.title {font-size: 3em; bottom:7%;}
	.work-pura .workpromo >.subtitle {font-size: .8em; bottom:2%;}
}
@media only screen and (min-width : 580px) {
	.work-pura .workpromo >.title {font-size: 3.4em; bottom:7%;}
	.work-pura .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
@media only screen and (min-width : 768px) {	
	.work-pura .workpromo >.title {font-size: 4em; bottom:6%;}
	.work-pura .workpromo >.subtitle {font-size: 1em; bottom:3%;}

}
@media only screen and (min-width : 992px) {
	.work-pura .workpromo >.title {font-size: 4.4em; bottom:6%;}
	.work-pura .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
@media only screen and (min-width : 1200px) {
	.work-pura .workpromo >.title {font-size: 4.8em; bottom:6%;}
	.work-pura .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
/*---------*/
/* work-the-edge */
/*---------*/

.work-the-edge .workpromo >.title  {text-shadow: 0px 1px 6px rgba(0,0,0,.6);}
.work-the-edge .workpromo >.subtitle  {text-shadow: 0px 1px 2px rgba(0,0,0,.3)}
.work-the-edge .workpromo >.title {position:absolute; font-size: 2em; bottom:10%; color:#FFF; margin:auto; text-align:center;  width: 100%; }
.work-the-edge .workpromo >.subtitle {position:absolute; font-size: .8em; bottom:3%; color:#FFF; margin:auto; text-align:center; width: 100%; }
.work-the-edge .workpromo >.subtitle>.place {display: inline}
.work-the-edge .workpromo >.subtitle>.place:after {content: '/ '; opacity: .4} 

@media only screen and (min-width : 480px) {
	.work-the-edge .workpromo >.title {font-size: 3em; bottom:7%;}
	.work-the-edge .workpromo >.subtitle {font-size: .8em; bottom:2%;}
}
@media only screen and (min-width : 580px) {
	.work-the-edge .workpromo >.title {font-size: 3.4em; bottom:7%;}
	.work-the-edge .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
@media only screen and (min-width : 768px) {	
	.work-the-edge .workpromo >.title {font-size: 4em; bottom:6%;}
	.work-the-edge .workpromo >.subtitle {font-size: 1em; bottom:3%;}

}
@media only screen and (min-width : 992px) {
	.work-the-edge .workpromo >.title {font-size: 4.4em; bottom:6%;}
	.work-the-edge .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
@media only screen and (min-width : 1200px) {
	.work-the-edge .workpromo >.title {font-size: 4.8em; bottom:6%;}
	.work-the-edge .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
/*---------*/
/* time-plus-gesture */
/*---------*/
.work-time-plus-gesture .workpromo >.title  {text-shadow: 0px 1px 6px rgba(0,0,0,.4)}
.work-time-plus-gesture .workpromo >.subtitle  {text-shadow: 0px 1px 5px rgba(0,0,0,.9)}
.work-time-plus-gesture .workpromo >.title {position:absolute; font-size: 1em; bottom:10%; color:#FFF; margin:auto; text-align:center;  width: 100%; }
.work-time-plus-gesture .workpromo >.subtitle {position:absolute; font-size: .8em; bottom:3%; color:#FFF; margin:auto; text-align:center; width: 100%; }
.work-time-plus-gesture .workpromo >.subtitle>.place {display: inline}
.work-time-plus-gesture .workpromo >.subtitle>.place:after {content: '/ '; opacity: .4} 

@media only screen and (min-width : 480px) {
	.work-time-plus-gesture .workpromo >.title {font-size: 1.4em; bottom:7%;}
	.work-time-plus-gesture .workpromo >.subtitle {font-size: .8em; bottom:2%;}
}
@media only screen and (min-width : 580px) {
	.work-time-plus-gesture .workpromo >.title {font-size: 2.4em; bottom:7%;}
	.work-time-plus-gesture .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
@media only screen and (min-width : 768px) {	
	.work-time-plus-gesture .workpromo >.title {font-size: 3em; bottom:6%;}
	.work-time-plus-gesture .workpromo >.subtitle {font-size: 1em; bottom:3%;}

}
@media only screen and (min-width : 992px) {
	.work-time-plus-gesture .workpromo >.title {font-size: 3.4em; bottom:6%;}
	.work-time-plus-gesture .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
@media only screen and (min-width : 1200px) {
	.work-time-plus-gesture .workpromo >.title {font-size: 3.8em; bottom:6%;}
	.work-time-plus-gesture .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}


/*---------*/
/* other */
/*---------*/

.work-others .workpromo >.title  {text-shadow: 0px 1px 20px rgba(0,0,0,1), 0px 1px 30px rgba(0,0,0,1)}
.work-others .workpromo >.subtitle  {text-shadow: 0px 1px 2px rgba(0,0,0,.3); }
.work-others .workpromo >.title {position:absolute; font-size: 2em; bottom:10%; color:#FFF; margin:auto; text-align:center;  width: 100%; }
.work-others .workpromo >.subtitle {position:absolute; font-size: .8em; bottom:3%; color:#FFF; margin:auto; text-align:center; width: 100%; }
.work-others .workpromo >.subtitle>.place {display: inline; }
.work-others .workpromo >.subtitle>.place:after {content: '/ '; opacity: .4} 
.work-others .workpromo >.subtitle>.place, .work-others .workpromo >.subtitle>.city, .work-others .workpromo >.subtitle>.country, .work-others .workpromo >.subtitle>.date{background-color: #000; padding: 3px}

@media only screen and (min-width : 480px) {
	.work-others .workpromo >.title {font-size: 3em; bottom:7%;}
	.work-others .workpromo >.subtitle {font-size: .8em; bottom:2%;}
}
@media only screen and (min-width : 580px) {
	.work-others .workpromo >.title {font-size: 3.4em; bottom:7%;}
	.work-others .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
@media only screen and (min-width : 768px) {	
	.work-others .workpromo >.title {font-size: 4em; bottom:6%;}
	.work-others .workpromo >.subtitle {font-size: 1em; bottom:3%;}

}
@media only screen and (min-width : 992px) {
	.work-others .workpromo >.title {font-size: 4.4em; bottom:6%;}
	.work-others .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}
@media only screen and (min-width : 1200px) {
	.work-others .workpromo >.title {font-size: 4.8em; bottom:6%;}
	.work-others .workpromo >.subtitle {font-size: 1em; bottom:3%;}
}






#lightcase-info {width: 100%; padding-top:0 !important;}  
#lightcase-sequenceInfo { float: right}
#lightcase-title {}

#lightcase-info #lightcase-title,
#lightcase-info #lightcase-caption {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: normal;
  text-overflow: ellipsis;
}
#lightcase-info #lightcase-title {
  font-size: 15px !important;
	color:#333 !important;
}
#lightcase-info #lightcase-caption {
  font-size: 11px !important;

}
@media screen and (max-width: 640px) {
  /* line 19, ../scss/components/modules/_info.scss */
  #lightcase-info #lightcase-title {
    position: fixed;
    top: 10px;
    left: 0;
    max-width: 100% !important;
    padding: 5px 15px;
    background: transparent !important;
	text-align: center;
	width: 100%; 
  }
	#lightcase-info #lightcase-caption {
	position: fixed;
    bottom: 5px;
    left: 0px;
    max-width: 100% !important;
    padding: 5px 35px !important;
    background: transparent !important;
	text-align: center;
	width: 100%
  }
}
#lightcase-overlay { background: #FFF !important}
#lightcase-case {text-shadow: none !important}

a[class*='lightcase-icon-'], a[class*='lightcase-icon-']:focus {color:#DDD !important}


.about h1 {margin:0; padding-bottom: 0;  }
.about h5.job {margin-top:0; padding: .2em 5em; text-transform: uppercase; font-size: .7em; display: inline-block; border-top: 2px solid #df691a; font-weight: 400}


.lechu-photo {margin-top: 2em}
.lechu-photo img {max-width: 50%}
	@media only screen and (min-width : 480px) {
		.lechu-photo img {max-width: 40%}
    }
	@media only screen and (min-width : 580px) {
		.lechu-photo img {max-width:20%}
    }
	@media only screen and (min-width : 768px) {
		.lechu-photo img {max-width: 100%}
    }
	@media only screen and (min-width : 992px) {
		.lechu-photo img {max-width: 100%}
    }
	@media only screen and (min-width : 1200px) {
		.lechu-photo img {max-width: 100%}
    }
.lechu-photo2 {margin-top: 2em  }
.lechu-photo2 img {max-width: 50%; margin-left: auto; margin-right: auto}
	@media only screen and (min-width : 480px) {
		.lechu-photo2 img {max-width: 40%}
    }
	@media only screen and (min-width : 580px) {
		.lechu-photo2 img {max-width:20%}
    }
	@media only screen and (min-width : 768px) {
		.lechu-photo2 img {max-width: 50%}
    }
	@media only screen and (min-width : 992px) {
		.lechu-photo2 img {max-width: 50%}
    }
	@media only screen and (min-width : 1200px) {
		.lechu-photo2 img {max-width: 50%}
    }

ul.exhibitions-list {list-style-type: none; padding: 0; margin-top: 1em  }
ul.exhibitions-list > li  {display: table; margin-bottom: .5em; }

ul.exhibitions-list .year {display: table-cell; font-size: 1.2em; padding-right: .5em; background-color: }
ul.exhibitions-list .rest {display: table-cell; width: 100%; border-bottom: 1px dotted #ddd; padding-bottom: .5em}
ul.exhibitions-list .title {font-weight: 400; font-size: 1.2em; }
ul.exhibitions-list a.url {color: #333 !important; border-bottom: 1px solid #df691a}
ul.exhibitions-list a.url:hover {color: #df691a !important; text-decoration: none; border-bottom: transparent}
ul.exhibitions-list .subtitle {display: block; font-size: .8em; font-style: italic;}
ul.exhibitions-list .place  {display: block; font-size: .9em}
ul.exhibitions-list .city {font-size: .8em; font-weight: 400; color: #666}
ul.exhibitions-list .city:after {content: ' / '; color: #ccc;}
ul.exhibitions-list .country {font-size: .8em; font-weight: 400; color: #666 ;  }

/*
$year = $exh_individual[$i][0];
$title = $exh_individual[$i][1];
$subtitle = $exh_individual[$i][2];
$place = $exh_individual[$i][3];
$city = $exh_individual[$i][4];
$country = $exh_individual[$i][5];
$url = $exh_individual[$i][6];
*/



#works>ul>li>a {position: relative; display: block; background-color: #eee; pa }

#works>ul>li>a:after {
	display: block; content: ''; position: absolute; top: 0; left:0; width: 100%; height: 100%;
	-webkit-box-shadow: inset 0 0 3em 0 rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0 0 3em 0 rgba(0,0,0,0.75);
	box-shadow: inset 0 0 3em 0 rgba(0,0,0,0.75);
	transition: box-shadow 0.3s ease-in-out;
}
#works>ul>li>a:hover:after {
	-webkit-box-shadow: inset 0 0 .1em 0 rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 0 .1em 0 rgba(0,0,0,0.25);
	box-shadow: inset 0 0 .1em 0 rgba(0,0,0,0.25);
}
#works>ul>li>a:hover>span {color: rgba(255,255,255,1); background-color: rgba(0,0,0,1);} 
#works>ul>li>a>span {display: block; z-index: 100; text-align: left; font-weight: 700; position: absolute; top:0; font-size: 1em; text-transform: uppercase; padding:1px 3px; text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	color: rgba(255,255,255,0.8);  background-color: rgba(0,0,0,0); 
	-webkit-transition:.5s ease; transition:.5s ease;
}
#works>ul {list-style-type: none; margin: 0; padding: 0}
#works>ul>li {width: 100%; float: left; padding: 1px}
#works>ul>li>a>span {font-size: .7em}
@media only screen and (min-width : 321px) {
	#works>ul>li {width: 50%;}
    }
@media only screen and (min-width : 480px) {
	#works>ul>li {width: 33.3333%;}
	#works>ul>li>a>span {font-size: .65em}
}
@media only screen and (min-width : 768px) {
	#works>ul>li {width: 25%;}
}
@media only screen and (min-width : 992px) {
	#works>ul>li {width: 20%;}
}
/*
#works>ul>li>a>span {opacity: ; filter: alpha(opacity=0);}
#works>ul>li>a>span {
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
}


#works>ul>li>a:hover>span {opacity: 1; filter: alpha(opacity=100);}
*/

.events_h {text-transform: uppercase; font-size:.8em;}
.event {margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dotted #ccc}
.event h4 {margin: .2em 0 .2em 0; font-weight: 400}
.pastevents h4 {font-size: .9em}
.event p {font-size: .8em; font-weight: 300; margin-bottom: 0}
.event p.link {margin-top: 0em}
.event .date {text-transform: uppercase; overflow: auto;}
.upcomingevents .event .date {font-size: 1em}
    @media only screen and (min-width : 480px) {
.upcomingevents .event .date {font-size: 2em}
    }
@media only screen and (min-width : 992px) {
.upcomingevents .event .date {font-size: 1.3em}
    }
@media only screen and (min-width : 1200px) {
.upcomingevents .event .date {font-size: 1.7em}
    }
.event .date > span {margin: 0; padding: 0;float: left; font-size: .8em; font-weight: 400; background-color: #eee}
.event .date > span:after {content: '\00a0'}
.event .date .day {background-color: #666; color: #FFF; padding-left: .2em}
.upcomingevents .event .date .day {background-color: #df691a;}
.upcomingevents .event .date .month, .upcomingevents .event .date .year {background-color: #f2c3a3}
.event .date .month {background-color: #eee; padding-left: .4em}
.event .date .year {background-color: #eee;}
.event .date .time {background-color: #ddd;  padding-left: .4em; }

hr.style1{
	border-top: 1px solid #8c8b8b;
}


hr.style2 {
	border-top: 3px double #8c8b8b;
}

hr.style3 {
	border-top: 1px dashed #8c8b8b;
}

hr.style4 {
	border-top: 1px dotted #8c8b8b;
}

hr.style5 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}


hr.style6 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}

hr.style7 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}


.footer { margin-top: 2em; margin-bottom: 2em; border-top:1px dotted #999; padding-top: 1em}


/*-----------*/
/*-----PHOTOSWIPE------*/
/*-----------*/

.pswp__bg {
  background: #FFF !important;
}
.pswp__top-bar,
.pswp__caption {  background-color: rgba(255, 255, 255, 0.5) !important; }
.pswp__caption__center {max-width: none !important}
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {  background-color: rgba(255, 255, 255, 0.3) !important; }
.pswp__counter {color:#333 !important; background-color: rgba(255,255,255,1);}
.pswp__caption__center {color:#333 !important; text-align: center !important; font-weight: 700;line-height:1em !important}
.pswp__caption__center .title {background-color: rgba(255,255,255,0.8); padding: 2px; line-height:2em !important}
.pswp__caption__center .caption {color:#666 !important; font-weight: 300; background-color: rgba(255,255,255,0.8); padding: 1px; }

.pswp__button--close, .pswp__button--zoom, .pswp__button--fs {background-color: #FFF !important}
/*-----------*/
/*-----------*/
/*-----------*/

/* PLACEHOLDERS */
/* - Chrome ≤56,
   - Safari 5-10.0
   - iOS Safari 4.2-10.2
   - Opera 15-43
   - Opera Mobile >12
   - Android Browser 2.1-4.4.4
   - Samsung Internet
   - UC Browser for Android
   - QQ Browser */
::-webkit-input-placeholder {

}

/* Firefox 4-18 */
:-moz-placeholder {

}

/* Firefox 19-50 */
::-moz-placeholder {

}

/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
:-ms-input-placeholder {
    color: #ccc !important;
  
}

/* Edge */
::-ms-input-placeholder {

}

/* CSS Working Draft */
::placeholder {

}



/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }

    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

    }