/* ================================================================ *\
	#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: #000; -webkit-font-smoothing:antialiased; }

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

img { border: 0; vertical-align: middle; max-width: 100%; }
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; }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'HelveticaNeueLT Std';
    src: url('fonts/HelveticaNeueLTStd-Roman.woff2') format('woff2'),
        url('fonts/HelveticaNeueLTStd-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Bl';
    src: url('fonts/ProximaNova-Black.woff2') format('woff2'),
        url('fonts/ProximaNova-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLT Std Hv';
    src: url('fonts/HelveticaNeueLTStd-Hv.woff2') format('woff2'),
        url('fonts/HelveticaNeueLTStd-Hv.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica LT Std';
    src: url('fonts/HelveticaLTStd-BoldCond.woff2') format('woff2'),
        url('fonts/HelveticaLTStd-BoldCond.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}


/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widget { position: relative; width: 647px; height: 90px; overflow: hidden; border: 1px solid #000; border-style: inset; background: url(images/temp/sky-alt.jpg); background-size: cover; background-position: center center; font-family: 'Helvetica LT Std'; font-weight: bold; font-size: 13px; color: #eb6003; line-height: .92; }

.widget:after { content: ''; display: table; clear: both; line-height: 0; } 

.widget a { display: inline-block; width: 100%; height: 100%; text-decoration: none; color: inherit; }

.widget a:hover .btn-more:before { opacity: 1; }

.widget h1 { float: left; width: 155px; font-family: 'Proxima Nova Bl'; font-weight: 900; font-size: 31px; line-height: 1; color: #ffd300; letter-spacing: -.019em; text-transform: uppercase; }
.widget h1 span { display: block; margin-bottom: 7px; font-size: 22px; line-height: 0.64; color: #fff; letter-spacing: -.026em; }
.widget h1 strong { display: block; font-weight: 900; font-size: 48px; line-height: .6; letter-spacing: -.02em; }

.widget .widget__content { float: left; padding: 9px 0; }
.widget .widget__content:after { content: ''; display: table; clear: both; line-height: 0; } 

.widget .widget__content p { position: relative; z-index: 3; margin-left: -1px; width: 160px; text-align: center; letter-spacing: -.06em; }
.widget .widget__content p span { font-size: 13px; color: #282828; }

.widget .widget__aside { float: left; padding: 24px 21px 0 15px; }
.widget .widget__inner { position: relative; float: left; }

.widget .widget__inner img { position: absolute; top: calc(100% - 18px); right: -56px; max-width: 208px; }
.widget .widget__inner p { margin-top: -2px; padding-left: 64px; letter-spacing: -.029em; }

.widget .widget__inner figure { position: absolute; top: -20px; left: -4px; z-index: 3; max-width: 98px; }
.widget .widget__inner figure img { position: static; max-width: 100%; }

.widget .widget__foot { position: relative; z-index: 14; padding: 7px 6px 6px; background: #26548f; }
.widget .widget__foot figure { position: absolute; bottom: 0; right: -24px; max-width: 142px; }

.widget .widget__logo {  }

/*  Widget Box  */

.widget--box { width: 296px; height: 248px; background: url(images-wz-1.7/sky.jpg); font-size: 14px; }

.widget--box h1 { float: none; width: auto; margin-bottom: 7px; font-size: 32px; color: #051785; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); letter-spacing: 0; }
.widget--box h1 span { margin-bottom: 7px; color: #161b37; letter-spacing: .01em; }
.widget--box h1 strong { font-size: 50px; letter-spacing: 0; }

.widget--box .widget__content { float: none; padding: 12px 20px 69px; }

.widget--box .widget__content p:before { content: ''; position: absolute; z-index: -1; top: -5px; left: -10px; width: 181px; height: 67px; display: inline-block; background-image: url(images-wz-1.7/text-background.png); }
.widget--box .widget__content p span { letter-spacing: 0; }
.widget--box .widget__content img { position: absolute; bottom: 44px; left: 0; z-index: 6; }

/* ------------------------------------------------------------ *\
	Button More
\* ------------------------------------------------------------ */

.btn-more { position: absolute; top: 16px; right: 8px; z-index: 15; display: inline-block; font-family: 'HelveticaNeueLT Std Hv'; font-weight: 900; font-size: 18px; text-align: center; letter-spacing: -.01em; line-height: .86; color: #c20808; text-decoration: none; text-transform: uppercase; transform: rotate(45deg); transition: 0s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.btn-more span { display: block; }

.btn-more:before { content: ''; position: absolute; bottom: -8px; left: -70px; z-index: -2; display: inline-block; width: 200px; height: 30px; background: #2c6ff9; transform: rotate(-3deg); opacity: .25; transition: opacity .3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.btn-more:after { content: ''; position: absolute; top: -13px; left: -22px; z-index: -1; display: inline-block; width: 94px; height: 94px; background-image: url(images-wz-1.7/button-background.png); background-size: 100% 100%; transform: rotate(-45deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.btn-more:hover { text-decoration: none; }

.btn-more--alt { top: 11px; right: 4px; font-size: 14px; }
.btn-more--alt:after { top: -19px; }
.btn-more--alt:before { bottom: -7px; }