@font-face {
    font-family: "Lato Black";
    src: url("../fonts/Lato-Regular.ttf");
}
@font-face {
    font-family: "Lato Black";
    src: url("../fonts/Lato-Bold.ttf");
    font-weight: bold;
    font-style: italic, oblique;
}
@font-face {
    font-family: "Oswald Regular";
    src: url("../fonts/Oswald-Regular.ttf");
}

@viewport{
    zoom: 1.0;
    width: device-width;
}



/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}



/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none;
}


html {
  font-family: "Oswald Regular" ,"Lato Black" , Helvetica, sans-serif, Arial;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Removes default margin.
 */
body {
 

  margin: 0;

}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

h1 {
  font-size: 2em;
}


abbr[title] {
  border-bottom: 1px dotted;
}




/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  /*border: 1px solid #c0c0c0;
  margin: 0 2px;*/
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/*

input{
    box-sizing: border-box;
    border: 0px;    
    -webkit-appearance: none;
    border-radius: 0px;
}*/


body,
button,
input,
select,
table,
textarea {
  /*font-family: "Helvetica Neue", Verdana, Arial, sans-serif;*/
  color: #2E3C47;
  font-size: 12px;
  /*line-height: 1.5;*/
}

a {
  text-decoration: none;
  cursor: pointer; 
  color: inherit;

}

a:hover {
  color: inherit;
  /*text-decoration: none;*/
}

a:focus {
  outline-color: #3091c2;
  color: #143d52;
}




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


address {
  font-style: normal;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

img {
  display: block;
}

ol,
ul {
  list-style: none;
}



label {

    margin-right: 2%;
    padding-right: 20px;
    padding-left: 10px;
    padding-top: 2px;

}




/*
 *
 *
 */

@media (min-width: 1024px) {

.content-wrapper {

 width:1010px;
 margin:80px auto 0; 

}

}

@media (min-width: 300px)  and (max-width: 1023px) {

.content-wrapper {

 width:100%;
 margin:20px auto 0; 

}

}


.center {text-align: center;}



.header,.footer {

 text-align: center;

}

.header h1 {

margin:120px 5% 35px 5%;

border-bottom:3px solid #2e3c47	;
padding-bottom: 35px;

}


.footer {

  /*position: absolute;*/
  margin-top:50px;
  bottom: 0;
  height: 54px;
  background: #2E3C47;
  width: 100%;
  color: #fff;


}

.footer address {line-height: 54px;font-size: 10px;font-family: "Lato Black";}


.content {
 
  
}

.logo {
    background-image: url(../images/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 250px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 41px;
    margin-left: -100px;
}


@media (min-width: 736px)  {

.fields {

    clear: both;
    max-width: 725px;
    margin: 0 auto;


}

}

@media (max-width: 481px) and (min-width: 321px) {
 .fields {
    max-width: 450px;
   }
}



.field {
    margin: 5px 0;
    padding: 5px 10px;
    clear:both;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.field:after {

  content: '';
  display: table;
  clear: both;

}


.field label {

    width: 200px;
    float: left;
    display: block;
    text-align: right;

}


@media (min-width: 100px)  and (max-width: 735px) {

.field label {
    float: left;
    text-align: left;
    width: auto;
    display: block;
    position: static;
    margin-left: 2%;
    padding-left: 3px;
    padding-right: 15px;
    padding-bottom: 0px;
    font-size: 11px;
    font-weight: normal;
    max-width: 94%;
    overflow: hidden;
    text-overflow: ellipsis;

  }
.field input[type="text"], .field input[type="password"], .field input[type="time"],
.field input[type="email"],
.field input[type="tel"],
.field select
 {
  width: 90%;
      margin-left: 2%;
      margin-right: 2%;

}


}




.field input[type="text"], .field input[type="password"], .field input[type="time"],
.field input[type="email"],
.field input[type="tel"],
.field select
 {
    border: 1px solid #c0c0c0;
    padding: 3px;
}


.field select {width:265px;}

.fieldContent {
    width: 420px;
    float: left;

}

.required {
    background: url(../images/bullet_asterix_red.png) right top no-repeat;

}

button:hover {

    background: transparent;
    color: #82B6C7;
    border: 2px solid #82B6C7;
    font-size: 10px;
    width: 140px;
    height: 30px;
    line-height: 26px;

}


button {

    width: 140px;
    height: 30px;
    line-height: 30px;
    padding: 10px 40px;
    background: #82B6C7;
    padding: 0;
    border-radius: 25px;
    font-size: 10px;
    font-family: "Lato Black";
    color: white;
    margin-right: 5px;
    margin-left: 5px;
    cursor: pointer;
    border: none;

}
.statement {width:80%;margin:0 10%;}
.btn-submit {margin:20px auto;display: block;}
#captcha-image {margin:0 auto;}

.hidden {display:none;}

p.error {margin:3px 0;padding:0;}
.error {color:#ff0000;}

.register-complete .notification {text-align: left;}

#quote span {font-weight: bold;color:red;}

.notification {width:60%;padding:0;margin:0 auto;text-align: center;}