@font-face {
  font-family: 'Gotham-Book';
  src: url('../font/Gotham-Book.eot?#iefix') format('embedded-opentype'),
  url('../font/Gotham-Book.woff') format('woff'),
  url('../font/Gotham-Book.ttf')  format('truetype'),
  url('../font/Gotham-Book.svg#Gotham-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Bold';
  src: url('../font/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
  url('../font/Gotham-Bold.otf')  format('opentype'),
  url('../font/Gotham-Bold.woff') format('woff'),
  url('../font/Gotham-Bold.ttf')  format('truetype'), url('Gotham-Bold.svg#Gotham-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

body,
html,
header,
footer,
h1,
h2,
h3,
h4,
h5,
h6,

p,
section,
main{
	margin:0px;
	padding:0px;
	display:block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color:#000;
	font-family: 'Gotham-Bold';
	font-weight:800;
}
p{
	margin-bottom:20px;
	line-height:22px;
	margin-top:10px
}

body{
	font-family: 'Gotham-Bold';
	font-weight:400;
	font-size:15px;
	color:#636363;
	background:url(../images/bg.jpg) no-repeat fixed right;
	background-size:cover;
	padding:0px;
	

	
}

.form-wrap{
	

	max-width:500px;
	border-radius:25px;
	margin:0px auto;
	margin-top:10%;
	
	

}
.form-wrap .logo{
	margin:0px auto;
    display: block;
    margin-bottom: 15px;
}
.login-block{
	background:#ffffff ;
	padding:20px 30px 15px;
		box-shadow:20px 0px 100px rgba(0,0,0,.5);
}
h2{
	display:table;
	text-align:center;
	position:relative;
	margin:0px auto;
	color:#fff;
	margin-bottom:15px;
}
h2:before,
h2:after{
	content:'';
	width:60px;
	height:2px;
	display:block;
	background:#f5593d;
	position:absolute;
	top:18px;
}
h2:before{
	left:-80px;
}
h2:after{
	right:-80px;
}

.form-control{
	border-radius:50px;
	height:55px;
	font-family: 'Gotham-Bold';
	padding-left:30px;
	border:2px solid #dcdcdc;
	box-shadow:none;
		border-radius:0px
	
}
.btn{
	height:50px;
	padding:10px 40px;
	text-transform:uppercase;
	font-size:13px;
	border-radius:0px
}

.btn.btn-info{
	background:#2e489d;
	border:1px solid #2e489d;
}
.btn.btn-danger{
	background:#f5593d;
	border:1px solid #f5593d;
}
.btn.btn-danger:hover,
.btn.btn-info:hover{
		background:#000;
		border:1px solid #000;
}
.checkbox{
	padding:10px 0 20px;
}
a{
	color:#f5593d;
	text-decoration:underline;
}
.logo{
	width:150px;
	margin-bottom:20px;
}
ul.social-wrap{
	text-align:center;
	padding-left:0px;
		width:300px;
		margin:0px auto;
		margin-top:300px;
}
ul.social-wrap li{
	display:block;
	list-style:none;
	margin-top:10px;
}
ul.social-wrap li a{
	color:#fff;
	font-size:18px;
	
	
}

.right-wrap{
	width:67%;
	position:absolute;
	top:0px;
	left:33%;
	height:100%;

}
@media (max-width:1400px){
	
.form-wrap{
	width:40%;
}
.right-wrap{
	width:60%;

}
}
@media screen and (min-width: 320px) and (max-width:983px) and (orientation: landscape) {
.form-wrap{
	position:relative;
}
}

@media (max-width:1200px){
.form-wrap{
	width:40%;
}
.right-wrap{
	width:60%;

}
}
@media (max-width:983px){
.form-wrap{
	width:100%;
	padding-bottom:60px;
	padding-top:30px;
	border:0px;
	margin:0px;
	height:100%;

}
h2{

	margin-bottom:100px;
	font-size: 25px;
}
.btn {
    height: 44px;
    padding: 7px 27px;
    border-radius: 25px;
    text-transform: uppercase;
    font-size: 13px;
}
h2:before, h2:after {
    top: 13px;
}
.form-control {

    height: 50px;

}
@media (max-width:500px){
.pull-right {
    float: right;
    display: block;
    float: initial!Important;
}
}