@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.otf');
    font-weight: 400;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.otf');
    font-weight: 300;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.otf');
    font-weight: 700;
}

@font-face{
   	font-family: "AvenirNext";
    src: url("../fonts/17c55b27-e9ab-43cd-b948-d49f97480d68.eot?#iefix");
    src: url("../fonts/17c55b27-e9ab-43cd-b948-d49f97480d68.eot?#iefix") format("eot"),url("../fonts/2e3f5cb9-101f-46cf-a7b3-dfaa58261e03.woff2") format("woff2"),url("../fonts/fa19948e-5e38-4909-b31e-41acd170d6f2.woff") format("woff"),url("../fonts/6de0ce4d-9278-467b-b96f-c1f5f0a4c375.ttf") format("truetype"),url("../fonts/9fd4ea0c-b19a-4b21-9fdf-37045707dd78.svg#9fd4ea0c-b19a-4b21-9fdf-37045707dd78") format("svg");
    font-weight: 200;
}
@font-face{
    font-family: "AvenirNext";
    src: url("../fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix");
    src: url("../fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix") format("eot"),url("../fonts/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2") format("woff2"),url("../fonts/1e9892c0-6927-4412-9874-1b82801ba47a.woff") format("woff"),url("../fonts/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf") format("truetype"),url("../fonts/52a192b1-bea5-4b48-879f-107f009b666f.svg#52a192b1-bea5-4b48-879f-107f009b666f") format("svg");
    font-weight: 400;
}
@font-face{
    font-family: "AvenirNext";
    src: url("../fonts/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?#iefix");
    src: url("../fonts/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?#iefix") format("eot"),url("../fonts/627fbb5a-3bae-4cd9-b617-2f923e29d55e.woff2") format("woff2"),url("../fonts/f26faddb-86cc-4477-a253-1e1287684336.woff") format("woff"),url("../fonts/63a74598-733c-4d0c-bd91-b01bffcd6e69.ttf") format("truetype"),url("../fonts/a89d6ad1-a04f-4a8f-b140-e55478dbea80.svg#a89d6ad1-a04f-4a8f-b140-e55478dbea80") format("svg");
    font-weight: 500;
}
@font-face{
    font-family: "AvenirNext";
    src: url("../fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix");
	src: url("../fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix") format("eot"),url("../fonts/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2") format("woff2"),url("../fonts/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff") format("woff"),url("../fonts/a0f4c2f9-8a42-4786-ad00-fce42b57b148.ttf") format("truetype"),url("../fonts/99affa9a-a5e9-4559-bd07-20cf0071852d.svg#99affa9a-a5e9-4559-bd07-20cf0071852d") format("svg");
	font-weight: 600;
}
@font-face{
    font-family: "AvenirNext";
    src: url("../fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot?#iefix");
	src: url("../fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot?#iefix") format("eot"),url("../fonts/14c73713-e4df-4dba-933b-057feeac8dd1.woff2") format("woff2"),url("../fonts/b8e906a1-f5e8-4bf1-8e80-82c646ca4d5f.woff") format("woff"),url("../fonts/890bd988-5306-43ff-bd4b-922bc5ebdeb4.ttf") format("truetype"),url("../fonts/ed104d8c-7f39-4e8b-90a9-4076be06b857.svg#ed104d8c-7f39-4e8b-90a9-4076be06b857") format("svg");
	font-weight: 700;
}

@-webkit-keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}	    

html {
	min-height: 100%;
}
body {
	font-family: 'AvenirNext', sans-serif;
}
.clear {
	clear: both;
}

.topbar {
	text-align: right;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 14px;
    background: #F7F7F5;
}
.topbar a {
	text-decoration: underline;
    font-weight: 700;
    color: #327CD8;
}

.wrapper-main {
	padding: 0;
    height: 100vh;
    margin: 0;
    min-height: 695px;
    background: url(/i/main_background.jpg) no-repeat scroll center center;
    background-size: cover;
}

.fill { 
    height: 100vh;
}

.sidebar {
	width: 455px;
	padding: 0;
	min-height: 695px;
	line-height: 100%;
}
.left-side {
	background: url(/i/pattern.png) repeat scroll 0 0 #fff;
}
.right-side {
	width: calc(100% - 455px);
	background: url(/i/back_1.jpg) no-repeat scroll center center;
	background-size: cover;
}

.left-side-login {
	height: 675px;
	padding: 10px 0;
	text-align: center;
	position: relative;
	width: 100%;
    min-width: 320px;
    max-width: 596px;
    margin: 0 auto;
}
.left-side-login-bb {
	background: #fff;
    border-radius: 8px;
    padding: 67px 77px 40px;
}
.left-side-login-logo {
    margin: 15px 0 40px;
    height: 36px;
}
.left-side-login-h1 {
	font-size: 28px;
	color: #327CD8;
	line-height: 34px;
	margin: 20px 0 0;
}
.left-side-login-desc {
	font-size: 16px;
	line-height: 19px;
	color: #333743;
	margin: 12px 0 69px;
	font-weight: 500;
    font-family: 'Hind';
}
.left-side-login-input {
	margin: 0 0 25px;
	position: relative;
}
.left-side-login-input.-checkbox {
	display: flex;
    padding: 20px 0 0;
    margin: 0 0 5px;
}
.left-side-login-input.-checkbox span {
	display: block;
    flex-basis: 24px;
    height: 24px;
    border: 1px solid #3E8EF1;
    border-radius: 3px;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 9px 0 0;
    cursor: pointer;
}
.left-side-login-input.-checkbox span.-checked {
	background: url(https://storage-ln.ams3.digitaloceanspaces.com/i/icon_color.svg) no-repeat scroll center;
}
.left-side-login-input.-checkbox p {
	font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    padding: 2px 0 0;
    text-align: left;
}
.left-side-login-input input {
	width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    letter-spacing: -0.38px;
    padding: 0 16px 0;
    border-radius: 4px;
    border-width: 0;
    background: #F7F7F5;
    color: #000;
    font-weight: 400;
}
.left-side-login-input.inputError input {
	border-color: #D0021B;
}
.left-side-login-input label {
	display: inline-block;
    color: rgba(0,0,0,0.5);
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    font-weight: 400;
    letter-spacing: -0.02px;
    width: 100%;
    padding: 0;
    margin: 0 0 4px;
    position: relative;
}
.left-side-login-input .error {
	font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #D0021B;
    position: absolute;
    bottom: -15px;
    left: calc(50% - 150px);
    width: 300px;
    text-align: left;
    padding: 0 0 0 17px;
}
.left-side-login-btn, .left-side-form-btn, .left-side-forgot-btn, .left-side-send-btn {
	border-radius: 4px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin: 24px 0 0;
	color: #fff;
	font-size: 16px;
	border-width: 0;
	background: #327CD8;
    font-weight: 500;
}
.left-side-form-btn-new {
	display: block;
    width: 100%;
    border-radius: 6px;
    letter-spacing: -0.38px;
    height: 50px;
    line-height: 50px;
    margin: 24px 0 0;
    color: #fff;
    font-size: 16px;
    border-width: 0;
    opacity: 1;
    background: #327CD8;
    font-weight: 500;
}
.left-side-login-btn:hover, .left-side-form-btn:hover {
	opacity: 1;
}
.btn-disabled, .btn-disabled:hover {
	opacity: 0.7;
}
.left-side-login-success {
	padding: 109px 148px;
    text-align: center;
    display: none;
}
.left-side-login-success img {
	width: 92px;
    margin: 0 0 25px;
    height: 92px;
}
.left-side-login-success p {
	margin: 0 0 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.38px;
    color: #1E2E43;
    display: block;
}
.left-side-login-success span {
	margin: 0 0 24px;
    display: block;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.02px;
    color: rgba(0,0,0,0.5);
}
.left-side-login-success a {
	display: block;
    text-decoration: none !important;
    width: 120px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    background: #327CD8;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.38px;
}
.left-side-login-success div {
	font-size: 14px;
	line-height: 18px;
	color: #505050;
	letter-spacing: 0.6px;
	width: 300px;
    display: block;
    margin: 0 auto;
}
.left-side-login-bottom {

}
.left-side-login-bottom-text {
	font-size: 12px;
    color: rgba(0,0,0,0.5);
    line-height: 16px;
    letter-spacing: -0.02px;
    margin: 24px 0 0;
    font-weight: 400;
}
.left-side-login-bottom-text a {
	color: #327CD8;
    text-decoration: none;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    letter-spacing: -0.38px;
}
.left-side-login-bottom-copy {
	font-size: 11px;
	line-height: 13px;
	color: #9297A3;
    font-weight: 300;
}

.right-side-logo {
	text-align: center;
}
.right-side-logo-text {
	font-size: 18px;
    line-height: 22px;
    color: #fff;
    margin: 0 0 26px;
    padding: 0 20px;
    font-family: 'Hind';
    font-weight: 500;
}
.right-side-logo img {
	
}
.right-side-logo-bigImage {
	
}
.right-side-logo-bigImage img {
	width: 578px;
    height: 99px;
}
.right-side-logo-smallImage {
	display: none;
}

.left-side-login.-application {
	display: none;
	opacity: 0;
}
.left-side-login.-application .left-side-login-h1 {
	margin: 0 0 20px;
}
.left-side-login.-application .left-side-login-bottom-text {
	margin: 0 0 15px;
}
.left-side-login.-application .left-side-form-btn {
	margin: 5px 0 0;
}

.app-form {
	width: 100%;
	max-width: 596px;
	min-width: 320px;
	background: #fff;
	border-radius: 8px;
	margin-right: auto;
    margin-left: auto;
    position: relative;
    font-family: 'AvenirNext';
    top: calc(50% - 233px);
}
.app-form-inner {
	padding: 40px 77px;
}
.app-form-logo {
	margin: 0 0 26px;
    width: 192px;
}
.app-form-title {
	color: #1E2E43;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 34px;
    letter-spacing: -0.38px;
    font-weight: 500;
    text-align: center;
}
.app-form-steps {
	width: 290px;
	margin: 0 5px 47px;
	border-bottom: 3px solid #333743;
	position: relative;
	height: 16px;
}
.app-form-steps-step {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 3px solid #333743;
	text-align: center;
	line-height: 34px;
	background: #fff;
	font-size: 20px;
	letter-spacing: 0;
	color: #333743;
	position: absolute;
	top: -5px;
}
.app-form-steps-step.-active {
	color: #327CD8;
	border-color: #327CD8;
}
.app-form-steps-step.-step1 {
	left: -5px;
}
.app-form-steps-step.-step2 {
	left: 125px;
}
.app-form-steps-step.-step3 {
	right: -5px;
}
.app-form-block {
	margin: 0;
}
.app-form-block.-right {
	margin-right: 0;
}
.app-form-block.-activeBlock {
	display: block;
}
.app-form-block-head {
	text-align: left;
	color: #327CD8;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0;
	border-bottom: 1px solid #327CD8;
	padding: 0 0 5px;
	margin: 0 0 39px;
}
.app-form-block-input {
	margin: 0 0 16px;
	text-align: left;
}
.app-form-block-input input {
	display: block;
    width: 100%;
    border-width: 0;
    border-radius: 6px;
    height: 50px;
    line-height: 22px;
    font-size: 16px;
    letter-spacing: -0.38px;
    color: #333743;
    padding: 0 16px;
    background: #F7F7F5;
    border: 1px solid transparent;
}
.app-form-block-input.-error label {
	color: red;
}
.app-form-block-input.-error input {
	border-color: red;
}
.app-form-block-input.inputError input {
	border-color: #EB3349;
}
.app-form-block-input .error {
	color: #F1134E;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0;
	margin: 8px 0 0;
	text-align: left;
}
.app-form-block-input label {
	font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.02px;
    color: rgba(0,0,0,0.5);
    font-weight: 400;
    margin: 0 0 4px;
    display: block;
}
#card_exp {
	width: 171px;
    float: left;
    margin-right: 23px;
}
#card_exp input {
	width: 171px;
    font-size: 13px;
}
#card_cvv {
	width: 106px;
    float: left;
}
#card_cvv input {
	width: 104px;
    font-size: 13px;
}



.progressbar {
	position: fixed;
    height: 2px;
    display: none;
    width: 100%;
    background-color: rgba(83, 161, 225, 0.3);
    border-radius: 2px;
    top: 0;
    left: 0;
    overflow: hidden;
}
.progressbar .indeterminate {
	background-color: #53A1E1;
}
.progressbar .indeterminate:before {
	content: '';
	position: absolute;
	background-color: inherit;
	top: 0;
	left: 0;
	bottom: 0;
	will-change: left, right;
	-webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
	animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.progressbar .indeterminate:after {
	content: '';
	position: absolute;
	background-color: inherit;
	top: 0;
	left: 0;
	bottom: 0;
	will-change: left, right;
	-webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	-webkit-animation-delay: 1.15s;
	animation-delay: 1.15s;
}



.terms {
	margin: 82px 0 0;
	text-align: center;
}
.terms p {
	margin: 0 0 4px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.02px;
    color: rgba(0,0,0,0.5);
    display: block;
}
.terms a {
	font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #327CD8;
    letter-spacing: -0.38px;
}



.left-side-login-bb-title {
	margin: -22px 0 24px;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    font-weight: 600;
}
.left-side-login-bb-subtitle {
	font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    color: #000;
    margin: 0 0 48px;
}
.left-side-login-bb-subtitle a {
	color: rgba(68, 124, 209, 1);
    font-weight: 600;
}
.left-side-login-bb-subsubtitle {
	margin: 0 0 12px;
    text-align: left;
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    color: #000;
}
.left-side-login-bb-subsubtitle-ul {
	padding: 0;
    text-align: left;
    list-style-position: inside;
    margin: 0 0 24px;
}
.left-side-login-bb-subsubtitle-ul li {
	font-size: 14px;
    line-height: 19px;
    margin: 0 0 12px;
}
.left-side-login-bb-subsubtitle-ul li.-error {
	color: rgba(237, 28, 41, 1);
}
.left-side-login-bb-subsubtitle-ul li.-ok {
	color: rgba(51, 141, 65, 1);
}
.left-side-login-btn-imd {
	background: rgba(68, 124, 209, 1);
    border-width: 0;
    width: 100%;
    padding: 14px 0;
    border-radius: 5px;
    color: rgba(254, 254, 254, 1);
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    opacity: 1;
}
.left-side-login-btn-imd.btn-disabled {
	opacity: 0.7;
}
.left-side-login-err {
	opacity: 0;
	color: rgba(237, 28, 41, 1);
	font-size: 14px;
	line-height: 19px;
	margin: 6px 0 0;
	display: block;
}
.-err input {
	border-color: rgba(237, 28, 41, 1);
}
.-err .left-side-login-err {
	opacity: 1;
}



@media screen and (max-width: 1060px){
	.right-side-logo-bigImage {
		display: none;
	}
	
	.right-side-logo-smallImage {
		display: block;
	}
}

@media screen and (max-width: 770px){
	html {
    	margin-top: -4px;
	}
	
	.right-side {
		display: none;
	}
	
	.left-side {
		width: 100%;
	}
}

@media screen and (max-width: 590px){
	
	.left-side-login-success {
		padding: 109px 68px;
	}
	
}

@media screen and (max-width: 400px){
	
	.left-side-login-success {
		padding: 109px 38px;
	}
	
}