/* reset */
/* applet, object, abbr, acronym, address, big, cite, code, del, dfn, b, u, i, center, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, embed, ruby */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
b, strong { font-weight: bold; }
img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: separate; border-spacing: 0; }
th, td, caption { font-weight: normal; vertical-align: top; text-align: left; }
a img { border: 0; }
a, a:link, a:visited, a:hover { text-decoration: none; }
:focus { outline: 0; }
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner { border: 0; padding: 0; margin: 0; outline: 0; }
input, textarea { font-family: sans-serif; -webkit-appearance: none; border-radius: 0; }

.clearfix:before,
.clearfix:after { content: '.'; display: block; clear: both; visibility: hidden; font-size: 0; line-height: 0; height: 0; zoom: 1; }
.clearfix { min-height: 1%; } /* IE 7 FIX */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/*
font-family: 'MuseoSans-700', sans-serif;
font-family: 'MuseoSans-300', sans-serif;
font-family: 'MuseoSans-100', sans-serif;
*/

/* style */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-size: 12px; line-height: 1; font-family: 'MuseoSans-300', sans-serif; color: #333; background: #e4dba8 url('../images/body-bg.jpg') no-repeat center 0; overflow: hidden; }

.fixed { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 100; width: 100%; height: 100%; }

.logo { position: absolute; top: 50%; left: 50%; z-index: 2; }
.logo a { display: none; float: left; margin: -17px 0 0 -120px; width: 239px; height: 34px; background: transparent url('../images/logo.png') no-repeat top left; z-index: 1; cursor: pointer; }
@media (min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 3/2),(-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5),(min-resolution: 144dpi),(min-resolution: 1.5dppx) {
    .logo a {
        background: url("../images/logo-retina.png") no-repeat;
        background-size: 239px 34px;
    }
}

.summary { position: absolute; top: 100%; left: 0; width: 100%; text-align: center; }
.summary section { padding-bottom: 20px; }
.summary section h1 { font-family: 'MuseoSans-100', sans-serif; color: #775474; font-size: 26px; text-transform: uppercase; line-height: 30px; padding-bottom: 10px; letter-spacing: 5px; }
.summary section h2 { font-family: 'MuseoSans-700', sans-serif; font-size: 16px; color: #c3ab92; line-height: 20px; letter-spacing: 3px; }

.page { position: absolute; top: 100%; left: 0; right: 0; bottom: 0; width: 100%; background: #fff; }
.page .wrap { margin: 0 auto; width: 768px; position: relative; }
.page nav { height: 100px; text-align: center; }
.page nav .link-phone { float: right; width: 46px; height: 50px; margin: 25px 0; background: transparent url('../images/btn-phone.png') no-repeat 0 center; }
.page nav .link-phone:hover, 
.page nav .link-phone.active { background-position: -46px center; }
.page nav .link-email { float: left; width: 46px; height: 50px; margin: 25px 0; background: transparent url('../images/btn-email.png') no-repeat 0 center; }
.page nav .link-email:hover, 
.page nav .link-email.active { background-position: -46px center; }
.page nav .link-close { display: inline-block; zoom: 1; *display: inline; width: 46px; height: 50px; margin: 25px 0; background: transparent url('../images/btn-close.png') no-repeat 0 center; }
.page nav .link-close:hover, 
.page nav .link-close.active { background-position: -46px center; }

.contact-email { display: none; position: absolute; top: 100px; left: 0px; width: 768px; }
.contact-email .inside { position: absolute; top: 0; left: 0; width: 100%; height: 326px; }
.contact-email .form-elements { position: absolute; top: 0; left: 0; width: 100%; height: 326px; }
.contact-email .form-message { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 326px; font-family: 'MuseoSans-100', sans-serif; font-size: 24px; color: #c3ab92; line-height: 162px; text-align: center; }
.contact-email .form-message span { color: #775474; }
.contact-email .col-left { float: left; width: 45%; }
.contact-email .col-left input { width: 100%; padding: 0; margin: 0; border: 0; margin-bottom: 18px; height: 40px; line-height: 40px; border-bottom: 2px solid #e7ddd3; font-size: 24px; font-family: 'MuseoSans-100', sans-serif; color: #c3ab92; }
.contact-email .col-left input.error { border-bottom: 2px solid #d58181; }
.contact-email .col-left input:focus { color: #775474; font-family: 'MuseoSans-300', sans-serif; }
.contact-email .col-right { float: right; width: 45%; }
.contact-email .col-right textarea { width: 100%; padding: 0; margin: 0; border: 0; margin-bottom: 18px; height: 162px; line-height: 40px; border-bottom: 2px solid #e7ddd3; font-size: 24px; font-family: 'MuseoSans-100', sans-serif; color: #c3ab92; resize: none; }
.contact-email .col-right textarea.error { border-bottom: 2px solid #d58181; }
.contact-email .col-right textarea:focus { color: #775474; font-family: 'MuseoSans-300', sans-serif; }
.contact-email .buttons { padding: 50px 0; text-align: center; }
.contact-email .buttons a { display: inline-block; zoom: 1; *display: inline; border: 2px solid #e7ddd3; height: 40px; line-height: 40px; width :230px; text-align: center; color: #775474; font-family: 'MuseoSans-100', sans-serif; font-size: 24px; }
.contact-email .buttons a:hover { color: #e7ddd3; }
.contact-phone { display: none; position: absolute; top: 100px; left: 0px; width: 768px; text-align: center; }
.contact-phone .inside { position: absolute; top: 0; left: 0; width: 100%; height: 370px; }
.contact-phone .id-mobile { display: none; height: 70px; text-align: center; padding-top: 50px; }
.contact-phone .id-mobile a { display: inline-block; zoom: 1; *display: inline; width: 102px; height: 69px; margin: 15px 0; background: transparent url('../images/btn-id-mobile.png') no-repeat 0 center; }
.contact-phone .id-mobile a:hover { background-position: -102px center; }
.contact-phone .name { font-family: 'MuseoSans-100', sans-serif; font-size: 26px; color: #c3ab92; text-transform: uppercase; line-height: 30px; padding: 60px 0 30px 0; letter-spacing: 5px; }
.contact-phone .phone { font-family: 'MuseoSans-100', sans-serif; font-size: 62px; color: #775474; line-height: 70px; padding-bottom: 30px; letter-spacing: 5px; }
.contact-phone .phone a { color: #775474; }
.contact-phone .phone-info { display: none; color: #c3ab92; font-size: 16px; font-family: 'MuseoSans-700', sans-serif; text-transform: uppercase; }
.contact-phone .email { font-family: 'MuseoSans-700', sans-serif; font-size: 16px; color: #c3ab92; text-transform: uppercase; line-height: 20px;  letter-spacing: 3px; }
.contact-phone .email a { color: #775474; }
.contact-phone .email a:hover { text-decoration: underline; }
.contact-phone .email-info { display: none; color: #c3ab92; font-size: 16px; font-family: 'MuseoSans-700', sans-serif; text-transform: uppercase; }
.contact-phone .email-single { display: none; font-size: 28px; font-family: 'MuseoSans-100', sans-serif; color: #775474; padding-bottom: 50px; letter-spacing: 3px; line-height: 70px; }
.contact-phone .email-single a { color: #775474; }
.contact-phone .id { height: 80px; text-align: center; padding-top: 50px; }
.contact-phone .id a { display: inline-block; zoom: 1; *display: inline; width: 44px; height: 50px; margin: 15px 0; background: transparent url('../images/btn-id.png') no-repeat 0 center; }
.contact-phone .id a:hover { background-position: -44px center; }

@media screen and (max-width: 767px) { 
    body { overflow: auto; background: #e4dba8 url('../images/bg-mobile.jpg') no-repeat center 0; }
    .fixed { display: none; }
    .logo { position: static; top: auto; left: auto; text-align: center; width: 100%; }
    .logo a { float: none; display: inline-block; zoom: 1; *display: inline; margin: 50px 0; }

    .summary { position: static; top: auto; left: auto; }
    .page { position: static; top: auto; left: auto; right: auto; bottom: auto; }
    .page .wrap { width: 100%; }
    .page nav { display: none; }
    .contact-phone { display: block; position: static; top: 0; left: 0; width: 100%; }
    .contact-phone .inside { position: static; top: auto; left: auto; height: auto; }

    .contact-phone .id-mobile { display: block; }
    .contact-phone .id { display: none; }

    .contact-phone .phone-info { display: block; }
    .contact-phone .phone { font-size: 28px; letter-spacing: 3px; }
    .contact-phone .email { display: none; }
    .contact-phone .email-info { display: block; }
    .contact-phone .email-single { display: block; }

}
@media screen and (max-width: 320px) { 
    .page .wrap { width: 320px; }
}