@charset "UTF-8";
/* CSS Document */

@-ms-viewport{
	width: device-width;
}
p {
	margin-bottom:1em;
}
.strong-big {
font-size: 22px;
font-weight: bold;
}
.dlFont {
font-family: "Open Sans Condensed",sans-serif;
font-weight: bolder;
font-size:1.4em; color:#063;
}



h1.oswald{

    text-transform: uppercase;
    font-family: 'Open Sans Condensed', sans-serif;

}
form {
	margin: 0;
	padding: 0;
}

	fieldset {
		border: none;
		width: X540px;
		margin: 0;
	}

	form.login2 div {
		height:70px;
		padding: 0 0 15px 0;
		font-family: Arial, Helvetica, sans-serif;
		max-width:300px; 
		margin:0 auto;
	}

		form.login2 div.ta {
			height: auto;
		}

			form.login2 label {
				display: block;
				font-family: 'Oswald',sans-serif,Helvetica,	sans-serif;font-family: 'Open Sans Condensed', sans-serif;
				padding: 0 0 5px 0;
				color: #a14b7c;
			}

			form.login2 input {
				background: #e3e3e3;
				border: none;
				width: 300px;
				height: 30px;
				font-size: 20px;
				padding: 5px;
				-webkit-transition: width 1s ease;
				-moz-transition: width 1s ease;
				-o-transition: width 1s ease;
				-ms-transition: width 1s ease;
				transition: width 1s ease;
				border-radius: 3px 3px 3px 3px;
   				box-shadow: 1px 1px 2px #6a6a6a;
				font-family: 'Oswald',sans-serif,Helvetica,	sans-serif;
			}

			form.login2 input:focus, form.login2 textarea:focus {
				width: 325px;
				border-radius: 3px 3px 3px 3px;
   				box-shadow: 1px 1px 2px #6a6a6a;
				font-family: 'Oswald',sans-serif,Helvetica,	sans-serif;
			}

			form.login2 input[type="button"] {
				font-size: 15px;
				padding: 0 20px;
				width: auto; font-family: 'Open Sans Condensed', arial, sans;
			}
			form.login2 input.button	{
				width:;
				padding: 10px 20px 40px;
				background: #a1296d;
				color: #fff;
				font-weight: bold;
				text-transform: uppercase;
				margin-top:20px;
				border: none;
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				-moz-box-shadow: inset 0 0 0px #e2e2e2;
				-webkit-box-shadow: inset 0 0 0px #e2e2e2;
				font-family: 'Oswald',sans-serif,Helvetica,	sans-serif; text-transform:uppercase;font-size: 1em;
			}
			form.login2 input.button:hover	{
				background: #c95b9e;
				color:#FFF;
}

			form.login2 textarea {
				width: 300px;
				height: 110px;
				font-family: 'Oswald',sans-serif,Helvetica,	sans-serif;
				font-size: 17px;
				padding: 3px;
				border: none;
				resize: vertical;
				border: solid 1px #aaa;
				-webkit-transition: width 1s ease;
				-moz-transition: width 2s ease;
				-o-transition: width 2s ease;
				-ms-transition: width 2s ease;
				transition: width 2s ease;
			} 
.form-style{
	display:block;
    font-family: 'Open Sans Condensed', arial, sans;
	height:auto;
    max-width: 400px; width:100%;
    padding: 30px;
    background: #FFFFFF;
    margin: 20px auto;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow:  0px 0px 15px rgba(0, 0, 0, 0.22);

}
.form-style h2{
    background: #872c60;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', sans-serif;
    color: #fff;
    font-size: 24px;
    font-weight: 100;
    padding: 20px;
    margin: -30px -30px 30px -30px;
}

p.note {
		font-family: 'Open Sans Condensed', sans-serif;	
		color:#333; text-align:center; font-size:18px;
}

.reg {
		float: right; text-align: center;
		font-family: 'Open Sans Condensed', sans-serif;	
		color: #af2b56; text-align:center; font-size:18px; padding-top:15px; line-height:24px;
} 

.form-style-7 h1{
    display: block;
    text-align: center;
    padding: 0;
    margin: 0px 0px 20px 0px;
    color: #5C5C5C;
    font-size:x-large;
}
.form-style-7 ul{
    list-style:none;
    padding:0;
    margin:0;  width: 50%; margin:0 auto;
}
.form-style-7 li{
    display: block;
    padding: 9px;
    border:2px solid #999;
    margin-bottom: 30px;
    border-radius: 3px;
}
.form-style-7 li:last-child{
    border:none;
    margin-bottom: 0px;
    text-align: center;font-family: 'Open Sans Condensed', sans-serif;
}
.form-style-7 li > label{
    display: block;
    float: left;
    margin-top: -25px;
    background: #FFFFFF;
    height: 44px;
    padding: 2px 5px 2px 5px;
    color: #666 ;
    font-size: 1.2em;
    overflow: hidden;
    font-family: 'Oswald',sans-serif,Helvetica,	sans-serif;
	text-transform:uppercase; font-weight:bold;
}
.form-style-7 input[type="text"],
.form-style-7 input[type="date"],
.form-style-7 input[type="datetime"],
.form-style-7 input[type="email"],
.form-style-7 input[type="number"],
.form-style-7 input[type="search"],
.form-style-7 input[type="time"],
.form-style-7 input[type="url"],
.form-style-7 input[type="password"],
.form-style-7 textarea,
.form-style-7 select
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    display: block;
    outline: none;
    border: none;
    height: 25px;
    line-height: 25px;
    font-size: 1.5em;
    padding: 0;
    font-family: Verdana, Geneva, sans-serif; text-align:center; height:30px
}
.form-style-7 input[type="text"]:focus,
.form-style-7 input[type="date"]:focus,
.form-style-7 input[type="datetime"]:focus,
.form-style-7 input[type="email"]:focus,
.form-style-7 input[type="number"]:focus,
.form-style-7 input[type="search"]:focus,
.form-style-7 input[type="time"]:focus,
.form-style-7 input[type="url"]:focus,
.form-style-7 input[type="password"]:focus,
.form-style-7 textarea:focus,
.form-style-7 select:focus
{
}
.form-style-7 li > span{
    background: #F3F3F3;
    display: block;
    padding: 3px;
    margin: 0 -9px -9px -9px;
    text-align: center;
    color: #999;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 1em;
}
.form-style-7 textarea{
    resize:none;
}
.form-style-7 input[type="submit"],
.form-style-7 input[type="button"]{
    background: #a1296d;
    border: none;
    padding: 10px 20px 10px 20px;
    border-bottom: 3px solid #b64471;
    border-radius: 3px;
    color: #FFF;font-family: 'Oswald',sans-serif,Helvetica,	sans-serif; text-transform:uppercase;font-size: 1em;
}
.form-style-7 input[type="submit"]:hover,
.form-style-7 input[type="button"]:hover{
    background: #b64471;
    color:#fff;
}

@media only screen and (min-width : 320px ) and (max-width:479px) {

.form-style{
	display:block;
    font-family: 'Open Sans Condensed', arial, sans;
	height:auto;
    max-width: 400px; width:100%;
    padding: 30px;
    background: #FFFFFF;
    margin: 20px auto;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow:  0px 0px 15px rgba(0, 0, 0, 0.22);

}
.form-style h2{
    background: #872c60;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', sans-serif;
    color: #fff;
    font-size: 24px;
    font-weight: 100;
    padding: 20px;
    margin: -30px -30px 30px -30px;
}
	
}