/* ================================================================ *\
	#Reset
\* ================================================================ */

* { padding: 0; margin: 0; outline: 0; }

/* ================================================================ *\
	#Base
\* ================================================================ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { min-width: 980px; background: #fff; font-family: Arial, sans-serif; font-size: 14px; line-height: 1.3; color: #12487b; -webkit-font-smoothing:antialiased; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

/* ================================================================ *\
	#Helpers
\* ================================================================ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }

/* ================================================================ *\
	#Containers
\* ================================================================ */
.shell { width: 846px; margin: 0 auto; }

/* ================================================================ *\
	#Header
\* ================================================================ */
.header { padding-top: 30px; text-align: center; }
.header .shell { width: 891px; }
.header p { color: #003e75; font-size: 17px; font-weight: bold; }

.logo { overflow: hidden; display: inline-block; width: 891px; height: 88px; background: url(images/logo-q.png) no-repeat 0 0; text-indent: 120%; white-space: nowrap; }

/* ================================================================ *\
	#Section Vote
\* ================================================================ */
.section-vote { padding-top: 24px; width: 100%; min-height: 540px;  }

.section-head h1 { font-size: 40px; text-transform: uppercase; text-align: center; }

.section-vote .section-body { position: relative; padding-top: 19px; }

.section-vote .diagram { width: 664px; height: 302px; margin: 0 auto; background: url(images/diagram.png) no-repeat top center; }

.yes,
.no,
.not-sure { position: absolute; font-size: 30px; font-weight: bold; color: #12487b; text-transform: uppercase; }

.yes { top: 62%; left: 19%; }
.no { top: 62%; right: 16%; }
.not-sure { top: 42%; left: 42%; font-size: 32px; letter-spacing: 0.01em; }

.boxes-no,
.boxes-yes,
.boxes-not-sure { position: absolute; }

.boxes-yes { top: 335px; left: -10px; }
.boxes-no { top: 334px; right: 7px; }
.boxes-not-sure { top: 180px; left: 349px; }

.section-vote .items { overflow: hidden; list-style: none outside none; }
.section-vote .item-head span { text-transform: capitalize; }
.section-vote li { float: left; }
.section-vote .item { display: inline-block; width: 117px; height: 132px; padding: 10px 5px; background: #d1d3d4; color: #003e75; text-align: center; text-decoration: none; transition: ease 500ms; }
.section-vote .item-head h4 { font-size: 18px; text-transform: uppercase; font-weight: normal; }

.section-vote li ~ li { margin-left: 10px; }
.section-vote .item-body { display: inline-block; padding-top: 13px; font-size: 13px;  }
.section-vote .item-alt { width: 180px; height: 73px; }
.section-vote .item-alt .item-head h4 { font-size: 20px; }
.section-vote .item-alt .item-head { display: inline-block; padding-top: 6px; }

.section-vote .boxes-no .item { width: 139px; }

.section-vote .item:hover { background-color: rgba(209, 211, 212, 0.7); }

/* ================================================================ *\
	#Section Video
\* ================================================================ */
.section-video { padding-top: 57px; }
.section-video .section-body { margin-left: -18px; text-align: center; }

.section-video .features { overflow: hidden; display: inline-block; padding-top: 4px; list-style: none outside none; }
.section-video .feature { float: left; }
.section-video .feature:first-child { padding-right: 25px; }
.section-video .feature:first-child .feature-head { float: left; width: 95px; padding-top: 4px; margin-right: 13px; font-size: 17px; text-align: right; }
.section-video .feature:first-child .feature-head p { padding-top: 8px; }
.section-video .feature:first-child .feature-body { float: left; }

.section-video .feature:last-child { margin-top: 7px; padding-left: 29px; border-left: 1px solid #e38496; }
.section-video .feature:last-child .feature-images { float: left;  }
.section-video .feature:last-child a { display: inline-block; padding-top: 6px; margin-left: 9px; font-size: 18px; font-weight: bold; color: #ce2848; text-decoration: underline; }
.section-video .feature:last-child a:hover { color: #a91935; }
.section-video .feature:last-child p { font-size: 17px; text-align: center; }

/* ================================================================ *\
	#Footer
\* ================================================================ */
.footer { padding-top: 62px; padding-bottom: 20px; }
.footer-body { text-align: center; }
.footer-body > p { display: inline-block; margin-right: 10px; vertical-align: top; }
.partners { display: inline-block; list-style: none outside none; }
.partners li { float: left; }
.partners li ~ li { margin-left: 20px; }