#logo{ 
  z-index:0;  
  position: relative; 
  display: block; 
  width: 100%;
  max-width: 1000px; 
  height:150px; 
  margin: 0 auto; 
  left: 0; 
  right: 0;
  background: url(../images/logo.png) 50% 10px no-repeat; 
  background-size:contain;
}

#main-header{position: relative;height: 250px;max-width: 1280px;margin: 80px auto 80px auto;padding:15px; }
#main-header.content{display:block;}
#main-header .google-anno{display:none !important;}

#main-header #seascape{position:relative;height: 100%;background:#15AFD3 url(../images/header-background.png) no-repeat 0 -50px;box-sizing: content-box;overflow:hidden;/*transform: scaleY(0);opacity:0; animation: radar .5s ease-out 1s 1 forwards;transform-origin: left top;*/}

#main-header #logo{ z-index:10;  position: relative; display: block;width: calc(100% - 30px);  height:130px; margin: 0 auto; left: 0; right: 0; background: url(../images/logo-main.png) 50% 10px no-repeat; background-size:contain;}

#main-header #seascape .sky{z-index:2;position:absolute;top:0px;width:3630px;height:160px;background:url(../images/radar/sky.png) repeat-x left bottom; animation: slide 500s linear infinite;}
#main-header #seascape .water{z-index:0;position:absolute;bottom:0px;width:3630px;height:60px;background:url(../images/radar/water.jpg)repeat-x; animation: slide 150s linear infinite;}

#main-header #seascape #yourship{z-index:9;width:100px; height:80px; position:absolute;left:0;right:0;bottom:calc(15px + var(--ship-offsetY));margin:0px;background: url(../images/radar/challenger.png) no-repeat 50% 50%;background-size:contain;filter: brightness(40%);transform: var(--ship-scale);animation: ship_entrance calc(var(--ship-timing) * 7.15s) ease-out 0s forwards, ship_default 12s linear calc(var(--ship-timing) * 3s) infinite alternate both;backface-visibility: hidden;perspective: 1000;will-change: margin-left;}

#main-header #seascape #yourship.ship_default{margin-left:calc(50% - 50px);animation: ship_default  12s linear 0s infinite alternate both;}

#main-header #seascape #threat{--ship-direction:rotateY(180deg);--ship-scale: scale(calc(0.6 - var(--ship-Zaxis)));position: absolute;z-index:8;width:100px; height:80px;right:0;bottom:calc(38px - var(--ship-offsetY)); background: url(../images/radar/threat.png) no-repeat 50% 50%;background-size:contain;filter:brightness(70%);
    transform: var(--ship-direction) var(--ship-scale);  animation: threat_pass calc(var(--ship-timing) * 20s) ease-in 0s forwards/*, ship_default 12s ease-in-out calc(var(--ship-timing) * 4s) infinite alternate both*/;}

/*#main-header #seascape #swinger{z-index:15;position: absolute;top: -50px;left:0px;right:0px; width:150px;height:300px;margin: 0 auto;background: url("../images/radar/swinger.png") no-repeat 50% 100%;background-size: contain;transform-origin: top center;  transform: rotate(100deg); animation: swinger_rotate 3s ease-in 4s forwards;backface-visibility: hidden;perspective: 1000;will-change: transform;}*/

#main-header #seascape #parrot{ z-index: 10; position:absolute;left: -30px;bottom: -30px;height: 100px; background:url(../images/parrot.png) -10px 170px no-repeat; transition: all 0.25s ease-in-out; overflow: hidden;  width: 65px; background-position: -10px 20px  !important; animation: 3s parrotmove infinite;  }
#main-header #seascape #parrot:hover{ background-position: -10px 35px !important; animation: 2.5s parrothide;}


@keyframes ship_entrance{
  0%  {margin-left:0px; /*transform: scale(var(--ship-scale)) translate3d(0%, 0, 0);animation-iteration-count: 1;  */ }
  100%{margin-left:calc(50% - 50px);/*transform: scale(var(--ship-scale)) translate3d(50%, 0, 0); */   }
}

@keyframes ship_default{
  0%  { transform: var(--ship-direction) var(--ship-scale) translate3d(0px, 0, 0);  }
  50% { transform: var(--ship-direction) var(--ship-scale) translate3d(calc(1px / var(--ship-Zaxis)), 0, 0); }
  100%{ transform: var(--ship-direction) var(--ship-scale) translate3d(-10px, 0, 0);}
}

@keyframes threat_entrance{
  0%  { transform: var(--ship-direction) var(--ship-scale);margin-right: 0%; }
  100%{ transform: var(--ship-direction) var(--ship-scale);margin-right: calc(25% / var(--ship-offsetX));   }
}

@keyframes threat_pass{
  0%  { transform: var(--ship-direction) var(--ship-scale);margin-right: 0%; }
  100%{ transform: var(--ship-direction) var(--ship-scale);margin-right: 100%;   }
}
@keyframes swinger_rotate{
  0%  { transform: rotate(-100deg); }
  100%{ transform: rotate(100deg); }
}


@keyframes parrotmove{
  0%,100% {    transform: translate(0px,0px);  }
  40%,80%,90% {    transform: translate(-10px,10px);  }
  60%{  transform: translate(10px,0px);}
}

@keyframes parrothide{
  0%     {  transform: translate(0px,0px);}
  10%,90% {  transform: translate(0px,30px);  }
  100%   {  transform: translate(0px,0px);}
}

@keyframes up{
  0%     {  background-position: 0 40px;}
  100%   {  background-position: 0 0px;}
}




@keyframes radar{
   0%  { transform: scaleY(0); opacity:0; }
  100% { transform: scaleY(1); opacity:1;}
}
@keyframes slide{
  0%  { transform: translate3d(0, 0, 0);  }
  100%{ transform: translate3d(-1200px, 0, 0);  }
}

@keyframes fadein{
  0%  { opacity:0;  }
  100%{ opacity:1; }
}



.socialbar> a,
.int_icon{ display:inline-block;position:relative; z-index:100; width: 32px; height: 32px; background-repeat:no-repeat;background-position: 50% 50%; background-size: contain; transition: all 0.25s ease-in-out;}

	#cog{  position:fixed;  top: 10px; left: 10px;   background-image: url(../images/cog.png);   }
	 
	#backpack{ position:fixed;  top: 10px; left: 50px;   background-image: url(../images/backpack.png);   }
	#backpack:hover{ cursor: not-allowed !important;}
	#backpack:active{ margin-top: 5px; }

	#social_bar{position: relative;height: 44px; max-width: 240px;margin: 0 auto;padding-top: 9px;left:0px;right:0px;background: #545241 url("../images/social_bar.png") repeat-x;text-align: center;box-shadow: 0px 2px 5px 0px rgba(0,0,0,1);}
	#social_bar > a{margin:0px 2px;}

	#social{position:fixed;height:32px;width:160px;z-index: 100; }
	#social.socialbar > a{opacity: 0.5; }

	.facebook{  background-image: url(../images/icons/social/facebook.png); width:24px !important;}
	.instagram{  background-image:url(../images/icons/social/instagram.png);}
	.twitter{  background-image:url(../images/icons/social/twitter.png);}
	.flickr_icon{   background-image: url(../images/icons/social/flickr.png);}
	.pinterest {   background-image: url(../images/icons/social/pinterest.png);}
	.tumblr {   background-image: url(../images/icons/social/tumblr.png);}
	.reddit{   background-image: url(../images/icons/social/reddit.png);}

	.socialbar> a:hover,  .int_icon:hover{ z-index:101; transform:scale(1.5) translateY(0px); opacity: 1 !important; }
	.socialbar> a:active, .int_icon:active{ opacity: 1;}

	.socialbar ul{z-index:1000;max-width:240px;margin:0px;padding:0px;position:absolute;bottom:-88px;left:0px;display:block;list-style: none;background:#F3ECD9 url(../images/post_block.jpg);transform:scaleY(0);transform-origin: top;opacity:0; transition:.5s all ease;}

    #mainmenu .socialbar ul{bottom:auto;}
	.socialbar a:hover + ul, 
	.socialbar ul:hover{display:block; transform:scaleY(1);opacity:1;}
	.socialbar ul li{width:100%;}
	.socialbar ul a{display:block;width:100%;padding: 8px 20px 8px 40px;font-family: 'Jost', sans-serif;font-size:18px;text-decoration:none;text-align:left;color:#000;}
	.socialbar ul a:hover{background: rgba(255,255,255,.6); }

	.socialbar a.facebook + ul a{background-image: url("../images/facebook-letter-logo.svg");background-repeat:  no-repeat;background-position: 7px 50%;
background-size: auto 25px; border-bottom: 1px solid rgba(153,153,153,0.2);}   


    .facebook + ul.sub-menu-open{transform: scaleY(1);opacity:1;}

	
#cog:active{    transform:scale(1.5) translateY(5px)  rotate(360deg);  }

.shareaholic-share-buttons:before{content:"SHARE";background:#000;color:#fff;font-size:10px;font-family: 'Jost', sans-serif;position: absolute;
top: -22px;display: inline-block;text-align: center;width: 100%;height: 30px;	line-height: 22px;} 
.entry .shareaholic-share-buttons:before,
#single .shareaholic-share-buttons:before{margin: 0 auto;left: 0;right: 0;background:none;color:#000;font-size:1.2rem;
letter-spacing: .25em;}
#single .shareaholic-share-buttons-container.shareaholic-diglett li.shareaholic-share-button{padding-bottom:0px !important;}