@media(min-width: 1120px){
	body.no-edit > .ccm-page > header{
		position: relative;
	} 
	header .top-links,
	header .top-menu .block-dropdown > ul{
		background: #333;
	}	
}
.main-longin-page {
	margin-top:70px;
}
.main-longin-page .block-row-col > div{
	float: left;
}
.main-longin-page .block-sidebar-col{
	width: 25%;
	background: #1b1b1c;
	color: #fff;
	padding: 60px 0 180px;
	font-size: 2.4rem;
}
.main-longin-page .block-sidebar-col *{ 
	color: #fff;
	letter-spacing: 1px;
	line-height: 1.2;
}
.main-longin-page .block-sidebar-col > div{
	max-width: 360px;
	padding: 0 40px;
}
.main-longin-page .block-sidebar-col h1{ 
	font-size: 3.6rem;
	font-family:'RobotoLight','tavirajlight',sans-serif;
	margin-top: 0; 
	margin-bottom: 30px;
}
.main-longin-page .block-form-col{
	margin-top:80px;
}
.main-longin-page .block-create-col{
	width: 45%;
	padding: 0 60px;
	border-right: 1px solid #cdcdcd;
} 
.main-longin-page .block-create-col .block-col{
	padding-right: 10px; 
}
.main-longin-page .block-login-col{
	width: 25%;
	padding-left: 60px;
}
.main-longin-page .block-login-col > div{
	max-width: 400px;
	padding-right: 50px;
} 
.main-longin-page .block-title {
	margin-bottom: 40px;
} 
.main-longin-page .block-title h3{
	font-size: 2rem; 
	color: #1b2c58; 
	letter-spacing: 3px;
	text-transform: uppercase;
	margin: 0;
}
.main-longin-page .block-title h3:after{
	content: '';
	width: 45px; 
	height: 3px;
	display: block;
	background: #1b2c58;
	margin-top:15px;
}
.main-longin-page .block-form *{
	font-size: 1.2rem;
}
.main-longin-page .block-form .form-control{
	height: 45px;
	border:1px solid #cdcdcd;
	padding-left: 25px; 
	border-radius: 0;
}
.main-longin-page .block-form textarea.form-control{
	height: 165px;
	padding-top: 20px;
}
.main-longin-page .block-form .cs-select > span{
	line-height: 30px;
	padding:0;
}
.main-longin-page .block-form .cs-select .cs-options{
	max-height: 200px;
	overflow: auto;
	left: 0;
	border:1px solid #cdcdcd;
}
.main-longin-page .block-form .cs-select ul span{
	padding: 8px 25px;
}
.main-longin-page .block-form .cs-select ul span:hover{
	background: #333;
	color: #fff;
}
.main-longin-page .block-form a.forgot-link{
	color:#1b2c58;  
	display: inline-block;
	margin: 15px 0;
	padding-left: 25px;
	text-decoration: underline!important;
}
.main-longin-page .block-form button,
.main-longin-page .block-form a.btn,
.block-success-msg a.btn,
.main-longin-page a.btn{
	background: #1b2c58;
	letter-spacing: 2px;
	min-width: 130px; 
	padding: 12px 20px;
	text-align: center; 
	text-transform: uppercase; 
	color: #fff;
}
.main-longin-page .block-form button:hover{ 
	background: #333;
}
.main-longin-page .go-to-page{
	display: none;
}
.block-success-msg > div{
	max-width: 1000px;
	margin: auto;
}
.block-success-msg{
	text-align: center;
	margin: 100px 0;
}
.block-success-msg .btn{
	margin-top:30px;
} 
 
@media(max-width: 1100px){ 
	.main-longin-page .block-sidebar-col{padding: 40px 0 80px;font-size: 1.6rem;}
	.main-longin-page .block-sidebar-col > div{padding: 0 30px;}
	.main-longin-page .block-sidebar-col h1{font-size: 2.2rem;}
	.main-longin-page .block-form-col{margin-top: 40px;}
	.main-longin-page .block-create-col{padding: 0 30px;} 
	.main-longin-page .block-login-col{padding-left: 30px;}
	.main-longin-page .block-login-col > div{padding-right: 30px;}

}
@media(max-width: 990px){ 
	.main-longin-page{margin-top: 0;}
	.main-longin-page .block-sidebar-col{width: 100%;text-align: center;padding: 40px;}
	.main-longin-page .block-sidebar-col > div{max-width: 100%;}
	.main-longin-page .block-form-col{width:50%;}
	.main-longin-page .go-to-page ,
	.main-longin-page .go-to-page  a{display: block;width: 100%;}
	.main-longin-page .block-hide-xs{display: none;}

}
@media(max-width: 767px){
	.main-longin-page .block-form-col{width:100%; padding: 0 40px;}
	.main-longin-page .block-create-col{border-right: none;}
	.main-longin-page .block-login-col{padding-bottom: 50px;}
	.main-longin-page .block-login-col > div{margin: auto;}
	.main-longin-page .block-login-col > div{padding: 0;}
}
@media(max-width: 767px){
	.main-longin-page .block-form-col{padding: 0 20px;}
	.main-longin-page .block-form .form-control{padding-left: 10px}
	.main-longin-page .block-form textarea.form-control{padding-top: 10px;}
}
@media(max-width: 575px){
	.main-longin-page .block-title h3{text-align: center;}
	.main-longin-page .block-title h3:after{margin:15px auto;}
	.main-longin-page .block-form button{display: block;width: 100%;}
	.main-longin-page .block-create-col .block-col{display: block;}
	.main-longin-page .block-form a.forgot-link{padding: 0;text-align: center;display: block;}
}