

@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400italic,400,700italic,700,900italic,900);
@import url(http://fonts.googleapis.com/css?family=Lato);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,300,400italic,400,600italic,600,700italic,700,800italic,800);
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
@font-face { font-family: 'Queens'; src: url('fonts/QUEENS_B.TTF'); } 




html, body {min-height:100%;}

body {
	margin:0;
	font-family:'Lato', sans-serif;
	font-size:18px;
	color:#2a2e31;
        
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; margin:0; padding:0;}
dl, dt, dd {margin:0; padding:0;}
img {border:0; vertical-align:bottom;}
a {outline:none; text-decoration:none; color:#000;}
a:hover {text-decoration:underline;}
form, h1, h2, h3, h4, h5, h6 {margin:0 0 10px 0;}
p {margin:0 0 28px 0; line-height:28px;}
h1, h2, h3, h4, h5, h6 {font-weight:700; margin-bottom:70px; letter-spacing:-1px;text-align:center;}
ul, li {margin:0; padding:0;}

.fl {float:left;}
.fr {float:right;}
.clear {clear:both; font-size:0px; line-height:0px;}

input[type="text"]:focus {outline:none;}
input[type="password"]:focus {outline:none;}
select:focus{outline:none;}


* html .clearfix { height:1%;}

*+html .clearfix { display:inline-block;}

.clearfix:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}



.wrapper {max-width:760px; margin:auto; position:relative;}

.content {max-width:760px; margin:auto; padding:11px;margin:22px;}


    .box {border:4px dashed #c80000;padding:20px;margin:15px;width:410px;background-color:#fcffcb;font-family:arial;font-size:16px;line-height:20px;}
    
form {padding:0;margin:0;}
    .inp {
        color:#a89d93;
	border: solid 1px #aca49c;
	outline: 0;text-align:left;
	font-family: 'Lato', serif;font-size:15px;
	width:442px;padding:12px;text-align:left;margin:5px;height:20px;
	background-color: #FFFFFF;
        background:url(img/email.png) no-repeat right;
        background-position: 14px 16px;padding-left:42px;padding-bottom:13px;
	border-radius:12px;
	-webkit-box-shadow:inset 2px 2px 3px #f3e8df;
	-moz-box-shadow:inset 2px 2px 3px #f3e8df;
	box-shadow:inset 2px 2px 3px #f3e8df;
	}
    .inp2 {
        color:#a89d93;
	border: solid 1px #aca49c;
	outline: 0;text-align:left;
	font-family: 'Lato', serif;font-size:15px;
	width:442px;padding:12px;text-align:left;margin:5px;height:20px;
	background-color: #000;
        background:url(img/user.png) no-repeat right;
        background-position: 17px 16px;padding-left:42px;padding-bottom:13px;
	border-radius:12px;
	-webkit-box-shadow:inset 2px 2px 3px #f3e8df;
	-moz-box-shadow:inset 2px 2px 3px #f3e8df;
	box-shadow:inset 2px 2px 3px #f3e8df;
	}



.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #faae50), color-stop(1, #f28c0e));
	background:-moz-linear-gradient(top, #faae50 5%, #f28c0e 100%);
	background:-webkit-linear-gradient(top, #faae50 5%, #f28c0e 100%);
	background:-o-linear-gradient(top, #faae50 5%, #f28c0e 100%);
	background:-ms-linear-gradient(top, #faae50 5%, #f28c0e 100%);
	background:linear-gradient(to bottom, #faae50 5%, #f28c0e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#faae50', endColorstr='#f28c0e',GradientType=0);
	background-color:#faae50;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:12px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:'Lato';
	font-size:24px;
	font-weight:bold;
	padding:6px 3px;width:500px;height:61px;padding-top:2px;
	text-decoration:none;
	text-shadow:0px 1px 0px #7f541c;margin-top:7px;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
	background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
	background-color:#fb9e25;
}
.myButton:active {
	position:relative;
	top:1px;
}

    

    
    .footer {color:#ece7e4;font-family: 'Lato';font-size:13px;margin:15px;text-shadow:0px 1px 0px #7f541c;}
    .footer a {color:#ece7e4;text-decoration:none;}
    
    
    .box1 {border:1px solid white;border-radius: 6px;
    background: rgb(255, 255, 255) transparent;
    background: rgba(255, 255, 255, 0.7);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#fff);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#fff)";

    }
    
    .box2 {

border:6px solid #dd7519;
border-radius: 12px;
-webkit-box-shadow: 1px 3px 5px 0px rgba(50, 50, 50, 0.95);
-moz-box-shadow:    1px 3px 5px 0px rgba(50, 50, 50, 0.95);
box-shadow:         1px 3px 5px 0px rgba(50, 50, 50, 0.95);
}
    
    .box3 {

margin:auto;
border:0px dashed #f6eee3;
filter:alpha(opacity=100); opacity:1;
width:650px;margin:0px;padding:16px;padding-bottom:33px;
text-align:center;
padding-top:23px;border-top:1px solid #eee9e4;border-bottom:1px solid #e5dcd4;
	-webkit-box-shadow:inset 0 0 50px #dbcdbb;
	-moz-box-shadow:inset 0 0 50px #dbcdbb;
	box-shadow:inset 0 0 50px #fff;
	position:relative;right:1px;
}


.head0 {font-family: 'Vegur', serif;font-size:18px;text-transform:uppercase;letter-spacing:12px;text-shadow: 1px 1px 0px white; font-weight:500;text-align:center;color:#daa83a;}
.head1 {font-family: 'Queens', serif;font-size:40px;line-height:48px;letter-spacing:-1px;text-shadow: 1px 1px 0px white; font-weight:600;text-align:center;margin:18px;color:#24170a;margin-bottom:2px;}
.head2 {font-family: 'Lato', serif;font-size:19px;color:#cd7323;letter-spacing:0px;text-shadow: 1px 1px 0px white;padding:0 76px;text-align:center;font-weight:400;margin-bottom:21px;}

.inbox {font-family: 'Lato', serif;font-size:13px;font-weight:normal;text-align:center;
text-shadow: 1px 1px 1px #ffffff;color:#a4a4a4;margin-top:22px;
filter: dropshadow(color=#ffffff, offx=1, offy=1);
}

hr {
  border-top: 1px solid #ddd5c5;
  border-left:0px;border-bottom:0px;border-right:0px;
  color: #fff;
  background-color: #fff;
  height: 1px;
  width:80%;margin-bottom:16px;
}

.arrow2 {position:relative;right:165px;}
.arrow {position:absolute;background:url(img/arrow.png);     width:137px; 
    height:121px; 
    display:block; 
margin-right:0px;margin-bottom:0px;margin-top:313px;}

.high {position:absolute;background:url(img/high.png);     width:356px; 
    height:37px; 
    display:block; 
margin-left:182px;margin-bottom:0px;margin-top:0px;padding-top:8px;padding-left:2px;
font-family: 'Ubuntu', serif;font-size:22px;letter-spacing:-0px;text-shadow: 1px 1px 0px #b17023; font-weight:200;text-align:center;margin:12px;color:#fff;}

.high2 {position:relative;left:152px;bottom:30px;}


/* SmartPhone ----------- */
@media
only screen and (max-device-width: 600px), screen and (max-width: 600px) {
.box2 {width:90%;margin-left:55px;}
.box3 {margin:5px;margin-top:10px;width:95%}
.myButton {width:98%;height:120px;font-size:45px;}
.inp, .inp2 {width:90%;height:80px;font-size:31px;background:none;}
.arrow {background:none;}
.head0 {font-size:29px;}
.head1 {font-size:48px;line-height:57px;}
.head2 {font-size:29px;}
.inbox {font-size:25px;margin-top:26px;}
.footer {font-size:15px;}
.content, .wrapper {max-width:95%;padding:14px;padding-top:24px;margin:0;}
.wrapper {padding-left:20px;}
.high {font-size:26px;padding-top:6px;}
.high2 {position:relative;left:277px;}
.secure {position:relative;bottom:4px;}
.arrow2 {position:relative;right:0px;}
}