@font-face{
  font-family:Circular;
  src:url(fonts/circularstd-book-webfont.woff2) format("woff2"),url(fonts/circularstd-book-webfont.woff) format("woff");
  font-style:normal;
  font-weight:400;
  text-rendering:optimizeLegibility;
}
@font-face{
  font-family:Circular;
  src:url(fonts/circularstd-medium-webfont.woff2) format("woff2"),url(fonts/circularstd-medium-webfont.woff) format("woff");
  font-style:normal;font-weight:500;text-rendering:optimizeLegibility;
}
@font-face{
  font-family:Circular;
  src:url(fonts/circularstd-bold-webfont.woff2) format("woff2"),url(fonts/circularstd-bold-webfont.woff) format("woff");
  font-style:normal;
  font-weight:700;
  text-rendering:optimizeLegibility
}
@font-face{
  font-family:Circular;
  src:url(fonts/circularstd-black-webfont.woff2) format("woff2"),url(fonts/circularstd-black-webfont.woff) format("woff");
  font-style:normal;
  font-weight:900;
  text-rendering:optimizeLegibility;
}


html, body {
  margin: 0;
  padding:0;    
  min-width: 990px;
}

body{
  color:#333;
  font-family:Circular,Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size:16px;
  font-weight: normal;
  
}

.textCenter {
  text-align: center;
}
.x-body-with-background{
  background-color:#ee7125; 
  background-image: url('/img/marketing/integration/ausdi-login-bk.png'); 
  background-repeat:no-repeat;
  background-position: center center;
  background-size: cover;
}

.x-page-header {
    background: #ee7021 url('/img/marketing/integration/page-header-background.png') no-repeat;
    background-size: cover;
    min-height: 160px;
    padding-bottom: 30px;
}

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

.x-page-bottom-line{
  font-size:4px;
  background-color:#ee7125;
  background-image: linear-gradient(to right, #ee7125 , #d31f37);
}

a,a:active, a:hover {
  outline: 0;
}

a.weblink,
a.weblink:focus,
a.weblink:active
{
  color:#d31f37;
}

a:hover{ 
  color:#951d20;
}
 


a.show-underline{
	text-decoration: underline;
}

p{
    margin: 0;
    padding: 6px 0;
    font-size: 15px;
    line-height: 25px;
}


button, 
input[type=button], 
input[type=checkbox], 
input[type=radio], 
input[type=reset], 
input[type=submit], 
label[for], 
select {
    cursor: pointer;
}
button, 
html input[type=button], 
input[type=reset], 
input[type=submit] {
    -webkit-appearance: button;
}

input:focus, textarea:focus {
    outline: 0;
}

.c-button {
    background: 0 0;
    border-radius: 5em;
    border: none;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}

.c-button-primary {
    background-color: #d31f37;
}
.c-button-primary:hover{
  background-color:#951d20;
}

.c-button-secondary {
    background-color:#951d20;
}

.c-button-secondary:hover {
    background-color: #d31f37;
}


  a.hover-line{
      color:#fff;
      text-decoration: none;
      font-size: 15px;
      position: relative;
  }

  a.hover-line:hover{
    color: #ee7021;
  }

  @keyframes hover-line {
    0%{
      width:0;
    }
    100%{
      width:100%;
    }
  }


  a.hover-line:after{
    content: "";
    position:absolute;
    height: 2px;
    bottom: -3px;
    left:0px;
    background: #ee7021;
    visibility: hidden;
    width: 100%;
  }
  
  a.hover-line:hover:after{
    color: #ee7125;
    visibility: visible;
    animation:hover-line 0.3s; 
  }


#loginbox a.wrapper-link,
#loginbox a.wrapper-link:focus,
#loginbox a.wrapper-link:active
{
  color:#fff;
  text-decoration: none;
}