@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Muli:400,700');

@import "../../../../Lib/Fonts/Linearicons/style";
@import "../../../../Lib/Fonts/Font-Awsome/font-awsome";
@import "../../../../Lib/Fonts/Linearicons/style";
@import "../../../../Lib/Fonts/Font-Awsome-Pro/scss/fontawesome.scss";
@import "../../../../Lib/Fonts/Font-Awsome-Pro/scss/regular.scss";
@import "../../../../Lib/Fonts/Font-Awsome-Pro/scss/solid.scss";
@import "../../../../Lib/Fonts/Font-Awsome-Pro/scss/light.scss";

body {
  padding: 0;
  margin: 0;
  font-family: 'Muli', sans-serif;
  background: url(../../_images/Sign_In_Background.jpg) no-repeat center center fixed;
  background-size:cover;
  position:relative;
}

.wrapper {
  padding: 120px 0 115px;
  margin: 0;
  min-height: 670px;
}


/**header section*/
.header-account a {
    color: initial;
}
.page-header {
    border-bottom: 1px solid transparent;
    height: 130px;
    padding: 80px 0 0;
    margin:0;
    position: fixed;
    top: 0;
    transition: all .3s ease-out;
    width: 100%;
    z-index: 500
}
.page-header nav.navbar.navbar-default {
    background-color: #f9f9f9;
    border-top:1px solid #e2e2e2;
}
.page-header .row {
    height: 100%;
    max-width:1170px;
    margin:0 auto;
}

.page-header .column {
    margin-bottom: 0
}

.page-header::after {
    background: #fff;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.content_wrapper {
    display: block;
    margin: 130px auto 50px;
}

.intro-text {
    display:block;
    padding:0;
    max-width:500px;
    margin:0 auto;
}
.intro-text .intro-inner {
    padding:50px 50px 30px;
    background-color:#fff;
}
.intro-text h1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    color: #008c95;
    font-size: 18px;
    line-height: 24px;
    text-align: left;
    margin:0 0 10px;
}
.intro-text p {
    font-family: 'Roboto Condensed', sans-serif;
    color: #6c6c6c;
    font-size: 18px;
    line-height: 24px;
    text-align: left;
    margin: 0 0 10px;
}
.logo_wrapper {
    position:relative;
}
.logo_wrapper .logoIMG {
    display: block;
    width: 220px;
    height: 220px;
    background:#fff url(../../_images/Logo.png) no-repeat center center;
    background-size: contain;
    position:absolute;
    top:-80px;
    border-radius:50%;
}
.navbar {border-radius:0 !important;}
.page-header .navbar-nav>li>a {display:none;}
.page-header .navbar-nav > .active > a,
.page-header .navbar-nav > .active > a:focus,
.page-header .navbar-nav > .active > a:hover {
    background-color: transparent;
    color: #008c95;
}


.page-footer {
    background: #444444;
    color: #fff;
    min-height: 12px;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px 0 20px;
    height: auto;
}
.page-footer p.copy {
    text-align: left;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
}
.page-footer.has-footer-intro {
    padding-top: 0;
    position: relative;
    z-index: 200
}
.page-footer .container-fluid {
    max-width:1170px;
    margin:0 auto;
}
.page-footer .container-fluid .row {
    display:flex;
}
.page-footer .links {
    width:90%;
}
.page-footer .links a {
    color: #fff;
    margin: 0 10px 0 0;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    text-decoration: none !important;
}

.page-footer ul.social-icons {
    display:none;
    /*list-style: none;
    margin: 0;
    padding: 0;
    display:flex;
    justify-content:flex-end;*/
}
.page-footer ul.social-icons li {
    margin:10px 10px 0 0;
}
.page-footer ul.social-icons li>a {
    height:30px;
    width:30px;
    display:block;
    line-height:30px;
    border-radius:50%;
    text-align:center;
    color:#fff;
    background-color:#008c95;
}


.page-footer .bold, .page-footer .address a {
    color: #fff;
    font-weight: 700
}

.page-footer .menu-item-object-column {
    margin-bottom: 0
}

.page-footer .side-nav {
    margin: 1rem 0
}

.page-footer .side-nav li {
    margin-bottom: .625rem
}

.page-footer .side-nav li a, .page-footer .side-nav li span {
    color: #fff;
    font-size: 1rem;
    line-height: 1em
}

.no-touch .page-footer .side-nav li a:hover, .page-footer .side-nav li a:focus {
    color: #231f20
}

.page-footer .side-nav li span {
    display: block
}

.page-footer .vh-logo {
    width: 5.625rem
}

.page-footer .copyright {
    color: #fff;
    font-size: .6875rem;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    width: 100%
}

.page-footer .address {
    font-size: .875rem;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    text-align: center;
    width: 100%
}

.page-footer .address span {
    display: inline-block
}

.page-footer .address .phone-email-line {
    margin-top: .25rem
}

.page-footer .address a {
    color: #fff;
    display: block;
    margin: .9375rem 0;
    text-decoration: underline;
    transition: color 0.3s ease-out
}

.no-touch .page-footer .address a:hover {
    color: #231f20
}

.page-footer .address a:last-child {
    margin-bottom: 0
}


@media screen and (max-width:767px) {
    .page-header {padding-top:0;}
    .logo_wrapper .logoIMG {
        width:150px;
        height:150px;
        top:0;
    }
    .page-footer .row  {
        flex-direction:column;
        align-items:flex-start;
    }
}


form#EnterPassword input::placeholder {
    text-transform: capitalize;
    color: #e10a0a;
    font-size: 11px;
    font-weight: 400;
    line-height: 15px;
}

form#EnterPassword input::-webkit-input-placeholder {
  text-transform: capitalize;
  color: #e10a0a;
  font-size: 11px;
  font-weight: 400;
  line-height: 15px; }

form#EnterPassword input::-moz-placeholder {
  text-transform: capitalize;
  color: #e10a0a;
  font-size: 11px;
  font-weight: 400;
  line-height: 15px; }

form#EnterPassword input:-ms-input-placeholder {
  text-transform: capitalize;
  color: #e10a0a;
  font-size: 11px;
  font-weight: 400;
  line-height: 15px; }

.login-panel .form.login-current.active {
  padding: 0px 20px 0px 20px; }
.login-panel .form.login-current.active .form-group {
margin-bottom: 20px;
position: relative; }
.login-panel .form.login-current.active .form-group.row {
    margin-bottom: 0; }

.login-panel .login-header {
position: absolute;
top: -55px;
left: 50%;
margin-left: -55px; }
.login-panel .login-header .login-logo {
display: none;
/* Hide for TFE */
text-align: center;
max-width: 110px;
}
.login-panel .login-header .login-logo .img-fluid {
    width: 100%;
    height: auto;
    max-width: 400px;
    margin: 0 auto;
}

.login-panel .login-body {
  text-align: center;
  max-width:500px;
  margin:0 auto;
  background:#fff;
}


.login-panel .login-body h1 {
text-align: center;
font-weight: 700;
color: #175379;
font-size: 20px;
line-height: 27px;
margin-top: 35px;
margin-bottom: 30px; }
.login-panel .login-body label {
position: absolute;
padding: 0;
padding-top: 6px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
clip-path: inset(50%);
border: 0;
left: 13px;
font-size: 9px;
font-weight: normal;
color: #e10a0a;
line-height: 20px; }
.login-panel .login-body label.active {
    clip: auto;
    clip-path: none;
    z-index: 4; }
.login-panel .login-body .signupast {
display: none; }
.login-panel .login-body .help-block.error {
color: #f00;
text-shadow: none;
/*background: rgba(255, 0,0, 0.4);
    border: 2px solid red;*/
font-weight: 400;
/*position: absolute;*/
margin-top: 0; 
}
.login-panel .login-body .help-block:empty {
    display: none;
}
.login-panel .login-body hr {
    margin-top: 40px;
    margin-bottom: 30px; 
}
.login-panel .login-body .form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 12px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 2px solid #d3d3d3;
    border-radius: 0;
}
.login-panel .login-body .form-control:focus {
    border-color: #008c95;
}

.login-panel .login-body .form-control::placeholder {
    color: #606060;
}
.login-panel .login-body .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #606060; }
.login-panel .login-body .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #606060; }
.login-panel .login-body .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #606060; }
.login-panel .login-body .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #606060; }
  .login-panel .login-body .btn-next {
    color: #7D8DAF;
    background-color: #fff;
    border: 1px solid #96A4C3;
    text-transform: uppercase;
    border-width: 3px;
    line-height: 24px; }
    .login-panel .login-body .btn-next:hover, .login-panel .login-body .btn-next:focus {
      color: #fff;
      background-color: #e10a0a;
      border-color: #e10a0a; }
  .login-panel .login-body .btn-back {
    display: none;
    /* Hide for TFE */
    color: #fff;
    background-color: #999;
    border-color: #999;
    text-transform: uppercase;
    border-width: 3px; }
    .login-panel .login-body .btn-back:hover, .login-panel .login-body .btn-back:focus {
      color: #e10a0a;
      background-color: #333;
      border-color: #333; }
  .login-panel .login-body .login-user {
    margin-top: 15px; }
    .login-panel .login-body .login-user .login-user-avatar {
      display: none;
      font-size: 20px;
      font-weight: bold;
      height: 50px;
      width: 50px;
      text-align: center;
      line-height: 50px;
      background-color: rgba(149, 163, 194, 0.3);
      margin: 0 auto; }
    .login-panel .login-body .login-user .login-user-email {
      font-size: 16px;
      margin-top: 15px; }
  .login-panel .login-body span.toggle-password {
    position: absolute;
    color: #495057;
    font-size: 1.4em;
    font-size: 16px;
    font-weight: 400;
    height: 44px;
    width: 44px;
    top: 0;
    right: 0;
    line-height: 44px;
    text-align: center; }

.login-panel a {
  text-decoration: none;
  color: #414042;
  font-size: 12.3px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px solid #414042;
  padding-bottom: 2px; }

.login-panel .form-group.bottom-links > p:first-child {
  /*color: #414042;
  font-size: 14px;*/
  display:none;
}

.login-panel .btn.btn-primary, .login-panel .btn.btn-secondary {
  color: #fff;
  background: #e10a0a;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 10px;
  min-width: 100px;
  border: 3px solid #e10a0a;
  border-radius: 0;
  min-height: 44px;
  width: 100%; }
  .login-panel .btn.btn-primary:hover, .login-panel .btn.btn-secondary:hover {
    background-color: #999;
    border: 3px solid #999;
    color: #fff; }

.login-panel .btn.btn-secondary {
  color: #7D8DAF;
  background-color: #fff;
  border: 1px solid #96A4C3;
  font-weight: 400; }
  .login-panel .btn.btn-secondary:hover {
    color: #fff;
    background-color: #e10a0a;
    border-color: #e10a0a; }

.logout .login-current.col-xs-12 {
  background-color: #7f7f7f;
  padding: 30px;
  padding-top: 60px;
  padding-bottom: 50px;
}

.logout .loginForm {
  width: 50%;
  margin-left: 25%;
  text-align: center;
  color: #fff;
  background-color: #000; }

@media (max-width: 480px) {
  .login-panel {
    top: 255px; }

}
	
/*sso login and logout page*/
.login-panel .login-body .labelWrapper label, form p, form a {
  color: #4d4d4d;
}
.login-panel .login-body h1 {
  /*text-transform: uppercase;
  color: #6b6b6b;*/
  display:none;
}
/*.login-panel .login-body .form-control {
  border: initial;
}*/

.login-panel {
  width: 100%;
  display: block;
  margin: -20px auto 0;
}

.login-panel .login-body .form-control{
  padding-top: initial !important;
  padding-bottom: initial !important;
}

.login-panel .row:nth-of-type(2) {
  padding: 1rem 3rem;
  margin-bottom: 1em;
}
.login-panel .row:nth-of-type(2) .form-group {
  width: 100%;
}
.login-panel .row:nth-of-type(2) .form-group:nth-of-type(1) {
  float: left;
}
.login-panel .row:nth-of-type(2) .form-group:nth-of-type(2), .row:nth-of-type(2) .form-group:nth-of-type(3) {
  float: right;
}

.login-panel .row:nth-of-type(2) .form-group:nth-of-type(3) {
  text-align: right;
}

.login-panel .row:nth-of-type(2) .form-group:nth-of-type(3) a {
  color: initial;
  text-transform: capitalize !important;
  border-bottom:0 none !important;
  text-decoration:underline !important;
}
.login-panel .row:nth-of-type(2) .form-group:nth-of-type(3) a:hover {
    text-decoration:none !important;
}

.login-panel .row:nth-of-type(3) .form-group:nth-of-type(1) {
    text-align: left;
    margin: 0;
    padding: 0 30px 50px;
    width: 100%;
}

.login-panel .form-group:nth-of-type(1) .btn.btn-primary {
    background-color: #bd9a5f;
    border: 0 none;
    color: #ffffff;
    width: fit-content;
    padding: 11px 30px;
    font-size:18px;
    font-weight:normal;
    line-height:24px;
    font-family:'Roboto Condensed', sans-serif;
}

.login-panel .form-group:nth-of-type(1) .btn.btn-primary:hover {
    background-color: #a58144;
    color: #ffffff;
}

.form-group.bottom-links {
  position:absolute !important;
  top:0;
  right:0;
  width: 50%;
}

.form-group.bottom-links .btn {
  background-color: #444;
  border: 1px solid #444;
  line-height: 30px;
  min-height:unset;
  width:140px;
  padding: 8px 0;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 400;
}
.form-group.bottom-links .btn:hover {
    background-color: #a58144;
    border: 1px solid #a58144;
    color: #fff;
}

.login-panel .login-body .labelWrapper {
  text-align: left;
  /*text-transform: uppercase;*/
}
.login-panel .login-body .labelWrapper label {
  clip: unset;
  clip-path: unset;
  position: initial;
  font-size: 14px;
}

.login-panel .login-body input.form-control::placeholder {
  opacity: 0;
}
.login-panel .login-body span.toggle-password {
  line-height: 120px;
}




/**row & columns*/
.row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    position:relative;
}

.row:before,.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.row.collapse>.column,.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0
}

.row .row {
    width: auto;
    margin-left: -.5rem;
    margin-right: -.5rem;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none
}

.row .row:before,.row .row:after {
    content: " ";
    display: table
}

.row .row:after {
    clear: both
}

.row .row.collapse {
    width: auto;
    margin: 0;
    max-width: none
}

.row .row.collapse:before,.row .row.collapse:after {
    content: " ";
    display: table
}

.row .row.collapse:after {
    clear: both
}

.column,.columns {
    padding-left: .5rem;
    padding-right: .5rem;
    width: 100%;
    float: left
}

/**grid*/

@media only screen {
    .small-push-0 {
        position: relative;
        left: 0%;
        right: auto
    }

    .small-pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }

    .small-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .small-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .small-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .small-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .small-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .small-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .small-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .small-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .small-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .small-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .small-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .small-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .small-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .small-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .small-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .small-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .small-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .small-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .small-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .small-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .small-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .small-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .column,.columns {
        position: relative;
        padding-left: .5rem;
        padding-right: .5rem;
        float: left
    }

    .small-1 {
        width: 8.33333%
    }

    .small-2 {
        width: 16.66667%
    }

    .small-3 {
        width: 25%
    }

    .small-4 {
        width: 33.33333%
    }

    .small-5 {
        width: 41.66667%
    }

    .small-6 {
        width: 50%
    }

    .small-7 {
        width: 58.33333%
    }

    .small-8 {
        width: 66.66667%
    }

    .small-9 {
        width: 75%
    }

    .small-10 {
        width: 83.33333%
    }

    .small-11 {
        width: 91.66667%
    }

    .small-12 {
        width: 100%
    }

    [class*="column"]+[class*="column"]:last-child {
        float: right
    }

    [class*="column"]+[class*="column"].end {
        float: left
    }

    .small-offset-0 {
        margin-left: 0% !important
    }

    .small-offset-1 {
        margin-left: 8.33333% !important
    }

    .small-offset-2 {
        margin-left: 16.66667% !important
    }

    .small-offset-3 {
        margin-left: 25% !important
    }

    .small-offset-4 {
        margin-left: 33.33333% !important
    }

    .small-offset-5 {
        margin-left: 41.66667% !important
    }

    .small-offset-6 {
        margin-left: 50% !important
    }

    .small-offset-7 {
        margin-left: 58.33333% !important
    }

    .small-offset-8 {
        margin-left: 66.66667% !important
    }

    .small-offset-9 {
        margin-left: 75% !important
    }

    .small-offset-10 {
        margin-left: 83.33333% !important
    }

    .small-offset-11 {
        margin-left: 91.66667% !important
    }

    .small-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }

    .column.small-centered,.columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none !important
    }

    .column.small-uncentered,.columns.small-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left !important
    }

    .column.small-uncentered.opposite,.columns.small-uncentered.opposite {
        float: right !important
    }
}

@media only screen and (min-width: 40.063em) {
    .medium-push-0 {
        position:relative;
        left: 0%;
        right: auto
    }

    .medium-pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }

    .medium-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .medium-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .medium-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .medium-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .medium-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .medium-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .medium-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .medium-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .medium-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .medium-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .medium-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .medium-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .medium-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .medium-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .medium-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .medium-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .medium-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .medium-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .medium-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .medium-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .medium-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .medium-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .column,.columns {
        position: relative;
        padding-left: .5rem;
        padding-right: .5rem;
        float: left
    }

    .medium-1 {
        width: 8.33333%
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-3 {
        width: 25%
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-5 {
        width: 41.66667%
    }

    .medium-6 {
        width: 50%
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-8 {
        width: 66.66667%
    }

    .medium-9 {
        width: 75%
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-11 {
        width: 91.66667%
    }

    .medium-12 {
        width: 100%
    }

    [class*="column"]+[class*="column"]:last-child {
        float: right
    }

    [class*="column"]+[class*="column"].end {
        float: left
    }

    .medium-offset-0 {
        margin-left: 0% !important
    }

    .medium-offset-1 {
        margin-left: 8.33333% !important
    }

    .medium-offset-2 {
        margin-left: 16.66667% !important
    }

    .medium-offset-3 {
        margin-left: 25% !important
    }

    .medium-offset-4 {
        margin-left: 33.33333% !important
    }

    .medium-offset-5 {
        margin-left: 41.66667% !important
    }

    .medium-offset-6 {
        margin-left: 50% !important
    }

    .medium-offset-7 {
        margin-left: 58.33333% !important
    }

    .medium-offset-8 {
        margin-left: 66.66667% !important
    }

    .medium-offset-9 {
        margin-left: 75% !important
    }

    .medium-offset-10 {
        margin-left: 83.33333% !important
    }

    .medium-offset-11 {
        margin-left: 91.66667% !important
    }

    .medium-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }

    .column.medium-centered,.columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none !important
    }

    .column.medium-uncentered,.columns.medium-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left !important
    }

    .column.medium-uncentered.opposite,.columns.medium-uncentered.opposite {
        float: right !important
    }

    .push-0 {
        position: relative;
        left: 0%;
        right: auto
    }

    .pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }

    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
}

@media only screen and (min-width: 60.063em) {
    .large-push-0 {
        position:relative;
        left: 0%;
        right: auto
    }

    .large-pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }

    .large-push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .large-pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .large-push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .large-pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .large-push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .large-pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .large-push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .large-pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .large-push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .large-pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .large-push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .large-pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .large-push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .large-pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .large-push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .large-pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .large-push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .large-pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .large-push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .large-pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .large-push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .large-pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }

    .column,.columns {
        position: relative;
        padding-left: .5rem;
        padding-right: .5rem;
        float: left
    }

    .large-1 {
        width: 8.33333%
    }

    .large-2 {
        width: 16.66667%
    }

    .large-3 {
        width: 25%
    }

    .large-4 {
        width: 33.33333%
    }

    .large-5 {
        width: 41.66667%
    }

    .large-6 {
        width: 50%
    }

    .large-7 {
        width: 58.33333%
    }

    .large-8 {
        width: 66.66667%
    }

    .large-9 {
        width: 75%
    }

    .large-10 {
        width: 83.33333%
    }

    .large-11 {
        width: 91.66667%
    }

    .large-12 {
        width: 100%
    }

    [class*="column"]+[class*="column"]:last-child {
        float: right
    }

    [class*="column"]+[class*="column"].end {
        float: left
    }

    .large-offset-0 {
        margin-left: 0% !important
    }

    .large-offset-1 {
        margin-left: 8.33333% !important
    }

    .large-offset-2 {
        margin-left: 16.66667% !important
    }

    .large-offset-3 {
        margin-left: 25% !important
    }

    .large-offset-4 {
        margin-left: 33.33333% !important
    }

    .large-offset-5 {
        margin-left: 41.66667% !important
    }

    .large-offset-6 {
        margin-left: 50% !important
    }

    .large-offset-7 {
        margin-left: 58.33333% !important
    }

    .large-offset-8 {
        margin-left: 66.66667% !important
    }

    .large-offset-9 {
        margin-left: 75% !important
    }

    .large-offset-10 {
        margin-left: 83.33333% !important
    }

    .large-offset-11 {
        margin-left: 91.66667% !important
    }

    .large-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left
    }

    .column.large-centered,.columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none !important
    }

    .column.large-uncentered,.columns.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left !important
    }

    .column.large-uncentered.opposite,.columns.large-uncentered.opposite {
        float: right !important
    }

    .push-0 {
        position: relative;
        left: 0%;
        right: auto
    }

    .pull-0 {
        position: relative;
        right: 0%;
        left: auto
    }

    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto
    }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto
    }

    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto
    }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto
    }

    .push-3 {
        position: relative;
        left: 25%;
        right: auto
    }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto
    }

    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto
    }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto
    }

    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto
    }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto
    }

    .push-6 {
        position: relative;
        left: 50%;
        right: auto
    }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto
    }

    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto
    }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto
    }

    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto
    }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto
    }

    .push-9 {
        position: relative;
        left: 75%;
        right: auto
    }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto
    }

    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto
    }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto
    }

    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto
    }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto
    }
}

.display--flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.row-align-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header-welcome-message {
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #e10a0a
}
.text-red,.page-template-templatessingle-column-php .single-column-content h2,.page-template-templatessingle-column-php .single-column-content h3 {
    color: #e10a0a !important
}
.row-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.row-align-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row-align-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.row-align-between {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.row-align-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.row-align-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.row-align-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flex--grow {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}
.margin--bottom {
    margin-bottom: 16px
}

.margin--top {
    margin-top: 16px
}

.margin--left {
    margin-left: .5rem
}

.margin--right {
    margin-right: .5rem;
}

.margin--auto {
    float: none;
    margin-left: auto;
    margin-right: auto
}
/***/

.column.header-left {
    height: 100%;
    display: flex;
    align-items: center;
}
.column.header-right {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
 }
.logout h1 {
	font-size: 6rem;
}
.logout p {
	font-size: 2.5rem;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../../_images/ring.gif') 50% 50% no-repeat rgb(255,255,255);
}