/* common */
body { background-color: #fff; color: #555; font-size: 25px; line-height: 1.44; }
a, a:hover, a:focus { text-decoration: none; }
a { color: #c9b387; }
a:hover, a:focus { color: #000; }
a, input[type="submit"] { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
input, textarea { outline: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

/* font */
body { font-family: 'open-sans-n3', 'open-sans', sans-serif; font-style: normal; font-weight: 300; }
#main blockquote { font-family: 'open-sans-n3', 'open-sans', sans-serif; font-style: italic; font-weight: 300; }
#main em, #main .label, #main .textbox { font-family: 'open-sans-n4', 'open-sans', sans-serif; font-style: normal; font-weight: 400; }
#header .cta a, #main h2, #main strong, #main .button { font-family: 'open-sans-n6', 'open-sans', sans-serif; font-style: normal; font-weight: 600; }
#header .logo { font-family: 'proxima-nova-extra-condensed-n2', 'proxima-nova-extra-condensed', sans-serif; font-style: normal; font-weight: 200; }
#header .text { font-family: 'proxima-nova-extra-condensed-n4', 'proxima-nova-extra-condensed', sans-serif; font-style: normal; font-weight: 400; }

/* header */
#header h1 { margin: 0; padding: 0; }
#header .logo { color: #e6ddc8; font-size: 76px; line-height: 1; padding-top: 40px; text-transform: uppercase; }
#header .frame { height: 373px; left: 15px; overflow: hidden; position: absolute; top: 0; width: 248px; z-index: 10; }
#header .frame img { height: 100%; width: 100%; }
#header .text { color: #fff; display: none; font-size: 32px; text-transform: uppercase; }
#header .mask { left: 0; position: absolute; top: 0; }
#header .cta { float: right; padding: 12px 0; }
#header .cta a { background-color: #fff; border: #c9b387 solid 3px; display: block; font-size: 16px; padding: 4px 18px; text-transform: uppercase; }
#header .cta a:hover { background-color: #c9b387; color: #fff; }
.wf-active #header .logo { font-size: 100px; }
.wf-active #header .text { font-size: 42px; }

/* fixed */
#header.navbar-fixed-top { background-color: #c9b387; border: 0; }
#header.navbar-fixed-top .logo-wrapper, #header.navbar-fixed-top .portrait, #header.navbar-fixed-top .mask { display: none !important; }
#header.navbar-fixed-top .frame { float: left; height: auto; line-height: 61px; position: relative; left: 0; width: auto; }
#header.navbar-fixed-top .text { display: block; }
#header.navbar-fixed-top .cta a { background-color: #c9b387; border-color: #fff; color: #fff; }
#header.navbar-fixed-top .cta a:hover { background-color: #fff; color: #c9b387; }

/* footer */
#footer { border-top: #e6ddc8 solid 3px; color: #c9b387; font-size: 14px; padding: 1.25em 0; text-align: center; text-transform: uppercase; }
#footer p { margin: 0; padding: 0; }

/* main */
#main { padding: 4px 0 36px; }
#main h2, #main p { margin-bottom: 18px; }
#main h2 { font-size: 1em; }
#main blockquote { border-left: 0; font-size: 1em; padding: 0; }
#main blockquote p { margin-bottom: 0; }
#main blockquote footer { color: #555; font-size: 100%; }
#main textarea { height: 134px; resize: none; }

#main .intro, #main .section, #main .contact { padding: 12px 0; }
#main .section:before { background-color: #e6dcc8; content: "— "; display: block; height: 3px; overflow: hidden; position: relative; text-indent: -9999px; top: -12px; width: 124px; }
#main .section:first-child:before { height: 6px; width: 320px; }

#main .label, #main .textbox, #main .button { display: block; font-size: 16px; }
#main .label, #main .textbox { padding: 14px 20px; width: 100%; }
#main .label { color: #e6ddc8; height: 100%; left: 0; line-height: normal; margin: 0; position: absolute; text-align: left; text-transform: uppercase; top: 0; }
#main .textbox { border: 0; color: #555; }
#main .button { background-color: #fff; border: #c9b387 solid 3px; color: #c9b387; display: block; padding: 4px 18px; text-transform: uppercase; }
#main .button:hover { background-color: #c9b387; color: #fff; }
#main .input {
    border: #c9b387 solid 1px; margin-bottom: 14px; overflow: hidden; position: relative; width: 80%;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
#main .output { padding: 12px 0; }

h2.success {
    color: #c9b387;
}

::-webkit-input-placeholder {
   color: #e6ddc8; line-height: normal;  text-transform: uppercase; 
}

:-moz-placeholder { /* Firefox 18- */
   color: #e6ddc8; line-height: normal;  text-transform: uppercase; 
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #e6ddc8; line-height: normal;  text-transform: uppercase; 
}

:-ms-input-placeholder {  
   color: #e6ddc8; line-height: normal;  text-transform: uppercase;  
}

/* sm */
@media (min-width: 640px) and (max-width: 991px){

    /* common */
    body { font-size: 20px; }

    /* header */
    #header .logo { color: #c9b387; font-size: 36px; padding-top: 70px; }
    #header .text { font-size: 30px; }
    #header .frame { height: 248px; width: 214px; }
    #header .cta a { font-size: 14px; padding: 4px 16px; }
    .wf-active #header .logo { font-size: 64px; }
    .wf-active #header .text { font-size: 38px; }

    /* fixed */
    #header.navbar-fixed-top .frame { line-height: 58px; }

    /* footer */
    #footer { font-size: 13px; }

    /* main */
    #main { padding: 74px 0 20px; }
    #main .section:before { width: 104px; }
    #main .section:first-child:before { width: 268px; }
    #main .input { width: 100%; }

}

/* xs */
@media (min-width: 640px) and (max-width: 767px){

    /* header */
    #header .logo { padding-left: 244px; }

}

/* xs */
@media (max-width: 639px){

    /* common */
    body { font-size: 14px; }

    /* header */
    #header .logo { color: #c9b387; font-size: 18px; padding-left: 122px; padding-top: 10px; }
    #header .text { font-size: 16px; }
    #header .frame { height: 124px; width: 107px; }
    #header .cta { padding: 10px 0; }
    #header .cta a { font-size: 12px; padding: 4px 16px; }
    .wf-active #header .logo { font-size: 34px; }
    .wf-active #header .text { font-size: 28px; }

    /* fixed */
    #header.navbar-fixed-top .frame { line-height: 51px; }

    /* footer */
    #footer { font-size: 11px; }

    
    #main { padding: 36px 0 10px; }
    #main h2, #main p { margin-bottom: 10px; }
    #main h2 { margin-top: 10px; }
    #main .intro, #main .section, #main .contact { padding: 10px 0; }
    #main .section:before { width: 64px; }
    #main .section:first-child:before { width: 134px; }
    #main .label, #main .textbox, #main .button { font-size: 14px; }
    #main .label, #main .textbox { padding: 10px; }
    #main .button { padding: 4px 16px; }
    #main .input { margin-bottom: 10px; width: 100%; }
    #main .output { padding: 10px 0; }

}

/* footer checkboxes */
h5 {
            display: inline;
          }
          h5 strong {          
            font-size: 16px;
          }
          #main h5 em {
            padding-top: 5px;
            display: block;
            padding-bottom: 8px;
            font-style: italic;
            padding-left: 20px;
          }

#main blockquote {
    border-left: 0;
    font-size: .9em;
    padding: 0;
    margin: 50px 90px 50px 75px;
}

#main blockquote footer {
    color: #555;
    font-size: 90%;
    padding-top: 10px;
}



@media (max-width: 639px){
#main blockquote {
    border-left: 0;
    font-size: .9em;
    padding: 0;
    margin: 25px;
}

#main blockquote footer {
    color: #555;
    font-size: 90%;
    padding-top: 10px;
}

}