* { box-sizing:border-box; }
html, body {
	margin:0;
    padding:0;
    height:100%;
}
body {
    font:normal 18px 'Montserrat', sans-serif;
    line-height:1.5em;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#231F20;
}
header {
    background:#465A65;
    height:60px;
    font-size:14px;
    font-weight:500;
    line-height:60px;
    color:#FFCB05;
}
a {
    color:#FFCB05;
    text-decoration:none;
}
h1 {
    font-size:46px;
    line-height:1.5em;
    font-weight:500;
    margin-top:2.5em;
    margin-bottom:0.8em;
    max-width:714px;
    border-bottom:4px solid #d3d2d2;
}
@media only screen and (max-width: 1200px) {
    h1 {
        max-width:80%;
    }
}
p {
    margin-top:0;
    margin-bottom:0.5em;
}

.width {
    margin-left:auto;
    margin-right:auto;
    max-width:1034px;
}
@media only screen and (max-width: 1200px) {
    .width {
        max-width:75%;
    }
}
header .width {
    max-width:1070px;
}
@media only screen and (max-width: 1200px) {
    header .width {
        max-width:80%;
    }
}
#hero {
    height:338px;
    background:url(images/bg_hero.jpg) no-repeat center center;
    background-size:cover;
}
#hero .width {
    max-width:1200px;
    height:100%;
    position:relative;
}
@media only screen and (max-width: 1200px) {
    #hero .width {
        max-width:90%;
    }
}
#hero img {
    margin-top:65px;
}
@media only screen and (max-width: 767px) {
    #hero img {
        max-width:90%;
    }
}
#hero h2 {
    color:#fff;
    position:absolute;
    margin-top:0;
    margin-bottom:0;
    margin-left:20px;
    left:0px;
    bottom:-8px;
    text-transform:lowercase;
    font-size:50px;
    line-height:50px;
    font-weight:bold;
    letter-spacing:-3px;
}
@media only screen and (max-width: 767px) {
    #hero h2 {
        font-size:32px;
    }
}
.cols {
    margin-bottom:40px;
}
.cols > * {
    float:left;
}
@media only screen and (max-width: 767px) {
    .cols > * {
        float:none;
    }
}
.cols > *:first-child {
    max-width:618px;
}
@media only screen and (max-width: 1200px) {
    .cols > *:first-child {
        max-width:70%;
    }
}
@media only screen and (max-width: 767px) {
    .cols > *:first-child {
        max-width:100%;
    }
}
.cols > *:last-child {
    max-width:380px;
    margin-left:36px;
    margin-top:3.7em;
    font-size:32px;
    font-weight:300;
}
@media only screen and (max-width: 1200px) {
    .cols > *:last-child {
        font-size:24px;
        max-width:20%;
        margin-left:4%;
    }
}
@media only screen and (max-width: 767px) {
    .cols > *:last-child {
        max-width:100%;
    }
}
.cols::after {
    content:'';
    display:table;
    clear:both;
}
form {
    margin-top:4em;
    margin-bottom:4em;
}
.field {
    position:relative;
    margin-bottom:8px;
    clear:left;
}
.fieldmed {
    float:left;
    clear:none;
    width:68.5%;
}
.fieldshort {
    float:left;
    clear:none;
    width:30%;
    margin-left:1.5%;
}
@media only screen and (max-width: 767px) {
    .fieldmed {
        float:none;
        width:100%;
    }
    .fieldshort {
        float:none;
        width:100%;
        margin-left:0;
    }
}
.fieldshort::after {
    content:'';
    display:table;
    clear:both;
}
.field label {
    position:absolute;
    top:18px;
    left:20px;
    font-size:14px;
    line-height:1em;
    pointer-events:none;
    transform-origin:0% 50%;
    -webkit-transform-origin:0% 50%;
    transition:all 0.2s linear;
    text-transform:uppercase;
}
.field.focused label {
    -webkit-transform: translateY(-170%) scale(0.8);
    transform:translateY(-170%) scale(0.8);
    font-weight:bold;
    background:#fff;
    padding-left:5px;
    padding-right:5px;
}
.field input {
    appearance:none;
    -webkit-appearance:none;
    padding-left:20px;
    padding-right:20px;
    padding-top:0;
    padding-bottom:0;  
    border:1px solid #303232;
    display:block;
    width:100%;
    font:normal 14px 'Montserrat', sans-serif;
    line-height:50px;
    background:#fff;
    outline:none;
}
.selectric {
    background:#fff;
    border:1px solid #303232;
}
.selectric .label {
    font-size:14px;
    line-height:48px;
    height:48px;
    margin-left:20px;
    text-transform:uppercase;
}
.selectric .button {
    background-color:#fff;
    height:48px;
    color:#303232;
}
.selectric .button:after {
    border-top-color:#303232;
}
.selectric-items {
    text-transform:uppercase;
}
.selectric-items ul, .selectric-items li {
    font-size:14px;
    line-height:30px;
    min-height:30px;
}
.selectric-items li {
    padding-left:20px;
}
.field .err {
    display:none;
    position:absolute;
    right:4px;
    bottom:4px;
    color:red;
    font-size:11px;
    line-height:1em;
}
.submit {
    appearance:none;
    -webkit-appearance:none;
    border-radius:0;
    border:1px solid #303232;
    background:#fff;
    font:normal 14px 'Montserrat', sans-serif;
    line-height:50px;
    text-transform:uppercase;
    min-width:300px;
    margin-top:2em;
}

footer {
    background:#465A65;
    text-align:center;
    padding-top:60px;
}
footer img {
    vertical-align:middle;
    margin-right:20px;
}
@media only screen and (max-width: 767px) {
    footer img {
        max-width:90%;
    }
}
footer strong {
    font-size:41px;
    color:#FFCB04;
    display:inline-block;
    border-left:3px solid #fff;
    height:137px;
    line-height:137px;
    padding-left:20px;
    vertical-align:middle;
}
@media only screen and (max-width: 1200px) {
    footer strong {
        font-size:32px;
    }
}
@media only screen and (max-width: 1023px) {
    footer strong {
        border-left:none;
        height:auto;
        line-height:2em;
    }
}
#legal {
    margin-top:40px;
    margin-bottom:30px;
    color:#fff;
    font-size:14px;
}
#footer_bottom {
    background:#132028;
    color:#fff;
    font-size:28px;
    height:110px;
    line-height:110px;
}
@media only screen and (max-width: 1023px) {
    #footer_bottom {
        font-size:18px;
    }
}
@media only screen and (max-width: 767px) {
    #footer_bottom {
        line-height:1.5em;
        padding-top:1em;
        padding-left:10px;
        padding-right:10px;
    }
}
#footer_bottom span {
    color:#FFCB05;
}