@charset "utf-8";

@font-face{
    font-family: "d-day-stencil";
    src: url('font/d-day-stencil.ttf'),
    url('font/d-day-stencil.eot'); /* IE */
}

html {min-height:100%;}

body {
	background: url('img/bkg.jpg') no-repeat 50% / cover;
	background-attachment: fixed;
	font-size: 19px;
}

h1 {line-height:30px; font-size:90px;}

h1, h2 {
	font-family: 'd-day-stencil';
	color:#fff;
}

h3, h4 { font-weight: bold;}

body, p, h3, h4 {
	/*font-family: 'VT323', monospace;*/
	font-family: 'Share Tech Mono', monospace;
	/*font-family: 'Cutive Mono', monospace;*/
	/*font-family: 'Press Start 2P', cursive;*/
	color:#fff;
	text-align:center;
}

.petit { font-size: 41%;}
.petit2 { font-size: 70%;}

#cryptopanel {
	position: relative;
	width:100%;
	background-color: rgba(0,0,0,0.2);
	max-width: 850px;
	display: inline-block;
	margin-top:50px;
}

.caption {
	position: absolute;
	bottom: -35px;
	z-index: 9999;
	width: 100%;
}

.well {
	background-color: rgba(0,0,0,0.1);
}

.nav-tabs li { width: 33%;}

.triangle {
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid white;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	bottom: 0;
	display:none;
}

.active .triangle {display:block;}

.nav-tabs, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus,
.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    border: none; background-color: transparent;
}

.nav-tabs { border-bottom: 1px solid white; box-shadow: 0 15px 15px 0px rgba(0,0,0,0.6);}

.tab-content { padding: 0 30px 40px; text-align: left;}

#menu1, #menu2, #menu3 { width:100%; height: 100px; background-position: 50% 0; background-repeat: no-repeat;}

#menu1 { background-image: url('img/btn3.png') }
#menu1:hover, .active #menu1 { background-image: url('img/btn3h.png') }

#menu2 { background-image: url('img/btn1.png') }
#menu2:hover, .active #menu2 { background-image: url('img/btn1h.png') }

#menu3 { background-image: url('img/btn2.png') }
#menu3:hover, .active #menu3 { background-image: url('img/btn2h.png') }


.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
textarea.form-control {
    height: auto;
}
.form-control {
    padding: 10px;
    margin-bottom: 15px;
    display: block;
    width: 100%;
    height: 41px;
    padding: 6px 12px;
    font-size: 21px;
    line-height: 1.42857143;
    color: #aaa;
    background-color: rgba(0,0,0,0.3); /**/
    background-image: none;
    border: 1px solid #333;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
textarea {
    resize: vertical;
}

#aftersend1, #aftersend2 {display: none; margin: 150px auto; text-align: center;}

#receive1, #receive2, #err1, #err2 { display:none;}

.preloader { display: inline-block;}

.cryptedimage {}

#sldr1,#sldr2 {
	float: left;
	margin: -20px 20px 33px -20px;
	overflow:visible;
	display:inline-block;
}

#sldr2 {
	float: right;
	margin: -20px -20px 33px 20px;
}

.bfr, .aftr { display:inline-block; position: absolute; bottom: 0; font-size: 70%; color:black; left:0;}

.aftr {left: auto; right:0;}

.help-block { font-size: 85%; }

#overlay1 { z-index:99999; background-color:#000; position:absolute; position:fixed; width:100%; height:100%; top:0;left:0; text-align:center; display:flex;}
.ovl1 { margin: auto;}

#corner { position: absolute; left:0; top:0; }

#lang { position:absolute; right:15px; top:45px; z-index: 999; list-style: none;}
#lang li { display: inline-block;}

@media (max-width: 606px) {
	#menu1, #menu2, #menu3 { background-size: 100%; }
	#cryptopanel {margin-top:0;}
	h1 {line-height: 0.5;font-size: 50px;}
	body { font-size: 18px;}
	h3 {font-size: 25px;}
	/*#lang { right: auto; left:15px; top:0;}*/
}

@media (max-width: 500px) {
	#corner {width:120px;}
	#menu1, #menu2, #menu3 { height: 60px; }
	body { font-size: 17px;}
	h3 {font-size: 22px;}
	.tab-content {padding: 0 10px 20px; }
	#sldr1, #sldr2 {float: none;left: 50%;margin-left: -128px;}
}

#preloader {
	position:absolute;
	bottom: -1px;
	right:-1px;
	width:2px;
	height:1px;
	background-image:
		url('img/btn1.jpg'),
		url('img/btn1h.jpg'),
		url('img/btn2.jpg'),
		url('img/btn2h.jpg'),
		url('img/btn3.jpg'),
		url('img/btn3h.jpg');
}