/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com
   ========================================================================== */
html, button, input, select, textarea { color: #222; font-family: Verdana, Geneva, sans-serif; -webkit-font-smoothing: antialiased; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
a { text-decoration: none; color: #838383; }
h1 { font-family: 'adobe-caslon-pro', serif }
h1 { margin: .67em 0; font-weight: 400; font-size: 1.5em; line-height: 1.3em; }
h2 { font-size: 1.5em; margin: .83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: .83em; margin: 1.67em 0; }
h6 { font-size: .67em; margin: 2.33em 0; }
ol ol li { list-style: lower-alpha }
img { display: block; margin: 0; vertical-align: top; }
img.preload { opacity: 0; visibility: hidden; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; }
img.loaded { opacity: 1; visibility: visible; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; }
.screen-reader-text { position: absolute; left: -1000em; }
.video-wrapper { position: relative; nowhitespace: afterproperty; padding-bottom: 57.10%; /* 16: 9 */ padding-top: 25px; height: 0; ; }
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
table, table td { border-color: #838383; border-style: solid; border-width: 1px; }

/* ===== Initializr Styles ==================================================
   Author: Sara Garcia - saragm.com
   ========================================================================== */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-family: Verdana, Geneva, sans-serif; line-height: 1.4em; font-size: 14px; color: #333; }
.wrapper { position: relative; max-width: 1300px; margin: 0 auto; padding: 0 1.2em; }

/* ====================
    MOBILE: Header
   ==================== */
.site-header { position: relative; z-index: 1; width: 100%; background: #FFF; }
.site-header hgroup { height: auto; margin: 2em auto 1em; text-align: center; padding: 0; }
.site-header hgroup h1 { width: 207px; height: 17px; margin: 0 auto .3em; padding: 0; overflow: hidden; font-size: 1em; }
.site-header hgroup h1 a { display: block; width: 100%; height: 100%; background: url(img/logo_large.png) left center no-repeat; text-indent: -9999em; text-decoration: none; outline: 0; }
.svg .site-header hgroup h1 a { background: url(img/logo.svg) left center no-repeat; background-size: 100%; }
.site-header hgroup h2 { height: auto; width: auto; margin: 0; padding: 0; border-left: 0; font-size: 1em; line-height: 1.3em; font-family: Verdana, Geneva, sans-serif; -webkit-font-smoothing: antialiased; line-height: 1.5384615384615383em; color: #C6C6C6; font-weight: 400; }
.site-header hgroup h2 a { color: #C6C6C6; text-decoration: none; outline: 0; }
.site-header #header-top { height: 100px }
.relative-no-height { position: relative; height: 0; }

/* ====================
    MOBILE: Navigation
   ==================== */
.fixed-header { position: static; background-color: #171717; }
.fixed-header.fixed-height { height: 49px }
.fixed-header.fixed { position: fixed; top: 0; left: 0; right: 0; margin: 0; }
#mobile-nav-control { cursor: pointer; display: block; right: 0; display: block; position: absolute; z-index: 1; top: 0; width: 2.692307692307692em; height: 2.692307692307692em; padding: 0; background: #1C1C1C; border-left: #232323 solid 1px; -webkit-box-shadow: -2px 0 0 -1px #0b0b0b; -moz-box-shadow: -2px 0 0 -1px #0b0b0b; box-shadow: -2px 0 0 -1px #0b0b0b; color: #FFF; font-size: 1.3em; line-height: 2.692307692307692em; text-align: center; text-decoration: none; }
#mobile-nav-control span { position: absolute; left: 0; font-size: 1em; margin-top: 9px; margin-left: 11px; top: 8px; width: 1.5em; height: 0.17em; background: #bbbbbb; box-shadow: 0 0.4em 0 0 #bbbbbb, 0 0.8em 0 0 #bbbbbb; }
.site-nav { clear: both; width: 100%; height: auto; background: #1C1C1C; display: block; }
.site-nav.open { padding-bottom: 3.5em }
.site-nav ul { width: auto; border-right: #0B0B0B solid 1px; padding: 0; margin: 0 -1.2em; }
.site-nav ul li { display: none; margin: 0; padding: 0; }
.site-nav ul li.current_page_item, .site-nav ul li.current_page_parent { display: block }
.blog li.blog, .kevin li.kevin, .lovemarks li.lovemarks { display: block }
.site-nav.open ul li { display: block }
.site-nav ul li a { display: block; height: 4.11764705882353em; background: #1C1C1C; padding: 0 1.411764705882353em; border-bottom: #0B0B0B solid 1px; border-top: #232323 solid 1px; -webkit-box-shadow: -2px 0 0 -1px #0b0b0b; -moz-box-shadow: -2px 0 0 -1px #0b0b0b; box-shadow: -2px 0 0 -1px #0b0b0b; color: #999; font-size: .85em; line-height: 4.11764705882353em; text-transform: uppercase; text-decoration: none; -webkit-font-smoothing: antialiased; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out, color .2s ease-in-out; -ms-transition: background-color .2s ease-in-out, color .2s ease-in-out; -o-transition: background-color .2s ease-in-out, color .2s ease-in-out; transition: background-color .2s ease-in-out, color .2s ease-in-out; }
.site-nav ul li a:hover, .site-nav ul li a:focus { outline: 0; background: #171717; color: #FFF; }
.site-nav ul li.current_page_item a, .site-nav ul li.current_page_item a:hover, .site-nav ul li.current_page_item a:focus { color: #FFF; background: #1C1C1C; border-bottom: #0B0B0B solid 1px; border-top: #232323 solid 1px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
html .search .site-nav ul li.current_page_item a, html .search .site-nav ul li.current_page_parent a, html .search li.kevin a, html .search li.lovemarks a, html .search li.blog a, html .search li.media-kit a { color: #999999 }
html .search .site-nav ul li.current_page_item a:hover, html .search .site-nav ul li.current_page_parent a:hover, html .search li a:hover { color: #ffffff }
.kevin .site-nav ul li.current_page_item a, .kevin .site-nav ul li.current_page_parent a, .kevin li.kevin a { color: #9d2fa7 }
.media-kit .site-nav ul li.current_page_item a, .media-kit .site-nav ul li.current_page_parent a { color: #068e36 }
.lovemarks .site-nav ul li.current_page_item a, .lovemarks .site-nav ul li.current_page_parent a, .lovemarks li.lovemarks a { color: #d61012 }
.blog .site-nav ul li.current_page_item a, .blog .site-nav ul li.current_page_parent a, .blog li.blog a { color: #16aef2 }
.contact .site-nav ul li.current_page_item a, .contact .site-nav ul li.current_page_parent a { color: #fbbc2a }
.subscribe-main .site-nav ul li.current_page_item a, .subscribe-main .site-nav ul li.current_page_parent a { color: #ff6000; }
.site-nav ul li:last-child a { border-right: #0B0B0B solid 1px; -webkit-box-shadow: -2px 0 0 -1px #0B0B0B, 2px 0 0 -1px #232323; -moz-box-shadow: -2px 0 0 -1px #0B0B0B, 2px 0 0 -1px #232323; box-shadow: -2px 0 0 -1px #0B0B0B, 2px 0 0 -1px #232323; }
.site-nav ul li:last-child a:hover, .site-nav ul li:last-child a:focus { outline: 0; background: #171717; }
.site-nav ul li:last-child.current_page_item a, .site-nav ul li:last-child.current_page_item a:hover, .site-nav ul li:last-child.current_page_item a:focus { background: #000; border-left: #000 solid 1px; -webkit-box-shadow: -2px 0 0 -1px #232323, 2px 0 0 -1px #232323; -moz-box-shadow: -2px 0 0 -1px #232323, 2px 0 0 -1px #232323; box-shadow: -2px 0 0 -1px #232323, 2px 0 0 -1px #232323; }
/* Search Form */
.site-nav #searchform { display: none; position: absolute; top: auto; bottom: -3.5em; left: 0; right: 0; width: 100%; height: 3.5em; background: #FFF; border: 0; border-top: #000 solid 1px; border-bottom: #E3E3E3 solid 1px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.site-nav.open #searchform { display: block }
#searchform input#s { height: 1.7647058823529411em; width: 80%; margin: 0; padding: 1.1764705882352942em 1.411764705882353em; background: 0; border: 0; color: #C6C6C6; font-size: .9em; }
#searchforminput[type=text]:focus, #searchform input#s:focus { color: #000 }
#searchform input[type=submit] { position: absolute; right: 0; width: 4.11764705882353em; height: 4.11764705882353em; font-size: .85em; line-height: 4.11764705882353em; padding: 0; border: 0; text-indent: -9999em; overflow: hidden; margin: 0; background: url(img/search.png) center 4px no-repeat; }
.svg #searchform input[type=submit] { background: url(img/search.svg) center 1.4705882352941178em no-repeat; background-size: 1.1764705882352942em; }
.site-nav form input[type=submit] { }
.site-nav form input:focus { outline: 0 }
.site-nav form.active input[type=text]:focus, .site-nav form.active input[type=search]:focus { color: #000 }
.site-nav.open form { display: block }
/* Subnavigation */
.sub-nav { position: relative; z-index: 3; margin: 0 auto; background: url(img/bg.png) center top repeat #f3f3f3; border-bottom: #fff solid 1px; -webkit-box-shadow: 0 -4px 5px 5px rgba(0, 0, 0, .1); -moz-box-shadow: 0 -4px 5px 5px rgba(0, 0, 0, .1); box-shadow: 0 -4px 5px 5px rgba(0, 0, 0, .1); display: none; }
.sub-nav.current-section { display: block }
.sub-nav.secondary { }
.sub-nav ul { margin: 0 auto; font-size: 0; padding: 14px 0 8px; }
.sub-nav ul li { display: inline-block; zoom: 1; *display: inline; margin: 0 0 0 17px; padding: 0; font-size: 11.9px; }
.sub-nav ul li a { text-transform: uppercase; text-decoration: none; }
.sub-nav ul li a:hover { color: #1c1c1c }
.kevin .sub-nav ul li.current_page_item a, .kevin .sub-nav ul li.current_page_parent a, .single-speech .sub-nav ul li.speeches a, .single-interview .sub-nav ul li.interviews a, .single-kevin_video .sub-nav ul li.kevin-videos a { color: #9d2fa7 }
.media-kit .sub-nav ul li.current_page_item a, .media-kit .sub-nav ul li.current_page_parent a { color: #068e36 }
.lovemarks .sub-nav ul li.current_page_item a, .lovemarks .sub-nav ul li.current_page_parent a, .single-lovemarks-video .sub-nav ul li.lovemarks-videos a { color: #d61012 }
.blog .sub-nav ul li.current_page_item a, .blog .sub-nav ul li.current_page_parent a { color: #16aef2 }
.contact .sub-nav ul li.current_page_item a, .contact .sub-nav ul li.current_page_parent a { color: #fbbc2a }
.sub-nav ul li:first-child { margin: 0 0 0 17px }
.sub-nav ul li:last-child { margin: 0 0 0 17px }

/* ====================
    MOBILE: Footer
   ==================== */
.footer-container { height: 49px; position: relative; width: 100%; background: #FFF; border-top: #E3E3E3 solid 1px; }
.footer-container footer { padding-bottom: 1.2em }
.footer-container h1 { margin: .5em auto 0; width: 140px; height: 3.5em; overflow: hidden; padding: 0; font-size: 1em; text-indent: -9999em; }
.svg .footer-container h1 { background: url(img/logo.svg) left center no-repeat; background-size: 100%; }
.footer-container .legal-nav { zheight: 3.5em }
.footer-container .legal-nav ul { float: none; height: auto; width: 100%; margin: .5em 0 0; padding: 0; }
.footer-container .legal-nav ul li { float: none; display: block; zoom: 1; margin: 0 .5em; padding: 0; text-align: center; }
.footer-container .legal-nav ul li a { float: none; display: inline; height: 1.4285714285714286em; color: #898989; font-size: .7em; line-height: 1.4285714285714286em; text-transform: uppercase; text-decoration: none; }

/* ====================
    MOBILE: HOME HEADER
   ==================== */
.hero-slideshow-wrap { margin: -2em 0 5px 0; overflow: hidden; }
.hero-slideshow { position: relative; z-index: 0; height: 0; margin: 0; overflow: visible; padding-bottom: 45.0526%; background: #000; }
.hero-slideshow>nav { display: none; position: relative; width: 100%; height: 100%; padding: 0 0 31.8518%; }
.hero-slideshow>nav ul { position: absolute; z-index: 9999; bottom: 0; left: 0; right: 0; margin: 0; padding: 0 0 6% 6%; }
.hero-slideshow>nav ul li { float: left; margin: 0 .6em 0 0; padding: 0; }
.hero-slideshow>nav ul li a { display: block; width: 2em; height: .4em; background: #646464; background: rgba(255, 255, 255, .5); text-indent: -9999em; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
.hero-slideshow>nav ul li a span { width: 0; background: #fff; height: 100%; display: block; }
.hero-slideshow>nav ul li a:hover { background: #fff; background: rgba(255, 255, 255, .8); }
.hero-slideshow>nav ul li a.active span { width: 100%; -webkit-transition: width 5.7s ease-in; -moz-transition: width 5.7s ease-in; -ms-transition: width 5.7s ease-in; -o-transition: width 5.7s ease-in; transition: width 5.7s ease-in; }
.hero-slideshow>.slide { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: opacity .8s ease-in-out; -moz-transition: opacity .8s ease-in-out; -ms-transition: opacity .8s ease-in-out; -o-transition: opacity .8s ease-in-out; transition: opacity .8s ease-in-out; }
.hero-slideshow>.slide .banner { position: relative; width: 100%; max-width: 1800px; height: 100%; margin: 0 auto; overflow: hidden; background: #000; }
.lovemarks .hero-slideshow>.slide .banner { margin-bottom: 10px }
.hero-slideshow>.slide .banner:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.hero-slideshow>.slide .banner>.wrapper { width: 100%; height: 100%; padding: 0; }
.hero-slideshow>.slide .banner header { display: table; position: relative; z-index: 2; width: 100%; height: 100%; padding: 0; visibility: hidden; opacity: 0; -webkit-transform: translateZ(0) translateX(-6em); -moz-transform: translateZ(0) translateX(-6em); -ms-transform: translateZ(0) translateX(-6em); -o-transform: translateZ(0) translateX(-6em); transform: translateZ(0) translateX(-6em); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.hero-slideshow>.slide .banner header .center { display: table-cell; width: 100%; height: 100%; padding: 6%; vertical-align: bottom; }
.hero-slideshow>.slide .banner header h3 { float: left; margin: 0; color: #fff; font-size: .9em; line-height: 1em; font-weight: 400; text-transform: uppercase; text-shadow: 0 0 .5em rgba(0, 0, 0, .5); -webkit-font-smoothing: antialiased; }
.hero-slideshow>.slide .banner header h1 { float: left; clear: both; padding: 0.7em .6363636363636362em .3em; background: #fff; border-top: #2295d2 solid 4px; font-size: 1.2em; line-height: 1.2em; }
.hero-slideshow>.slide.kevin .banner header h1 { border-top: #9d2fa7 solid 4px; line-height: 1.2em; padding-top: 0.7em; padding-bottom: 0.3em; }
.hero-slideshow>.slide.speeches .banner header h1 { border-top: #9d2fa7 solid 4px }
.hero-slideshow>.slide.lovemarks .banner header h1 { border-top: #d61012 solid 4px }
.hero-slideshow>.slide.blog .banner header h1 { border-top: #16aef2 solid 4px }
.hero-slideshow>.slide .banner header h1 a { text-decoration: none; color: #1c1c1c; }
.hero-slideshow>.slide .banner header .play-video { position: relative; display: block; float: left; clear: both; height: 2em; padding: 0 1em; margin: 1em 0 0; background: #d61012; border-left: #fff solid 2em; color: #fff; line-height: 2em; text-transform: uppercase; text-decoration: none; -webkit-font-smoothing: antialiased; }
.hero-slideshow>.slide .banner header .play-video:hover:before { background: url(img/play-black.png) center no-repeat }
.hero-slideshow>.slide .banner header .play-video:before { content: ""; position: absolute; top: 0; left: -2em; width: 2em; height: 2em; background: url(img/play.png) center no-repeat; -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -ms-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; transition: background .2s ease-in-out; }
.hero-slideshow>.slide .banner header p { clear: both; max-width: 45em; margin: 0; padding: .3333333333333333em 1.5555555555555554em; color: #646464; background: #fff; background: rgba(255, 255, 255, .65); font-size: .9em; }
.hero-slideshow>.slide .banner img { position: absolute; z-index: 0; top: 0; left: 0; display: block; width: 100%; height: auto; margin: 0; vertical-align: top; }
.hero-slideshow>.slide .page { visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: opacity .8s ease-in-out .2s; -moz-transition: opacity .8s ease-in-out .2s; -ms-transition: opacity .8s ease-in-out .2s; -o-transition: opacity .8s ease-in-out .2s; transition: opacity .8s ease-in-out .2s; }
.hero-slideshow>.slide.active { opacity: 1; visibility: visible; }
.hero-slideshow>.slide.active header { visibility: visible; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; }
.hero-slideshow>.slide.active .page { visibility: visible; opacity: 1; -webkit-transition: opacity .8s ease-in-out; -moz-transition: opacity .8s ease-in-out; -ms-transition: opacity .8s ease-in-out; -o-transition: opacity .8s ease-in-out; transition: opacity .8s ease-in-out; }
.hero-slideshow.lovemark { margin-bottom: 270px }
.kr-slider-title { background-image: url('img/play-icon.png'); background-position: right center; background-repeat: no-repeat; padding-right: 24px; }
.pagination { clear: both }
.pagination ul { list-style: none; margin: 0; padding: 0; }
.pagination ul li { display: none; margin: 0; padding: 1%; }
.pagination ul li a { display: block; margin: 0; padding: 1em; text-decoration: none; text-align: center; background: rgba(212, 212, 212, .5); color: #a1a1a1; }
.pagination ul li.next { display: block; text-transform: uppercase; font-size: .8em; font-weight: 700; }
.slideshow-mask { position: relative; z-index: 1; height: 20px; margin: -120px -2em -1em -2em; padding-top: 100px; background: url(img/bg-fade.png) center top repeat-x; text-align: center; opacity: 1; visibility: visible; }
.slideshow-mask a { display: block; position: relative; top: -.2em; overflow: hidden; color: #bbb; font-size: .9em; line-height: 1.6em; text-transform: uppercase; text-decoration: none; }
.slideshow-mask a:after { content: "..."; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(img/bg.png); font-family: adobe-caslon-pro, "Adobe Caslon Pro", serif; font-weight: 400; font-size: 3em; line-height: .35em; opacity: 1; visibility: visible; }
.slideshow-mask a:hover:after { opacity: 0; visibility: hidden; }
.slideshow-mask.inactive { opacity: 0; visibility: hidden; -webkit-transition: opacity .2s ease-in-out .3s; -moz-transition: opacity .2s ease-in-out .3s; -ms-transition: opacity .2s ease-in-out .3s; -o-transition: opacity .2s ease-in-out .3s; transition: opacity .2s ease-in-out .3s; }
.overlay { position: fixed; display: table; z-index: 99999; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; background: rgba(0, 0, 0, .5); opacity: 0; visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; }
.lt-ie9 .overlay { left: 18%; width: 50%; }
.overlay.active { opacity: 1; visibility: visible; }
.overlay .content { position: relative; display: table-cell; width: 100%; height: 100%; padding: 3% 10%; vertical-align: middle; text-align: center; }
.overlay .content a.close-overlay { position: absolute; z-index: 1; top: 2px; right: 2px; display: block; width: 30px; height: 30px; overflow: hidden; margin: -15px; background: url(img/close.png) center no-repeat; text-indent: -9999em; }
.overlay .content .video-frame { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin: 0 auto; background: #1c1c1c; -webkit-box-shadow: 0 0 3em 0 rgba(0, 0, 0, .6); -moz-box-shadow: 0 0 3em 0 rgba(0, 0, 0, .6); box-shadow: 0 0 3em 0 rgba(0, 0, 0, .6); }
.overlay .content .video-frame iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; vertical-align: top; }
.primary-content.search { width: 100% }
.primary-content .sub-section .media-slideshow { position: relative; list-style: none; width: 100%; height: 0; overflow: hidden; margin: 1em 0 2em; padding: 0 0 56%; background: #1c1c1c; }
.primary-content .sub-section .media-slideshow:first-child { margin-top: 0 }
.primary-content .sub-section .media-slideshow nav { position: absolute; width: 100%; height: 100%; }
.primary-content .sub-section .media-slideshow nav ul { position: absolute; z-index: 9999; bottom: 1em; left: 1em; margin: 0; padding: 0; }
.primary-content .sub-section .media-slideshow nav ul li { float: left; margin: .6em .6em 0 0; padding: 0; }
.primary-content .sub-section .media-slideshow nav ul li a { display: block; width: 2em; height: .4em; background: #646464; background: rgba(255, 255, 255, .5); text-indent: -9999em; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
.primary-content .sub-section .media-slideshow nav ul li a:hover { background: #fff; background: rgba(255, 255, 255, .8); }
.primary-content .sub-section .media-slideshow nav ul li a.active { background: #fff }
.primary-content .sub-section .media-slideshow .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: left .3s ease-in-out; -moz-transition: left .3s ease-in-out; -ms-transition: left .3s ease-in-out; -o-transition: left .3s ease-in-out; transition: left .3s ease-in-out; }
.primary-content .sub-section .media-slideshow .slide .caption { position: absolute; bottom: 2.4em; left: 1em; opacity: 1; visibility: visible; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: opacity .3s ease-in-out .2s; -moz-transition: opacity .3s ease-in-out .2s; -ms-transition: opacity .3s ease-in-out .2s; -o-transition: opacity .3s ease-in-out .2s; transition: opacity .3s ease-in-out .2s; }
.primary-content .sub-section .media-slideshow .slide .caption span { display: inline-block; zoom: 1; *display: inline; margin: 0; padding: .6em .5em .3em; background: #fff; background: rgba(255, 255, 255, .6); color: #1c1c1c; font-weight: 400; font-size: 1.5em; line-height: 1.3em; }
.primary-content .sub-section .media-slideshow .slide img { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0; vertical-align: top; }
.primary-content .sub-section .media-slideshow .slide a.play-video { position: absolute; top: 50%; left: 50%; width: 3.8em; height: 3.8em; margin: -1.9em; background: url(img/play.png) center no-repeat #fff; text-decoration: none; -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -ms-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; transition: background .2s ease-in-out; }
.primary-content .sub-section .media-slideshow .slide a.play-video:hover { background: url(img/play-black.png) center no-repeat #fff }
.primary-content .sub-section .media-slideshow .slide a.play-video:after { display: block; content: 'Play video'; position: relative; top: 100%; left: -50%; width: 200%; padding-top: 1em; color: #fff; font-size: 1.1em; text-align: center; text-transform: uppercase; -webkit-font-smoothing: antialiased; }
.primary-content .sub-section .media-slideshow .slide iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.primary-content .sub-section .media-slideshow .slide.left .caption, .primary-content .sub-section .media-slideshow .slide.right .caption { opacity: 0; visibility: hidden; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; }
.primary-content .sub-section .media-slideshow .slide.left { left: -100% }
.primary-content .sub-section .media-slideshow .slide.right { left: 100% }
img { display: block; margin: 0; vertical-align: top; }
img.preload { opacity: 0; visibility: hidden; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; }
img.loaded { opacity: 1; visibility: visible; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; }
.large-image { position: relative; top: -2em; clear: both; margin: 0 0 4em; overflow: hidden; background: #fff; }
.large-image img { display: block; width: 100%; height: auto; margin: 0; vertical-align: top; }
.kevin-play-button { vertical-align: middle !Important; }

/* ====================
    MOBILE: Content
   ==================== */
.site-content { position: relative; z-index: 0; width: 100%; overflow: hidden; padding: 1em 0; background: url(img/bg.png) center top repeat #f3f3f3; }
.primary-content { color: #838383 }
.inner-wrapper { padding: 1em 0; position: relative; }
.primary-content .sub-section h1 { position: relative; margin: 0 0 1em; padding: .4117647058823529em 0; color: #1c1c1c; font-size: 2em; line-height: 1.2em; }
.primary-content .sub-section h2 { margin: 3em 0 1em; color: #646464; font-size: 1.2em; line-height: 1.4em; font-weight: 400; }
.primary-content .sub-section h1:after { content: ""; position: absolute; bottom: -1px; left: 0; width: 2.3529411764705883em; height: 2px; background: #1c1c1c; }
.kevin .primary-content .sub-section h1:after { background: #9d2fa7 }
.media-kit .primary-content .sub-section h1:after { background: #068e36 }
.lovemarks .primary-content .sub-section h1:after { background: #d61012 }
.blog .primary-content .sub-section h1:after { background: #16aef2 }
.contact .primary-content .sub-section h1:after { background: #fbbc2a }
.subscribe-main .primary-content .sub-section h1:after { background: #ff6000 }
.search .primary-content .sub-section h1:after { background: #000000 }
.primary-content img { width: 100%; height: auto; }
.primary-content a { text-decoration: underline }
.primary-content .sub-section { font-size: .9em; line-height: 2em; padding-bottom: 3em; }
.secondary-content { float: none; width: auto; margin: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
hr.shadow { position: relative; width: 100%; height: 3px; margin: 0 auto 4em; padding: 1em 0 0; border: 0; border-bottom: #fff solid 1px; }
hr.shadow:before { content: ""; position: absolute; z-index: -1; bottom: 0; left: 0; right: 0; width: 100%; height: 200%; background: url(img/bg.png) center top repeat #f3f3f3; }
hr.shadow:after { content: ""; position: absolute; z-index: -2; bottom: 0; left: 25%; right: 25%; width: 50%; height: 20%; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 40px rgba(0, 0, 0, .5); box-shadow: 0 0 40px rgba(0, 0, 0, .5); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; }

/* ====================
    MOBILE: Books
   ==================== */
.books-list, .download-list { clear: both; padding-bottom: 5.5%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
.books-list .books, .download-list .downloads { list-style: none; margin: 0; padding: 0; }
.books-list .books .book, .download-list .downloads li { float: none; width: 100%; height: auto; margin: 0; }
.books-list .books .book:last-child .images-spacer-bottom, .download-list .downloads li:last-child .images-spacer-bottom { height: 0; }
.books-list .books .book, .download-list .downloads .download { position: relative; float: none; width: 100%; height: auto; margin: 1em 0 0 0; background: transparent; overflow: hidden; }
.books-list .books .book a, .books-list .books .book a:hover { color: #838383 }
.books-list .books .book .image { background: #1c1c1c; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: margin .3s ease-in-out,padding .3s ease-in-out; -moz-transition: margin .3s ease-in-out,padding .3s ease-in-out; -ms-transition: margin .3s ease-in-out,padding .3s ease-in-out; -o-transition: margin .3s ease-in-out,padding .3s ease-in-out; transition: margin .3s ease-in-out,padding .3s ease-in-out; display: block; }
.books-list .books .book .image img, .download-list .downloads .download .image img { display: block; width: 100%; height: auto; margin: 0; vertical-align: top; }
.books-list .books .book .text, .download-list .downloads .download .text { position: absolute; bottom: -42px; left: 0; right: 0; background: #fff; padding: 10px; font-size: .9em; line-height: 2em; text-transform: uppercase; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: bottom .3s ease-in-out; -moz-transition: bottom .3s ease-in-out; -ms-transition: bottom .3s ease-in-out; -o-transition: bottom .3s ease-in-out; transition: bottom .3s ease-in-out; }
.books-list .books .book .text:after, .download-list .downloads .download .text:after { content: ""; position: absolute; bottom: 100%; left: .75em; width: 0; height: 0; margin: 0 0 -.5em 0; border: transparent solid .5em; border-bottom-color: #fff; -webkit-transition: margin .2s ease-in-out; -moz-transition: margin .2s ease-in-out; -ms-transition: margin .2s ease-in-out; -o-transition: margin .2s ease-in-out; transition: margin .2s ease-in-out; }
.books-list .books .book .text a.amazon { display: block; font-size: .9em; font-weight: 400; text-decoration: none; color: #646464; }
.books-list .books .book:hover .image { margin-top: -1em; padding-bottom: 1em; }
.books-list .books .book:hover .text, .download-list .downloads .download:hover .text { bottom: 0 }
.books-list .books .book:hover .text:after, .download-list .downloads .download:hover .text:after { margin: 0 }
#images.sub-section h2 { font-weight: bold }
.download-list p { margin: 0 }
.download-list .text-links h3 { font-size: 1em; line-height: 1.5em; font-weight: normal; }
.download-list .text-links a { text-decoration: none }
.download-list .text-links p { line-height: 1.5em; font-size: .9em; line-height: 2em; margin: 0; }
.download-list .downloads .download .text { bottom: -54px }
.download-list .text p { margin: 0; text-transform: none; line-height: 1.5em; }
.download-list .text-links a:hover { color: #068e36 }
.download-list { padding-bottom: 0 }

/* Media Kit Image Changes */
ul.downloads div.text { background: #fff; padding: 10px; font-size: .9em; line-height: 2em; text-transform: uppercase; }
.download-list .downloads .download .image { background: transparent; display: block; }
.download-list .downloads .download:hover .image { margin-top: 0; padding-bottom: 0; }
.kevin-roberts-images-spacer { display: block; height: 5px; }
.images-spacer-bottom { display: block; height: 16px; }

/* ====================
    MOBILE: Contact Page
   ==================== */
#contact form > div { width: 100%; margin-bottom: 5px; display: block; ztoverflow: hidden; }
#contact form div.wpcf7-display-none { display: none }
#contact .wpcf7-form-control-wrap { line-height: 1em }
#contact form div.comments { height: 200px }
#contact label { background: #c7c7c7; background: rgba(0,0,0,.1); width: 30%; height: 20px; float: left; padding: 8px 0 12px 2%; font-family: 'adobe-caslon-pro', serif; font-size: 1.2em; }
#contact label.active { background: #fbbc2a; color: #ffffff; }
#contact label[for="your-comments"] { height: 180px }
#contact span { float: right; width: 68%; }
#contact span input[type="text"], #contact span input[type="email"], #contact span select, #contact span textarea { background: #fff; width: 100%; height: 40px; -webkit-appearance: none; padding: 0 1%; border: none; border-radius: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#contact span select { background: #fff url(img/icon-arrow-dwn.png) no-repeat 15px; box-sizing: content-box; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 40px; }
.svg #contact span select { background: #fff url(img/icon-arrow-dwn.svg) no-repeat 15px }
#contact span input[type="text"]:focus, #contact span input[type="email"]:focus, #contact span select:focus, #contact span textarea:focus { border: none; box-shadow: none; outline: none; }
#contact span textarea { height: 200px; width: 100%; padding: 1em 1% 1em 1%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#contact form div.subscription { height: auto }
#contact span.accept-subscription { padding: 10px 0 0; background: none; width: 100%; float: none; }
.submit-button span { width: 100%; float: none; }
#contact input[type="submit"] { text-transform: uppercase; background: #c7c7c7; background: rgba(0,0,0,.1); height: 40px; width: 100%; -webkit-appearance: none; border: none; color: #838383; }
#contact input[type="submit"].hover { background: #fbbc2a; color: #ffffff; }
#contact .ajax-loader { width: 43px; height: 11px; margin: 14px auto 0 auto; }
#contact .wpcf7-not-valid { border: 1px #ed331c solid !Important }
#contact span.wpcf7-not-valid-tip { width: 100%; padding: 3px 1% 3px 1%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#contact .wpcf7-response-output { height: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; }
#contact .subscription { overflow: hidden; padding-top: 6px; padding-bottom: 6px; }
#contact .subscription span { width: 100%; float: none; background-color: transparent; }
#contact .subscription label { width: 100%; float: none; background-color: transparent; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#contact .subscription.hide-subscription { display: none !Important; }

/* ====================
    MOBILE: Speeches and Interviews Pages
   ==================== */
.primary-content.narrower { width: auto }
.type-select-wrapper, .speech-year-select-wrapper { float: none; width: auto; margin-top: 0; }
.primary-content.narrower .sub-section { padding-bottom: 1.5em }
.year-select-label, .type-select-label, .location-select-label, .topic-select-label { float: left; line-height: 27px; padding-right: 10px; }
.year-select-label { margin-left: 0px; clear: left; }
.year-select-interviews-label, .type-select-label { width: 52px; }
.year-select-speeches-label, .location-select-label, .topic-select-label { width: 70px; }
.sort-button-wrapper { float: left; line-height: 27px; margin-left: 0px; margin-bottom: 18px; clear: left; }
#sort-button, #sort-button-speeches { height: 27px; line-height: 27px; display: inline-block; width: 80px; text-align: center; border: 0; padding: 0; background: #dfdfdf; background: rgba(0,0,0,.1); text-transform: uppercase; font-size: 12px; vertical-align: top; }
#sort-button:hover, #sort-button-speeches:hover { background-color: #9d2fa7; color: #ffffff; }
.centered-title, .primary-content .sub-section article h2.centered-title { display: block; position: relative; overflow: hidden; color: #838383; font-size: 1em; line-height: 1.6em; text-transform: uppercase; text-decoration: none; text-align: left; margin: 3em 0 1.7em 0; font-weight: bold; }

/* ====================
    MOBILE: Newsletter Page
   ==================== */

/* Popup */
.subscribe-content-box { background-color: #232323; display: inline-block; padding: 6px 20px 20px 20px; border-top: 3px #16aef2 solid; color: #ffffff; position: relative; }
.subscribe-content-box input { margin: 5px 0 5px 0 }
.subscribe-content-box input { padding: 8px }
.subscribe-content-box .subscribe-submit { padding: 8px; color: #16aef2; display: inline-block; margin-top: 5px; }
.subscribe-content-box h4 { color: #16aef2; font-size: 1.9em; font-weight: normal; }
.subscribe-content-box h4 span.highlight { color: #16aef2 }
a.overlay-trigger { display: block; cursor: pointer; }
#signup-widget { text-align: left }
#signup-widget h3 { color: #16AEF2; display: block; font-family: Verdana, Geneva, sans-serif; font-size: 1.9em; font-weight: normal; text-align: center; }
#signup-widget .input-text-wrap { margin: 5px 0 5px 0 }
#signup-widget input { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; color: #838383; }
#signup-widget input.button.submit { height: 35px; display: block; border: 0; padding: 0; margin: 14px auto 0 auto; background-color: #dfdfdf; }
#signup-widget input.button.submit.hover { background-color: #16AEF2; color: #ffffff; }

/* Newsletter */
.sk-newsletter-embed-wrapper { }
.sk-newsletter-embed-wrapper table, .sk-newsletter-embed-wrapper table td { border-width: 0; }
.sk-newsletter-embed-wrapper img { }
.sk-newsletter-embed-wrapper .social-sharing-container { padding-right: 10px; width: 35% !Important; }
.sk-newsletter-embed-wrapper .social-sharing-container img { float: right; width: 16px; height: 16px; margin-right: 4px !Important; }
.sk-newsletter-embed-wrapper p { }
.sk-newsletter-embed-wrapper .newsletter-logo { display: inline-block; width: 210px; }
.sk-newsletter-embed-wrapper .newsletter-item-heading-column { width: 65% !Important }
.sk-newsletter-embed-wrapper .newsletter-blog-header-wrapper { height: auto !Important; }
.sk-newsletter-embed-wrapper .newsletter-sh-link-wrapper { padding-bottom: 8px !Important; }
#newsletter-cta { text-align: center; }
#newsletter-cta a.overlay-trigger { display: inline; font-weight: bold; color: #16aef2; }


/* ====================
    MOBILE: Search Page
   ==================== */
.sub-section.search-heading { padding: 0 }
#search .media-box { height: 10em }
#search .media-box header h4 { bottom: 0; top: auto; }
#search .media-box:not(.social):hover header, .media-box.expanded header { height: 5.8em }

/* ====================
    MOBILE: Sidebar
   ==================== */
.secondary-content aside { clear: both; margin: 0; color: #838383; padding-top: 5px; }
.secondary-content aside h1 { margin: 0; padding: 0.7em 0.6em 0.3em 0.6em; background: #c7c7c7; background: rgba(0,0,0,.1); color: #1c1c1c; font-size: 1.5em; line-height: 1em; }
.secondary-content aside .image img { display: block; width: 100%; height: auto; margin: 0; vertical-align: top; }
.secondary-content aside .text { margin: .6666666666666666em 1.5555555555555554em 0; font-size: .9em; line-height: 1.7em; }
.secondary-content aside .text a { font-size: inherit; text-decoration: underline; }
.secondary-content aside .line-height { line-height: 1.8em }
.secondary-content aside ul { list-style: none; padding: .6em; margin: 0; }
.secondary-content aside ul li { padding: .8em; border-bottom: #e1e1e1 solid 1px; word-wrap: break-word; }
.secondary-content aside a { text-decoration: none; color: #838383; font-size: .9em; line-height: 1.4em; }
.secondary-content aside a:hover { text-decoration: underline }
.secondary-content aside .newsletter-signup-sidebar a:hover { text-decoration: none }
.svg .secondary-content aside ul li { background: url(img/permalink.svg) .8em center no-repeat }
.secondary-content aside ul li { padding-left: 2.4em; background: url(img/permalink.png) .8em center no-repeat; }
.secondary-content .social { float: right; padding: .8em 0; display: block; }
.social ul { list-style: none; height: 18px; margin: 0; padding: 0; line-height: 18px; }
.social ul li { background: none; float: left; width: 18px; height: 18px; margin: 0 .1em 0 .5em; padding: 0; border-bottom: none !important; }
.secondary-content aside.social ul li { background: none; padding: 0; }
.social ul li a { display: block; width: 18px; height: 18px; font-size: 0; opacity: .7; text-indent: -9999px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.social ul li a:hover { opacity: 1 }
.social ul li a.facebook { background: url(img/facebook.png) center no-repeat }
.svg .social ul li a.facebook { background: url(img/facebook.svg) center no-repeat; background-size: 18px; }
.social ul li a.twitter { background: url(img/twitter.png) center no-repeat }
.svg .social ul li a.twitter { background: url(img/twitter.svg) center no-repeat; background-size: 18px; }
.social ul li a.email { background: url(img/email.png) center no-repeat }
.svg .social ul li a.email { background: url(img/email.svg) center no-repeat; background-size: 18px; }
.newsletter-signup-sidebar { background: #000; border-top: #16aef2 4px solid; width: 90%; padding: 5%; word-wrap: break-word; }
.newsletter-signup-sidebar span.big { font-size: 2.3em; font-weight: lighter; line-height: 35px; }
.newsletter-signup-sidebar span.medium { font-size: 1.2em; font-weight: lighter; line-height: 35px; }
.newsletter-signup-sidebar span.small { font-size: 0.9em }
.newsletter-signup-sidebar span.white { color: #FFF }
.newsletter-signup-sidebar hr { border-top: 1px solid #838383; margin-top: 50px; }
.newsletter-signup-sidebar span.blue { color: #16aef2 }
.newsletter-signup-sidebar span.grey { color: #838383 }
.aside-content-special { padding-left: 0.6em; padding-right: 0.6em; font-size: 0.9em; }

/* ====================
    MOBILE: Other content
   ==================== */
ul.kevin-key-events { padding: 0 }
ul.kevin-key-events li { list-style: none; padding-left: 120px; margin-bottom: 5px; }
ul.kevin-key-events strong { width: 120px; float: left; margin-left: -120px; }

/* ====================
    MOBILE: Post Pages
   ==================== */
h1.width-page-title { position: relative; margin: 0 0 1em; padding: .4117647058823529em 0; color: #1c1c1c; font-size: 1.7em; line-height: 1em; }
h1.width-page-title:after { background: #16aef2; content: ""; position: absolute; bottom: -1px; left: 0; width: 2.3529411764705883em; height: 2px; }
.media-boxes { position: relative; margin: 0 -2%; padding-bottom: 4em; }
.media-box { position: relative; z-index: 0; background: #FFF; width: 300px; height: 30.5em; margin: 0; padding: 0; cursor: pointer; opacity: 0; visibility: hidden; -webkit-transform: translateY(0em) translateX(10em); -moz-transform: translateY(0em) translateX(10em); -ms-transform: translateY(0em) translateX(10em); -o-transform: translateY(0em) translateX(10em); transform: translateY(0em) translateX(10em); -webkit-transition: height .2s ease-in-out; -moz-transition: height .2s ease-in-out; -ms-transition: height .2s ease-in-out; -o-transition: height .2s ease-in-out; transition: height .2s ease-in-out; }
.media-box.social { -webkit-transform: translateX(0em); -moz-transform: translateX(0em); -ms-transform: translateX(0em); -o-transform: translateX(0em); transform: translateX(0em); }
.media-box.speech { -webkit-transform: translateX(-10em); -moz-transform: translateX(-10em); -ms-transform: translateX(-10em); -o-transform: translateX(-10em); transform: translateX(-10em); }
.media-box.show { opacity: 1; visibility: visible; -webkit-transform: translateY(0em) translateX(0em); -moz-transform: translateY(0em) translateX(0em); -ms-transform: translateY(0em) translateX(0em); -o-transform: translateY(0em) translateX(0em); transform: translateY(0em) translateX(0em); -webkit-transition: -webkit-transform .5s ease-in-out .2s,opacity .2s ease-in-out .1s; -moz-transition: -moz-transform .5s ease-in-out .2s,opacity .2s ease-in-out .1s; -o-transition: -o-transform .5s ease-in-out .2s,opacity .2s ease-in-out .1s; -ms-transition: -ms-transform .5s ease-in-out .2s,opacity .2s ease-in-out .1s; transition: transform .5s ease-in-out .2s,opacity .2s ease-in-out .1s; }
.media-box.large, .media-box.medium, .media-box.small { width: 96%; margin: 2%; }
.media-box { cursor: pointer; visibility: hidden; }
.media-box.showcase { background-color: #232323 }
.media-box.showcase header { background-color: transparent; height: 30.5em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.media-box.showcase header:after { content: initial }
.media-box.showcase header h1 { font-family: Verdana, sans-serif; height: 12em; margin-top: 0; }
.media-box.showcase header h1 a { color: #ffffff }
.media-box.showcase header h1 span.large-text { font-size: 1.2em; line-height: 1.3em; }
.media-box.showcase header h1 span.very-large-text { font-size: 1.9em; line-height: 1.2em; }
.media-box.showcase header h1 span.highlight { color: #16aef2 }
.media-box.redpaper { background-color: #d61012 }
.media-box.redpaper header { background-color: transparent; height: 30.5em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.media-box.redpaper header:after { content: initial }
.media-box.redpaper header h1 { font-family: Verdana, sans-serif; height: 12em; margin-top: 0; }
.media-box.redpaper header h1 a { color: #ffffff }
.media-box.redpaper header h1 span.large-text { font-size: 1.2em; line-height: 1.3em; }
.media-box.redpaper header h1 span.very-large-text { font-size: 1.9em; line-height: 1.2em; }
.media-box.redpaper header .info { color: #ffffff; border-color: #ffffff; height: 8em;}
.media-box.show { visibility: visible }
.media-box header { position: absolute; z-index: 1; top: 0; right: 0; left: 0; height: 5.8em; padding: 1.6em; background: #fff; border-top: #1c1c1c solid .3em; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: height .2s ease-in-out .1s; -moz-transition: height .2s ease-in-out .1s; -ms-transition: height .2s ease-in-out .1s; -o-transition: height .2s ease-in-out .1s; transition: height .2s ease-in-out .1s; }
.media-box.blog header { border-top: #16aef2 solid 4px }
.media-box.redpaper header { border-top: #D61012 solid 4px }
.media-box.speech header, .media-box.interview header, .media-box.kevin header, .media-box.kevin_video header { border-top: #9d2fa7 solid 4px }
.media-box.lovemarks-video header, .media-box.lovemarks header { border-top: #d61012 solid 4px }
.media-box.media-kit header { border-top: #068E36 solid 4px }
.media-box.contact header { border-top: #fbbc2a solid 4px }
.media-box header:after { content: ""; position: absolute; top: 100%; margin: 0 .25em; border: transparent solid .8em; border-top-color: #fff; }
.media-box header h1 { max-width: 80%; height: 2.5em; overflow: hidden; margin: .5em 0 .2em; color: #1c1c1c; font-size: 1.4em; line-height: 1.3em; }
.media-box.large header h1, .media-box.medium header h1, .media-box.small header h1 { max-width: 100% }
.media-box header h1 a { color: #1c1c1c }
.media-box header h2 a { color: #1c1c1c }
.media-box header h4 { position: absolute; top: 7.294117647058824em; left: 1.8823529411764708em; margin: 0; font-size: .85em; text-transform: uppercase; font-family: Verdana,sans-serif; font-weight: 400; }
.media-box header h4 time { position: relative; top: auto; left: auto; display: inline; font-size: 1em; color: #d4d4d4; text-transform: uppercase; }
.media-box.blog header h4 { color: #16aef2 }
.media-box.speech header h4, .media-box.interview header h4, .media-box.kevin header h4, .media-box.kevin_video header h4 { color: #9d2fa7 }
.media-box.lovemarks-video header h4, .media-box.lovemarks header h4 { color: #d61012 }
.media-box.speech header h4, .media-box.interview header h4, .media-box.kevin_video header h4 { color: #9d2fa7 }
.media-box.media-kit header h4 { color: #068E36 }
.media-box.contact header h4 { color: #fbbc2a }
.media-box header .intro { position: absolute; top: 8.5em; right: 1.777777777777778em; left: 1.777777777777778em; height: 8.4em; overflow: hidden; color: #646464; font-size: .9em; visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.media-box header .intro:after, .media-box .text-frame:after { content: ""; display: block; position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; width: 100%; height: 0; -webkit-box-shadow: 0 0 3em 3em #fff; -moz-box-shadow: 0 0 3em 3em #fff; box-shadow: 0 0 3em 3em #fff; }
.media-box header .info { position: absolute; left: 1.777777777777778em; height: 7em; overflow: hidden; color: #999999; font-size: .9em; visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; visibility: visible; opacity: 1; bottom: 0; border-top: 1px #999999 solid; }
.media-box header .social { position: absolute; top: 16em; right: 1.6em; left: 1.6em; color: #1c1c1c; visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.media-box header .social p { margin: 0 0 .5em; font-size: .9em; text-transform: uppercase; }
.media-box header .social ul li { margin: 0 .5em 0 0 }
.media-box.social header { padding: 1.6em 1.6em 0 1.6em }
.media-box .image-frame, .media-box .text-frame { position: absolute; z-index: 0; top: 9.5em; left: 0; right: 0; height: 21em; overflow: hidden; background: #1c1c1c; }
.media-box.social .image-frame img { width: 100% }
.media-box .image-frame img { min-width: 100% }
.media-box.social .text-frame { padding: 0 1.6em 1.6em 1.6em; background-color: transparent; top: 8em; word-wrap: break-word; }
.media-box.social.facebook header h2 { padding-left: 1.8em; background: url(img/facebook.png) left center no-repeat; font-size: 0.9em; color: #1c1c1c; }
.svg .media-box.social.facebook header h2 { background: url(img/facebook.svg) left center no-repeat; background-size: 18px; }
.media-box.social.twitter header h2 { padding-left: 1.8em; background: url(img/twitter.png) left center no-repeat; font-size: 0.9em; color: #1c1c1c; }
.svg .media-box.social.twitter header h2 { background: url(img/twitter.svg) left center no-repeat; background-size: 18px; }
.media-box.social.instagram header h2 { padding-left: 1.8em; background: url(img/instagram.png) left center no-repeat; font-size: 0.9em; color: #1c1c1c; }
.svg .media-box.social.instagram header h2 { background: url(img/instagram.svg) left center no-repeat; background-size: 18px; }
.media-box .image-frame img, .media-box .text-frame img { position: relative }
.media-box:not(.social):hover header, .media-box.expanded header { height: 18em; }
.media-box:not(.social):hover header .intro, .media-box.expanded header .intro, .media-box:not(.social):hover header .social, .media-box.expanded header .social { visibility: visible; opacity: 1; -webkit-transition: opacity .3s ease-in-out .2s; -moz-transition: opacity .3s ease-in-out .2s; -ms-transition: opacity .3s ease-in-out .2s; -o-transition: opacity .3s ease-in-out .2s; transition: opacity .3s ease-in-out .2s; }
.media-box:not(.social):hover .image-frame img, .media-box.expanded .image-frame img { opacity: .3 }
.media-box.social:hover .image-frame a.permalink { bottom: 0 }
.media-box.social:hover .text-frame a.permalink { bottom: 0 }

/* ====================
    MOBILE: Single Posts
   ==================== */
.primary-content .sub-section article h1 { margin-bottom: 0.5em }
.primary-content .sub-section article h2 { margin-top: 0; color: #B7B7B7; text-transform: uppercase; font-size: 1em; }
.primary-content article img { max-width: 100%; width: auto; height: auto; }
.primary-content article a, .primary-content section a { text-decoration: underline; font-weight: 600; }
.primary-content .social { margin-top: 3.5em; }
.media-kit .primary-content a:hover { color: #068e36 }
.kevin .primary-content a:hover { color: #9d2fa7 }
.lovemarks .primary-content a:hover { color: #d61012 }
.blog .primary-content article a:hover, .blog .primary-content section .inner-content a:hover { color: #16aef2 }
.subscribe-main .primary-content article a:hover, .subscribe-main .primary-content section .inner-content a:hover { color: #ff6000 }
.mobile-hide { display: none }
.lovemarks-link { color: #d61012 }
.attribution { font-size: 0.85em }
.file-attachment-wrapper, .post-link-wrapper { border-width: 1px 0 0 0; border-style: solid; border-color: #E1E1E1; overflow: hidden; }
.file-attachment { display: block; padding: 8px 0 8px 0; border-width: 0 0 1px 0; border-style: solid; border-color: #E1E1E1; font-size: 12px; padding-left: 2.4em; background: url(img/permalink.png) .8em center no-repeat; }
.svg .file-attachment { background: url(img/permalink.svg) .8em center no-repeat }
.post-link { display: block; padding: 8px 0 8px 0; border-width: 0 0 1px 0; border-style: solid; border-color: #E1E1E1; font-size: 12px; }
.post-link-attachment-title { display: block; font-weight: bold; margin: 1.8em 0 0 0; }
.file-link { display: inline-block; padding: 0; padding-right: 1.7em; background: url(img/permalink.png) .8em no-repeat; background-position: right center; }
.svg .file-link { background: url(img/permalink.svg) .8em no-repeat; background-position: right center; }
.related-content-heading { display: block; position: relative; overflow: hidden; color: #bbb; font-size: 1em; line-height: 1.6em; text-transform: uppercase; text-decoration: none; text-align: center; margin-bottom: 2.4em; }

/* IE8 Fixes */
.lt-ie9 #contact input { border: 0; margin: 0; line-height: 40px; }
/* Hide Print Title */
.print-header-wrapper { display: none; }

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 480px) { }
@media only screen and (min-width: 769px) {

    html, body { height: 100% }
    .wrapper { padding: 0 2em }
    .inner-wrapper { padding: 2em 4em }
    .mobile-hide { display: block }

    /* ====================
        WIDE: Header
       ==================== */
    #searchform { display: block }
    .footer-container { bottom: 0; left: 0; }

    /* ============
        WIDE: Header
       ============ */
    .site-header hgroup { float: left; height: 7em; margin: 0; }
    .site-header hgroup h1 { float: left; width: 221px; height: 7em; margin: 0; }
    .site-header hgroup h2 { float: left; height: 1.5384615384615383em; margin: 1.923076923076923em 0 1.923076923076923em 1em; padding: 0 0 0 .7692307692307692em; font-size: 1.3em; border-left: #C6C6C6 solid 1px; }
    #arrow-up { display: none }
    .fixed-header.fixed #arrow-up { background: url(img/icon-arrow-up.png) center no-repeat; float: right; width: 20px; height: 20px; cursor: pointer; display: block; margin-top: 12px; }
    .svg #arrow-up { background: url(img/icon-arrow-up.svg) center no-repeat }

    /* ============
        WIDE: Menu
       ============ */
    #mobile-nav-control { display: none }
    .site-nav { height: 49px }
    .site-nav.open { padding-bottom: 0 }
    .site-nav ul { width: auto; height: auto; margin: 0 -1.2em; -webkit-box-shadow: 2px 0 0 -1px #232323,-2px 0 0 -1px #0B0B0B; -moz-box-shadow: 2px 0 0 -1px #232323,-2px 0 0 -1px #0B0B0B; box-shadow: 2px 0 0 -1px #232323,-2px 0 0 -1px #0B0B0B; border-left: #232323 solid 1px; float: left; height: 49px; margin: 0; padding: 0; }
    .site-nav ul li { float: left; display: block; }
    .site-nav ul li a { border-left: #232323 solid 1px; float: left; padding: 0 2em; border-bottom: none; border-top: none; }
    .sub-nav ul { margin: 0 auto; font-size: 0; padding: 18px 50px 10px 28px; }
    .sub-nav ul li { margin: 0 1em }
    .sub-nav ul li:last-child { margin: 0 2em 0 1em }
    .sub-nav ul li:first-child { margin: 0 1em 0 2em }
    .sub-nav.secondary { /*display: none !Important; */ }
    #searchform input#s { padding: 0; height: 1.5555555555555554em; width: 13.333333333333332em; }
    #searchform input[type=submit] { width: 12px; height: 1.5555555555555554em; font-size: .9em; }
    .site-nav ul li.current_page_item a, .site-nav ul li.current_page_item a:hover, .site-nav ul li.current_page_item a:focus { background: #000; border-left: #000 solid 1px; border-bottom: none; border-top: none; -webkit-box-shadow: -2px 0 0 -1px #232323; -moz-box-shadow: -2px 0 0 -1px #232323; box-shadow: -2px 0 0 -1px #232323; color: #FFF; }
    .site-nav #searchform { display: block; height: 1.5555555555555554em; width: 13.333333333333332em; position: absolute; top: -4.2em; right: 2em; bottom: auto; left: auto; height: 1.4em; border-top: none; border-bottom: #C6C6C6 solid 1px; }
    .svg #searchform input[type=submit] { background-position: center 4px; background-size: 10px; }

    /* ============
        WIDE: Footer
       ============ */
    .footer-container footer { padding-bottom: 0 }
    .footer-container .legal-nav { float: right; height: 3.5em; }
    .footer-container h1 { float: left; margin: 0; }
    .footer-container .legal-nav ul { margin: 0; padding: 0; }
    .footer-container  .legal-nav ul li { display: block; float: left; margin: 1.25em 1.4em; padding: 0; }
    .footer-container .legal-nav ul li a { float: left; display: block; }

    /* ============
        WIDE: Body
       ============ */
    .hero-slideshow-wrap { margin: -1em 0 5px 0; border-top: #0B0B0B solid 1px; }
    .lovemarks .hero-slideshow-wrap { border-top: #CCC solid 1px }
    .hero-slideshow { padding-bottom: 31.8518% }
    .hero-slideshow>nav { display: block }
    .hero-slideshow>.slide .banner:after { -webkit-box-shadow: inset 450px 0 300px -300px #000,inset -450px 0 300px -300px #000; -moz-box-shadow: inset 450px 0 300px -300px #000,inset -450px 0 300px -300px #000; box-shadow: inset 450px 0 300px -300px #000,inset -450px 0 300px -300px #000; }
    .lt-ie10 .hero-slideshow>.slide .banner:after { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
    .hero-slideshow>.slide .banner header h1 { margin: .5em 0 .9090909090909091em; font-size: 2.2em; }
    .hero-slideshow>.slide .banner header .center { vertical-align: middle }
    .hero-slideshow>.slide .banner header .play-video { height: 3.8em; padding: 0 1.5em; border-left-width: 3.8em; line-height: 3.8em; }
    .hero-slideshow>.slide .banner header .play-video:before { left: -3.8em; width: 3.8em; height: 3.8em; }
    .pagination ul li { padding: 5px }
    .site-content { min-height: 100% }
    .page-child .site-content, .page-parent .site-content { }
    .clearfooter { clear: both }
    .page-child .clearfooter, .page-parent .clearfooter { }
    .primary-content { float: left; width: 70%; margin: 0 2.5% 0 0; color: #838383; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
    .secondary-content { float: right; width: 25%; margin: 0 0 0 2.5%; }

    /* ====================
        WIDE: Books
       ==================== */
    .books-list .books .book, .download-list .downloads li { width: 30%; height: auto; display: inline-block; vertical-align: top; }
    .books-list .books, .download-list .downloads { margin: .5% -.5% }
    .download-list .downloads li { margin: .5% }
    .download-list .downloads .download { margin: 0; }
    .books-list .books .book { margin: .75% .5% .75% .5%; }
    .primary-content .sub-section .text { padding-bottom: .85em }

    /* ====================
        WIDE: Blog
       ==================== */
    h1.width-page-title { margin-left: 10px }
    .media-boxes { margin: 5px -4px }
    .media-boxes .media-box { float: left; margin: 5px; }
    .media-box.large, .media-box.medium, .media-box.small { /* margin: 1%; */ margin: 5px; }
    .media-box.medium header h1 { max-width: 90% }
    .media-box.large { width: 426px }
    .media-box.medium { width: 317px }
    .media-box.small { width: 208px }
    .media-box.medium header h1 { max-width: 90% }

    /* ====================
        WIDE: Contact
       ==================== */
    #contact label { width: 18%; font-size: 1.3em; }
    #contact span { width: 80% }

    /* ====================
        WIDE: Sidebar
       ==================== */
    .secondary-content aside { margin: 0 0 2em }
    .secondary-content .social { padding: .8em 0 2.6em; margin: 0; }
    /* Speeches and Interviews Pages */
    .primary-content.narrower { width: 60% }
    .type-select-wrapper, .speech-year-select-wrapper { float: right; width: 36%; margin-top: 80px; }
    .sort-button-wrapper { margin-bottom: 0 }
    .primary-content.narrower .sub-section { padding-bottom: 3em }


    .books-list .books .book:last-child .images-spacer-bottom, .download-list .downloads li:last-child .images-spacer-bottom { height: 16px; }
}
@media only screen and (min-width: 1350px) {

    .hero-slideshow { max-height: 500px; overflow: hidden; padding-bottom: 27%; }
    .hero-slideshow.lovemark { overflow: visible }
    .hero-slideshow>nav { padding: 0 0 27% }
    .inner-wrapper { padding: .5em 8em .8em }
}
@media only screen and (min-width: 1800px) {

    .hero-slideshow { max-height: 500px; padding-bottom: 500px; overflow: hidden; }
    .hero-slideshow>nav { padding: 0 0 500px }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both }
.clearfix { *zoom: 1 }

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {

    * { box-shadow: none !important; text-shadow: none !important; }
    body { font-size: 0.95em; }
    aside { width: 50% !Important; }
    aside img { max-width: 100% !Important; }
    section.content-area img { width: 100%; }
    h1, h2, h3, h4, h5, h6 { text-align: left !Important; }
    a, a:visited { text-decoration: none; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: "" }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group }
    tr, img { page-break-inside: avoid }
    img { max-width: 100% !important }

    .media-box { width: 100% !Important; height: auto !Important; margin-left: 0 !Important; margin-right: 0 !Important; padding-bottom: 1.6em !Important; }
    .media-box .image-frame { display: block; width: 460px !Important; margin-left: 1.6em !Important; position: static !Important; height: auto !Important; }
    .media-box .text-frame { height: auto !Important; position: static !Important; }
    .media-box header { height: auto !Important; padding: 1.6em !Important; position: static !Important; opacity: 1 !Important; }
    .media-box header .info { position: static !Important; }
    .media-box header hgroup h4 { position: static !Important }
    .media-box .intro { display: block !Important; opacity: 1 !Important; visibility: visible !Important; position: static !Important; height: auto !Important; }
    .media-box header h1 { height: auto !Important; }
    .media-box header:after { display: none; }
    .media-box header .intro:after, .media-box .text-frame:after { display: none; }
    .media-box.social h1 { margin-bottom: 40px !Important; }
    nav.social { display: none !Important; }

    /* Hide */
    .fixed-header-wrapper { display: none !Important; }
    .secondary-content { display: none !Important; }
    article div.social { display: none !Important; }
    article#newsletter-tile { }

    /* Heading */
    #header-top { display: none !Important; }
    .print-header-wrapper { display: block; }
    .print-header-wrapper .print-title { color: #000000; font-size: 1.3em; padding: 1.6em; display: block; }

    /* Big Banner */
    .hero-slideshow { background: transparent; padding-bottom: 30% !Important; }
    .hero-slideshow>.slide .banner { background: transparent; height: 360px !Important; }
    .banner header { height: auto !Important; }

    /* Big Banner Lovemarks Text */
    .slideshow-mask { display: none !Important; }
    .lovemark.hero-slideshow { margin-bottom: 750px !Important; }

    /* Books */
    li.book { width: 300px !Important; }

    /* Downloads */
    .download { width: 460px !Important; }
    .download .image { width: 460px !Important; }
    .download .image img { width: 460px !Important; }

}