html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}

@font-face{font-family:'Cooper Hewitt Book';src:url(../fonts/cooperhewitt-book-webfont.eot);src:url(../fonts/cooperhewitt-book-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/cooperhewitt-book-webfont.woff2) format('woff2'),url(../fonts/cooperhewitt-book-webfont.woff) format('woff'),url(../fonts/cooperhewitt-book-webfont.ttf) format('truetype'),url(../fonts/cooperhewitt-book-webfont.svg#cooper_hewittbook) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:'Cooper Hewitt';src:url(../fonts/cooperhewitt-medium-webfont.eot);src:url(../fonts/cooperhewitt-medium-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/cooperhewitt-medium-webfont.woff2) format('woff2'),url(../fonts/cooperhewitt-medium-webfont.woff) format('woff'),url(../fonts/cooperhewitt-medium-webfont.ttf) format('truetype'),url(../fonts/cooperhewitt-medium-webfont.svg#cooper_hewittmedium) format('svg');font-weight:400;font-style:normal}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

body{ font-family: "Cooper Hewitt Book", Arial, sans-serif; font-size: 18px; line-height: 28px; background: #f5f4f4; }

h1{ font-family: "Cooper Hewitt", Arial, sans-serif; font-size: 40px; line-height: 44px; margin-bottom: 0px; color: #96aaba; }
h2{ font-family: "Cooper Hewitt", Arial, sans-serif; font-size: 22px; line-height: 34px; margin-bottom: 30px; color: #96aaba;}

strong{ font-family: "Cooper Hewitt", Arial, sans-serif; color: #96aaba;}

/* layout */
.site-wrapper{ border-top: 10px solid #96aaba; }
.container{ width: 1220px; max-width: 100%; padding: 0 20px; margin: 0 auto;}

.md-logo{ padding: 80px 0 20px; background: white;}
.md-intro{ padding: 80px 0; text-align: center; }
.md-poll{ padding: 80px 0; background: #fff; }

.site-logo{ width: 200px; margin: 0 0 50px; }
.site-logo img{ max-width: 100%; }

.poll-item{ border-bottom: 1px solid #f5f4f4; padding: 0; }
.poll-item-l, .poll-item-r{ float: left; padding: 30px 0 30px 0; }
.poll-item-l{ width: 200px; color: #96aaba; font-family: "Cooper Hewitt", Arial, sans-serif; font-size: 20px; text-align: right; line-height: 26px; }
.poll-item-r{ position: relative; width: 960px; padding-left: 50px; padding-right: 30px; }

.btn-cnt{ padding: 50px 0 0; text-align: center; }
.btn{ display: inline-block; padding: 12px 40px; background: #96aaba; color: white; font-family: "Cooper Hewitt", Arial, sans-serif; font-size: 20px; line-height: 24px; transition: all .3s linear; border: none; border-radius: 5px; cursor: pointer; }
.btn:hover{ background: #4A5E6E; }

.msg-success, .msg-error{ text-align: center; display: none; }
.msg-success{ border: 2px solid #4A5E6E; padding: 30px; }
.msg-error{ color: darkred; border: 2px solid darkred; padding: 30px; margin-bottom: 30px; }
.msg-error h2{ color: darkred; margin-bottom: 10px; }

.irs-min, .irs-max{ display: none !important; }
.txt-lt, .txt-rt{ position: absolute; color: #4A5E6E; font-family: "Cooper Hewitt", Arial, sans-serif; }
.txt-lt{ left: 50px; }
.txt-rt{ right: 30px; }

@media screen and (max-width: 1200px) {
    .poll-item-r{ width: 700px; }
}

@media screen and (max-width: 945px) {
    .poll-item-r{ width: 500px; }
}

@media screen and (max-width: 745px) {
    .md-logo{ padding: 40px 0 10px;}
    .site-logo{ width: 170px; margin-bottom: 20px; }

    .md-intro{ padding: 50px 0;}

    h1{ font-size: 28px; line-height: 38px;}
    h2{ font-size: 20px; line-height: 28px; }

    .poll-item-l, .poll-item-r{ float: none; width: 100%; }
    .poll-item-l{ text-align: left; padding-left: 0; padding-bottom: 10px; }
    .poll-item-r{ padding: 0; margin: 20px 0 40px;}
}