@font-face {
 font-family:'PacificAgain';
 src:url('../fonts/pacificagain.eot');
 src:url('../fonts/pacificagain.eot?#iefix') format('embedded-opentype'),
     url('../fonts/pacificagain.woff2') format('woff2'),
     url('../fonts/pacificagain.woff') format('woff'),
     url('../fonts/pacificagain.ttf') format('truetype'),
     url('../fonts/pacificagain.svg#PacificAgain') format('svg');
}
@font-face{
 font-family:'ArialLight';
 src:url('../fonts/arialmtstd-light.eot');
 src:url('../fonts/arialmtstd-light.eot?#iefix') format('embedded-opentype'),
     url('../fonts/arialmtstd-light.woff2') format('woff2'),
     url('../fonts/arialmtstd-light.woff') format('woff'),
     url('../fonts/arialmtstd-light.ttf') format('truetype'),
     url('../fonts/arialmtstd-light.svg#ArialLight') format('svg');
}

*{
 margin:0;
 padding:0;
 box-sizing:border-box;
 position:relative;
}
body{
 width:100vw;
 height:100vh;
 padding:100px;
 font:16px 'ArialLight', Arial, Sans-Serif;
 color:#3f3f3f;
 line-height:1.6;
 text-align:justify;
 overflow-x:hidden;
}
a{
 color:#3f3f3f;
 text-decoration:none;
}
a:hover, a span:hover{
 color:#000;
 text-decoration:underline;
}
p{
 margin-bottom:15px;
}
.pts{
 font:18px 'Georgia';
 color:#111111;
}
header, aside, section, footer{
 margin-bottom:50px;
}
header h1{
 font:500% 'PacificAgain';
 display:none;
}
header h2{
 margin:0 0 100px 0;
 text-align:center;
}
h2{
 font-size:225%;
}
h3{
 font-size:150%;
}
img{
 border:1px solid #fff;
}
main{
 margin:150px 0;
}
footer{
 font-size:smaller;
}
.column{
 width:33.33%;
 float:left;
}
.row{
 margin-bottom:50px;
}
.row:after{
 content:"";
 display:table;
 clear:both;
}
figure:hover{
 cursor:pointer !important;
}
.thumbnails{
 width:100%;
 height:auto;
}
figcaption{
 text-align:left;
}
.thumbnails, figcaption{
 max-width:100%;
}
figcaption:hover{
 color:#000;
}
.left{
 margin-right:8%;
}
.center{
 margin:0 4%;
}
.right{
 margin-left:8%;
}
::selection, ::-moz-selection{
 background:#3f3f3f;
 color:#fefefe;
}

.modal{
 width:100vw; 
 height:100vh;
 left:0;
 top:0;
 padding:50px 100px; 
 background-color:rgba(0,0,0,0.5);
 position:fixed; 
 display:none;
 overflow:auto;  
 z-index:2; 
 cursor:pointer !important;
}
.modal-content{
 max-width:60% !important;
 max-height:100% !important;
 left:50%;
 top:50%;
 padding:25px 50px;
 transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 border:1px inset #3f3f3f;
 border-radius:4px;
 overflow-y:scroll;
 cursor:default !important;
}
.modal-content h2{
 font-size:150%;
 margin-top:10px;
}
.modal-content h3{
 font-size:100%;
 margin-bottom:25px;
}
.modal-content div{
 width:100%;
}
.modal-content p:last-of-type{
 margin:25px 0 50px 0;
}
.close{
 text-align:right;
 font-size:28px;
}
.close:hover, .close:focus{
 color:#000;
 text-decoration:none;
 cursor:pointer !important;
}
img, video{
 width:100%;
 height:auto;
}
.slides{
 display:none;
}
.prev, .next{
 width:auto;
 top:50%;
 margin-top:-22px;
 padding:16px;
 position:absolute;
 font-size:18px;
 font-weight:bold;
 cursor:pointer;
 transition:0.2s ease;
 background:rgba(254,254,254,0.4);
}
.prev{
 left:0;
 border-radius:0 2px 2px 0; 
}
.next{
 right:0;
 border-radius:2px 0 0 2px;
}
.prev:hover, .next:hover{
 background-color:#fefefe;
 color:#3f3f3f;
 text-decoration:none;
}

.line{
 font:1000% 'PacificAgain';
}
.colors{
  fill:url(#pattern);
  stroke-dasharray:15% 75%;
  stroke-width:3px; 
  -webkit-animation:claimNeedle 11s ease infinite alternate;
  animation:claimNeedle 11s ease infinite alternate;
}
.colors:nth-child(1){
  stroke:#461783;
  stroke-dashoffset:20%;
}
.colors:nth-child(2){
  stroke:#3f3f3f;
  stroke-dashoffset:40%;
}
.colors:nth-child(3){
  stroke:#e51ae5;
  stroke-dashoffset:60%;
}
.colors:nth-child(4){
  stroke:#7f1ae5;
  stroke-dashoffset:80%;
}
@-webkit-keyframes claimNeedle{
 100%{
  stroke-dasharray:75% 15%;
 }
}
@keyframes claimNeedle{
 100%{
  stroke-dasharray:75% 15%;
 }
}

@media only screen and (max-width:1280px){
 .modal-content{
  max-width:75% !important;
 }
 #top{
  bottom:15px;
  right:15px;
 }
}
@media only screen and (max-width:920px){
 body{
  padding:50px 25px;
 }
 h2{
  font-size:150%;
 }
 h3{
  font-size:100%;
 }
 main{
  margin:75px 0;
 }
 .column{
  width:50%;
  margin:25px 0;
 }
 .empty{
  margin:-25px;
 }
 .row{
  margin-bottom:0;
 }
 .left{
  margin-right:10%;
 }
 .center{
  margin:0;
 }
 .right{
  margin-left:10%;
 }
 .modal{
  padding:25px;
 }
 .modal-content{
  max-width:90% !important;
  padding:15px 25px;
 }
 .modal-content p:last-of-type{
  margin:25px 0 40px 0;
 }
 footer{
  margin-bottom:0;
 }
 video{
  width:100%;
  height:auto;
 }
 #top{
  bottom:15px;
  right:55px;
 }
}
@media only screen and (max-width:400px){
 body{
  padding:50px 25px;
 }
 header h1{
  display:block;
 }
 svg{
  display:none;
 }
 header h2{
  margin:50px 0 25px 0;
 }
 .modal{
  padding:15px;
 }
 .modal-content{
  max-width:100% !important;
  padding:10px 25px;
 }
 .modal-content p:last-of-type{
  margin:15px 0 25px 0;
 }
 #top{
  bottom:15px;
  right:25px;
 }
 #needle{
  display:none;
 }
}
@media only screen and (min-width:920px){
 #top{
  bottom:35px;
  right:75px;
 }
}
@media only screen and (min-width:1280px){
 .th{
  margin-top:-125px;
 }
 .lr{
  margin-left:-125px;
 }
 .tb{
  margin-top:-100px;
 }
}

#top{
  position:fixed;
  padding:15px;
  background-color:#fefefe;
  color:#3f3f3f;
  font-size:24px;
  border:2px outset silver;
  border-radius:4px;
  outline:none;
  cursor:pointer;
  display:none;
  z-index:1;
}
#top:hover{
 color:#fefefe;
 background-color:#3f3f3f;
}