*{ margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; outline:none;}

body{font-family: 'Proxima Nova Alt Rg';color:#144489;font-size:18px;margin: 0;padding: 0;font-weight: 400;background: url(../images/bg.jpg);background-repeat: no-repeat;background-position:top center;background-size: cover;}

img{ max-width:100%;}

@font-face {

    font-family: 'Proxima Nova Rg';

    src: url('../fonts/ProximaNova-Bold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Proxima Nova Alt Rg';

    src: url('../fonts/ProximaNovaA-Regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



a,a:focus,a:visited,a:hover{ outline:none; text-decoration:none;transition: all linear .3s;-o-transition: all linear .3s;    -ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;}

p{margin-bottom:25px;line-height: 1.6;}

p:empty{display:none;}

ul{margin:0;padding:0;list-style:none;}

h1, h2, h3, h4, h5, h6{margin: 0;padding: 0;}

h1{font-size: 65px;line-height: 1.1;margin-bottom: 15px;font-weight: 700;font-family: 'Proxima Nova Rg';}

h2{color: #5690d8;font-size: 40px;font-weight: 700; margin-bottom:30px;line-height: 1.3;}

input, textarea, button{font-family: 'Proxima Nova Alt Rg';}

.clear {clear: both;}

.sitewrapper{max-width:1270px; margin:0 auto; clear:both;position: relative;padding: 0 15px;}

.sitewrapper::after {clear: both; content: ""; display: table; margin: 0; padding: 0;width: 100%;}

::-webkit-input-placeholder {color: #144489;}

:-ms-input-placeholder {color: #144489;}

::placeholder {color: #144489;}



.loginwrap {padding: 0;position: relative;}

.slidercontent {position: absolute;top: 0;z-index: 2;width: 100%;height: 100%;padding: 20px 0 0 0;}

#all_slides{position: relative;height: 100vh;padding: 0px;margin: 0px;list-style-type: none;}

.slide{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;opacity: 0;z-index: 1;-webkit-transition: opacity 1s;-moz-transition: opacity 1s;-o-transition: opacity 1s;transition: opacity 1s;}

.active{opacity: 1;z-index: 2;}

.controls{display: none;}

.slide{font-size: 40px;padding: 40px;box-sizing: border-box;background: #333;color: #fff;background-size: cover;}

.slide:nth-of-type(1){background-image: url('../images/slide1.jpg');background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}

.slide:nth-of-type(2){background-image: url('../images/slide2.jpg');background-size: cover;background-position: 50% 50%;background-repeat: no-repeat}

.controls{display: inline-block;position: relative;top: 1rem;right: .5rem;border: none;outline: none;font-size: 20px;cursor: pointer;border: 2px solid #fff;border-radius: 1.5rem;background: #144489;width: 3rem;height: 3rem;margin-left: .5rem;}

.controls:hover,

.controls:focus{background: #eee;color: #333;}

.buttons{position: absolute;right: .5rem;top: 0px;z-index: 10;font-size: 0px;}

.fancy{display: flex;justify-content: center;align-items: center;position: absolute;bottom: 0;left: -2rem;width: 7rem;height: 2rem;background: #144489;color: #000;z-index: 3;transform: rotate(-45deg);border-radius: 1rem;}



.logo {max-width: 380px;margin: 0 auto 0px;}

.formwrap {display: flex;flex-wrap: wrap;flex-direction: row;}
.formwrap #login-form{max-width: 490px; margin: auto;}
.formwrap .form-conetent{padding-right: 20px;margin-top: 25px;}

.formwrap .form-conetent h1{ text-align: center; font-size:45px;font-weight: 700;
    line-height: 1.2;color: #144489; padding-bottom: 25px;}

.formwrap .cols{width:100%;}

.formblock {padding:0 100px 0 40px;}

.formblock h2{font-size: 33px;text-transform: uppercase;color:#144489;margin-bottom: 25px;}

.formblock .form-item{position: relative;margin-bottom: 20px}

.formblock .form-item input{display: block;height: 72px;background: rgb(255 255 255 / 13%);border: solid 1px #144489;transition: all .3s ease;padding: 0 15px;width: 100%;border-radius: 35px;padding: 5px 35px;font-size: 21px;color:#144489;}

.formblock .form-item input[type="email"]:focus, 

.formblock .form-item input[type="password"]:focus{transition: all .3s ease;background-color: rgb(255 255 255 / 50%) ;}

.formblock .form-item input:focus{border-color: #144489}

.formblock .form-item label{position: absolute;cursor: text;z-index: 2;top: 21px;left: 25px;padding: 0 10px;color: #144489;transition: all .5s ease;font-size: 24px;}

.formblock .form-item input:focus + label,

.formblock .form-item input:valid + label{top: -12px;background: #144489;color: #fff;border-radius: 15px;font-size: 15px;line-height: 1;padding: 5px 10px;}

.formblock .form-item input:focus + label{color: #fff}

.formblock .form-item.splits{display: flex;align-items: center;justify-content: space-between;}

.formblock .form-item.splits a{color: #144489;text-decoration: underline;}

.formblock .form-item.splits a:hover{text-decoration: none;}

.formblock .form-item .loginbtn{background-color: #144489;color: #fff;border-color:#144489;cursor: pointer;width: 220px;text-transform: uppercase;font-size: 21px;font-weight: 400;position: relative;}

.formblock .form-item .loginbtn:hover{background-color: #405ca4;}

.copyrights{font-size: 20px; /*margin-top: 110px;*/ text-align: center;color: #144489;padding-bottom:0px; position: absolute; width: 100%; text-align: center; bottom: 30px;}
.errorMsg{color: #ed2920;}
.btnwrap {position: relative;width: 220px;}

.btnwrap .loading {position: absolute;top: 34%;right: 30px;width: 20px;}





.loader {border: 3px solid #fff;border-radius: 50%;border-top: 3px solid #ed2920;width: 30px;height: 30px;-webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;position: absolute;top: 20px;right: 20px;}



@-webkit-keyframes spin {

0% { -webkit-transform: rotate(0deg); }

100% { -webkit-transform: rotate(360deg); }

}

@keyframes spin {

0% { transform: rotate(0deg); }

100% { transform: rotate(360deg); }

}



@media screen and (max-width:1680px) {

.logo {max-width: 310px;margin: 0 auto 0px;}

.formwrap .form-conetent h1 {font-size: 35px;}

.formblock h2 {font-size: 24px;}

#all_slides{ height: 100vh; }
.formwrap #login-form {    max-width: 420px;    margin: auto;}
.formblock .form-item .loginbtn{    width: 170px;}
}



@media screen and (max-width:1440px) {

    .formblock .form-item input {
        height: 55px;
    }

}

@media screen and (max-width:1380px) {

    .logo {margin: 0 auto 0px;max-width:300px;}

    .formwrap .form-conetent {padding-right: 0;}

}

@media screen and (max-width:1280px) {

.slidercontent {padding: 10px 0 0 0;}

.formwrap .form-conetent h1 {font-size: 30px;}

.formblock .form-item.splits{display: block;}

.formblock .form-item .loginbtn{margin-bottom: 15px;}

.formblock {padding: 0 40px 0 40px;}

.formblock .form-item input {height: 55px;}

.sitewrapper {max-width: 1170px;}

.loader{width: 25px;height: 25px;top: 14px;}

}

@media screen and (max-width:1024px) {

body{font-size: 16px;}

.logo {margin: 0 auto 0px;max-width: 330px;}

.formblock {width: 420px;}

.formblock h2 {font-size: 24px;margin-bottom: 25px;}

.formblock .form-item input {height: 50px;font-size: 16px;}

.formblock .form-item label {top: 13px;left: 19px;font-size: 18px;}

.formblock .form-item input:focus + label,

.formblock .form-item input:valid + label{font-size: 13px;padding: 3px 10px;top: -10px;}

.formblock .form-item .loginbtn {width: 160px;font-size: 17px;}

.formwrap .form-conetent h1 {font-size: 44px;}

.btnwrap {width: 164px;}

.loader {width: 20px;height: 20px;top: 15px;}

}

@media screen and (max-width:991px) {

.formwrap .form-conetent h1 {font-size: 38px;}

}

@media screen and (max-width:768px) {

.logo {max-width: 280px;margin: auto;}

.formblock h2 {font-size: 20px;margin-bottom: 15px;}

.formwrap {flex-direction: column;padding: 0;align-content: center;}

.formblock {padding: 0;}

.formwrap .cols {width: 500px;}

.formwrap .form-conetent {margin: 30px 0 0px 0;}

.formwrap .form-conetent h1 {font-size: 24px;text-align: center; padding-bottom: 0;}

/*.formwrap .form-conetent h1 br{display: none;}*/

.copyrights {font-size: 17px;margin-top: 40px;}

.sitewrapper{z-index: 1;}

.slidercontent::after{background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 30%);position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;content: "";}

.formblock .form-item input {padding: 5px 25px;}

.copyrights {position: relative;z-index: 3;padding: 0 15px;}

}

@media screen and (max-width:579px) {

.logo {margin: 0 auto 25px;}

.loginwrap .sitewrapper{width: 100%;padding: 0 20px;}

.formblock {width: 400px;margin: auto;}

.formwrap .cols {width: 100%;}

.slidercontent {padding: 15px 0 0 0;}

.formwrap .form-conetent {margin: 0 0 20px 0;}

}

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

.formblock {width: 100%;margin: auto;}

.formblock .form-item .loginbtn {width: 140px;font-size: 16px;}

.btnwrap {width: 145px;}

}

@media screen and (max-width:420px) {

.formblock .form-item.splits {display: block;}

.formblock .form-item .loginbtn{margin-bottom: 10px;}

}