/* CSS Document */

body {
	background-color: #001941;
	background-image: url(img/bg.jpg);
	background-position: top center;
	background-repeat:repeat-x;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 14px;	
	color: #ffffff;
	padding: 0px;
	margin: 0px;
}

#contents, .inner {
	width: 90%;
	max-width: 700px;
	min-width: 300px;
	display: block;
	margin: 20px auto;	
}
.separator {
	clear: both;
	width: 100%;
	height: 4px;
	background: rgba(255,255,255,0.5);
	display:block;
	margin: 20px auto 20px auto;	
}
a { color: #ffffff; }
p { font-size: 1em; line-height: 1.6em; }
h1 span,h2 span,h3 span,h4 span,h5 span {
	width: 90%;
	display: block;
	margin: 0px auto;
}
h1,h2,h3,h4,h5 { 
	margin: 30px auto 10px auto; 
	text-align:center; 
	width: 100%;
	max-width: 700px;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: rgba(0,0,0,0.2);
	padding: 20px 0px 20px 0px;
	display: block
}
h1 { 
	font-size: 32px;
	font-weight: normal;
}
h2 { 
	font-size: 24px;
	font-weight: normal;
}
h3 { 
	font-size: 18px;
	font-weight: normal;
}
h4 { 
	font-size: 14px;
	font-weight: normal;
}
h5 { 
	font-size: 32px;
	font-weight: normal;
}
.blue { color: #06C; }
.btn {
	width: 270px;
	height: 80px;
	display:block;
	margin: 10px auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
.btn:hover, .bt2:hover  {
	background-size: 90%;	
	
}
.btn2 {
	width: 600px;
	height: 100px;
	display:block;
	margin: 10px auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
.btn, .btn2, .btn3 {
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition:0.2s;
	transition: 0.2s;
	position: relative;
}
.btn3:hover img {
	opacity: 0.8;
}
.btn .new, .btn2 .new, .btn3 .new  {
	position: absolute;
	right: -5px;
	top: -5px;
	width: 87px;
	height: 30px;
	z-index: auto;
	display: block;
	background: url(img/new.png);
}
.btn .old, .btn2 .old, .btn3 .old  {
	position: absolute;
	right: -5px;
	top: -5px;
	width: 87px;
	height: 30px;
	z-index: auto;
	display: block;
	background: url(img/old.png);
}

@-webkit-keyframes buttonss {
	0%   { background-size: 100%; }
	35%   { background-size: 95%; }
	100% { background-size: 100%; }
}
@-moz-keyframes buttonss {
	0%   { background-size: 100%; }
	35%   { background-size: 95%; }
	100% { background-size: 100%; }
}
@keyframes buttonss {
	0%   { background-size: 100%; }
	35%   { background-size: 95%; }
	100% { background-size: 100%; }
}

#box {
  -webkit-animation: buttonss 2s infinite;
  -moz-animation:    buttonss 2s infinite;
  -o-animation:      buttonss 2s infinite;
  animation:         buttonss 2s infinite;
}



#footer {
	width: 100%;
	height: auto;
	display: block;
	background-color: rgba(0,0,0,0.5);
	border-top: 2px solid rgba(255,255,255,0.5);
	padding: 20px 0px 20px 0px;
}
.footerlines, .copyright, .eucookie {
	font-size: 0.9em;
	color: #CCC; 
	text-align: center;	
}
.footerlines  a, .footerlines span{
	text-decoration: none;
	color: #CCC; 
	margin: 5px 5px 5px 0px;
	padding: 0px 20px 0px 20px;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: rgba(0,0,0,0.5);
	height: 42px;
	line-height: 42px;
	vertical-align: middle;
	
   -webkit-transition:background 0.5s ease-out;
   -moz-transition:background 0.5s ease-out;
   -o-transition:background 0.5s ease-out;
   transition:background 0.5s ease-out;
			
}
.footerlines  a:hover{ 
	background: #06C;
}
small {
	font-size: 0.8em;	
}



/* sharer */
.rrssb-buttons.large-format li a,.rrssb-buttons.large-format li a .text{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden}.rrssb-buttons,.rrssb-buttons li,.rrssb-buttons li a{ -moz-box-sizing:border-box;box-sizing:border-box}.clearfix{*zoom:1}.clearfix:after{clear:both}.clearfix:before,.clearfix:after{content:" ";display:table}.rrssb-buttons{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;height:36px;margin:0;padding:0;width:100%}.rrssb-buttons li{float:left;height:100%;list-style:none;margin:0;padding:0 2.5px;line-height:13px}.rrssb-buttons li.email a{background-color:#0a88ff}.rrssb-buttons li.email a:hover{background-color:#006ed6}.rrssb-buttons li.facebook a{background-color:#306199}.rrssb-buttons li.facebook a:hover{background-color:#244872}.rrssb-buttons li.tumblr a{background-color:#32506d}.rrssb-buttons li.tumblr a:hover{background-color:#22364a}.rrssb-buttons li.linkedin a{background-color:#007bb6}.rrssb-buttons li.linkedin a:hover{background-color:#005983}.rrssb-buttons li.twitter a{background-color:#26c4f1}.rrssb-buttons li.twitter a:hover{background-color:#0eaad6}.rrssb-buttons li.googleplus a{background-color:#e93f2e}.rrssb-buttons li.googleplus a:hover{background-color:#ce2616}.rrssb-buttons li.youtube a{background-color:#df1c31}.rrssb-buttons li.youtube a:hover{background-color:#b21627}.rrssb-buttons li.reddit a{background-color:#8bbbe3}.rrssb-buttons li.reddit a:hover{background-color:#62a3d9}.rrssb-buttons li.pinterest a{background-color:#b81621}.rrssb-buttons li.pinterest a:hover{background-color:#8a1119}.rrssb-buttons li.pocket a{background-color:#ed4054}.rrssb-buttons li.pocket a:hover{background-color:#e4162d}.rrssb-buttons li.github a{background-color:#444}.rrssb-buttons li.github a:hover{background-color:#2b2b2b}.rrssb-buttons li a{background-color:#ccc;border-radius:2px;display:block;font-size:11px;font-weight:bold;height:100%;padding:11px 12px 12px 30px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;-webkit-transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out}.rrssb-buttons li a .icon{display:block;height:100%;left:10px;padding-top:9px;position:absolute;top:0;width:10%}.rrssb-buttons li a .icon svg{height:17px;width:17px}.rrssb-buttons li a .icon svg path,.rrssb-buttons li a .icon svg polygon{fill:#fff}.rrssb-buttons li a .text{color:#fff}.rrssb-buttons li a:active{box-shadow:inset 1px 3px 15px 0 rgba(22,0,0,0.25)}.rrssb-buttons li.small a{padding:0}.rrssb-buttons li.small a .icon{height:100%;left:auto;margin:0 auto;overflow:hidden;position:relative;top:auto;width:100%}.rrssb-buttons li.small a .text{visibility:hidden}.rrssb-buttons.large-format{height:auto}.rrssb-buttons.large-format li{height:auto}.rrssb-buttons.large-format li a{font-size:15px;font-size:1vw;padding:7% 0% 7% 12%;border-radius:0.2em;line-height:1vw}.rrssb-buttons.large-format li a .icon{left:7%;padding-top:0;width:12%}.rrssb-buttons.large-format li a .icon svg{height:100%;width:100%}.rrssb-buttons.large-format li a .text{font-size:15px;font-size:1vw}.rrssb-buttons.large-format li a:hover{font-size:15px;font-size:1vw;padding:7% 0% 7% 12%;border-radius:0.2em}.rrssb-buttons.small-format{padding-top:5px}.rrssb-buttons.small-format li{height:80%;padding:0 1.5px}.rrssb-buttons.small-format li a .icon{height:100%;padding-top:0}.rrssb-buttons.small-format li a .icon svg{height:48%;position:relative;top:6px;width:80%}.rrssb-buttons.tiny-format{height:22px;position:relative}.rrssb-buttons.tiny-format li{padding-right:7px}.rrssb-buttons.tiny-format li a{background-color:transparent;padding:0}.rrssb-buttons.tiny-format li a .icon svg{height:70%;width:100%}.rrssb-buttons.tiny-format li a:hover,.rrssb-buttons.tiny-format li a:active{background-color:transparent}.rrssb-buttons.tiny-format li.email a .icon svg path,.rrssb-buttons.tiny-format li.email a .icon svg polygon{fill:#0a88ff}.rrssb-buttons.tiny-format li.email a .icon:hover .icon svg path,.rrssb-buttons.tiny-format li.email a .icon:hover .icon svg polygon{fill:#0054a3}.rrssb-buttons.tiny-format li.facebook a .icon svg path,.rrssb-buttons.tiny-format li.facebook a .icon svg polygon{fill:#306199}.rrssb-buttons.tiny-format li.facebook a .icon:hover .icon svg path,.rrssb-buttons.tiny-format li.facebook a .icon:hover .icon svg polygon{fill:#18304b}.rrssb-buttons.tiny-format li.tumblr a .icon svg path,.rrssb-buttons.tiny-format li.tumblr a .icon svg polygon{fill:#32506d}.rrssb-buttons.tiny-format li.tumblr a .icon:hover .icon svg path,.rrssb-buttons.tiny-format li.tumblr a .icon:hover .icon svg polygon{fill:#121d27}.rrssb-buttons.tiny-format li.linkedin a .icon svg path,.rrssb-buttons.tiny-format li.linkedin a .icon svg polygon{fill:#007bb6}.rrssb-buttons.tiny-format li.linkedin a .icon:hover .icon svg path,.rrssb-buttons.tiny-format li.linkedin a .icon:hover .icon svg polygon{fill:#003650}.rrssb-buttons.tiny-format li.twitter a .icon svg path,.rrssb-buttons.tiny-format li.twitter a .icon svg polygon{fill:#26c4f1}.rrssb-buttons.tiny-format li.twitter a .icon:hover .icon svg path,.rrssb-buttons.tiny-format li.twitter a .icon:hover .icon svg polygon{fill:#0b84a6}.rrssb-buttons.tiny-format li.googleplus a .icon svg path,.rrssb-buttons.tiny-format li.googleplus a .icon svg polygon{fill:#e93f2e}.rrssb-buttons.tiny-format li.googleplus a .icon:hover .icon svg path,.rrssb-buttons.tiny-format li.googleplus a .icon:hover .icon svg polygon{fill:#a01e11}.rrssb-buttons.tiny-format li.youtube a .icon svg path,.rrssb-buttons.tiny-format li.youtube a .icon svg polygon{fill:#df1c31}.rrssb-buttons.tiny-format li.youtube a .icon:hover .icon svg path,.rrssb-buttons.tiny-format li.youtube a .icon:hover .icon svg polygon{fill:#84111d}.rrssb-buttons.tiny-format li.reddit a .icon svg path,.rrssb-buttons.tiny-format li.reddit a .icon svg polygon{fill:#8bbbe3}.rrssb-buttons.tiny-format li.reddit a .icon:hover .icon svg path,.rrssb-buttons.tiny-format li.reddit a .icon:hover .icon svg polygon{fill:#398bcf}.rrssb-buttons.tiny-format li.pinterest a .icon svg path,.rrssb-buttons.tiny-format li.pinterest a .icon svg polygon{fill:#b81621}.rrssb-buttons.tiny-format li.pinterest a .icon:hover .icon svg path,.rrssb-buttons.tiny-format li.pinterest a .icon:hover .icon svg polygon{fill:#5d0b11}.rrssb-buttons.tiny-format li.pocket a .icon svg path,.rrssb-buttons.tiny-format li.pocket a .icon svg polygon{fill:#ed4054}.rrssb-buttons.tiny-format li.pocket a .icon:hover .icon svg path,.rrssb-buttons.tiny-format li.pocket a .icon:hover .icon svg polygon{fill:#b61124}.rrssb-buttons.tiny-format li.github a .icon svg path,.rrssb-buttons.tiny-format li.github a .icon svg polygon{fill:#444}.rrssb-buttons.tiny-format li.github a .icon:hover .icon svg path,.rrssb-buttons.tiny-format li.github a .icon:hover .icon svg polygon{fill:#111}
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}


@media (max-width:800px) {
	.labels { display: none; }
}
@media (max-width:700px) {
	.labels { display: none; }
	.text { display: none; } 
	.popup { width: 70px !important; }
	.icon { left: 25px !important; }
}
@media (max-width:550px) {
	.labels { display: none; }
	.text { display: none; } 
	.popup { width: 50px !important; }
	.icon { left: 15px !important; }
}
@media (max-width:400px) {
	.labels { display: none; }
	.text { display: none; } 
	.popup { width: 28px !important; }
	.icon { left: 10px !important; }
}

.featured {
	background: rgba(0,0,0,0.1);
	font-size: 16px;
	color: #06C;

}

.featured a {
	background-color: #06C;
	padding: 8px 20px;
	display: inline-block;
	margin: 2px;
	font-size: 12px;
	text-decoration: none;
		
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

   -webkit-transition:background-color 0.2s ease-out;
   -moz-transition:background-color 0.2s ease-out;
   -o-transition:background-color 0.2s ease-out;
   transition:background-color 0.2s ease-out;
}
.featured a:hover {
	background-color: #000;	
}
#gallery_wrapper {
	position: relative;	
}
#gallery {
	width: 100%;
	height: 200px;
	display: block;
	margin: 0px auto 15px auto;
	overflow: hidden;	
}
#scroller {
	margin: 0px;
	padding: 0px;
	display: block	
}
.gallery {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 300px;
	display: block;
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	 -webkit-backface-visibility: hidden;
}
#gallery_navigation {
	position: absolute;
	bottom: 5px;
	width: 100%;
	height: 20px;
	display: block;
	text-align: center;	
	font-weight: bold;
}