@charset "utf-8"; 
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, dl, dt, dd, ol, ul, li, fieldset, form, input, select, textarea, label, legend, table
{padding: 0; margin: 0; border: 0; list-style-type: none; line-height:100%; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/hinted-Gotham-Book.woff2') format('woff2'),
        url('../fonts/hinted-Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/hinted-Gotham-BookItalic.woff2') format('woff2'),
        url('../fonts/hinted-Gotham-BookItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/hinted-GothamBold.woff2') format('woff2'),
        url('../fonts/hinted-GothamBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/hinted-Gotham-Medium.woff2') format('woff2'),
        url('../fonts/hinted-Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/hinted-Gotham-Ultra.woff2') format('woff2'),
        url('../fonts/hinted-Gotham-Ultra.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

/*
"minion-pro-display"
400, 600, 700
*/

/* 16px */
body, html {height: 100%;}
body {font: 1em Gotham, sans-serif; color: #021f39; background: #fff; -webkit-text-size-adjust: none;}
a {color: #0251a3; text-decoration: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
a:hover {color: #021f39;}
input, select, textarea, button {font: 1em Gotham, sans-serif; color: #021f39; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance:none;}
input[type="submit"], input[type="reset"], button, label {cursor:pointer; padding:0; border:0;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;}
textarea {overflow:auto;}
table {border-collapse: separate; border-spacing: 0;}
a:active {outline: 0;} *:focus {outline: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
header, section, nav, hgroup, footer, article { display: block; }
strong {font-weight: bold;}
b {font-weight: 900;}
em, i {font-style: italic;}
p {line-height: 140%;}
.left {float: left !important;}
.right {float: right !important;}
.center {text-align:center !important;}
.tleft {text-align:left !important;}
.tright {text-align:right !important;}
.margin0 {margin:0 !important;}
.padding0 {padding:0 !important;}
.border0 {border:0 !important;}
.padding-bottom0 {padding-bottom:0 !important;}
.padding-top0 {padding-top:0 !important;}
.clear {clear:both;}
img {max-width:100%; height:auto; vertical-align:middle;}
.uppercase {text-transform:uppercase}
.no-case {text-transform:none !important;}
.relative {position:relative;}
.overflow-hidden {overflow:hidden;}
.rounded {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;	
}
div.rounded {overflow: hidden;}
button::-moz-focus-inner {padding:0; border:0}
:required {-webkit-box-shadow: none; box-shadow: none;}

::-moz-selection {background: #0251a3; color: #fff;}
::selection {background: #0251a3; color: #fff;}

.wrapper {width: 1300px; margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.valign {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.body-content {float: left; width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.half-content {float: left; width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.padding-content {padding: 70px 0;}

.flex-row {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;	
}
.flex-row.align-center {
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;	
}
.flex-row.align-justify {
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}

.animate-onload [data-effect*="fade"], .animate-onappear [data-effect*="fade"] {opacity: 0;}

.bg-white {background-color: #fff;}
.bg-blue {background-color: #0251a3;}
.bg-orange {background-color: #e57937;}

.color-white {color: #fff;}
.color-blue {color: #0251a3;}
.color-orange {color: #e57937;}
.color-light {color: #add5fe;}

.bg-cover {background-repeat: no-repeat; background-position: center center; background-size: cover;}

.minion {font-family: "minion-pro-display";}

h1 {font-size: 2.500em; margin: 0 0 20px 0; line-height: 110%;}

.middle-text {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 600px;}
.f26 {font-size: 1.625em;}
.col-text {font-size: 1.063em; padding: 0 150px;
	-moz-column-count: 2;
	-moz-column-gap: 100px;
	-webkit-column-count: 2;
	-webkit-column-gap: 100px;
	column-count: 2;
	column-gap: 100px;
}

.entry p {margin: 0 0 25px 0;}
.entry p:last-child {margin: 0;}

.button-u {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; font-size: 14px; font-weight: bold; color: #fff; position: relative; padding: 0 0 11px 0;}
.button-u:before {content: " "; display: block; width: 100%; height: 4px; background: #158dbc; position: absolute; left: 0; bottom: 0;}
.button-u:after {content: " "; display: block; width: 0; height: 4px; background: #e57937; position: absolute; left: 0; bottom: 0;
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}
.button-u:hover {color: #fff;}
.button-u:hover:after {width: 100%;}
.button-u.dark {color: #021f39;}
.button-u.dark:before {background: #e57937;}
.button-u.dark:hover:after {background: #158dbc;}

.button {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; position: relative; background: #e57937; width: 182px; line-height: 65px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
}
.button:before {content: " "; display: block; width: 100%; height: 100%; background: #158dbc; position: absolute; right: 100%; top: 0;
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}
.button strong {position: relative;}
.button:hover {color: #fff;}
.button:hover:before {right: 0;}

.heading {margin: 0 0 70px 0;}
.heading:last-child, .heading :last-child {margin: 0;}

.title-normal {font-size: 2.5em; margin: 0 0 30px 0;}
.title-normal.q {position: relative; margin-top: 40px;}
.title-normal.q:before {content: "“"; position: absolute; left: 0; top: 100px; width: 100%; text-align: center; color: #158dbc; opacity: 0.1; font-size: 11em; font-weight: 700; line-height: 100px; pointer-events: none;}
.title-normal.tw {position: relative; margin-top: 40px;}
.title-normal.tw:before {content: " "; position: absolute; left: 50%; top: -30px; width: 150px; height: 122px; margin: 0 0 0 -75px; pointer-events: none; background: url(../images/tw.png) no-repeat 0 0; background-size: 100% auto;}

#header {background: url(../images/header.jpg) no-repeat center bottom; height: 764px;}
#header .book {float: right;}
#header .cover {width: 752px; margin: -34px 0 0 -90px; position: relative;}
#header .ribbon {width: 132px; height: 132px; position: absolute; left: 70%; top: 9%;}
#header .logo {width: 41px; position: absolute; left: 84%; top: 71%;}

#header .content {padding: 0 90px 0 100px; margin: 170px 0 0 0;}
#header .text p {font-size: 1.375em; line-height: 120%;}
#header .video a {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; color: #021f39; margin: 40px 0 0 0; text-align: left;}
#header .video .thumb {display: block; float: left; width: 120px; height: 120px; background-image: url(../images/video.jpg); font-size: 0; position: relative;
	-webkit-box-shadow: 0 20px 158px 0 rgba(0, 62, 133, 0.65);
	box-shadow: 0 20px 158px 0 rgba(0, 62, 133, 0.65);
}
#header .video .thumb:before {content: " "; display: block; position: absolute; left: 50%; top: 50%; margin: -13.5px 0 0 -11.5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13.5px 0 13.5px 27px;
	border-color: transparent transparent transparent #fff;
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}
#header .video .align {display: block; margin: 0 0 0 150px; line-height: 120px;}
#header .video .title {display: block; font-size: 0.75em; line-height: 130%;}
#header .video a:hover .thumb:before {border-color: transparent transparent transparent #e57937;}

#stores {font-size: 0;}
#stores li {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin: 0 20px 30px 20px;}

#quotes {width: calc(100% + 80px); margin: 0 0 0 -40px;}
.quote {float: left; width: calc(33.3333333333333333% - 14px); margin: 40px 21px 30px 0; background: #e7f3f8; height: 560px; padding: 50px 50px 0 50px; text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}
.quote:nth-child(3) {margin-right: 0;}
.quote:nth-child(2) {background: #b8ddeb; border-top: solid 5px #0251a3; margin-top: 10px;}
.quote:nth-child(2) .image img {margin: 80px 0 0 0;}
.quote .text p {font-size: 1.25em; font-weight: 600;}
.quote .image img {width: 108px; margin: 35px 0 0 0;}
.quote .title {font-weight: 500; font-size: 1.25em; margin: 20px 0 0 0;}
.quote .tagline {font-size: 0.938em; line-height: 150%; margin: 3px 0 0 0;}

#author .image {width: 50vw; margin: 0 0 0 calc((-100vw + 1300px) / 2);}
#author .content {padding: 0 80px;}

#socials {font-size: 0;}
#socials li {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin: 40px 20px 0 0;}
#socials li:last-child {margin-right: 0;}
#socials a {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 90px; height: 90px; background: #e7f3f8; position: relative;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;	
}
#socials a:hover {background: #b8ddeb;}
#socials a:before {content: " "; display: block; background: url(../images/icon-s.png) no-repeat -9999px; background-size: 142px 20px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
#socials .fb:before {width: 10px; height: 20px; background-position: 0 0;}
#socials .tw:before {width: 22px; height: 17px; background-position: -40px 0;}
#socials .in:before {width: 18px; height: 17px; background-position: -80px 0;}
#socials .wi:before {width: 22px; height: 16px; background-position: -120px 0;}

#kotter {
	background: rgb(21,141,188);
	background: -moz-linear-gradient(top, rgba(21,141,188,1) 30%, rgba(255,255,255,1) 85%);
	background: -webkit-linear-gradient(top, rgba(21,141,188,1) 30%,rgba(255,255,255,1) 85%);
	background: linear-gradient(to bottom, rgba(21,141,188,1) 30%,rgba(255,255,255,1) 85%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#158dbc', endColorstr='#ffffff',GradientType=0 );
}
#kotter .logo {margin: 0 0 50px 0;}

.tweet {float: left; width: calc(33.33333333333333% - 20px); margin: 0 30px 30px 0; background: #e7f3f8; height: 266px; padding: 40px 30px 0 30px; text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}
.tweet:nth-child(3) {margin-right: 0;}
.tweet a {color: #158dbc;}
.tweet a:hover {text-decoration: underline;}
.tweet .date {font-weight: 500; font-size: 0.875em; opacity: 0.4; margin: 0 0 5px 0;}
.tweet .text {font-size: 1.25em; font-weight: 600;}
.tweet .text a {font-weight: 700;}
.tweet .user {font-size: 1.25em; font-weight: 500; margin: 20px 0 0 0;}