@import 'css3.css';

* {
	margin:0; padding:0;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #bbb;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bbb;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #bbb;
}
body {
    height: 100%;
    font-family: Tahoma, Arial, sans-serif;
    background: linear-gradient( 180deg, rgba(85, 48, 33, .6), rgba(31, 26, 21, .7)), url(../Images/photo-1416331108676-a22ccb276e35.jpeg);
    /*font-family: 'Rubik', sans-serif !important;*/
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    margin: 10% auto 15% auto;
    background-position: center;
    overflow-y: hidden;
}

img {
	border:0;
    width:240px;
}
.customSeal {
    padding:0;
    margin:0;
}
.customSeal img {
    width:112px;
}
.AuthorizeNetSeal img {
    width:92px;
}
#container {
    width: 460px;
    margin: 5% auto;
    box-shadow: 0 3px 3px 0 #2b0a18;
    border: 1px solid #2b0a18;
    text-align: center;
    background-color: rgba(244, 240, 238, .9);
}

#container .logo {
	width:260px;
	margin:25px auto 0;
}
    #container #header {
        color: #fff;
        font-size: 16px;
        font-family: Arial, Tahoma;
        font-weight: normal;
        padding: 10px;
        position: relative;
        background-color: #1f1a15;
    }

#container #box {
 clear:both;
 float:none;
 width:400px;
 margin:20px auto 0;
}
.main {
    margin:0;
    padding:5px 0;
}
p.main label {
    float: left;
    padding: 5px 0 10px 0;
    display: inline;
    margin-left: 20px;
    font-size: 14px;
    color: #555;
    margin-right: 0;
    /*border-bottom: 1px solid #ececec;*/
    text-transform: uppercase;
    letter-spacing: .5px;
    /*background: linear-gradient(#fff, #ececec);*/
}

#box p {
 clear:both;
 float:none;
 width:100%;
}

p.main INPUT {
 background:url('../assets/input.png') 0 0 repeat-x;
 border:1px solid #ccc;
 color:#555;
 padding:10px 5px;
 float:left;
 width:200px;
 font-size:14px;
 box-shadow:0 0 5px #ddd inset;
 border-radius:3px;
}
p.main INPUT:focus {
    border:1px solid #391725;
    transition:.3s;
    /*transform:scale(1.025,1.025);*/
    background-color:#fff;
    box-shadow:0 0 3px #391725;
}
input.login {
 float:right;
 padding:10px 20px;
 color:#fff;
 font-size:14px;
 text-transform:uppercase;
 text-decoration:none;
 border:1px solid #391725;
 background-color:#391725;
 display:inline;
 border-radius: 3px;
 box-shadow: 0 0 3px #ddd;
}
.login:hover {
    background-color:#957970;
    border:1px solid #957970;
    transition:.3s;
}

span {
 font-size:13px;
 color:#666;
}

.space {
 padding-top:15px;
}

span input {
 margin-left:125px;
 margin-right:5px;
 border:1px solid #111;
 background:#444;
 color:#fff;
}
.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}