/* Common */
body {
	line-height: 1.6em;
}
.preload * {
	 -webkit-transition: none !important;
 		-moz-transition: none !important;
 		  -o-transition: none !important;
			 transition: none !important;
}
dfn {
	cursor: help;
	color: #7DF;
}
dfn:hover {
	color: #4AF;
}
dfn .title {
	font-size: 2em;
}
i {
	font-style: italic;
}
b {
	font-weight: bolder;
}
u {
	text-decoration: underline;
}
mark {
	background-color: #AEAE00;
}
cite {
	font-size: .9em;
	color: #AAA;
	font-style: italic;
}
hr {
	margin: -8px 3% 0 3%;
}
#generated-captcha {
  	font: bold 1.8em "font5";
	height:.6em;
	letter-spacing: .1em;
	text-align: center;
	max-width: 5.8em;	
}
a, input[type=submit] {
	color: #FC7D01;
}
.notouch a:hover, .notouch input[type=submit]:hover, .notouch .nav_list li a:hover,
.touch a:active, .touch input[type=submit]:active, .touch .nav_list li a:active {
	color: #D2D200;
	-webkit-transition: color 1s step-start;
	   -moz-transition: color 1s step-start;
		 -o-transition: color 1s step-start;
			transition: color 1s step-start;
}

input[type=text], textarea, .close, #box button{
	color:#EEE;
}
.contact-form input[type=submit], .subscribe input[type=submit], .contact-form a, .subscribe ul:nth-child(2) a {
	font: bold .8em 'font2';
	text-transform: uppercase;
}
.contact-form input[type=text], .subscribe input[type=text], textarea {
	margin-bottom: 2%;
	padding: .3em .6em;
	width: 94%;
}
#debug button, marquee, #box img, #open_box img, .close, #box button, label.btn-label, .social img {
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
    	 -o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
}
iframe, .document, .contact-form input[type=text], textarea, .subscribe input[type=text] {
	border: 2px solid #000;
}
body img, .header, #box , #search .text, .srch_result, .home, .text1, .text2, .text3, .arrowL, .arrowR, .contact-form input, .contact-form a, textarea, iframe, .subscribe input[type=text]{
	-webkit-border-radius: .6em;
	   -moz-border-radius: .6em;
			border-radius: .6em;
}
.home, .contact-form input, textarea, .contact-form a, .subscribe, .subscribe input[type=text] {
	background: url(../inc/rgba.php?name=black&a=50) repeat;
	-webkit-box-shadow: inset 0px 0px 20px rgba(0,0,0,0.7);
	   -moz-box-shadow: inset 0px 0px 20px rgba(0,0,0,0.7);
			box-shadow: inset 0px 0px 20px rgba(0,0,0,0.7);
}
.footer, .text1, .arrowL, .arrowR {
	background: url(../inc/rgba.php?r=100&g=100&b=100&a=30) repeat;
	-webkit-box-shadow: inset 0px 0px 20px rgba(0,0,0,0.7);
	   -moz-box-shadow: inset 0px 0px 20px rgba(0,0,0,0.7);
			box-shadow: inset 0px 0px 20px rgba(0,0,0,0.7);
}
.notouch #box img:hover, .notouch #open_box img:hover, .notouch #toTop:hover, .notouch #box button:hover, .notouch .social img:hover, input[type=text]:focus, textarea:focus, .notouch .close:hover,
.touch #box img:active, .touch #open_box img:active, .touch #toTop:active, .touch #box button:active, .touch .social img:active, .touch .close:active {
	opacity: 1;
				  -webkit-transition: -webkit-filter 1s step-start;
							 -moz-transition: filter 1s step-start;
							   -o-transition: filter 1s step-start;
						  transition: -webkit-filter 1s step-start;
								  transition: filter 1s step-start;
	transition: filter 1s step-start, -webkit-filter 1s step-start;
}
#box img, #open_box img, marquee img, #box button, .social img, input[type=text], textarea, .close {
	opacity: .6;
}

/* Debug View */
#debug {
	font: .8em/1.3em "font2";
	display: none;
	position: fixed;
	height:92%;
	overflow-x:hidden;
	overflow-y: auto;
	top: 5%;
	float: right;
	right: 0;
	padding: 1%;
	text-align: right;
	color: #0F0;
	z-index: 9999;
	cursor: no-drop;
}
#debug button {
	float: right;
	font: bold .8em/1.1em "font2";
	text-transform: uppercase;
}

/* Search-login-language-links-Box */
#open_box {
	position: fixed;
	left: 4px;
	top: 4px;
}
#open_box img{
	width: 2.4em;
	min-width: 16px;
}
#box {
	overflow-y: auto;
	display: none;
	position: fixed;
	top: .3em;
	width: 50%;
	left: 24%;
	padding: .2em 1%;
	line-height: 1.05em;
	z-index: 3;
	background-color: #444;
	-webkit-box-shadow: inset 0px -22px 25px rgba(0,0,0,0.8);
	   -moz-box-shadow: inset 0px -22px 25px rgba(0,0,0,0.8);
			box-shadow: inset 0px -22px 25px rgba(0,0,0,0.8);
}
#box img {
	padding: 0;
	height: 1em;
	margin: 0 3% 0 0;
}
#box button {
	padding: 0 .4em;
	margin: 0;
	font: bold .6em "font2";
	text-transform: uppercase;
	background: none;
	border:none;
	-webkit-transform: translateY(.2em);
	   -moz-transform: translateY(.2em);
	    -ms-transform: translateY(.2em);
	     -o-transform: translateY(.2em);
			transform: translateY(.2em);
}
#hlink {
	display: none;
}
.flags input{
	float: right;
	z-index: 2;
	width: 1.4em;
	height: 1em;
	margin: 0 .5% 0 0;
	padding: 0;
	-webkit-background-size: 100% 100%;
	   -moz-background-size: 100%;
	     -o-background-size: 100%;
			background-size: 100%;
	background-color: transparent;
}
.input_field {
	display: none;
	line-height: 1.1em;
	font-size: .85em;
}
.input_field input[type=text] {
	width: 65%;
	background-color: #000;
	padding: 0 1em;
	line-height: 1.1em;
}
.input_field input[type=submit], .close {
	font: bold 1em/1em "font3";	
}
.input_field input[type=submit] {
	margin-left: 2.5em;
	background: none;
}
.close {
	display: inline;
	margin-left: 1em;
}
.srch_result {
	background-color: #112;
	padding: 0 1em;
	top:0;
}
#search .message {
	color: #F00;
	text-align: left;
	margin: 1em 0;
}
#search .text {
	text-align: justify;
	line-height: 1.4em;
	padding: 3%;
	background-color: #000;
}
#search .word {
	cursor: help;
	color: #4AF;
	font-weight: bolder;
}
#search .webpath {
	text-align: right;
	font-size: .7em;
	margin: 0 2em 2em 0;
	color: #228B22;
}
#loading {
	display:none;
	position: absolute;
	width: 130px;
	height: 130px;
	top: 50%;
	left: 50%;
	margin-top:-65px;
	margin-left:-65px;
	z-index: 2;
}
/* Header */
.header{
	width:80%;
	margin: 0 auto;
	text-align: center;
}
.header td{
	vertical-align: middle;
	padding: 2.5em 0;
}
.logoheaderR img {
	float: left;
}
.logoheaderL img {
	float: right;
	-webkit-transform: scaleX(-1);
       -moz-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
         -o-transform: scaleX(-1);
            transform: scaleX(-1);   
	-webkit-filter: FlipH;   
	        filter: FlipH;
}
.logoheaderR img, .logoheaderL img {
	height: auto;
	width: 5.6em;
}
.nav_list {	
	font: bold .9em/2em "font2";
}
.nav_list li a {
	margin: 0 .6em;
	color:#F00;
	text-shadow: 3px 10px 4px #000;
}
	
/***** Home *****/
video {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	text-align:left;
}
video img {
	position: fixed;
	left:0;
	top:0;
	z-index:-1;
}
marquee {
	text-align: center;
	position: absolute;
	top : 0;
	right: 0;
	left: 0;
	height: 100%;
	margin: 0 5% 0 5%;
	text-shadow: 2px 2px #E00;
	font: bold 2.2em/4em 'font1';
	text-transform: uppercase;
	letter-spacing: -.05em;
	color: #111;
	opacity: .9;
	z-index: 1;

}
marquee img {
	margin: 2em auto;
	width: 32%;
}
.home {
	margin: 6em 0;
	padding: 2.5em;
}

/***** Highlight / Highlight pages / Photo / Insights *****/
.text1, .text2 {
	margin-bottom: 6em;
	padding: 1em 0;
}
h1 {
	font: bold 1.2em 'font3';
	text-transform: uppercase;
	letter-spacing: .02em;
	color: #04F;
	margin-bottom: 2.5em;
	text-align: center;
}
h2 {
	font: bold .9em/2.2em 'font1';
	text-transform: uppercase;
	letter-spacing: .05em;
	margin-bottom: 1em;
}
.text1 input {
	background: none;
	text-transform: uppercase;
	letter-spacing: .05em;
}

/***** Books *****/
.text2 {
	color: #CCC;
	padding-bottom:8em;
	background: url(../img/textpad.jpg) repeat;
	-webkit-background-size:contain;
       -moz-background-size:contain;
         -o-background-size:contain;
			background-size:contain;
	-webkit-box-shadow: inset 0px -2em 3em 3em #000;
	   -moz-box-shadow: inset 0px -2em 3em 3em #000;
			box-shadow: inset 0px -2em 3em 3em #000;
}
.text2 h1 img {
	display: block;
	margin: 2em auto 0 auto;
	max-width: 10em;
}
h3 {
	font: bold 1.2em 'font4';
	color: #F00;
	letter-spacing: .05em;
	margin-bottom: 1em;
}

/***** Photo Pages *****/
.photo_container {
	overflow: hidden;
}
.text3 {
	padding: 2em;
	display: table;
	text-align: justify;
	background: url(../inc/rgba.php?name=black&a=90) repeat;
}
.arrowL, .arrowR {
	position: absolute;
	font: bold .7em 'font1';
	padding: .1em 1em;
	margin: 0 1em;
}
.arrowL {
	right:56%;
	margin-right: 3vw;
}
.arrowC  {
	position:absolute;
	width: 8em;
	left: 44.5%;
	margin-top:-2.6em;
}
.arrowR {
	left:56%;
	margin-left: 3vw;
}

/* Subscribe */
.subscribe {
	padding: 1.2em 0;
	border: 4px solid #000;
	-webkit-border-radius: 4em;
	   -moz-border-radius: 4em;
			border-radius: 4em;
}
.subscribe .sitename {
	color: #F00;
}
.subscribe ul {
	margin-bottom: .4em;
}
.subscribe li {
	display: inline;
	padding-right: 1.6em;
}
.subscribe ul:first-child input[type=text] {
	max-width: 20em;
	margin-right: 1.8em;
}
.subscribe ul:first-child li {
	margin-right: 1em;
}
.subscribe input[name=entered-captcha] {
	max-width: 11em;
	margin-left: 2.8em;
}
.subscribe input[type=submit] {
	background-color: transparent;
}
.btn-container{
	position:absolute;
	padding: .2em 0;
}
.privacy-btn, label.btn-label {
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
			border-radius: 100%;
}
.privacy-btn {
	width: 1em;
	height: 1em;
	background-color: #FC7D01;
	position: relative;
}
label.btn-label {
	position: absolute;
	width: .7em;
	height: .7em;
	top: .14em;
	left: .14em;
	background-color: #151515;
	z-index: 1;	
}
#checkbox {
	display: none;
}
.privacy-btn:hover, .subscribe #checkbox:checked + label.btn-label {
	background-color: #FC7D01;
}
.privacy-msg {
	font-size: .7em;
	margin-left:3em;
}

/***** Contacts *****/
.contacts_left {
	width: 50%;
	float: left;
}
.contacts_right {
	width: 46%;
	float: right;
}
textarea {
	resize: vertical;
	overflow: auto;
	height: 7em;
	min-height: 3em;
}
.contact-form input[type=submit], .contact-form a {
	float: right;
	padding: .5% 1.5%;
	margin-top: 2%;
}
.contact-form a {
	float: left;
}
.contact-form #generated-captcha {
	margin-right: 3%;
}
.captcha-container {
	 display: -webkit-box;
	display: -webkit-flex;
	 display: -ms-flexbox;
		display: -moz-box;
			display: flex;
}
iframe {
	width: 99%;
	height: 5.1em;
	margin-bottom: .1em;
}
.iframe2 {
	margin-bottom: .5em;
	height: 5.5em; 
}
.address {
	text-align: right;
	margin-right: .5em;
	line-height: 1.4em;
}
.social {
	float: left;
	margin-left: .5em; 
}
.social img {
	width:2em;
	margin-right:.5em;
}

/* Footer */
.footer {
	width: 100%;
	padding: .5em 0;
	margin-top: 1.5%;
	font-size: .7em;
	line-height: 2em;
	 display: -webkit-box;
	display: -webkit-flex;
	 display: -ms-flexbox;
		display: -moz-box;
			display: flex;
	  -webkit-box-align: center;
	-webkit-align-items: center;
	     -moz-box-align: center;
	     -ms-flex-align: center;
	        align-items: center;
}
.copyright, .links, .users-online {
	margin: 0 auto;
}
.users-online {
	color: #06F;
}
.copyright {
	font-size: .8em;
}

/*** top.js **/
#toTop {
	display: none;
	position: fixed;
	margin-bottom: 10px;
	left: 10px;
	width: 48px;
	height: 28px;
	overflow: hidden;
	text-decoration: none;
	border: none;
	text-indent: 100%;
	opacity: .3;
	z-index:1000;
}

/****** 404 ******/
#sitemap {
	font: bolder 1.6em/2em 'font2';
	top: 0;
	height: 100%;
	overflow: hidden;
}

/* Privacy, Therms */
.document {
	text-align: justify;
	font: .8em/1.5em 'font2';
	margin-top: 1em;
	padding: 3em 8%;
	background-color: #394039;
}
.document table {
	width: 100%;
	text-align: center;
	margin-bottom: 4em;
}
.document .title {
	font: bolder 1.5em 'font1';
	color: #000;
	min-width: 65%;
}
document table img {
	max-height: 35px;
	min-width: 30px;
}
.link_back {
	vertical-align: middle;
	font-size: 4em;
}
h6 {
	font-size: 1.48em;
	color: #FFC;
    margin: 1.4em 0 .4em 0;
}
.document ul {
	font-size: .9em;
	list-style: disc;
}
.document li {

}

/*********** RESPONSIVE LAYOUT ************/
@media only screen and (max-width: 1600px) {
	marquee {
		font-size: 1.8em;
	}
}
@media only screen and (max-width: 1020px), (-webkit-min-device-pixel-ratio: 2) {
	marquee {
		font-size: 1.5em;
	}
	#box {
		font-size: 2.2em;
		width: 98%;
		left: 0;
		top: 0;
		-webkit-border-radius: 0px;
		   -moz-border-radius: 0px;
				border-radius: 0px;
	}
	#open_box {
		position:absolute;
	}
	#open_box img{
		width: 4.8em;
	}
	.header {
		width:99%;
	}
	.header td{
		padding-top: 6em;	
	}
	.logoheaderR img, .logoheaderL img {
		display: none;
	}
	.nav_list {
		font-size: 1.3em;
		width: 100%;	
	}
	.nav_list li a {
		margin: 0 .2em;
	}
	h1 {
		font-size: 1.7em;
	}
	h2 {
		font-size: 1.5em;
	}
	.arrowL, .arrowR {
		font-size: 1.2em;
	}
	.subscribe {
		font-size: 2em;
		line-height: 1.3em;
		padding: 1.2em .8em;
	}
	.subscribe ul:first-child input[type=text] {
		max-width: 93%;	
	}
	.subscribe ul {
		margin-bottom: 1.6em;
	}
	.contacts_left, .contacts_right {
		font-size: 2em;
		width: 100%;
		float: none;
	}
	iframe, .iframe2 {
		margin: 2em 0 0 0;
	}
	.iframe2 {
		margin-bottom: 3em;
	}
}
@media only screen and (max-width: 640px) {
	marquee {
		font-size: 1.2em;
	}
}