* { font-family: 'Open Sans', sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }

body { background: url(../img/bg-1.jpg) top center no-repeat; }

.container { position: relative; width: 1200px; margin: 0 auto; padding: 0 15px; }

.header { margin-top: 50px; display: flex; justify-content: space-between; align-items: center;}

.header > img {
    position: relative;
    bottom: -5px;
}

.header .auth-widget {
    display: flex;
    align-items: center;
}

.header .profile-info {
    height: 75px;
}

.header .profile-info,
.header .profile-info > a {
    display: flex;
    align-items: center;
}

.header .profile-info > a {
    color: #dfe6f1;
    text-decoration: none;
    transition: color 0.2s;
}

.header .profile-info > a:hover {
    color: #c6d2e6;
}

.header .profile-info .pic {
    height: 41px;
    margin-top: 0.8125rem;
    margin-bottom: 0.8125rem;
}

.header .profile-info span.pic {
    display: inline-block;
    width: 41px;
    line-height: 41px;
    background-color: #dfe6f2;
    text-align: center;
}

.header .rounded-circle {
    border-radius: 50% !important;
}

.header .profile-info span.pic span {
    margin-left: 0;
	color: rgb(34, 33, 87);
}

.header .profile-info span {
    margin-left: 10px;
    font-size: 20px;
}

.header .profile-info .logout {
    display: inline-block;
    width: 50px;
    height: 50px;
}

.header .profile-info .logout {
    background-image: url(/img/logout.png);
}

.authorization { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 375px; background: #F1F1F1; border-radius: 12px; margin-top: 90px; padding: 30px 0; margin-bottom: 30px;}

.authorization-links { z-index: 10; }

.authorization-links li { list-style-type: none; display: inline; margin: 0 15px; }

.signup-active, .signin-active, .signin-inactive, .signup-inactive { font-size: 24px; line-height: 33px; cursor: pointer; }

.signup-active a, .signin-active a { border-bottom: 4px solid #E31E24; padding-bottom: 9px; }

.signup-inactive a, .signin-inactive a { border: none; }

hr { width: 100%; height: 2px; background-color: #E1E1E1; margin-top: 10px; border: none; }

.form-signup { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; }

.form-signup input { width: 300px; height: 45px; border: 1px solid #D5D5D5; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 100px; background-color: transparent; margin-top: 15px; padding: 0 30px; font-size: 14px; }

.form-signup input:focus { outline: none; -webkit-box-shadow: 0px 0px 0px 5px #B6D6F7; box-shadow: 0px 0px 0px 5px #B6D6F7; }

.form-signup button { cursor: pointer; width: 250px; height: 45px; background: #E31E24; -webkit-box-shadow: 0px 10px 18px rgba(109, 29, 29, 0.21); box-shadow: 0px 10px 18px rgba(109, 29, 29, 0.21); border-radius: 100px; border: none; font-weight: bold; font-size: 14px; line-height: 19px; text-align: center; text-transform: uppercase; color: #FFFFFF; margin-top: 15px; }

.form-signup button:hover { background: #C3181E; }

.form-signup button:active { outline: none; }

.form-signup .terms { font-weight: 300; font-size: 14px; line-height: 20px; text-align: center; margin-top: 20px; }

.form-signup .terms a { font-weight: bold; cursor: pointer; }

.form-signup .form-group.user_phone { position: relative; }

.form-signup .form-group.user_phone .note { position: absolute; top: 22px; right: 12px; cursor: pointer; font-size: 22px; font-weight: 600; }

.popover .popover-container .popover-inner .popover-title { display: none; }

.form-signin { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; }

.form-signin input { width: 300px; height: 45px; border: 1px solid #D5D5D5; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 100px; background-color: transparent; margin-top: 15px; padding: 0 30px; font-size: 14px; }

.form-signin input:focus { outline: none; -webkit-box-shadow: 0px 0px 0px 5px #B6D6F7; box-shadow: 0px 0px 0px 5px #B6D6F7; }

.form-signin button { cursor: pointer; width: 250px; height: 45px; background: #E31E24; -webkit-box-shadow: 0px 10px 18px rgba(109, 29, 29, 0.21); box-shadow: 0px 10px 18px rgba(109, 29, 29, 0.21); border-radius: 100px; border: none; font-weight: bold; font-size: 14px; line-height: 19px; text-align: center; text-transform: uppercase; color: #FFFFFF; margin-top: 15px; }

.form-signin button:hover { background: #C3181E; }

.form-signin button:active { outline: none; }

.form-signin .terms { font-weight: 300; font-size: 14px; line-height: 20px; text-align: center; margin-top: 20px; }

.form-signin .terms a { font-weight: bold; cursor: pointer; }

.modal-terms { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1050; background-color: rgba(44, 51, 102, 0.3); overflow: auto; }

.modal-terms .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 60px 0; width: 90%; }

.modal-content { position: relative; width: 90%; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 12px; outline: 0; padding: 30px; }

.close { cursor: pointer; padding: 0; background-color: transparent; border: 0; float: right; font-size: 35px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; }

.close:focus { outline: none; }

.p-3 { padding: 40px 20px; color: #2c3366; }

.mb-4 { font-size: 20px; text-align: center; margin-bottom: 20px; }

.terms-text p { font-size: 12px; line-height: 24px; margin-bottom: 16px; }

table { width: 100%; margin-bottom: 1rem; background-color: transparent; border: 1px solid #dee2e6; font-size: 12px; border-collapse: collapse; }

.table-bordered th, .table-bordered td { border: 1px solid #dee2e6; }

.table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; }

.text-center {
    text-align: center !important;
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    line-height: 1.2;
    color: #dc3545;
}

.was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color: #dc3545;
}

@media (min-width: 1440px) { body { background-size: cover; } }

@media (max-width: 1440px) { body { background-position-x: 80%; } }

@media (max-width: 900px) { body { background-position-x: left; } .authorization { margin-top: 30px;}
  .container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 
  .header {flex-direction: column; align-items: flex-start;}
  .header > img {bottom:0;}
  .auth-widget {height: 75px; margin-top: 10px;}
}

@media (max-width: 425px) { 
  .authorization { margin-top: 30px; width: 100%; padding: 25px 0;}
  .signup-active, .signin-active, .signin-inactive, .signup-inactive { font-size: 20px; line-height: 26px; cursor: pointer; }
  .form-signup, .form-signin { width: 90%; margin-top: 24px;}
  .form-signup input {margin-bottom: 10px;}
  .form-signup button {margin-top: 10px;}
  .form-signup .terms {font-size: 12px; line-height: 16px;}
  .mb-4 { font-size: 16px; }
  .header {margin-top: 24px;}
  .p-3 { padding: 40px 0; } }
/*# sourceMappingURL=style.css.map */