#full-page-div{width:100%;height:auto;margin:auto;overflow:auto;}
.clear-fix{clear:both;width:100%;}
.hidden{color:rgba(255,255,240,1);font-size:0%;}
#header{background:grey;opacity:0.8;width:100%;height:70px;overflow:hidden;position:fixed;top:0%;left:0%;right:0%;color:#fcd474;font-size:2.2em;font-family:'Quicksand',sans-serif;white-space:nowrap;text-align:center;z-index:100;}
#header1{background:none;opacity:0.3;width:absolute;height:70px;overflow:hidden;position:fixed;top:10px;left:0%;color:#fcd474;font-size:4.5em;font-family:'Quicksand', sans-serif;white-space:nowrap;text-align:right;z-index:1000;}
#flickr{background:black;width:100%;padding:5px 0px 0px 0px;top:0px;}
#topdiv{background:black;opacity:1;width:100%;z-index:10;display:inline-block;position:relative;}
#base1 img{opacity:1;width:100%;bottom:0%;overflow:hidden;position:fixed;display:inline-block;padding: 0px 0px 0px 0px;margin:0px;z-index:5;}
#base2 img{opacity:1;width:100%;bottom:0%;overflow:hidden;position:fixed;display:inline-block;padding: 0px 0px 0px 0px;margin:0px;z-index:5;}
#base3 img{opacity:1;width:100%;bottom:0%;overflow:hidden;position:fixed;display:inline-block;padding: 0px 0px 0px 0px;margin:0px;z-index:5;}
#base4 img{object-fit: scale-down;opacity:1;width:100%;bottom:0%;overflow:hidden;position:fixed;display:inline-block;padding: 0px 0px 0px 0px;margin:0px;z-index:5;}
#email{background:grey;opacity:0.8;color:white;width:100%;position:fixed;z-index:50;bottom:0px;display:inline-block;padding: 0px 0px 0px 0px;margin:0px;}
#box{margin-top:50px;border:2px solid #000;overflow:hidden;position:absolute;z-index:10;left:50%;width:40%;height:25%;}
#solidtop{background:black;opacity:1;width:100%;height:70px;overflow:hidden;position:absolute;top:0px;left:0%;z-index:100;}
P{font-family:'Quicksand', sans-serif;font-size:1.1em;position:inherit;vertical-align:middle;text-align:center;}
P1{font-family:'Quicksand', sans-serif;font-size:1em;line-height:2em;}
P2{font-family:'Quicksand', sans-serif;font-size:1.8em;line-height:1em;position:inherit;bottom:30%;top:30%;left:15%;right:15%;vertical-align:middle;text-align:center;}
P3{font-family:'Quicksand', sans-serif;font-size:1.8em;line-height:1em;position:inherit;bottom:50%;top:14%;left:15%;right:15%;vertical-align:middle;text-align:center;float:center;}
html{background:black;background-size:cover;}
body{margin:20px 0px 0px 0px}
.box.noHover{pointer-events: none;}
.box{float:left;position:relative;cursor:pointer;-webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;-ms-transition:all 300ms ease-in;transition:all 300ms ease-in;overflow:hidden;}
@-webkit-keyframes fadeIn{from{opacity:0;}
to{opacity:1;}}
@-moz-keyframes fadeIn{from{opacity:0;}
to{opacity:1;}}
@keyframes fadeIn{from{opacity:0;}
to{opacity:1;}}
.fade-in{opacity:0;opacity:1 \9;-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;}
.fade-in.one{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}
.fade-in.two{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;animation-delay:1.5s;}
.fade-in.three{-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s;}
.fade-in.four{-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;animation-delay:2.5s;}
.fade-in.five{-webkit-animation-delay:3s;-moz-animation-delay:3s;animation-delay:3s;}
.fade-in.six{-webkit-animation-delay:3.5s;-moz-animation-delay:3.5s;animation-delay:3.5s;}
.fade-in.seven{-webkit-animation-delay:4s;-moz-animation-delay:4s;animation-delay:4s;}
.fade-in.eight{-webkit-animation-delay:4.5s;-moz-animation-delay:4.5s;animation-delay:4.5s;}
.fade-in.nine{-webkit-animation-delay:5s;-moz-animation-delay:5s;animation-delay:5s;}
.fade-in.ten{-webkit-animation-delay:5.5s;-moz-animation-delay:5.5s;animation-delay:5.5s;}
.fade-in.eleven{-webkit-animation-delay:6s;-moz-animation-delay:6s;animation-delay:6s;}
.fade-in.twelve{-webkit-animation-delay:6.5s;-moz-animation-delay:6.5s;animation-delay:6.5s;}
.fade-in.thirteen{-webkit-animation-delay:7s;-moz-animation-delay:7s;animation-delay:7s;}
.fade-in.fourteen{-webkit-animation-delay:7.5s;-moz-animation-delay:7.5s;animation-delay:7.5s;}
.fade-in.fifteen{-webkit-animation-delay:8s;-moz-animation-delay:8s;animation-delay:8s;}
.wrap{overflow:hidden;}
.box img{position:absolute;left:0;-webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;-ms-transition:all 300ms ease-in;transition:all 300ms ease-in;}
.box:hover{border-radius:50%;box-shadow:;-webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;-ms-transition:all 300ms ease-in;transition:all 300ms ease-in;cursor:pointer;}
.caption{color:rgba(0, 0, 0, 0);background-color:rgba(0, 0, 0, 0);text-align:left;}
.captionsocial{color:rgba(0, 0, 0, 0);background-color:rgba(0, 0, 0, 0);text-align:left;}
.box:hover .caption{background-color:rgba(0,0,0,0.8);position:absolute;color:#fff;opacity:1;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;border-radius:50%;text-align:center;top:0;bottom:0;left:0;right:0;margin:20px;z-index:50000;}
.box:hover .captionsocial{-webkit-filter:invert(0);-moz-filter:invert(0);-o-filter:invert(0);-ms-filter:invert(0);filter:invert(0);background-image:url('http://www.thetailoredpixel.com/thetailoredpixelicon.jpg');background-size:100% 100%;background-repeat:no-repeat;position:absolute;color:#fff;opacity:0.5;-webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;-ms-transition:all 300ms ease-in;transition:all 300ms ease-in;transition:opacity 1s ease-out;-moz-transition:opacity 1s ease-out;-webkit-transition:opacity 1s ease-out;-o-transition:opacity 1s ease-out;border-radius:50%;text-align:center;top:0;bottom:0;left:0;right:0;z-index:5000;}
.socialmedia{color:rgba(0, 0, 0, 0);background-color:rgba(0, 0, 0, 0);opacity:0;position:relative;text-align:left;z-index:0;}
.box:hover .socialmedia{width:50%;position:absolute;display:block;border-radius:50%;top:21%;left:25%;z-index:1000;opacity:1;}
.boxbottom:hover .socialmedia{position:absolute;display:block;z-index:1000;opacity:1;}
.boxInner{position:absolute;left:0px;right:0px;top:0px;bottom:0px;overflow:hidden;}
.boxInner img{width:100%;}
body.no-touch .boxInner:hover .Titlebox, body.touch .boxInner.touchFocus .caption{margin-bottom:0;}
.scroll1{height:50px;overflow:hidden;position:relative;}
.scroll1 header{position:absolute;width:relative;height:100%;line-height:50px;text-align:right;-moz-transform:translateX(250%);-webkit-transform:translateX(250%);-o-transform:translateX(250%);-ms-transform:translateX(250%);transform:translateX(250%);-moz-animation:scroll1 20s linear infinite;-webkit-animation:scroll1 20s linear infinite;-o-animation:scroll1 20s linear infinite;-ms-animation:scroll1 20s linear infinite;animation:scroll1 20s linear infinite;}
@-moz-keyframes scroll1{0%{-moz-transform:translateX(250%);}
100%{-moz-transform:translateX(-100%);}}
@-webkit-keyframes scroll1{0%{-webkit-transform:translateX(250%);}
100%{-webkit-transform:translateX(-100%);}}250
@keyframes scroll1{0%{-moz-transform:translateX(250%);-webkit-transform:translateX(250%);transform:translateX(250%);}
100%{-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%);}}
@media only screen and (max-width:320px){.box{width:100%;padding-bottom:100%;font-size:80%;}#header{font-size:118%;line-height:70px;}#base4{display:none}#base3{display:none}#base2{display:none}.scroll1{visibility:hidden;}#box{height:35%;margin-top:5px;width:46%;}}
@media only screen and (max-width:420px) and (min-width:321px){.box{width:50%;padding-bottom:50%;font-size:48%;}#header{font-size:155%;line-height:70px;}#base4{display:none}#base3{display:none}#base1{display:none}#box{height:15%;margin-top:10px;width:46%;}}
@media only screen and (max-width:520px) and (min-width:421px){.box{width:50%;padding-bottom:50%;font-size:55%;}#base4{display:none}#base3{display:none}#base1{display:none}#box{height:15%;margin-top:5px;}}
@media only screen and (max-width:640px) and (min-width:521px){.box{width:50%;padding-bottom:50%;font-size:70%;}#base4{display:none}#base3{display:none}#base1{display:none}#box{height:20%;margin-top:5px;}}
@media only screen and (max-width:750px) and (min-width:641px){.box{width:33.3%;padding-bottom:33.3%;font-size:55%;}#base4{display:none}#base2{display:none}#base1{display:none}#box{height:50%;}}
@media only screen and (max-width:800px) and (min-width:751px){.box{width:33.3%;padding-bottom:33.3%;font-size:69%;}#base4{display:none}#base2{display:none}#base1{display:none}#box{height:15%;}}
@media only screen and (max-width:900px) and (min-width:801px){.box{width:33.3%;padding-bottom:33.3%;font-size:73%;}#base4{display:none}#base2{display:none}#base1{display:none}#box{height:18%;}}
@media only screen and (max-width:1023px) and (min-width:901px){.box{width:33.3%;padding-bottom:33.3%;font-size:83%;}#base4{display:none}#base2{display:none}#base1{display:none}#box{height:22%;}}
@media only screen and (max-width:1200px) and (min-width:1024px){.box{width:33.3%;padding-bottom:33.3%;font-size:97%;}#base4{display:none}#base2{display:none}#base1{display:none}#box{height:25%;}}
@media only screen and (max-width:1400px) and (min-width:1201px){.box{width:25%;padding-bottom:25%;font-size:85%;}#base3{display:none}#base2{display:none}#base1{display:none}#box{height:22%;width:49%;margin-top:15px;}}
@media only screen and (max-width:1600px) and (min-width:1401px){.box{width:25%;padding-bottom:25%;font-size:100%;}#base3{display:none}#base2{display:none}#base1{display:none}#box{height:24%;width:49%;margin-top:10px;}}
@media only screen and (max-width:1800px) and (min-width:1601px){.box{width:25%;padding-bottom:25%;font-size:115%;}#base3{display:none}#base2{display:none}#base1{display:none}#box{height:25%;width:49%;margin-top:15px;}}
@media only screen and (max-width:1920px) and (min-width:1801px){.box{width:25%;padding-bottom:25%;font-size:130%;}#base3{display:none}#base2{display:none}#base1{display:none}#box{height:48%;width:49%;margin-top:15px;border:none;}}
@media only screen and (max-width:2048px) and (min-width:1921px){.box{width:25%;padding-bottom:25%;font-size:135%;}#base3{display:none}#base2{display:none}#base1{display:none}#box{height:52%;width:49.5%;margin-top:5px;border:none;}}
@media only screen and (max-width:2560px) and (min-width:2049px){.box{width:25%;font-size:145%;padding-bottom:25%;}#base3{display:none}#base2{display:none}#base1{display:none}#box{height:39%;border:none;margin-top:100px;}}
@media only screen and (max-width:2800px) and (min-width:2561px){.box{width:25%;padding-bottom:25%;font-size:185%;}#base3{display:none}#base2{display:none}#base1{display:none}#box{height:39%;border:none;margin-top:100px;}}
@media only screen and (max-width:3500px) and (min-width:2801px){.box{width:25%;padding-bottom:25%;font-size:210%;}#base3{display:none}#base2{display:none}#base1{display:none}#box{height:37%;border:none;margin-top:200px;}}
@media only screen and (max-width:3840px) and (min-width:3501px){.box{width:25%;padding-bottom:25%;font-size:280%;}#base3{display:none}#base2{display:none}#base1{display:none}#box{height:37%;border:none;margin-top:200px;}}
@media only screen and (max-width:99999px) and (min-width:3841px){body{display:none;}}