@font-face {
    font-family: 'intro_thinregular';
    src: url('/media/layout/fonts/intro_thin-webfont.eot');
    src: url('/media/layout/fonts/intro_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/layout/fonts/intro_thin-webfont.woff2') format('woff2'),
         url('/media/layout/fonts/intro_thin-webfont.woff') format('woff'),
         url('/media/layout/fonts/intro_thin-webfont.ttf') format('truetype'),
         url('/media/layout/fonts/intro_thin-webfont.svg#intro_thinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media (min-width: 0) {
    body, html {
        margin: 0;
        padding: 0;
        background: #FFFFFF;
        font-size: 15px;
        line-height: 26px;
        color: #2f2f2f;
        font-family: Lato, Verdana, sans-serif;
        font-weight: normal;
    }
    
    a {
        display: inline-block;
        text-decoration: none;
    }
    
    h1 { font-size: 28px; line-height: 28px; }
    h2 { font-size: 26px; line-height: 28px; }
    h3 { font-size: 24px; line-height: 26px; }
    h4 { font-size: 22px; line-height: 24px; }
    h5 { font-size: 20px; line-height: 22px; }
    h6 { font-size: 18px; line-height: 20px; }
    
    h1, h2, h3, h4, h5, h6 {
        color: #ce1531;
        margin: 35px 0;
        font-weight: normal;
    }
    
    .bg-darkred {
        background: #2e050b;
    }
    
    .bg-red {
        background: #ce1431;
    }
    
    img {
        display: block;
    }
    
    form {
        display: inline-block;
        padding: 7% 5%;
        background: #EFEFEF none repeat scroll 0% 0%;
        margin-bottom: 50px;
        font-size: 15px;
        line-height: 22px;
    }
    
    .form-row {
        display: block;
        width: 100%;
        clear: both;
        float: none;
        margin: 0px 0px 15px;
    }
    
    .form-label, .form-field {
        width: 100%;
        display: block;
        clear: both;
    }
    
    .form-label label {
        font-weight: normal;
        margin: 0px 0px 5px;
        color: #303030;
        display: block;
        width: 100%;
    }
    
    .form-field span {
        display: block;
        width: 100%;
    }
    
    input[type="text"], input[type="email"], input[type="password"], textarea {
        border-width: 1px;
        border-style: solid;
        border-color: #D1D1D1 #D1D1D1 #E6E6E6;
        -moz-border-top-colors: none;
        -moz-border-right-colors: none;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        border-image: none;
        border-radius: 3.1px;
        margin: 0px;
        padding: 0px 8px;
        height: 33px;
        line-height: 33px;
        background: #FFF none repeat scroll 0% 0%;
        box-sizing: border-box;
        width: 100%;
        font-size: 13px;
    }
    
    .form-row input[type="text"], .form-row input[type="email"], .form-row input[type="password"], .form-row textarea {
        width: 96%;
        padding: 2%;
        font-family: Lato,sans-serif;
        font-size: 12px;
        line-height: 20px;
    }
    
    textarea {
        resize: none;
        height: 125px;
    }
    
    button {
        font-size: 15px;
        line-height: 42px;
        font-family: Lato,sans-serif;
        display: inline;
        color: #FFF;
        text-transform: uppercase;
        height: 42px;
        padding: 0px 15px;
        border: 0px none;
        cursor: pointer;
        background: #CE1531 none repeat scroll 0% 0%;
        margin-bottom: 35px;
    }
    
    p {
        padding-bottom: 25px;
    }
    
    .ui-message {
        display: none;
    }
    
    .ui-message div {
        display: inline-block;
        padding: 5px 10px;
        border-radius: 5px;
        background: #F8F8F8 none repeat scroll 0% 0%;
        border: 1px solid #D1D1D1;
        font-size: 13px;
        line-height: 18px;
        margin: 0px 0px 15px;
    }
    
    .ui-message div p {
        margin: 0;
        font-size: inherit;
        line-height: inherit;
        padding: 0;
    }
}

@media (min-width: 560px) {
    .form-field span {
        display: block;
        width: 350px;
    }
    
    p {
        padding-bottom: 100px;
    }
}

@media (min-width: 768px) {
    form {
        display: inline-block;
        padding: 45px 85px 85px 15px;
        background: #EFEFEF none repeat scroll 0% 0%;
        margin-bottom: 50px;
        font-size: 15px;
        line-height: 22px;
    }
}