/*!
 Theme Name:   CogFX Study 2016
 Theme URI:    http://gearside.com/nebula
 Description:  Nebula child theme
 Author:       Pinckney Hugo Group
 Author URI:   http://www.pinckneyhugo.com
 Template:     Nebula-master
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, responsive-layout, threaded-comments, theme-options, sticky-post, post-formats, microformats, full-width-template, front-page-post-form, flexible-header, featured-images, featured-image-header, editor-style, custom-menu, custom-colors, accessibility-ready, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, white, yellow, dark, light
 Text Domain:  twenty-fifteen-child
 */ .nebula-peek,.nebula-iconpeek { display:inline-block; position:relative; overflow:hidden; transition:padding 0.4s easing(easeOutBack); }

 .nebula-peek:before,.nebula-iconpeek:before { content:"\f061"; font-family:"FontAwesome"; position:absolute; left:-25px; transition:left 0.4s easing(easeOutBack); }

 .nebula-peek:hover,.nebula-iconpeek:hover { padding-left:25px; }

 .nebula-peek:hover:before,.nebula-iconpeek:hover:before { left:0; }

 /*
 .element {
 @include yep(opacity, csstransforms){opacity: 0; transform: translateX(10px);}
 @include nope(opacity, csstransforms){visibility: hidden; left: 10px;}
 }
 */ .nebulaborder { padding:5px; background:#fff; border:1px solid #aaa; }

 .nebulashadow { position:relative; }

 .nebulashadow.floating:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; -webkit-box-shadow:0 17px 25px -15px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 17px 25px -15px rgba(0, 0, 0, 0.4); -ms-box-shadow:0 17px 25px -15px rgba(0, 0, 0, 0.4); -o-box-shadow:0 17px 25px -15px rgba(0, 0, 0, 0.4); box-shadow:0 17px 25px -15px rgba(0, 0, 0, 0.4); z-index:-1; pointer-events:none; }

 .nebulashadow.floating.above:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; -webkit-box-shadow:0 -17px 25px -15px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 -17px 25px -15px rgba(0, 0, 0, 0.4); -ms-box-shadow:0 -17px 25px -15px rgba(0, 0, 0, 0.4); -o-box-shadow:0 -17px 25px -15px rgba(0, 0, 0, 0.4); box-shadow:0 -17px 25px -15px rgba(0, 0, 0, 0.4); z-index:-1; pointer-events:none; }

 .nebulashadow.bulging:after { content:""; position:absolute; left:0; right:0; bottom:-15px; width:96%; height:30px; margin:0 auto; background:rgba(0, 0, 0, 0.4); -webkit-filter:blur(15px); -moz-filter:blur(15px); -ms-filter:blur(15px); -o-filter:blur(15px); filter:blur(15px); -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; -webkit-transform:scaleY(0.3); -moz-transform:scaleY(0.3); -ms-transform:scaleY(0.3); -o-transform:scaleY(0.3); transform:scaleY(0.3); z-index:-1; pointer-events:none; }

 .nebulashadow.bulging.above:before { content:""; position:absolute; left:0; right:0; top:-15px; width:96%; height:30px; margin:0 auto; background:rgba(0, 0, 0, 0.4); -webkit-filter:blur(15px); -moz-filter:blur(15px); -ms-filter:blur(15px); -o-filter:blur(15px); filter:blur(15px); -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; -webkit-transform:scaleY(0.3); -moz-transform:scaleY(0.3); -ms-transform:scaleY(0.3); -o-transform:scaleY(0.3); transform:scaleY(0.3); z-index:-1; pointer-events:none; }

 .nebulashadow.curling:before { content:""; position:absolute; bottom:4px; left:10px; height:20px; width:70%; background:rgba(0, 0, 0, 0.4); -webkit-filter:blur(6px); -moz-filter:blur(6px); -ms-filter:blur(6px); -o-filter:blur(6px); filter:blur(6px); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg); z-index:-1; pointer-events:none; }

 .nebulashadow.curling:after { content:""; position:absolute; bottom:4px; right:10px; height:20px; width:70%; background:rgba(0, 0, 0, 0.4); -webkit-filter:blur(6px); -moz-filter:blur(6px); -ms-filter:blur(6px); -o-filter:blur(6px); filter:blur(6px); -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -ms-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg); z-index:-1; pointer-events:none; }

 .nebulashadow.hovering:after { content:""; position:absolute; left:0; right:0; bottom:-30px; width:98%; height:30px; margin:0 auto; background:rgba(0, 0, 0, 0.15); -webkit-filter:blur(15px); -moz-filter:blur(15px); -ms-filter:blur(15px); -o-filter:blur(15px); filter:blur(15px); -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; -webkit-transform:scaleY(0.2); -moz-transform:scaleY(0.2); -ms-transform:scaleY(0.2); -o-transform:scaleY(0.2); transform:scaleY(0.2); z-index:-1; pointer-events:none; }

 .nebulashadow.hovering.above:before { content:""; position:absolute; left:0; right:0; top:-30px; width:98%; height:30px; margin:0 auto; background:rgba(0, 0, 0, 0.15); -webkit-filter:blur(15px); -moz-filter:blur(15px); -ms-filter:blur(15px); -o-filter:blur(15px); filter:blur(15px); -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; -webkit-transform:scaleY(0.2); -moz-transform:scaleY(0.2); -ms-transform:scaleY(0.2); -o-transform:scaleY(0.2); transform:scaleY(0.2); z-index:-1; pointer-events:none; }

 .nebulashadow.anchored-right:after { content:""; position:absolute; bottom:0; left:10px; height:20px; width:92%; background:rgba(0, 0, 0, 0.4); -webkit-filter:blur(6px); -moz-filter:blur(6px); -ms-filter:blur(6px); -o-filter:blur(6px); filter:blur(6px); -webkit-transform:rotate(-2deg); -moz-transform:rotate(-2deg); -ms-transform:rotate(-2deg); -o-transform:rotate(-2deg); transform:rotate(-2deg); z-index:-1; pointer-events:none; }

 .nebulashadow.anchored-right.above:before { content:""; position:absolute; top:0; left:10px; height:20px; width:92%; background:rgba(0, 0, 0, 0.4); -webkit-filter:blur(6px); -moz-filter:blur(6px); -ms-filter:blur(6px); -o-filter:blur(6px); filter:blur(6px); -webkit-transform:rotate(2deg); -moz-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); transform:rotate(2deg); z-index:-1; pointer-events:none; }

 .nebulashadow.anchored-left:after { content:""; position:absolute; bottom:0; right:10px; height:20px; width:92%; background:rgba(0, 0, 0, 0.4); -webkit-filter:blur(6px); -moz-filter:blur(6px); -ms-filter:blur(6px); -o-filter:blur(6px); filter:blur(6px); -webkit-transform:rotate(2deg); -moz-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); transform:rotate(2deg); z-index:-1; pointer-events:none; }

 .nebulashadow.anchored-left.above:before { content:""; position:absolute; top:0; right:10px; height:20px; width:92%; background:rgba(0, 0, 0, 0.4); -webkit-filter:blur(6px); -moz-filter:blur(6px); -ms-filter:blur(6px); -o-filter:blur(6px); filter:blur(6px); -webkit-transform:rotate(-2deg); -moz-transform:rotate(-2deg); -ms-transform:rotate(-2deg); -o-transform:rotate(-2deg); transform:rotate(-2deg); z-index:-1; pointer-events:none; }

 .nebulashadow.above:after { display:none; }

 .nebulashadow.below:after { display:block; }

 .nebulashadow.inner-top { box-shadow:inset 0 17px 25px -15px rgba(0, 0, 0, 0.4); }

 .nebulashadow.inner-bottom { box-shadow:inset 0 -17px 25px -15px rgba(0, 0, 0, 0.4); }

 .nebulashadow.inner-top.inner-bottom { box-shadow:inset 0 17px 25px -15px rgba(0, 0, 0, 0.4), inset 0 -17px 25px -15px rgba(0, 0, 0, 0.4); }

 .ie .nebulashadow:after,.microsoft_edge .nebulashadow:after { display:none; }

 .ie .nebulashadow:before,.microsoft_edge .nebulashadow:before { display:none; }

 .nebulaframe { position:relative; padding:5px; background:#fff; border:1px solid #aaa; }

 a.nebulaframe { border:none; }

 .nebula-vmiddle,.valign > div { position:relative; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }

 body:not(.wp-admin) hr { display:block; height:1px; border:0; border-top:1px solid #ccc; background-color:#fff; background-color:rgba(255, 255, 255, 1); margin:3px 0; padding:0; }

 .rgba body:not(.wp-admin) hr { display:block; height:1px; border:0; margin:3px 0; padding:0; /* mix-blend-mode: screen; */ }

 .rgba body:not(.wp-admin) hr:before { content:''; position:relative; top:-1px; height:1px; display:block; background-color:#000; background-color:rgba(0, 0, 0, 0.2); /* mix-blend-mode: multiply; */ }

 body:not(.wp-admin) hr.zero { margin:0; }

 body:not(.wp-admin) .ir { background-color:transparent; border:0; overflow:hidden; *text-indent:-9999px; }

 body:not(.wp-admin) .ir:before { content:""; display:block; width:0; height:100%; }

 body:not(.wp-admin) .hidden { display:none !important; visibility:hidden; }

 body:not(.wp-admin) .visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }

 body:not(.wp-admin) .visuallyhidden.focusable:active,body:not(.wp-admin) .visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }

 body:not(.wp-admin) .invisible { visibility:hidden; }

 body:not(.wp-admin) .clearfix:before,body:not(.wp-admin) .clearfix:after { content:""; display:table; }

 body:not(.wp-admin) .clearfix:after { clear:both; }

 body:not(.wp-admin) div.space { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

 body:not(.wp-admin) .avoid-clicks { pointer-events:none; }

 body:not(.wp-admin) .allow-clicks { pointer-events:all; }

 body:not(.wp-admin) .filtered { display:none; }

 .aligncenter,.align-center { display:block; margin:0 auto; }

 .alignleft,.align-left { float:left; }

 .alignright,.align-right { float:right; }

 .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px; }

 .ig-b- { display:inline-block; transition:none; }

 .ig-b-:hover { background-position:0 -60px; }

 .ig-b-:active { background-position:0 -120px; }

 .ig-b- img { visibility:hidden; }

 .ig-b-v-24 { width:137px; height:24px; background:url("https://badges.instagram.com/static/images/ig-badge-view-sprite-24.png") no-repeat 0 0; }

 @media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) { .ig-b-v-24 { background-image:url("https://badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png"); background-size:160px 178px; }

 }

 a[href$=".doc"]:not(.no-icon):not(.btn),li.icon a[href$=".doc"] { text-decoration:none; border-bottom:1px dotted #2b5797; }

 a[href$=".doc"]:not(.no-icon):not(.btn):before,li.icon a[href$=".doc"]:before { content:"\f1c2"; font-family:"FontAwesome"; color:#2b5797; margin-right:5px; font-weight:normal; }

 a[href$=".docx"]:not(.no-icon):not(.btn),li.icon a[href$=".docx"] { text-decoration:none; border-bottom:1px dotted #2b5797; }

 a[href$=".docx"]:not(.no-icon):not(.btn):before,li.icon a[href$=".docx"]:before { content:"\f1c2"; font-family:"FontAwesome"; color:#2b5797; margin-right:5px; font-weight:normal; }

 a[href$=".xls"]:not(.no-icon):not(.btn),li.icon a[href$=".xls"] { text-decoration:none; border-bottom:1px dotted #1e7145; }

 a[href$=".xls"]:not(.no-icon):not(.btn):before,li.icon a[href$=".xls"]:before { content:"\f1c3"; font-family:"FontAwesome"; color:#1e7145; margin-right:5px; font-weight:normal; }

 a[href$=".xlsx"]:not(.no-icon):not(.btn),li.icon a[href$=".xlsx"] { text-decoration:none; border-bottom:1px dotted #1e7145; }

 a[href$=".xlsx"]:not(.no-icon):not(.btn):before,li.icon a[href$=".xlsx"]:before { content:"\f1c3"; font-family:"FontAwesome"; color:#1e7145; margin-right:5px; font-weight:normal; }

 a[href$=".ppt"]:not(.no-icon):not(.btn),li.icon a[href$=".ppt"] { text-decoration:none; border-bottom:1px dotted #d04525; }

 a[href$=".ppt"]:not(.no-icon):not(.btn):before,li.icon a[href$=".ppt"]:before { content:"\f1c4"; font-family:"FontAwesome"; color:#d04525; margin-right:5px; font-weight:normal; }

 a[href$=".pptx"]:not(.no-icon):not(.btn),li.icon a[href$=".pptx"] { text-decoration:none; border-bottom:1px dotted #d04525; }

 a[href$=".pptx"]:not(.no-icon):not(.btn):before,li.icon a[href$=".pptx"]:before { content:"\f1c4"; font-family:"FontAwesome"; color:#d04525; margin-right:5px; font-weight:normal; }

 a[href$=".pdf"]:not(.no-icon):not(.btn),li.icon a[href$=".pdf"] { text-decoration:none; border-bottom:1px dotted #eb3b00; }

 a[href$=".pdf"]:not(.no-icon):not(.btn):before,li.icon a[href$=".pdf"]:before { content:"\f1c1"; font-family:"FontAwesome"; color:#eb3b00; margin-right:5px; font-weight:normal; }

 a[href$=".pdfx"]:not(.no-icon):not(.btn),li.icon a[href$=".pdfx"] { text-decoration:none; border-bottom:1px dotted #eb3b00; }

 a[href$=".pdfx"]:not(.no-icon):not(.btn):before,li.icon a[href$=".pdfx"]:before { content:"\f1c1"; font-family:"FontAwesome"; color:#eb3b00; margin-right:5px; font-weight:normal; }

 a[href$=".zip"]:not(.no-icon):not(.btn),li.icon a[href$=".zip"] { text-decoration:none; border-bottom:1px dotted #777; }

 a[href$=".zip"]:not(.no-icon):not(.btn):before,li.icon a[href$=".zip"]:before { content:"\f1c6"; font-family:"FontAwesome"; color:#777; margin-right:5px; font-weight:normal; }

 a[href$=".zipx"]:not(.no-icon):not(.btn),li.icon a[href$=".zipx"] { text-decoration:none; border-bottom:1px dotted #777; }

 a[href$=".zipx"]:not(.no-icon):not(.btn):before,li.icon a[href$=".zipx"]:before { content:"\f1c6"; font-family:"FontAwesome"; color:#777; margin-right:5px; font-weight:normal; }

 a[href$=".rar"]:not(.no-icon):not(.btn),li.icon a[href$=".rar"] { text-decoration:none; border-bottom:1px dotted #777; }

 a[href$=".rar"]:not(.no-icon):not(.btn):before,li.icon a[href$=".rar"]:before { content:"\f1c6"; font-family:"FontAwesome"; color:#777; margin-right:5px; font-weight:normal; }

 a[href$=".gz"]:not(.no-icon):not(.btn),li.icon a[href$=".gz"] { text-decoration:none; border-bottom:1px dotted #777; }

 a[href$=".gz"]:not(.no-icon):not(.btn):before,li.icon a[href$=".gz"]:before { content:"\f1c6"; font-family:"FontAwesome"; color:#777; margin-right:5px; font-weight:normal; }

 a[href$=".tar"]:not(.no-icon):not(.btn),li.icon a[href$=".tar"] { text-decoration:none; border-bottom:1px dotted #777; }

 a[href$=".tar"]:not(.no-icon):not(.btn):before,li.icon a[href$=".tar"]:before { content:"\f1c6"; font-family:"FontAwesome"; color:#777; margin-right:5px; font-weight:normal; }

 a[href$=".txt"]:not(.no-icon):not(.btn),li.icon a[href$=".txt"] { text-decoration:none; border-bottom:1px dotted #777; }

 a[href$=".txt"]:not(.no-icon):not(.btn):before,li.icon a[href$=".txt"]:before { content:"\f0f6"; font-family:"FontAwesome"; color:#777; margin-right:5px; font-weight:normal; }

 a[href$=".rtf"]:not(.no-icon):not(.btn),li.icon a[href$=".rtf"] { text-decoration:none; border-bottom:1px dotted #777; }

 a[href$=".rtf"]:not(.no-icon):not(.btn):before,li.icon a[href$=".rtf"]:before { content:"\f0f6"; font-family:"FontAwesome"; color:#777; margin-right:5px; font-weight:normal; }

 a.icon[href$=".html"] { text-decoration:none; border-bottom:1px dotted #f1672c; }

 a.icon[href$=".html"]:before { content:"\f1c9"; font-family:"FontAwesome"; color:#f1672c; margin-right:5px; font-weight:normal; }

 a.icon[href$=".php"] { text-decoration:none; border-bottom:1px dotted #5a68a5; }

 a.icon[href$=".php"]:before { content:"\f1c9"; font-family:"FontAwesome"; color:#5a68a5; margin-right:5px; font-weight:normal; }

 a.icon[href$=".js"] { text-decoration:none; border-bottom:1px dotted #f1bf26; }

 a.icon[href$=".js"]:before { content:"\f1c9"; font-family:"FontAwesome"; color:#f1bf26; margin-right:5px; font-weight:normal; }

 a.icon[href$=".css"] { text-decoration:none; border-bottom:1px dotted #30a9dc; }

 a.icon[href$=".css"]:before { content:"\f1c9"; font-family:"FontAwesome"; color:#30a9dc; margin-right:5px; font-weight:normal; }

 a.icon[href$=".scss"] { text-decoration:none; border-bottom:1px dotted #30a9dc; }

 a.icon[href$=".scss"]:before { content:"\f1c9"; font-family:"FontAwesome"; color:#30a9dc; margin-right:5px; font-weight:normal; }

 a.icon[href$=".swf"] { text-decoration:none; border-bottom:1px dotted #c31e24; }

 a.icon[href$=".swf"]:before { content:"\f1c9"; font-family:"FontAwesome"; color:#c31e24; margin-right:5px; font-weight:normal; }

 a.white,li.icon.white a { color:#fff; }

 a.white:hover,li.icon.white a:hover { color:#ccc; }

 a.white:before,li.icon.white a:before { color:#fff !important; }

 .btn.btn-brand,.btn.btn-brand:visited { background-color:#0098d7; border-color:#0098d7; color:#fff; }

 .btn.btn-brand:hover,.btn.btn-brand:visited:hover,.btn.btn-brand:focus,.btn.btn-brand:visited:focus,.btn.btn-brand:active,.btn.btn-brand:visited:active { background:#0074a4; border-color:#0074a4; color:#fff; }

 .btn.btn-brand-secondary,.btn.btn-brand-secondary:visited { background-color:#95d600; border-color:#95d600; color:#fff; }

 .btn.btn-brand-secondary:hover,.btn.btn-brand-secondary:visited:hover,.btn.btn-brand-secondary:focus,.btn.btn-brand-secondary:visited:focus,.btn.btn-brand-secondary:active,.btn.btn-brand-secondary:visited:active { background:#71a300; border-color:#71a300; color:#fff; }

 a.phg { margin-left:3px; padding-left:15px; background:url("https://thecogfxstudy.com/wp-content/themes/Nebula-master/images/phg/phg-symbol.svg") 0 6px no-repeat; background-size:13px 8px; text-decoration:none !important; }

 a.phg.white { background:url("https://thecogfxstudy.com/wp-content/themes/Nebula-master/images/phg/phg-symbol-white.svg") 0 6px no-repeat; background-size:13px 8px; }

 a.phg.white span { color:#fff; }

 a.phg.white:hover span { color:#aaa; }

 a.phg span { -webkit-transition:all 0.25s; -moz-transition:all 0.25s; -ms-transition:all 0.25s; -o-transition:all 0.25s; transition:all 0.25s; }

 a.phg span.pinckney { color:#0098d7; }

 a.phg span.hugo { color:#95d600; }

 a.phg span.group { color:#9fa1a4; }

 a.phg:hover span.pinckney { color:#0098d7; }

 a.phg:hover span.hugo { color:#95d600; }

 a.phg:hover span.group { color:#9fa1a4; }

 a.phg.anim { margin-left:0; padding-left:0; text-decoration:none !important; background:url("https://thecogfxstudy.com/wp-content/themes/Nebula-master/images/phg/phg-symbol.svg") -15px 6px no-repeat; background-size:13px 8px; -webkit-transition:all 0.25s; -moz-transition:all 0.25s; -ms-transition:all 0.25s; -o-transition:all 0.25s; transition:all 0.25s; }

 a.phg.anim span { margin-right:3px; -webkit-transition:all 0.25s; -moz-transition:all 0.25s; -ms-transition:all 0.25s; -o-transition:all 0.25s; transition:all 0.25s; }

 a.phg.anim span:last-child { margin-right:0; }

 a.phg.anim span.pinckney { color:inherit; }

 a.phg.anim span.hugo { color:inherit; }

 a.phg.anim span.group { color:inherit; }

 a.phg.anim:hover { margin-left:3px; padding-left:15px; background:url("https://thecogfxstudy.com/wp-content/themes/Nebula-master/images/phg/phg-symbol.svg") 0 6px no-repeat; background-size:13px 8px; }

 a.phg.anim:hover span { margin-right:0; }

 a.phg.anim:hover span.pinckney { color:#0098d7; }

 a.phg.anim:hover span.hugo { color:#95d600; }

 a.phg.anim:hover span.group { color:#9fa1a4; }

 a.facebook { color:#3b5998; }

 a.facebook:hover { color:#263961; }

 a.twitter { color:#55acee; }

 a.twitter:hover { color:#1689e0; }

 a.googleplus { color:#d73d32; }

 a.googleplus:hover { color:#9e271f; }

 a.linkedin { color:#0077b5; }

 a.linkedin:hover { color:#000; }

 a.github { color:#333; }

 a.github:hover { color:#4183c4; }

 a.youtube { color:#cd201f; }

 a.youtube:hover { color:#8b1615; }

 a.instagram { color:#3f729b; }

 a.instagram:hover { color:#294a65; }

 a.soundcloud { color:#f80; }

 a.soundcloud:hover { color:#f30; }

 .border-red,.outline-red { outline:1px solid red; }

 .border-orange,.outline-orange { outline:1px solid orange; }

 .border-yellow,.outline-yellow { outline:1px solid yellow; }

 .border-green,.outline-green { outline:1px solid green; }

 .border-blue,.border-indigo,.outline-blue,.outline-indigo { outline:1px solid blue; }

 .border-purple,.border-violet,.outline-purple,.outline-violet { outline:1px solid purple; }

 .background-red,.bg-red { background:red; }

 .background-orange,.bg-orange { background:orange; }

 .background-yellow,.bg-yellow { background:yellow; }

 .background-green,.bg-green { background:green; }

 .background-blue,.bg-blue,.background-indigo,.bg-indigo { background:blue; }

 .background-purple,.bg-purple,.background-violet,.bg-violet { background:purple; }

 .fastest { animation-duration:0.25s !important; }

 .faster { animation-duration:0.5s !important; }

 .fast { animation-duration:0.75s !important; }

 .slow { animation-duration:1s !important; }

 .slower { animation-duration:2s !important; }

 .slowest { animation-duration:3s !important; }

 .nebula-spin { -webkit-animation:nebula-spin 2s infinite linear; -moz-animation:nebula-spin 2s infinite linear; animation:nebula-spin 2s infinite linear; }

 @-webkit-keyframes nebula-spin { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); }

 100% { -webkit-transform:rotate(359deg); transform:rotate(359deg); }

 }

 @keyframes nebula-spin { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); }

 100% { -webkit-transform:rotate(359deg); transform:rotate(359deg); }

 }

 .nebula-fade { -webkit-animation:nebula-fade 4s infinite linear; -moz-animation:nebula-fade 4s infinite linear; animation:nebula-fade 4s infinite linear; }

 @-webkit-keyframes nebula-fade { 0% { opacity:1; }

 50% { opacity:0; }

 }

 @keyframes nebula-fade { 0% { opacity:1; }

 50% { opacity:0; }

 }

 .nebula-zoom { -webkit-animation:nebula-zoom 3s infinite cubic-bezier(0.455, 0.030, 0.515, 0.955); -moz-animation:nebula-zoom 3s infinite cubic-bezier(0.455, 0.030, 0.515, 0.955); animation:nebula-zoom 3s infinite cubic-bezier(0.455, 0.030, 0.515, 0.955); }

 @-webkit-keyframes nebula-zoom { 0% { transform:scale3d(1, 1, 1); opacity:1; }

 50% { transform:scale3d(0, 0, 0); opacity:0; }

 100% { transform:scale3d(1, 1, 1); opacity:1; }

 }

 @keyframes nebula-zoom { 0% { transform:scale3d(1, 1, 1); opacity:1; }

 50% { transform:scale3d(0, 0, 0); opacity:0; }

 100% { transform:scale3d(1, 1, 1); opacity:1; }

 }

 .nebula-wave-x { -webkit-animation:nebula-wave-x 3s infinite cubic-bezier(0.455, 0.030, 0.515, 0.955); -moz-animation:nebula-wave-x 3s infinite cubic-bezier(0.455, 0.030, 0.515, 0.955); animation:nebula-wave-x 3s infinite cubic-bezier(0.455, 0.030, 0.515, 0.955); }

 @-webkit-keyframes nebula-wave-x { 0% { transform:translate3d(0, 0, 0); animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940); }

 25% { transform:translate3d(20px, 0, 0); animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940); }

 75% { transform:translate3d(-20px, 0, 0); animation-timing-function:linear; }

 0% { transform:translate3d(0, 0, 0); animation-timing-function:linear; }

 }

 @keyframes nebula-wave-x { 0% { transform:translate3d(0, 0, 0); animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940); }

 25% { transform:translate3d(20px, 0, 0); animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940); }

 75% { transform:translate3d(-20px, 0, 0); animation-timing-function:linear; }

 0% { transform:translate3d(0, 0, 0); animation-timing-function:linear; }

 }

 .nebula-wave-y { -webkit-animation:nebula-wave-y 3s infinite linear; -moz-animation:nebula-wave-y 3s infinite linear; animation:nebula-wave-y 3s infinite linear; }

 @-webkit-keyframes nebula-wave-y { 0% { transform:translate3d(0, 0, 0); animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940); }

 25% { transform:translate3d(0, 50%, 0); animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940); }

 75% { transform:translate3d(0, -50%, 0); animation-timing-function:linear; }

 0% { transform:translate3d(0, 0, 0); animation-timing-function:linear; }

 }

 @keyframes nebula-wave-y { 0% { transform:translate3d(0, 0, 0); animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940); }

 25% { transform:translate3d(0, 50%, 0); animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940); }

 75% { transform:translate3d(0, -50%, 0); animation-timing-function:linear; }

 0% { transform:translate3d(0, 0, 0); animation-timing-function:linear; }

 }

 .nebula-fade-out.animate { -webkit-animation:nebula-fade-out 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; -moz-animation:nebula-fade-out 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; animation:nebula-fade-out 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; }

 @-webkit-keyframes nebula-fade-out { 0% { opacity:1; }

 100% { opacity:0; pointer-events:none; }

 }

 @keyframes nebula-fade-out { 0% { opacity:1; }

 100% { opacity:0; pointer-events:none; }

 }

 .nebula-fade-out-up.animate { -webkit-animation:nebula-fade-out-up 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; -moz-animation:nebula-fade-out-up 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; animation:nebula-fade-out-up 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; }

 @-webkit-keyframes nebula-fade-out-up { 0% { opacity:1; transform:translate3d(0, 0, 0); }

 100% { opacity:0; transform:translate3d(0, -40px, 0); pointer-events:none; }

 }

 @keyframes nebula-fade-out-up { 0% { opacity:1; transform:translate3d(0, 0, 0); }

 100% { opacity:0; transform:translate3d(0, -40px, 0); pointer-events:none; }

 }

 .nebula-fade-out-down.animate { -webkit-animation:nebula-fade-out-down 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; -moz-animation:nebula-fade-out-down 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; animation:nebula-fade-out-down 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; }

 @-webkit-keyframes nebula-fade-out-down { 0% { opacity:1; transform:translate3d(0, 0, 0); }

 100% { opacity:0; transform:translate3d(0, 40px, 0); pointer-events:none; }

 }

 @keyframes nebula-fade-out-down { 0% { opacity:1; transform:translate3d(0, 0, 0); }

 100% { opacity:0; transform:translate3d(0, 40px, 0); pointer-events:none; }

 }

 .nebula-fade-out-left.animate { -webkit-animation:nebula-fade-out-left 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; -moz-animation:nebula-fade-out-left 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; animation:nebula-fade-out-left 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; }

 @-webkit-keyframes nebula-fade-out-left { 0% { opacity:1; transform:translate3d(0, 0, 0); }

 100% { opacity:0; transform:translate3d(-40px, 0, 0); pointer-events:none; }

 }

 @keyframes nebula-fade-out-left { 0% { opacity:1; transform:translate3d(0, 0, 0); }

 100% { opacity:0; transform:translate3d(-40px, 0, 0); pointer-events:none; }

 }

 .nebula-fade-out-right.animate { -webkit-animation:nebula-fade-out-right 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; -moz-animation:nebula-fade-out-right 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; animation:nebula-fade-out-right 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; }

 @-webkit-keyframes nebula-fade-out-right { 0% { opacity:1; transform:translate3d(0, 0, 0); }

 100% { opacity:0; transform:translate3d(40px, 0, 0); pointer-events:none; }

 }

 @keyframes nebula-fade-out-right { 0% { opacity:1; transform:translate3d(0, 0, 0); }

 100% { opacity:0; transform:translate3d(40px, 0, 0); pointer-events:none; }

 }

 .nebula-fade-in { opacity:0; pointer-events:none; }

 .nebula-fade-in.animate,.nebula-fade-in.load-animate { -webkit-animation:nebula-fade-in 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; -moz-animation:nebula-fade-in 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; animation:nebula-fade-in 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; opacity:1; pointer-events:all; }

 @-webkit-keyframes nebula-fade-in { 0% { display:block; opacity:0; }

 100% { opacity:1; }

 }

 @keyframes nebula-fade-in { 0% { display:block; opacity:0; }

 100% { opacity:1; }

 }

 .nebula-fade-in-up { opacity:0; pointer-events:none; }

 .nebula-fade-in-up.animate,.nebula-fade-in-up.load-animate { -webkit-animation:nebula-fade-in-up 1.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) forwards; -moz-animation:nebula-fade-in-up 1.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) forwards; animation:nebula-fade-in-up 1.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) forwards; opacity:1; pointer-events:all; }

 @-webkit-keyframes nebula-fade-in-up { 0% { display:block; opacity:0; transform:translate3d(0, 40px, 0); }

 100% { opacity:1; transform:translate3d(0, 0, 0); }

 }

 @keyframes nebula-fade-in-up { 0% { display:block; opacity:0; transform:translate3d(0, 40px, 0); }

 100% { opacity:1; transform:translate3d(0, 0, 0); }

 }

 .nebula-fade-in-down { opacity:0; pointer-events:none; }

 .nebula-fade-in-down.animate,.nebula-fade-in-down.load-animate { -webkit-animation:nebula-fade-in-down 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards; -moz-animation:nebula-fade-in-down 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards; animation:nebula-fade-in-down 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards; opacity:1; pointer-events:all; }

 @-webkit-keyframes nebula-fade-in-down { 0% { display:block; opacity:0; transform:translate3d(0, -40px, 0); }

 100% { opacity:1; transform:translate3d(0, 0, 0); }

 }

 @keyframes nebula-fade-in-down { 0% { display:block; opacity:0; transform:translate3d(0, -40px, 0); }

 100% { opacity:1; transform:translate3d(0, 0, 0); }

 }

 .nebula-fade-in-left { opacity:0; pointer-events:none; }

 .nebula-fade-in-left.animate,.nebula-fade-in-left.load-animate { -webkit-animation:nebula-fade-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards; -moz-animation:nebula-fade-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards; animation:nebula-fade-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards; opacity:1; pointer-events:all; }

 @-webkit-keyframes nebula-fade-in-left { 0% { display:block; opacity:0; transform:translate3d(-40px, 0, 0); }

 100% { opacity:1; transform:translate3d(0, 0, 0); }

 }

 @keyframes nebula-fade-in-left { 0% { display:block; opacity:0; transform:translate3d(-40px, 0, 0); }

 100% { opacity:1; transform:translate3d(0, 0, 0); }

 }

 .nebula-fade-in-right { opacity:0; pointer-events:none; }

 .nebula-fade-in-right.animate,.nebula-fade-in-right.load-animate { -webkit-animation:nebula-fade-in-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards; -moz-animation:nebula-fade-in-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards; animation:nebula-fade-in-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards; opacity:1; pointer-events:all; }

 @-webkit-keyframes nebula-fade-in-right { 0% { display:block; opacity:0; transform:translate3d(40px, 0, 0); }

 100% { opacity:1; transform:translate3d(0, 0, 0); }

 }

 @keyframes nebula-fade-in-right { 0% { display:block; opacity:0; transform:translate3d(40px, 0, 0); }

 100% { opacity:1; transform:translate3d(0, 0, 0); }

 }

 .nebula-zoom-out.animate { -webkit-animation:nebula-zoom-out 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; -moz-animation:nebula-zoom-out 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; animation:nebula-zoom-out 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; }

 @-webkit-keyframes nebula-zoom-out { 0% { transform:scale3d(1, 1, 1); opacity:1; }

 50% { opacity:1; }

 100% { transform:scale3d(0, 0, 0); opacity:0; pointer-events:none; }

 }

 @keyframes nebula-zoom-out { 0% { transform:scale3d(1, 1, 1); opacity:1; }

 50% { opacity:1; }

 100% { transform:scale3d(0, 0, 0); opacity:0; pointer-events:none; }

 }

 .nebula-zoom-in { opacity:0; pointer-events:none; }

 .nebula-zoom-in.animate,.nebula-zoom-in.load-animate { -webkit-animation:nebula-zoom-in 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; -moz-animation:nebula-zoom-in 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; animation:nebula-zoom-in 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; opacity:1; pointer-events:all; }

 @-webkit-keyframes nebula-zoom-in { 0% { display:block; opacity:0; transform:scale3d(0, 0, 0); }

 50% { opacity:1; transform:scale3d(1.03, 1.03, 1.03); }

 70% { transform:scale3d(0.95, 0.95, 0.95); }

 100% { transform:scale3d(1, 1, 1); }

 }

 @keyframes nebula-zoom-in { 0% { display:block; opacity:0; transform:scale3d(0, 0, 0); }

 50% { opacity:1; transform:scale3d(1.03, 1.03, 1.03); }

 70% { transform:scale3d(0.95, 0.95, 0.95); }

 100% { transform:scale3d(1, 1, 1); }

 }

 .nebula-reveal-in { width:0; pointer-events:none; overflow:hidden; }

 .nebula-reveal-in.animate,.nebula-reveal-in.load-animate { -webkit-animation:nebula-reveal-in 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; -moz-animation:nebula-reveal-in 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; animation:nebula-reveal-in 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; pointer-events:all; }

 @-webkit-keyframes nebula-reveal-in { 0% { display:block; width:0; }

 100% { width:100%; }

 }

 @keyframes nebula-reveal-in { 0% { display:block; width:0; }

 100% { width:100%; }

 }

 .nebula-reveal-out { width:100%; pointer-events:none; overflow:hidden; }

 @-webkit-keyframes nebula-reveal-out { 0% { display:block; width:100%; }

 100% { width:0; }

 }

 @keyframes nebula-reveal-out { 0% { display:block; width:100%; }

 100% { width:0; }

 }

 .nebula-stretch-in { opacity:0; pointer-events:none; }

 .nebula-stretch-in.animate,.nebula-stretch-in.load-animate { -webkit-animation:nebula-stretch-in 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; -moz-animation:nebula-stretch-in 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; animation:nebula-stretch-in 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; opacity:1; pointer-events:all; }

 @-webkit-keyframes nebula-stretch-in { 0% { display:block; transform:scale3d(0, 1, 1); opacity:0; }

 25% { opacity:1; }

 100% { transform:scale3d(1, 1, 1); }

 }

 @keyframes nebula-stretch-in { 0% { display:block; transform:scale3d(0, 1, 1); opacity:0; }

 25% { opacity:1; }

 100% { transform:scale3d(1, 1, 1); }

 }

 .nebula-stretch-out.animate { -webkit-animation:nebula-stretch-out 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; -moz-animation:nebula-stretch-out 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; animation:nebula-stretch-out 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; }

 @-webkit-keyframes nebula-stretch-out { 0% { transform:scale3d(1, 1, 1); }

 66% { opacity:1; }

 100% { transform:scale3d(0, 1, 1); opacity:0; pointer-events:none; }

 }

 @keyframes nebula-stretch-out { 0% { transform:scale3d(1, 1, 1); }

 66% { opacity:1; }

 100% { transform:scale3d(0, 1, 1); opacity:0; pointer-events:none; }

 }

 .nebula-flip-in-x { opacity:0; pointer-events:none; }

 .nebula-flip-in-x.animate,.nebula-flip-in-x.load-animate { -webkit-animation:nebula-flip-in-x 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; -moz-animation:nebula-flip-in-x 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; animation:nebula-flip-in-x 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; opacity:1; pointer-events:all; }

 @keyframes nebula-flip-in-x { 0% { transform:perspective(400px) rotate3d(1, 0, 0, 90deg); opacity:0; }

 40% { transform:perspective(400px) rotate3d(1, 0, 0, -5deg); }

 60% { transform:perspective(400px) rotate3d(1, 0, 0, 2deg); opacity:1; }

 80% { transform:perspective(400px) rotate3d(1, 0, 0, -1deg); }

 100% { transform:perspective(400px); }

 }

 .nebula-flip-in-y { opacity:0; pointer-events:none; }

 .nebula-flip-in-y.animate,.nebula-flip-in-y.load-animate { -webkit-animation:nebula-flip-in-y 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; -moz-animation:nebula-flip-in-y 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; animation:nebula-flip-in-y 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; opacity:1; pointer-events:all; }

 @keyframes nebula-flip-in-y { 0% { transform:perspective(400px) rotate3d(0, 1, 0, 90deg); opacity:0; }

 40% { transform:perspective(400px) rotate3d(0, 1, 0, -5deg); }

 60% { transform:perspective(400px) rotate3d(0, 1, 0, 2deg); opacity:1; }

 80% { transform:perspective(400px) rotate3d(0, 1, 0, -1deg); }

 100% { transform:perspective(400px); }

 }

 .nebula-flip-out-x.animate { -webkit-animation:nebula-flip-out-x 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; -moz-animation:nebula-flip-out-x 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; animation:nebula-flip-out-x 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; }

 @keyframes nebula-flip-out-x { 0% { transform:perspective(400px); }

 30% { transform:perspective(400px) rotate3d(1, 0, 0, -2deg); opacity:1; }

 100% { transform:perspective(400px) rotate3d(1, 0, 0, 90deg); opacity:0; pointer-events:none; }

 }

 .nebula-flip-out-y.animate { -webkit-animation:nebula-flip-out-y 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; -moz-animation:nebula-flip-out-y 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; animation:nebula-flip-out-y 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) forwards; }

 @keyframes nebula-flip-out-y { 0% { transform:perspective(400px); }

 30% { transform:perspective(400px) rotate3d(0, 1, 0, -2deg); opacity:1; }

 100% { transform:perspective(400px) rotate3d(0, 1, 0, 90deg); opacity:0; pointer-events:none; }

 }

 .nebula-push.animate { -webkit-animation:nebula-push 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-animation:nebula-push 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); animation:nebula-push 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); }

 @-webkit-keyframes nebula-push { 0% { transform:scale3d(1, 1, 1); }

 50% { transform:scale3d(0.95, 0.95, 0.95); }

 }

 @keyframes nebula-push { 0% { transform:scale3d(1, 1, 1); }

 50% { transform:scale3d(0.95, 0.95, 0.95); }

 }

 .nebula-shake.animate { -webkit-animation:nebula-shake 0.5s linear; -moz-animation:nebula-shake 0.5s linear; animation:nebula-shake 0.5s linear; }

 @-webkit-keyframes nebula-shake { 0% { transform:translate3d(0, 0, 0); }

 20%,60% { transform:translate3d(-10px, 0, 0); }

 40%,80% { transform:translate3d(10px, 0, 0); }

 }

 @keyframes nebula-shake { 0% { transform:translate3d(0, 0, 0); }

 20%,60% { transform:translate3d(-10px, 0, 0); }

 40%,80% { transform:translate3d(10px, 0, 0); }

 }

 .nebula-nod.animate { -webkit-animation:nebula-nod 0.5s linear; -moz-animation:nebula-nod 0.5s linear; animation:nebula-nod 0.5s linear; }

 @-webkit-keyframes nebula-nod { 0% { transform:translate3d(0, 0, 0); }

 20%,60% { transform:translate3d(0, -10px, 0); }

 40%,80% { transform:translate3d(0, 10px, 0); }

 }

 @keyframes nebula-nod { 0% { transform:translate3d(0, 0, 0); }

 20%,60% { transform:translate3d(0, -10px, 0); }

 40%,80% { transform:translate3d(0, 10px, 0); }

 }

 .nebula-grow { -webkit-transition:transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-transition:transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); -ms-transition:transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition:transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition:transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275); }

 .nebula-grow:hover { transform:scale3d(1.2, 1.2, 1.2); }

 /*-- display utilities --*/ .d-none { display:none !important; }

 .d-inline { display:inline !important; }

 .d-inline-block { display:inline-block !important; }

 .d-block { display:block !important; }

 .d-table { display:table !important; }

 .d-table-row { display:table-row !important; }

 .d-table-cell { display:table-cell !important; }

 .d-flex { display:-ms-flexbox !important; display:-webkit-box !important; display:flex !important; }

 .d-inline-flex { display:-ms-inline-flexbox !important; display:-webkit-inline-box !important; display:inline-flex !important; }

 @media (min-width:768px) { .d-sm-none { display:none !important; }

 .d-sm-inline { display:inline !important; }

 .d-sm-inline-block { display:inline-block !important; }

 .d-sm-block { display:block !important; }

 .d-sm-table { display:table !important; }

 .d-sm-table-row { display:table-row !important; }

 .d-sm-table-cell { display:table-cell !important; }

 .d-sm-flex { display:-ms-flexbox !important; display:-webkit-box !important; display:flex !important; }

 .d-sm-inline-flex { display:-ms-inline-flexbox !important; display:-webkit-inline-box !important; display:inline-flex !important; }

 }

 @media (min-width:992px) { .d-md-none { display:none !important; }

 .d-md-inline { display:inline !important; }

 .d-md-inline-block { display:inline-block !important; }

 .d-md-block { display:block !important; }

 .d-md-table { display:table !important; }

 .d-md-table-row { display:table-row !important; }

 .d-md-table-cell { display:table-cell !important; }

 .d-md-flex { display:-ms-flexbox !important; display:-webkit-box !important; display:flex !important; }

 .d-md-inline-flex { display:-ms-inline-flexbox !important; display:-webkit-inline-box !important; display:inline-flex !important; }

 }

 @media (min-width:1200px) { .d-lg-none { display:none !important; }

 .d-lg-inline { display:inline !important; }

 .d-lg-inline-block { display:inline-block !important; }

 .d-lg-block { display:block !important; }

 .d-lg-table { display:table !important; }

 .d-lg-table-row { display:table-row !important; }

 .d-lg-table-cell { display:table-cell !important; }

 .d-lg-flex { display:-ms-flexbox !important; display:-webkit-box !important; display:flex !important; }

 .d-lg-inline-flex { display:-ms-inline-flexbox !important; display:-webkit-inline-box !important; display:inline-flex !important; }

 }

 /*-- flex utilities --*/ .flex-row { -ms-flex-direction:row !important; -webkit-box-orient:horizontal !important; -webkit-box-direction:normal !important; flex-direction:row !important; }

 .flex-column { -ms-flex-direction:column !important; -webkit-box-orient:vertical !important; -webkit-box-direction:normal !important; flex-direction:column !important; }

 .flex-row-reverse { -ms-flex-direction:row-reverse !important; -webkit-box-orient:horizontal !important; -webkit-box-direction:reverse !important; flex-direction:row-reverse !important; }

 .flex-column-reverse { -ms-flex-direction:column-reverse !important; -webkit-box-orient:vertical !important; -webkit-box-direction:reverse !important; flex-direction:column-reverse !important; }

 .flex-wrap { -ms-flex-wrap:wrap !important; flex-wrap:wrap !important; }

 .flex-nowrap { -ms-flex-wrap:nowrap !important; flex-wrap:nowrap !important; }

 .flex-wrap-reverse { -ms-flex-wrap:wrap-reverse !important; flex-wrap:wrap-reverse !important; }

 .flex-fill { -ms-flex:1 1 auto !important; -webkit-box-flex:1 !important; flex:1 1 auto !important; }

 .flex-grow-0 { -ms-flex-positive:0 !important; -webkit-box-flex:0 !important; flex-grow:0 !important; }

 .flex-grow-1 { -ms-flex-positive:1 !important; -webkit-box-flex:1 !important; flex-grow:1 !important; }

 .flex-shrink-0 { -ms-flex-negative:0 !important; flex-shrink:0 !important; }

 .flex-shrink-1 { -ms-flex-negative:1 !important; flex-shrink:1 !important; }

 .justify-content-start { -ms-flex-pack:start !important; -webkit-box-pack:start !important; justify-content:flex-start !important; }

 .justify-content-end { -ms-flex-pack:end !important; -webkit-box-pack:end !important; justify-content:flex-end !important; }

 .justify-content-center { -ms-flex-pack:center !important; -webkit-box-pack:center !important; justify-content:center !important; }

 .justify-content-between { -ms-flex-pack:justify !important; -webkit-box-pack:justify !important; justify-content:space-between !important; }

 .justify-content-around { -ms-flex-pack:distribute !important; justify-content:space-around !important; }

 .align-items-start { -ms-flex-align:start !important; -webkit-box-align:start !important; align-items:flex-start !important; }

 .align-items-end { -ms-flex-align:end !important; -webkit-box-align:end !important; align-items:flex-end !important; }

 .align-items-center { -ms-flex-align:center !important; -webkit-box-align:center !important; align-items:center !important; }

 .align-items-baseline { -ms-flex-align:baseline !important; -webkit-box-align:baseline !important; align-items:baseline !important; }

 .align-items-stretch { -ms-flex-align:stretch !important; -webkit-box-align:stretch !important; align-items:stretch !important; }

 .align-content-start { -ms-flex-line-pack:start !important; align-content:flex-start !important; }

 .align-content-end { -ms-flex-line-pack:end !important; align-content:flex-end !important; }

 .align-content-center { -ms-flex-line-pack:center !important; align-content:center !important; }

 .align-content-between { -ms-flex-line-pack:justify !important; align-content:space-between !important; }

 .align-content-around { -ms-flex-line-pack:distribute !important; align-content:space-around !important; }

 .align-content-stretch { -ms-flex-line-pack:stretch !important; align-content:stretch !important; }

 .align-self-auto { -ms-flex-item-align:auto !important; -ms-grid-row-align:auto !important; align-self:auto !important; }

 .align-self-start { -ms-flex-item-align:start !important; align-self:flex-start !important; }

 .align-self-end { -ms-flex-item-align:end !important; align-self:flex-end !important; }

 .align-self-center { -ms-flex-item-align:center !important; -ms-grid-row-align:center !important; align-self:center !important; }

 .align-self-baseline { -ms-flex-item-align:baseline !important; align-self:baseline !important; }

 .align-self-stretch { -ms-flex-item-align:stretch !important; -ms-grid-row-align:stretch !important; align-self:stretch !important; }

 @media (min-width:768px) { .flex-sm-row { -ms-flex-direction:row !important; -webkit-box-orient:horizontal !important; -webkit-box-direction:normal !important; flex-direction:row !important; }

 .flex-sm-column { -ms-flex-direction:column !important; -webkit-box-orient:vertical !important; -webkit-box-direction:normal !important; flex-direction:column !important; }

 .flex-sm-row-reverse { -ms-flex-direction:row-reverse !important; -webkit-box-orient:horizontal !important; -webkit-box-direction:reverse !important; flex-direction:row-reverse !important; }

 .flex-sm-column-reverse { -ms-flex-direction:column-reverse !important; -webkit-box-orient:vertical !important; -webkit-box-direction:reverse !important; flex-direction:column-reverse !important; }

 .flex-sm-wrap { -ms-flex-wrap:wrap !important; flex-wrap:wrap !important; }

 .flex-sm-nowrap { -ms-flex-wrap:nowrap !important; flex-wrap:nowrap !important; }

 .flex-sm-wrap-reverse { -ms-flex-wrap:wrap-reverse !important; flex-wrap:wrap-reverse !important; }

 .flex-sm-fill { -ms-flex:1 1 auto !important; -webkit-box-flex:1 !important; flex:1 1 auto !important; }

 .flex-sm-grow-0 { -ms-flex-positive:0 !important; -webkit-box-flex:0 !important; flex-grow:0 !important; }

 .flex-sm-grow-1 { -ms-flex-positive:1 !important; -webkit-box-flex:1 !important; flex-grow:1 !important; }

 .flex-sm-shrink-0 { -ms-flex-negative:0 !important; flex-shrink:0 !important; }

 .flex-sm-shrink-1 { -ms-flex-negative:1 !important; flex-shrink:1 !important; }

 .justify-content-sm-start { -ms-flex-pack:start !important; -webkit-box-pack:start !important; justify-content:flex-start !important; }

 .justify-content-sm-end { -ms-flex-pack:end !important; -webkit-box-pack:end !important; justify-content:flex-end !important; }

 .justify-content-sm-center { -ms-flex-pack:center !important; -webkit-box-pack:center !important; justify-content:center !important; }

 .justify-content-sm-between { -ms-flex-pack:justify !important; -webkit-box-pack:justify !important; justify-content:space-between !important; }

 .justify-content-sm-around { -ms-flex-pack:distribute !important; justify-content:space-around !important; }

 .align-items-sm-start { -ms-flex-align:start !important; -webkit-box-align:start !important; align-items:flex-start !important; }

 .align-items-sm-end { -ms-flex-align:end !important; -webkit-box-align:end !important; align-items:flex-end !important; }

 .align-items-sm-center { -ms-flex-align:center !important; -webkit-box-align:center !important; align-items:center !important; }

 .align-items-sm-baseline { -ms-flex-align:baseline !important; -webkit-box-align:baseline !important; align-items:baseline !important; }

 .align-items-sm-stretch { -ms-flex-align:stretch !important; -webkit-box-align:stretch !important; align-items:stretch !important; }

 .align-content-sm-start { -ms-flex-line-pack:start !important; align-content:flex-start !important; }

 .align-content-sm-end { -ms-flex-line-pack:end !important; align-content:flex-end !important; }

 .align-content-sm-center { -ms-flex-line-pack:center !important; align-content:center !important; }

 .align-content-sm-between { -ms-flex-line-pack:justify !important; align-content:space-between !important; }

 .align-content-sm-around { -ms-flex-line-pack:distribute !important; align-content:space-around !important; }

 .align-content-sm-stretch { -ms-flex-line-pack:stretch !important; align-content:stretch !important; }

 .align-self-sm-auto { -ms-flex-item-align:auto !important; -ms-grid-row-align:auto !important; align-self:auto !important; }

 .align-self-sm-start { -ms-flex-item-align:start !important; align-self:flex-start !important; }

 .align-self-sm-end { -ms-flex-item-align:end !important; align-self:flex-end !important; }

 .align-self-sm-center { -ms-flex-item-align:center !important; -ms-grid-row-align:center !important; align-self:center !important; }

 .align-self-sm-baseline { -ms-flex-item-align:baseline !important; align-self:baseline !important; }

 .align-self-sm-stretch { -ms-flex-item-align:stretch !important; -ms-grid-row-align:stretch !important; align-self:stretch !important; }

 }

 @media (min-width:992px) { .flex-md-row { -ms-flex-direction:row !important; -webkit-box-orient:horizontal !important; -webkit-box-direction:normal !important; flex-direction:row !important; }

 .flex-md-column { -ms-flex-direction:column !important; -webkit-box-orient:vertical !important; -webkit-box-direction:normal !important; flex-direction:column !important; }

 .flex-md-row-reverse { -ms-flex-direction:row-reverse !important; -webkit-box-orient:horizontal !important; -webkit-box-direction:reverse !important; flex-direction:row-reverse !important; }

 .flex-md-column-reverse { -ms-flex-direction:column-reverse !important; -webkit-box-orient:vertical !important; -webkit-box-direction:reverse !important; flex-direction:column-reverse !important; }

 .flex-md-wrap { -ms-flex-wrap:wrap !important; flex-wrap:wrap !important; }

 .flex-md-nowrap { -ms-flex-wrap:nowrap !important; flex-wrap:nowrap !important; }

 .flex-md-wrap-reverse { -ms-flex-wrap:wrap-reverse !important; flex-wrap:wrap-reverse !important; }

 .flex-md-fill { -ms-flex:1 1 auto !important; -webkit-box-flex:1 !important; flex:1 1 auto !important; }

 .flex-md-grow-0 { -ms-flex-positive:0 !important; -webkit-box-flex:0 !important; flex-grow:0 !important; }

 .flex-md-grow-1 { -ms-flex-positive:1 !important; -webkit-box-flex:1 !important; flex-grow:1 !important; }

 .flex-md-shrink-0 { -ms-flex-negative:0 !important; flex-shrink:0 !important; }

 .flex-md-shrink-1 { -ms-flex-negative:1 !important; flex-shrink:1 !important; }

 .justify-content-md-start { -ms-flex-pack:start !important; -webkit-box-pack:start !important; justify-content:flex-start !important; }

 .justify-content-md-end { -ms-flex-pack:end !important; -webkit-box-pack:end !important; justify-content:flex-end !important; }

 .justify-content-md-center { -ms-flex-pack:center !important; -webkit-box-pack:center !important; justify-content:center !important; }

 .justify-content-md-between { -ms-flex-pack:justify !important; -webkit-box-pack:justify !important; justify-content:space-between !important; }

 .justify-content-md-around { -ms-flex-pack:distribute !important; justify-content:space-around !important; }

 .align-items-md-start { -ms-flex-align:start !important; -webkit-box-align:start !important; align-items:flex-start !important; }

 .align-items-md-end { -ms-flex-align:end !important; -webkit-box-align:end !important; align-items:flex-end !important; }

 .align-items-md-center { -ms-flex-align:center !important; -webkit-box-align:center !important; align-items:center !important; }

 .align-items-md-baseline { -ms-flex-align:baseline !important; -webkit-box-align:baseline !important; align-items:baseline !important; }

 .align-items-md-stretch { -ms-flex-align:stretch !important; -webkit-box-align:stretch !important; align-items:stretch !important; }

 .align-content-md-start { -ms-flex-line-pack:start !important; align-content:flex-start !important; }

 .align-content-md-end { -ms-flex-line-pack:end !important; align-content:flex-end !important; }

 .align-content-md-center { -ms-flex-line-pack:center !important; align-content:center !important; }

 .align-content-md-between { -ms-flex-line-pack:justify !important; align-content:space-between !important; }

 .align-content-md-around { -ms-flex-line-pack:distribute !important; align-content:space-around !important; }

 .align-content-md-stretch { -ms-flex-line-pack:stretch !important; align-content:stretch !important; }

 .align-self-md-auto { -ms-flex-item-align:auto !important; -ms-grid-row-align:auto !important; align-self:auto !important; }

 .align-self-md-start { -ms-flex-item-align:start !important; align-self:flex-start !important; }

 .align-self-md-end { -ms-flex-item-align:end !important; align-self:flex-end !important; }

 .align-self-md-center { -ms-flex-item-align:center !important; -ms-grid-row-align:center !important; align-self:center !important; }

 .align-self-md-baseline { -ms-flex-item-align:baseline !important; align-self:baseline !important; }

 .align-self-md-stretch { -ms-flex-item-align:stretch !important; -ms-grid-row-align:stretch !important; align-self:stretch !important; }

 }

 @media (min-width:1200px) { .flex-lg-row { -ms-flex-direction:row !important; -webkit-box-orient:horizontal !important; -webkit-box-direction:normal !important; flex-direction:row !important; }

 .flex-lg-column { -ms-flex-direction:column !important; -webkit-box-orient:vertical !important; -webkit-box-direction:normal !important; flex-direction:column !important; }

 .flex-lg-row-reverse { -ms-flex-direction:row-reverse !important; -webkit-box-orient:horizontal !important; -webkit-box-direction:reverse !important; flex-direction:row-reverse !important; }

 .flex-lg-column-reverse { -ms-flex-direction:column-reverse !important; -webkit-box-orient:vertical !important; -webkit-box-direction:reverse !important; flex-direction:column-reverse !important; }

 .flex-lg-wrap { -ms-flex-wrap:wrap !important; flex-wrap:wrap !important; }

 .flex-lg-nowrap { -ms-flex-wrap:nowrap !important; flex-wrap:nowrap !important; }

 .flex-lg-wrap-reverse { -ms-flex-wrap:wrap-reverse !important; flex-wrap:wrap-reverse !important; }

 .flex-lg-fill { -ms-flex:1 1 auto !important; -webkit-box-flex:1 !important; flex:1 1 auto !important; }

 .flex-lg-grow-0 { -ms-flex-positive:0 !important; -webkit-box-flex:0 !important; flex-grow:0 !important; }

 .flex-lg-grow-1 { -ms-flex-positive:1 !important; -webkit-box-flex:1 !important; flex-grow:1 !important; }

 .flex-lg-shrink-0 { -ms-flex-negative:0 !important; flex-shrink:0 !important; }

 .flex-lg-shrink-1 { -ms-flex-negative:1 !important; flex-shrink:1 !important; }

 .justify-content-lg-start { -ms-flex-pack:start !important; -webkit-box-pack:start !important; justify-content:flex-start !important; }

 .justify-content-lg-end { -ms-flex-pack:end !important; -webkit-box-pack:end !important; justify-content:flex-end !important; }

 .justify-content-lg-center { -ms-flex-pack:center !important; -webkit-box-pack:center !important; justify-content:center !important; }

 .justify-content-lg-between { -ms-flex-pack:justify !important; -webkit-box-pack:justify !important; justify-content:space-between !important; }

 .justify-content-lg-around { -ms-flex-pack:distribute !important; justify-content:space-around !important; }

 .align-items-lg-start { -ms-flex-align:start !important; -webkit-box-align:start !important; align-items:flex-start !important; }

 .align-items-lg-end { -ms-flex-align:end !important; -webkit-box-align:end !important; align-items:flex-end !important; }

 .align-items-lg-center { -ms-flex-align:center !important; -webkit-box-align:center !important; align-items:center !important; }

 .align-items-lg-baseline { -ms-flex-align:baseline !important; -webkit-box-align:baseline !important; align-items:baseline !important; }

 .align-items-lg-stretch { -ms-flex-align:stretch !important; -webkit-box-align:stretch !important; align-items:stretch !important; }

 .align-content-lg-start { -ms-flex-line-pack:start !important; align-content:flex-start !important; }

 .align-content-lg-end { -ms-flex-line-pack:end !important; align-content:flex-end !important; }

 .align-content-lg-center { -ms-flex-line-pack:center !important; align-content:center !important; }

 .align-content-lg-between { -ms-flex-line-pack:justify !important; align-content:space-between !important; }

 .align-content-lg-around { -ms-flex-line-pack:distribute !important; align-content:space-around !important; }

 .align-content-lg-stretch { -ms-flex-line-pack:stretch !important; align-content:stretch !important; }

 .align-self-lg-auto { -ms-flex-item-align:auto !important; -ms-grid-row-align:auto !important; align-self:auto !important; }

 .align-self-lg-start { -ms-flex-item-align:start !important; align-self:flex-start !important; }

 .align-self-lg-end { -ms-flex-item-align:end !important; align-self:flex-end !important; }

 .align-self-lg-center { -ms-flex-item-align:center !important; -ms-grid-row-align:center !important; align-self:center !important; }

 .align-self-lg-baseline { -ms-flex-item-align:baseline !important; align-self:baseline !important; }

 .align-self-lg-stretch { -ms-flex-item-align:stretch !important; -ms-grid-row-align:stretch !important; align-self:stretch !important; }

 }

 /*-- float utilities --*/ .float-left { float:left !important; }

 .float-right { float:right !important; }

 .float-none { float:none !important; }

 @media (min-width:768px) { .float-sm-left { float:left !important; }

 .float-sm-right { float:right !important; }

 .float-sm-none { float:none !important; }

 }

 @media (min-width:992px) { .float-md-left { float:left !important; }

 .float-md-right { float:right !important; }

 .float-md-none { float:none !important; }

 }

 @media (min-width:1200px) { .float-lg-left { float:left !important; }

 .float-lg-right { float:right !important; }

 .float-lg-none { float:none !important; }

 }

 /*-- text utilities --*/ .text-left { text-align:left !important; }

 .text-right { text-align:right !important; }

 .text-center { text-align:center !important; }

 @media (min-width:768px) { .text-sm-left { text-align:left !important; }

 .text-sm-right { text-align:right !important; }

 .text-sm-center { text-align:center !important; }

 }

 @media (min-width:992px) { .text-md-left { text-align:left !important; }

 .text-md-right { text-align:right !important; }

 .text-md-center { text-align:center !important; }

 }

 @media (min-width:1200px) { .text-lg-left { text-align:left !important; }

 .text-lg-right { text-align:right !important; }

 .text-lg-center { text-align:center !important; }

 }

 /*-- spacing utilities --*/ .m-0 { margin:0 !important; }

 .mt-0 { margin-top:0 !important; }

 .mr-0 { margin-right:0 !important; }

 .mb-0 { margin-bottom:0 !important; }

 .ml-0 { margin-left:0 !important; }

 .mx-0 { margin-right:0 !important; margin-left:0 !important; }

 .my-0 { margin-top:0 !important; margin-bottom:0 !important; }

 .m-1 { margin:0.25rem !important; }

 .mt-1 { margin-top:0.25rem !important; }

 .mr-1 { margin-right:0.25rem !important; }

 .mb-1 { margin-bottom:0.25rem !important; }

 .ml-1 { margin-left:0.25rem !important; }

 .mx-1 { margin-right:0.25rem !important; margin-left:0.25rem !important; }

 .my-1 { margin-top:0.25rem !important; margin-bottom:0.25rem !important; }

 .m-2 { margin:0.5rem !important; }

 .mt-2 { margin-top:0.5rem !important; }

 .mr-2 { margin-right:0.5rem !important; }

 .mb-2 { margin-bottom:0.5rem !important; }

 .ml-2 { margin-left:0.5rem !important; }

 .mx-2 { margin-right:0.5rem !important; margin-left:0.5rem !important; }

 .my-2 { margin-top:0.5rem !important; margin-bottom:0.5rem !important; }

 .m-3 { margin:1rem !important; }

 .mt-3 { margin-top:1rem !important; }

 .mr-3 { margin-right:1rem !important; }

 .mb-3 { margin-bottom:1rem !important; }

 .ml-3 { margin-left:1rem !important; }

 .mx-3 { margin-right:1rem !important; margin-left:1rem !important; }

 .my-3 { margin-top:1rem !important; margin-bottom:1rem !important; }

 .m-4 { margin:1.5rem !important; }

 .mt-4 { margin-top:1.5rem !important; }

 .mr-4 { margin-right:1.5rem !important; }

 .mb-4 { margin-bottom:1.5rem !important; }

 .ml-4 { margin-left:1.5rem !important; }

 .mx-4 { margin-right:1.5rem !important; margin-left:1.5rem !important; }

 .my-4 { margin-top:1.5rem !important; margin-bottom:1.5rem !important; }

 .m-5 { margin:3rem !important; }

 .mt-5 { margin-top:3rem !important; }

 .mr-5 { margin-right:3rem !important; }

 .mb-5 { margin-bottom:3rem !important; }

 .ml-5 { margin-left:3rem !important; }

 .mx-5 { margin-right:3rem !important; margin-left:3rem !important; }

 .my-5 { margin-top:3rem !important; margin-bottom:3rem !important; }

 .m-auto { margin:auto !important; }

 .mt-auto { margin-top:auto !important; }

 .mr-auto { margin-right:auto !important; }

 .mb-auto { margin-bottom:auto !important; }

 .ml-auto { margin-left:auto !important; }

 .mx-auto { margin-right:auto !important; margin-left:auto !important; }

 .my-auto { margin-top:auto !important; margin-bottom:auto !important; }

 .p-0 { padding:0 !important; }

 .pt-0 { padding-top:0 !important; }

 .pr-0 { padding-right:0 !important; }

 .pb-0 { padding-bottom:0 !important; }

 .pl-0 { padding-left:0 !important; }

 .px-0 { padding-right:0 !important; padding-left:0 !important; }

 .py-0 { padding-top:0 !important; padding-bottom:0 !important; }

 .p-1 { padding:0.25rem !important; }

 .pt-1 { padding-top:0.25rem !important; }

 .pr-1 { padding-right:0.25rem !important; }

 .pb-1 { padding-bottom:0.25rem !important; }

 .pl-1 { padding-left:0.25rem !important; }

 .px-1 { padding-right:0.25rem !important; padding-left:0.25rem !important; }

 .py-1 { padding-top:0.25rem !important; padding-bottom:0.25rem !important; }

 .p-2 { padding:0.5rem !important; }

 .pt-2 { padding-top:0.5rem !important; }

 .pr-2 { padding-right:0.5rem !important; }

 .pb-2 { padding-bottom:0.5rem !important; }

 .pl-2 { padding-left:0.5rem !important; }

 .px-2 { padding-right:0.5rem !important; padding-left:0.5rem !important; }

 .py-2 { padding-top:0.5rem !important; padding-bottom:0.5rem !important; }

 .p-3 { padding:1rem !important; }

 .pt-3 { padding-top:1rem !important; }

 .pr-3 { padding-right:1rem !important; }

 .pb-3 { padding-bottom:1rem !important; }

 .pl-3 { padding-left:1rem !important; }

 .px-3 { padding-right:1rem !important; padding-left:1rem !important; }

 .py-3 { padding-top:1rem !important; padding-bottom:1rem !important; }

 .p-4 { padding:1.5rem !important; }

 .pt-4 { padding-top:1.5rem !important; }

 .pr-4 { padding-right:1.5rem !important; }

 .pb-4 { padding-bottom:1.5rem !important; }

 .pl-4 { padding-left:1.5rem !important; }

 .px-4 { padding-right:1.5rem !important; padding-left:1.5rem !important; }

 .py-4 { padding-top:1.5rem !important; padding-bottom:1.5rem !important; }

 .p-5 { padding:3rem !important; }

 .pt-5 { padding-top:3rem !important; }

 .pr-5 { padding-right:3rem !important; }

 .pb-5 { padding-bottom:3rem !important; }

 .pl-5 { padding-left:3rem !important; }

 .px-5 { padding-right:3rem !important; padding-left:3rem !important; }

 .py-5 { padding-top:3rem !important; padding-bottom:3rem !important; }

 @media (min-width:768px) { .m-sm-0 { margin:0 !important; }

 .mt-sm-0 { margin-top:0 !important; }

 .mr-sm-0 { margin-right:0 !important; }

 .mb-sm-0 { margin-bottom:0 !important; }

 .ml-sm-0 { margin-left:0 !important; }

 .mx-sm-0 { margin-right:0 !important; margin-left:0 !important; }

 .my-sm-0 { margin-top:0 !important; margin-bottom:0 !important; }

 .m-sm-1 { margin:0.25rem !important; }

 .mt-sm-1 { margin-top:0.25rem !important; }

 .mr-sm-1 { margin-right:0.25rem !important; }

 .mb-sm-1 { margin-bottom:0.25rem !important; }

 .ml-sm-1 { margin-left:0.25rem !important; }

 .mx-sm-1 { margin-right:0.25rem !important; margin-left:0.25rem !important; }

 .my-sm-1 { margin-top:0.25rem !important; margin-bottom:0.25rem !important; }

 .m-sm-2 { margin:0.5rem !important; }

 .mt-sm-2 { margin-top:0.5rem !important; }

 .mr-sm-2 { margin-right:0.5rem !important; }

 .mb-sm-2 { margin-bottom:0.5rem !important; }

 .ml-sm-2 { margin-left:0.5rem !important; }

 .mx-sm-2 { margin-right:0.5rem !important; margin-left:0.5rem !important; }

 .my-sm-2 { margin-top:0.5rem !important; margin-bottom:0.5rem !important; }

 .m-sm-3 { margin:1rem !important; }

 .mt-sm-3 { margin-top:1rem !important; }

 .mr-sm-3 { margin-right:1rem !important; }

 .mb-sm-3 { margin-bottom:1rem !important; }

 .ml-sm-3 { margin-left:1rem !important; }

 .mx-sm-3 { margin-right:1rem !important; margin-left:1rem !important; }

 .my-sm-3 { margin-top:1rem !important; margin-bottom:1rem !important; }

 .m-sm-4 { margin:1.5rem !important; }

 .mt-sm-4 { margin-top:1.5rem !important; }

 .mr-sm-4 { margin-right:1.5rem !important; }

 .mb-sm-4 { margin-bottom:1.5rem !important; }

 .ml-sm-4 { margin-left:1.5rem !important; }

 .mx-sm-4 { margin-right:1.5rem !important; margin-left:1.5rem !important; }

 .my-sm-4 { margin-top:1.5rem !important; margin-bottom:1.5rem !important; }

 .m-sm-5 { margin:3rem !important; }

 .mt-sm-5 { margin-top:3rem !important; }

 .mr-sm-5 { margin-right:3rem !important; }

 .mb-sm-5 { margin-bottom:3rem !important; }

 .ml-sm-5 { margin-left:3rem !important; }

 .mx-sm-5 { margin-right:3rem !important; margin-left:3rem !important; }

 .my-sm-5 { margin-top:3rem !important; margin-bottom:3rem !important; }

 .m-sm-auto { margin:auto !important; }

 .mt-sm-auto { margin-top:auto !important; }

 .mr-sm-auto { margin-right:auto !important; }

 .mb-sm-auto { margin-bottom:auto !important; }

 .ml-sm-auto { margin-left:auto !important; }

 .mx-sm-auto { margin-right:auto !important; margin-left:auto !important; }

 .my-sm-auto { margin-top:auto !important; margin-bottom:auto !important; }

 .p-sm-0 { padding:0 !important; }

 .pt-sm-0 { padding-top:0 !important; }

 .pr-sm-0 { padding-right:0 !important; }

 .pb-sm-0 { padding-bottom:0 !important; }

 .pl-sm-0 { padding-left:0 !important; }

 .px-sm-0 { padding-right:0 !important; padding-left:0 !important; }

 .py-sm-0 { padding-top:0 !important; padding-bottom:0 !important; }

 .p-sm-1 { padding:0.25rem !important; }

 .pt-sm-1 { padding-top:0.25rem !important; }

 .pr-sm-1 { padding-right:0.25rem !important; }

 .pb-sm-1 { padding-bottom:0.25rem !important; }

 .pl-sm-1 { padding-left:0.25rem !important; }

 .px-sm-1 { padding-right:0.25rem !important; padding-left:0.25rem !important; }

 .py-sm-1 { padding-top:0.25rem !important; padding-bottom:0.25rem !important; }

 .p-sm-2 { padding:0.5rem !important; }

 .pt-sm-2 { padding-top:0.5rem !important; }

 .pr-sm-2 { padding-right:0.5rem !important; }

 .pb-sm-2 { padding-bottom:0.5rem !important; }

 .pl-sm-2 { padding-left:0.5rem !important; }

 .px-sm-2 { padding-right:0.5rem !important; padding-left:0.5rem !important; }

 .py-sm-2 { padding-top:0.5rem !important; padding-bottom:0.5rem !important; }

 .p-sm-3 { padding:1rem !important; }

 .pt-sm-3 { padding-top:1rem !important; }

 .pr-sm-3 { padding-right:1rem !important; }

 .pb-sm-3 { padding-bottom:1rem !important; }

 .pl-sm-3 { padding-left:1rem !important; }

 .px-sm-3 { padding-right:1rem !important; padding-left:1rem !important; }

 .py-sm-3 { padding-top:1rem !important; padding-bottom:1rem !important; }

 .p-sm-4 { padding:1.5rem !important; }

 .pt-sm-4 { padding-top:1.5rem !important; }

 .pr-sm-4 { padding-right:1.5rem !important; }

 .pb-sm-4 { padding-bottom:1.5rem !important; }

 .pl-sm-4 { padding-left:1.5rem !important; }

 .px-sm-4 { padding-right:1.5rem !important; padding-left:1.5rem !important; }

 .py-sm-4 { padding-top:1.5rem !important; padding-bottom:1.5rem !important; }

 .p-sm-5 { padding:3rem !important; }

 .pt-sm-5 { padding-top:3rem !important; }

 .pr-sm-5 { padding-right:3rem !important; }

 .pb-sm-5 { padding-bottom:3rem !important; }

 .pl-sm-5 { padding-left:3rem !important; }

 .px-sm-5 { padding-right:3rem !important; padding-left:3rem !important; }

 .py-sm-5 { padding-top:3rem !important; padding-bottom:3rem !important; }

 }

 @media (min-width:992px) { .m-md-0 { margin:0 !important; }

 .mt-md-0 { margin-top:0 !important; }

 .mr-md-0 { margin-right:0 !important; }

 .mb-md-0 { margin-bottom:0 !important; }

 .ml-md-0 { margin-left:0 !important; }

 .mx-md-0 { margin-right:0 !important; margin-left:0 !important; }

 .my-md-0 { margin-top:0 !important; margin-bottom:0 !important; }

 .m-md-1 { margin:0.25rem !important; }

 .mt-md-1 { margin-top:0.25rem !important; }

 .mr-md-1 { margin-right:0.25rem !important; }

 .mb-md-1 { margin-bottom:0.25rem !important; }

 .ml-md-1 { margin-left:0.25rem !important; }

 .mx-md-1 { margin-right:0.25rem !important; margin-left:0.25rem !important; }

 .my-md-1 { margin-top:0.25rem !important; margin-bottom:0.25rem !important; }

 .m-md-2 { margin:0.5rem !important; }

 .mt-md-2 { margin-top:0.5rem !important; }

 .mr-md-2 { margin-right:0.5rem !important; }

 .mb-md-2 { margin-bottom:0.5rem !important; }

 .ml-md-2 { margin-left:0.5rem !important; }

 .mx-md-2 { margin-right:0.5rem !important; margin-left:0.5rem !important; }

 .my-md-2 { margin-top:0.5rem !important; margin-bottom:0.5rem !important; }

 .m-md-3 { margin:1rem !important; }

 .mt-md-3 { margin-top:1rem !important; }

 .mr-md-3 { margin-right:1rem !important; }

 .mb-md-3 { margin-bottom:1rem !important; }

 .ml-md-3 { margin-left:1rem !important; }

 .mx-md-3 { margin-right:1rem !important; margin-left:1rem !important; }

 .my-md-3 { margin-top:1rem !important; margin-bottom:1rem !important; }

 .m-md-4 { margin:1.5rem !important; }

 .mt-md-4 { margin-top:1.5rem !important; }

 .mr-md-4 { margin-right:1.5rem !important; }

 .mb-md-4 { margin-bottom:1.5rem !important; }

 .ml-md-4 { margin-left:1.5rem !important; }

 .mx-md-4 { margin-right:1.5rem !important; margin-left:1.5rem !important; }

 .my-md-4 { margin-top:1.5rem !important; margin-bottom:1.5rem !important; }

 .m-md-5 { margin:3rem !important; }

 .mt-md-5 { margin-top:3rem !important; }

 .mr-md-5 { margin-right:3rem !important; }

 .mb-md-5 { margin-bottom:3rem !important; }

 .ml-md-5 { margin-left:3rem !important; }

 .mx-md-5 { margin-right:3rem !important; margin-left:3rem !important; }

 .my-md-5 { margin-top:3rem !important; margin-bottom:3rem !important; }

 .m-md-auto { margin:auto !important; }

 .mt-md-auto { margin-top:auto !important; }

 .mr-md-auto { margin-right:auto !important; }

 .mb-md-auto { margin-bottom:auto !important; }

 .ml-md-auto { margin-left:auto !important; }

 .mx-md-auto { margin-right:auto !important; margin-left:auto !important; }

 .my-md-auto { margin-top:auto !important; margin-bottom:auto !important; }

 .p-md-0 { padding:0 !important; }

 .pt-md-0 { padding-top:0 !important; }

 .pr-md-0 { padding-right:0 !important; }

 .pb-md-0 { padding-bottom:0 !important; }

 .pl-md-0 { padding-left:0 !important; }

 .px-md-0 { padding-right:0 !important; padding-left:0 !important; }

 .py-md-0 { padding-top:0 !important; padding-bottom:0 !important; }

 .p-md-1 { padding:0.25rem !important; }

 .pt-md-1 { padding-top:0.25rem !important; }

 .pr-md-1 { padding-right:0.25rem !important; }

 .pb-md-1 { padding-bottom:0.25rem !important; }

 .pl-md-1 { padding-left:0.25rem !important; }

 .px-md-1 { padding-right:0.25rem !important; padding-left:0.25rem !important; }

 .py-md-1 { padding-top:0.25rem !important; padding-bottom:0.25rem !important; }

 .p-md-2 { padding:0.5rem !important; }

 .pt-md-2 { padding-top:0.5rem !important; }

 .pr-md-2 { padding-right:0.5rem !important; }

 .pb-md-2 { padding-bottom:0.5rem !important; }

 .pl-md-2 { padding-left:0.5rem !important; }

 .px-md-2 { padding-right:0.5rem !important; padding-left:0.5rem !important; }

 .py-md-2 { padding-top:0.5rem !important; padding-bottom:0.5rem !important; }

 .p-md-3 { padding:1rem !important; }

 .pt-md-3 { padding-top:1rem !important; }

 .pr-md-3 { padding-right:1rem !important; }

 .pb-md-3 { padding-bottom:1rem !important; }

 .pl-md-3 { padding-left:1rem !important; }

 .px-md-3 { padding-right:1rem !important; padding-left:1rem !important; }

 .py-md-3 { padding-top:1rem !important; padding-bottom:1rem !important; }

 .p-md-4 { padding:1.5rem !important; }

 .pt-md-4 { padding-top:1.5rem !important; }

 .pr-md-4 { padding-right:1.5rem !important; }

 .pb-md-4 { padding-bottom:1.5rem !important; }

 .pl-md-4 { padding-left:1.5rem !important; }

 .px-md-4 { padding-right:1.5rem !important; padding-left:1.5rem !important; }

 .py-md-4 { padding-top:1.5rem !important; padding-bottom:1.5rem !important; }

 .p-md-5 { padding:3rem !important; }

 .pt-md-5 { padding-top:3rem !important; }

 .pr-md-5 { padding-right:3rem !important; }

 .pb-md-5 { padding-bottom:3rem !important; }

 .pl-md-5 { padding-left:3rem !important; }

 .px-md-5 { padding-right:3rem !important; padding-left:3rem !important; }

 .py-md-5 { padding-top:3rem !important; padding-bottom:3rem !important; }

 }

 @media (min-width:1200px) { .m-lg-0 { margin:0 !important; }

 .mt-lg-0 { margin-top:0 !important; }

 .mr-lg-0 { margin-right:0 !important; }

 .mb-lg-0 { margin-bottom:0 !important; }

 .ml-lg-0 { margin-left:0 !important; }

 .mx-lg-0 { margin-right:0 !important; margin-left:0 !important; }

 .my-lg-0 { margin-top:0 !important; margin-bottom:0 !important; }

 .m-lg-1 { margin:0.25rem !important; }

 .mt-lg-1 { margin-top:0.25rem !important; }

 .mr-lg-1 { margin-right:0.25rem !important; }

 .mb-lg-1 { margin-bottom:0.25rem !important; }

 .ml-lg-1 { margin-left:0.25rem !important; }

 .mx-lg-1 { margin-right:0.25rem !important; margin-left:0.25rem !important; }

 .my-lg-1 { margin-top:0.25rem !important; margin-bottom:0.25rem !important; }

 .m-lg-2 { margin:0.5rem !important; }

 .mt-lg-2 { margin-top:0.5rem !important; }

 .mr-lg-2 { margin-right:0.5rem !important; }

 .mb-lg-2 { margin-bottom:0.5rem !important; }

 .ml-lg-2 { margin-left:0.5rem !important; }

 .mx-lg-2 { margin-right:0.5rem !important; margin-left:0.5rem !important; }

 .my-lg-2 { margin-top:0.5rem !important; margin-bottom:0.5rem !important; }

 .m-lg-3 { margin:1rem !important; }

 .mt-lg-3 { margin-top:1rem !important; }

 .mr-lg-3 { margin-right:1rem !important; }

 .mb-lg-3 { margin-bottom:1rem !important; }

 .ml-lg-3 { margin-left:1rem !important; }

 .mx-lg-3 { margin-right:1rem !important; margin-left:1rem !important; }

 .my-lg-3 { margin-top:1rem !important; margin-bottom:1rem !important; }

 .m-lg-4 { margin:1.5rem !important; }

 .mt-lg-4 { margin-top:1.5rem !important; }

 .mr-lg-4 { margin-right:1.5rem !important; }

 .mb-lg-4 { margin-bottom:1.5rem !important; }

 .ml-lg-4 { margin-left:1.5rem !important; }

 .mx-lg-4 { margin-right:1.5rem !important; margin-left:1.5rem !important; }

 .my-lg-4 { margin-top:1.5rem !important; margin-bottom:1.5rem !important; }

 .m-lg-5 { margin:3rem !important; }

 .mt-lg-5 { margin-top:3rem !important; }

 .mr-lg-5 { margin-right:3rem !important; }

 .mb-lg-5 { margin-bottom:3rem !important; }

 .ml-lg-5 { margin-left:3rem !important; }

 .mx-lg-5 { margin-right:3rem !important; margin-left:3rem !important; }

 .my-lg-5 { margin-top:3rem !important; margin-bottom:3rem !important; }

 .m-lg-auto { margin:auto !important; }

 .mt-lg-auto { margin-top:auto !important; }

 .mr-lg-auto { margin-right:auto !important; }

 .mb-lg-auto { margin-bottom:auto !important; }

 .ml-lg-auto { margin-left:auto !important; }

 .mx-lg-auto { margin-right:auto !important; margin-left:auto !important; }

 .my-lg-auto { margin-top:auto !important; margin-bottom:auto !important; }

 .p-lg-0 { padding:0 !important; }

 .pt-lg-0 { padding-top:0 !important; }

 .pr-lg-0 { padding-right:0 !important; }

 .pb-lg-0 { padding-bottom:0 !important; }

 .pl-lg-0 { padding-left:0 !important; }

 .px-lg-0 { padding-right:0 !important; padding-left:0 !important; }

 .py-lg-0 { padding-top:0 !important; padding-bottom:0 !important; }

 .p-lg-1 { padding:0.25rem !important; }

 .pt-lg-1 { padding-top:0.25rem !important; }

 .pr-lg-1 { padding-right:0.25rem !important; }

 .pb-lg-1 { padding-bottom:0.25rem !important; }

 .pl-lg-1 { padding-left:0.25rem !important; }

 .px-lg-1 { padding-right:0.25rem !important; padding-left:0.25rem !important; }

 .py-lg-1 { padding-top:0.25rem !important; padding-bottom:0.25rem !important; }

 .p-lg-2 { padding:0.5rem !important; }

 .pt-lg-2 { padding-top:0.5rem !important; }

 .pr-lg-2 { padding-right:0.5rem !important; }

 .pb-lg-2 { padding-bottom:0.5rem !important; }

 .pl-lg-2 { padding-left:0.5rem !important; }

 .px-lg-2 { padding-right:0.5rem !important; padding-left:0.5rem !important; }

 .py-lg-2 { padding-top:0.5rem !important; padding-bottom:0.5rem !important; }

 .p-lg-3 { padding:1rem !important; }

 .pt-lg-3 { padding-top:1rem !important; }

 .pr-lg-3 { padding-right:1rem !important; }

 .pb-lg-3 { padding-bottom:1rem !important; }

 .pl-lg-3 { padding-left:1rem !important; }

 .px-lg-3 { padding-right:1rem !important; padding-left:1rem !important; }

 .py-lg-3 { padding-top:1rem !important; padding-bottom:1rem !important; }

 .p-lg-4 { padding:1.5rem !important; }

 .pt-lg-4 { padding-top:1.5rem !important; }

 .pr-lg-4 { padding-right:1.5rem !important; }

 .pb-lg-4 { padding-bottom:1.5rem !important; }

 .pl-lg-4 { padding-left:1.5rem !important; }

 .px-lg-4 { padding-right:1.5rem !important; padding-left:1.5rem !important; }

 .py-lg-4 { padding-top:1.5rem !important; padding-bottom:1.5rem !important; }

 .p-lg-5 { padding:3rem !important; }

 .pt-lg-5 { padding-top:3rem !important; }

 .pr-lg-5 { padding-right:3rem !important; }

 .pb-lg-5 { padding-bottom:3rem !important; }

 .pl-lg-5 { padding-left:3rem !important; }

 .px-lg-5 { padding-right:3rem !important; padding-left:3rem !important; }

 .py-lg-5 { padding-top:3rem !important; padding-bottom:3rem !important; }

 }

 /*-- sizing utilities --*/ .w-25 { width:25% !important; }

 .w-50 { width:50% !important; }

 .w-75 { width:75% !important; }

 .w-100 { width:100% !important; }

 .w-auto { width:auto !important; }

 .h-25 { height:25% !important; }

 .h-50 { height:50% !important; }

 .h-75 { height:75% !important; }

 .h-100 { height:100% !important; }

 .h-auto { height:auto !important; }

 .mw-100 { max-width:100% !important; }

 .mh-100 { max-height:100% !important; }

 .min-vw-100 { min-width:100vw !important; }

 .min-vh-100 { min-height:100vh !important; }

 .vw-100 { width:100vw !important; }

 .vh-100 { height:100vh !important; }

 ::selection { background:#d7f3ff; background:rgba(62, 198, 255, 0.25); color:#000; }

 ::-moz-selection { background:#d7f3ff; background:rgba(62, 198, 255, 0.25); color:#000; }

 @font-face { font-family:'intro_rust_gbase_2_line'; src:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/fonts/introrustg-base2line-webfont.eot"); src:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/fonts/introrustg-base2line-webfont.eot?#iefix") format('embedded-opentype'), url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/fonts/introrustg-base2line-webfont.woff2") format('woff2'), url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/fonts/introrustg-base2line-webfont.woff") format('woff'), url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/fonts/introrustg-base2line-webfont.ttf") format('truetype'), url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/fonts/introrustg-base2line-webfont.svg#intro_rust_gbase_2_line") format('svg'); font-weight:normal; font-style:normal; }

 .rust { font-family:'intro_rust_gbase_2_line', 'Helvetica', 'Arial', sans-serif; font-weight:normal; }

 .rust.smaller { font-size:30px; line-height:36px; }

 html,body { height:100%; }

 h1,h2,h3,h4,h5,h6,body,p,.btn,.skiplink,.field input,.field input[type="*"],.field textarea,.prepend .adjoined,.append .adjoined,.picker,.alert,.tab-nav > li > li > a,.tab-nav > li > a { font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; }

 h1,h2,h3,h4,h5,h6 { color:#444; text-transform:uppercase; }

 h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color:#0098d7; }

 body { background:#fff; }

 a { color:#0098d7; }

 a:visited { color:#0098d7; }

 a:focus { color:#95d600; }

 a:hover { color:#95d600; }

 a:active { color:#0098d7; }

 .xoxo ul li.current-menu-item .sub-menu ul li { border-left:1px solid #95d600; }

 .xoxo ul li.current-menu-item .sub-menu ul li a { color:#0098d7; }

 .xoxo ul li.current-menu-item .sub-menu ul li a:hover { color:#95d600; }

 a { color:#003391; }

 a:hover { color:#81bc41; }

 a:visited { color:#003391; }

 #photo-carousel-1 .carousel-indicators { bottom:-60px; }

 #photo-carousel-1 .carousel-caption { left:0; right:0; bottom:0; background:#fff; color:#444; padding:10px; text-shadow:none; position:relative; }

 #photo-carousel-1 .carousel-control .icon-prev,#photo-carousel-1 .carousel-control .icon-next { font-size:60px; height:70px; color:#fff; }

 .btn { border-radius:0; }

 a.btn.disabled { opacity:0.45; }

 .btn-primary { border-color:#003391; color:#003391; }

 .btn-primary:hover,.btn-primary:active,.btn-primary:focus { background-color:#003391; }

 .btn-primary:hover a,.btn-primary:active a,.btn-primary:focus a { color:#fff; }

 .dotted-right { border-right:2px dashed #81bc41; }

 .solid-top { border-top:1px solid #444; }

 blockquote { position:relative; padding-left:60px; color:#6b6b6b; font-size:18px; line-height:24px; }

 blockquote:before { content:"\“"; font-size:130px; font-family:"Georgia", "Times New Roman", serif; position:absolute; left:0; line-height:100px; color:#003391; }

 #logo-nav-con { position:fixed; z-index:500; padding:30px 0; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/header-gradient-01.png") repeat-x; background-size:contain; border-bottom:1px solid #fff; width:100%; background-color:#fff; }

 @media (max-width:768px) { #logo-nav-con { padding:20px 0 20px 0; background:#fff; }

 }

 #logo-nav-con:after { content:""; display:block; position:absolute; bottom:0; left:0; right:0; height:1px; background:#ccc; }

 #logo-nav-con .toggle-menu { background-color:#fff; padding-top:0; padding-bottom:0; position:relative; top:-3px; }

 @media (max-width:768px) { #logo-nav-con .toggle-menu { background-color:#eee; padding-top:10px !important; padding-bottom:10px !important; }

 }

 #logo-nav-con .toggle-menu i,#logo-nav-con .toggle-menu svg { font-size:40px; line-height:1em; vertical-align:middle; margin-right:10px; color:#26abe2; transition:color 0.33s ease; }

 #logo-nav-con .toggle-menu span { line-height:1em; text-transform:uppercase; color:#444; }

 #logo-nav-con .toggle-menu:hover i,#logo-nav-con .toggle-menu:active i,#logo-nav-con .toggle-menu:focus i,#logo-nav-con .toggle-menu:hover svg,#logo-nav-con .toggle-menu:active svg,#logo-nav-con .toggle-menu:focus svg { color:#81bc41; }

 #nav-flip-container { background:red; position:fixed; top:0; z-index:99999; width:100%; background-color:#003394; background-color:rgba(0, 51, 148, .90); transform:perspective(1000px) rotateX(0deg); box-shadow:0 0 20px rgba(0, 0, 0, 0.75); transform-origin:top; transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); padding:30px 100px; height:100%; overflow-y:auto; }

 @media (max-width:768px) { #nav-flip-container { padding:10px; max-height:90%; overflow-y:auto; }

 }

 #nav-flip-container .toggle-menu { position:absolute; top:20px; right:20px; font-size:35px; color:#fff; line-height:35px; text-align:center; transition:all 0.33s ease; }

 #nav-flip-container .toggle-menu:hover { transform:scale(1.25); color:#26abe2; }

 @media (max-width:768px) { #nav-flip-container .toggle-menu { top:0px; right:10px; font-size:30px; }

 }

 #nav-flip-container .menu { font-weight:bold; text-transform:uppercase; font-size:23px; }

 @media (max-width:768px) { #nav-flip-container .menu { font-size:22px; }

 }

 #nav-flip-container .menu > li { border-bottom:1px dashed #fff; margin-bottom:10px; padding-bottom:10px; }

 #nav-flip-container .menu > li.nav-study-1 a { color:#26abe2; }

 #nav-flip-container .menu > li.nav-study-2 a { color:#f8cd43; }

 #nav-flip-container .menu > li.nav-study-3 a { color:#008b6d; }

 #nav-flip-container .menu > li:last-of-type { border:none; }

 #nav-flip-container .menu li { font-size:inherit; position:relative; overflow:hidden; }

 #nav-flip-container .menu li a { position:relative; display:inline-block; line-height:1em; transition:all 0.33s ease; padding-bottom:5px; }

 #nav-flip-container .menu li a:after { content:""; position:absolute; display:block; height:2px; width:100%; background:#fff; opacity:0.5; bottom:0; transform:translateX(-110%); transition:all 0.33s ease; font-size:90%; }

 #nav-flip-container .menu li a:hover:after,#nav-flip-container .menu li a:focus:after,#nav-flip-container .menu li a:active:after { transform:translateX(0%); transition-delay:0.1s; }

 #nav-flip-container .menu .menu-item { list-style-type:none; }

 #nav-flip-container .menu .menu-item a { color:#fff; font-size:inherit; }

 #nav-flip-container .menu .menu-item a span { color:#fff; }

 #nav-flip-container .menu li.nav-study-1 .menu-item a { color:#26abe2; }

 #nav-flip-container .menu li.nav-study-2 .menu-item a { color:#f8cd43; }

 #nav-flip-container .menu li.nav-study-3 .menu-item a { color:#008b6d; }

 #nav-flip-container .menu .sub-menu { font-size:75%; margin:0; padding:0 0 0 30px; }

 #nav-flip-container .menu .sub-menu li:before { content:"\f105"; font-family:"FontAwesome"; display:block; position:absolute; left:0; transition:all 0.5s ease; color:#fff; font-size:100%; opacity:0; transform:scale(0); }

 #nav-flip-container .menu .sub-menu li:hover:before { transform:scale(1); opacity:1; transition-delay:0.1s; }

 #nav-flip-container .menu .sub-menu li a:hover,#nav-flip-container .menu .sub-menu li a:active,#nav-flip-container .menu .sub-menu li a:focus { transform:translateX(12px); color:#fff; }

 @media (max-width:768px) { #nav-flip-container .menu .sub-menu { padding:0 0 0 20px; }

 }

 @media (max-width:543px) { #nav-flip-container .menu .sub-menu { padding:0 0 0 10px; }

 }

 #nav-flip-container.flip-up { transform:perspective(1000px) rotateX(-90deg); transition:all 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045); }

 #main-hero-section { position:relative; border-bottom:1px solid #e8e8e8; padding:0 0 50px 0; overflow:hidden; }

 #main-hero-section img { max-height:350px; margin:40px 0; }

 @media (max-width:768px) { #main-hero-section img { margin:0; max-height:300px; }

 }

 #main-hero-section > div { padding:0; display:table; width:100%; height:100%; }

 .page-id-70 #main-hero-section,.page-id-73 #main-hero-section { background:#e8e8e8; background:-moz-linear-gradient(left, #c6edfb 0%, #fff 50%, #fff0cc 100%); background:-webkit-linear-gradient(left, #c6edfb 0%, #fff 50%, #fff0cc 100%); background:linear-gradient(to right, #c6edfb 0%, #fff 50%, #fff0cc 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6edfb', endColorstr='#fff0cc',GradientType=1); }

 .ancestor-of-study-1 #main-hero-section { background:#e9f8fe; background:-moz-linear-gradient(left, #c6edfb 0%, #fff 50%, #c6edfb 100%); background:-webkit-linear-gradient(left, #c6edfb 0%, #fff 50%, #c6edfb 100%); background:linear-gradient(to right, #c6edfb 0%, #fff 50%, #c6edfb 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6edfb', endColorstr='#c6edfb',GradientType=1); }

 .page-id-5 #main-hero-section { background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/coe-bg-01.jpg") no-repeat center; background-size:cover; }

 .ancestor-of-study-2 #main-hero-section { background:#fffbf1; background:-moz-linear-gradient(left, #fff0cc 0%, #fff 50%, #fff0cc 100%); background:-webkit-linear-gradient(left, #fff0cc 0%, #fff 50%, #fff0cc 100%); background:linear-gradient(to right, #fff0cc 0%, #fff 50%, #fff0cc 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0cc', endColorstr='#fff0cc',GradientType=1); }

 .page-id-8 #main-hero-section { background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/coe-bg-02.jpg") no-repeat center; background-size:cover; }

 .page-id-136 #main-hero-section { background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/coe-bg-03.jpg") no-repeat center; background-size:cover; }

 .ancestor-of-study-3 #main-hero-section { background:#fffbf1; background:-moz-linear-gradient(left, #85c7b9 0%, #fff 50%, #85c7b9 100%); background:-webkit-linear-gradient(left, #85c7b9 0%, #fff 50%, #85c7b9 100%); background:linear-gradient(to right, #85c7b9 0%, #fff 50%, #85c7b9 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#85c7b9', endColorstr='#85c7b9',GradientType=1); }

 #main-hero-section .bg-video { width:100%; z-index:-1; position:absolute; overflow:hidden; }

 @media (max-width:768px) { #main-hero-section .bg-video { top:0; bottom:0; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/BackupHero.jpg") center no-repeat; background-size:cover; }

 }

 #main-hero-section .bg-video video { width:100%; }

 @media (max-width:768px) { #main-hero-section .bg-video video { display:none; }

 }

 #main-hero-section .video-overlay { content:""; display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:#fff; opacity:0.5; }

 #main-hero-section h1 { font-size:60px; line-height:1em; }

 @media (max-width:1200px) { #main-hero-section h1 { font-size:50px; }

 }

 @media (max-width:768px) { #main-hero-section h1 { font-size:40px; }

 }

 @media (max-width:543px) { #main-hero-section h1 { font-size:28px; }

 }

 #main-hero-section h1 em,#main-hero-section h1 span { display:block; }

 #main-hero-section h1 em { font-size:60%; font-style:normal; font-weight:normal; }

 @media (max-width:768px) { #main-hero-section h1 em { display:block; font-size:45%; line-height:1em; margin:10px 0; }

 }

 @media (max-width:543px) { #main-hero-section h1 em { font-size:50%; }

 }

 #main-hero-section h1 span { color:#003391; }

 #main-hero-section h2 { position:relative; display:inline-block; font-weight:bold; font-size:33px; padding-top:15px; line-height:30px; }

 @media (max-width:768px) { #main-hero-section h2 { font-size:20px; padding-top:5px; }

 }

 #main-hero-section h2:before { content:""; display:block; position:absolute; top:0; left:0; right:0; height:5px; border-radius:6px; }

 @media (max-width:768px) { #main-hero-section h2:before { height:3px; }

 }

 #main-hero-section h2:after { content:""; display:inline-block; height:30px; background-size:contain; margin-left:15px; }

 @media (max-width:768px) { #main-hero-section h2:after { height:15px; }

 }

 @media (max-width:543px) { #main-hero-section h2:after { display:none; }

 }

 .ancestor-of-study-i-indoor-environmental-quality #main-hero-section h2 { color:#26abe2; }

 @media (max-width:768px) { .ancestor-of-study-i-indoor-environmental-quality #main-hero-section h2 { left:initial; }

 }

 .ancestor-of-study-i-indoor-environmental-quality #main-hero-section h2:before { background:#26abe2; }

 .ancestor-of-study-i-indoor-environmental-quality #main-hero-section h2:after { right:-50px; width:40px; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/wave-bg-small-01.png") no-repeat center; }

 .ancestor-of-study-ii-buildingomics #main-hero-section h2 { color:#81bc41; }

 .ancestor-of-study-ii-buildingomics #main-hero-section h2:before { background:#81bc41; }

 .ancestor-of-study-ii-buildingomics #main-hero-section h2:after { right:-120px; width:110px; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/buildingomics-bg-small-01.png") no-repeat center; }

 #main-hero-section .btn { margin-bottom:20px; padding:20px; text-transform:uppercase; font-weight:bold; }

 #main-hero-section:after { content:""; display:block; position:absolute; bottom:0; height:10px; left:0; right:0; width:100%; max-width:500px; margin:auto; background-color:#26abe2; }

 .ancestor-of-study-i-indoor-environmental-quality #main-hero-section:after { background:#26abe2; }

 .ancestor-of-study-ii-buildingomics #main-hero-section:after { background:#f8cd43; }

 @media (max-width:768px) { #main-hero-section .brain { max-width:200px; }

 }

 @media (max-width:543px) { #main-hero-section .brain { max-width:100px; }

 }

 #main-hero-section .title-row { margin-bottom:30px; }

 #main-hero-section .v-center { display:table-cell; vertical-align:middle; padding:200px 15px 0 15px; }

 @media (max-width:768px) { #main-hero-section .v-center { display:table-cell; vertical-align:middle; padding:200px 15px 0 15px; }

 }

 .home #main-hero-section:after { background:#003391; }

 #share-section { padding:20px 0; text-transform:uppercase; background:#fff; }

 #share-section span { margin-right:10px; }

 #share-section i,#share-section svg { color:#26abe2; font-size:25px; margin-right:10px; vertical-align:middle; transition:color 0.33s ease; }

 #share-section i:hover,#share-section svg:hover { color:#003391; }

 .grid-box-section .row { position:relative; }

 .grid-box-section h2 { color:#fff; font-weight:normal; font-size:40px; margin:0; word-break:break-word; }

 @media (max-width:1100px) { .grid-box-section h2 { font-size:25px !important; }

 }

 @media (max-width:543px) { .grid-box-section h2 { font-size:20px !important; }

 }

 .grid-box-section h2 em { font-size:75%; font-style:normal; }

 .grid-box-section h2 span { display:block; position:relative; margin-top:10px; line-height:1em; }

 .grid-box-section h2 span:before { content:""; display:block; position:absolute; height:1px; top:-10px; left:0; right:0; background:#fff; max-width:200px; margin:auto; }

 .grid-box-section h3 { font-size:30px; color:#fff; font-weight:normal; margin:0; opacity:0; max-height:0; transition:all 0.5s ease; }

 @media (max-width:768px) { .grid-box-section h3 { font-size:20px; }

 }

 .grid-box-section h3.hover { opacity:1; max-height:200px; }

 .grid-box-section p { color:#fff; margin:10px auto; opacity:0; max-height:0; max-width:500px; transition:all 0.75s ease-out; }

 .grid-box-section p.hover { opacity:1; max-height:200px; }

 .grid-box-section#footer-nav-boxes .box a { display:block !important; }

 .grid-box-section .box { display:table; z-index:1; height:400px; max-height:400px; overflow:hidden; background-position:center; background-repeat:no-repeat; transition:all 0.5s ease; padding:20px 0; cursor:pointer; }

 @media (max-width:768px) { .grid-box-section .box { width:100%; min-height:200px; height:auto; max-height:initial; }

 }

 .grid-box-section .box:before { content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; background:#000; opacity:0; z-index:-1; transition:all 0.33s ease; }

 .grid-box-section .box:hover:before { opacity:0.33; }

 .grid-box-section .box.disabled:hover:before { opacity:0; }

 .grid-box-section .box:hover p,.grid-box-section .box:hover h3,.grid-box-section .box.hovered p,.grid-box-section .box.hovered h3 { opacity:1; max-height:200px; }

 .grid-box-section .box a { display:none; }

 .grid-box-section .box.hover-hack a { display:block; }

 .grid-box-section .box .box-content { position:relative; width:100%; vertical-align:middle; display:table-cell; padding-left:10px; padding-right:10px; }

 .grid-box-section .box .box-link { position:absolute; top:0; bottom:0; left:0; right:0; transition:all 0.33s ease; }

 .grid-box-section .box.light-blue { background-color:#26abe2; }

 .grid-box-section .box.yellow { background-color:#f8cd43; }

 .grid-box-section .box.light-green { background-color:#81bc41; }

 .grid-box-section .box.yellow-green { background-color:#cbdd57; }

 .grid-box-section .box.blue-green { background-color:#008b6d; }

 .grid-box-section .box.deep-green { background-color:#3e8230; }

 .grid-box-section .box.deep-purple { background-color:#642580; }

 .grid-box-section .box.deep-blue { background-color:#003391; }

 .grid-box-section .box.red { background-color:red; }

 .grid-box-section .box.dark-green { background-color:#008b6d; }

 .grid-box-section .box.harvardRed { background-color:#9d2234; }

 .grid-box-section .box#box-1,.grid-box-section .box#box-2,.grid-box-section .box#box-2B { height:400px; max-height:400px; }

 .grid-box-section .box#box-1,.grid-box-section .box#box-17 { background-image:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/wave-bg-01.png"); }

 .grid-box-section .box#box-2,.grid-box-section .box#box-19 { background-image:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/skyline-bg-01.png"); background-position:left 30% top 10%; }

 .grid-box-section .box#box-2B,.grid-box-section .box#box-2BB { background-image:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/globe-bg-01.png"); background-position:bottom right; background-size:contain; }

 .grid-box-section .box#box-20 { background-image:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/globe-bg-03.png"); background-position:center center; background-size:contain; }

 .grid-box-section .box#box-3,.grid-box-section .box#box-18 { background-image:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/lightbulb-bg-01.png"); }

 .grid-box-section .box#box-4 { background-image:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/graph-bg-01.png"); background-position:bottom right; background-size:contain; }

 .grid-box-section .box#box-5 { background-image:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/clock-bg-01.png"); }

 .grid-box-section .box#box-6 { background-image:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/lab-bg-01.png"); background-position:bottom right; background-size:contain; }

 .grid-box-section .box#box-7,.grid-box-section .box#box-14 { background-image:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/experts-bg-01.png"); background-position:bottom -60px right -50px; }

 .grid-box-section .box#box-8 { background-image:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/brain-bg-01.png"); }

 .grid-box-section .box#box-9 { background-image:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/report-bg-01.png"); background-position:bottom -30px center; background-size:contain; }

 .grid-box-section .box#box-9b { background-image:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/report-bg-01.png"); background-position:182px 48px; background-size:contain; }

 .grid-box-section .box#box-10 { background-image:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/pie-bg-01.png"); background-position:left; background-size:contain; }

 .grid-box-section .box#box-11 { background-image:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/stethoscope-bg-01.png"); background-size:contain; }

 .grid-box-section .box#box-12 { background-image:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/dna-bg-01.png"); background-position:bottom right; background-size:contain; }

 .grid-box-section .box#box-13 { background-image:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/buildings-bg-01.png"); background-position:bottom; background-size:cover; }

 .grid-box-section .box#box-15 { background-image:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/circle-desk-bg-01.png"); background-position:bottom right; background-size:contain; }

 .grid-box-section .box#box-16 { background-image:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/report-bg-01.png"); background-position:bottom -30px center; background-size:contain; }

 @media (min-width:768px) { .grid-box-section .tall { position:absolute; top:0; bottom:0; display:block; height:auto; max-height:100%; }

 .grid-box-section .tall .box-content { display:table; height:100%; }

 .grid-box-section .tall .box-content div { display:table-cell; vertical-align:middle; width:100%; }

 }

 @media (min-width:768px) { .standard-content-section { margin-bottom:50px; }

 }

 .standard-content-section h1,.standard-content-section h2,.standard-content-section h3 { color:#003391; font-weight:bold; line-height:1; }

 .standard-content-section h1.rust,.standard-content-section h2.rust,.standard-content-section h3.rust { font-weight:normal; }

 .standard-content-section h1 { margin-bottom:20px; font-size:50px; }

 @media (max-width:768px) { .standard-content-section h1 { font-size:40px; }

 }

 @media (max-width:543px) { .standard-content-section h1 { font-size:20px; }

 }

 .standard-content-section h1.rust { font-size:70px; }

 @media (max-width:768px) { .standard-content-section h1.rust { font-size:40px; }

 }

 @media (max-width:543px) { .standard-content-section h1.rust { font-size:35px; }

 }

 .standard-content-section h2 { margin-bottom:20px; }

 .standard-content-section p { font-size:16px; margin-bottom:30px; }

 .standard-content-section ul { list-style-position:outside; }

 .standard-content-section ul li { font-size:16px; }

 .standard-content-section hr { margin:30px 0 !important; }

 .standard-content-section strong { color:#003391; }

 #video-bucket,#read-study-bucket,#lap-photos-bucket { padding:30px 0; margin-top:30px; position:relative; }

 #video-bucket h3,#read-study-bucket h3,#lap-photos-bucket h3 { font-weight:30px; margin-bottom:20px; font-size:30px; }

 #video-bucket h3 span,#read-study-bucket h3 span,#lap-photos-bucket h3 span { font-weight:bold; }

 #video-bucket a,#read-study-bucket a,#lap-photos-bucket a { color:#26abe2; font-weight:bold; font-size:20px; }

 #video-bucket img,#read-study-bucket img,#lap-photos-bucket img { width:100%; margin-bottom:20px; }

 #video-bucket:before,#read-study-bucket:before,#lap-photos-bucket:before,#video-bucket:after,#read-study-bucket:after,#lap-photos-bucket:after { content:""; display:block; position:absolute; height:10px; position:absolute; left:0; right:0; margin:auto; width:100%; max-width:500px; background:#26abe2; }

 #video-bucket:before,#read-study-bucket:before,#lap-photos-bucket:before { top:0; }

 #video-bucket:after,#read-study-bucket:after,#lap-photos-bucket:after { bottom:0; }

 .share-the-air { font-size:28px; text-transform:uppercase; margin-top:50px; }

 .share-the-air ul { margin:20px 0; padding:0; }

 .share-the-air ul li { display:inline-block; background:#81bc41; width:50px; height:50px; transition:all 0.33s ease; }

 .share-the-air ul li a { font-size:30px; line-height:50px; color:#fff; }

 .share-the-air ul li:hover { transform:scale(1.1); }

 .share-the-air ul li:hover a { color:#003391; }

 #footer-section { background:#fff; }

 #footer-section hr { margin:50px 0; padding:0; }

 #footer-section #footer-nav-boxes h2 { font-size:30px; }

 #footer-section #footer-nav-boxes h3 { font-size:24px; }

 #footer-section #footer-nav-boxes .col-sm-3 { width:20%; }

 @media (max-width:768px) { #footer-section #footer-nav-boxes .col-sm-3 { width:50%; }

 #footer-section #footer-nav-boxes .col-sm-3:last-child { width:100%; }

 }

 @media (max-width:543px) { #footer-section #footer-nav-boxes .col-sm-3 { width:100%; }

 }

 #footer-section #footer-nav-boxes h4 { font-size:40px; margin-bottom:20px; }

 @media (max-width:768px) { #footer-section #footer-nav-boxes h4 { font-size:30px; }

 }

 #footer-section #footer-nav-boxes .study-1 h4 { color:#26abe2; }

 #footer-section #footer-nav-boxes .study-1 h4:after { content:""; display:inline-block; width:50px; height:30px; position:relative; top:3px; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/wave-bg-small-01.png") center no-repeat; background-size:contain; }

 #footer-section #footer-nav-boxes .study-2 h4 { color:#81bc41; }

 #footer-section #footer-nav-boxes .study-2 h4:after { content:""; display:inline-block; width:120px; height:30px; position:relative; top:3px; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/buildingomics-bg-small-01.png") center no-repeat; background-size:contain; }

 #footer-section #footer-nav-boxes .study-3 h4 { color:#008b6d; }

 #footer-section #footer-nav-boxes .study-3 h4:after { content:""; display:inline-block; width:25px; height:30px; position:relative; left:10px; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/globe-bg-small-01.png") center no-repeat; background-size:contain; }

 #footer-section #footer-links { background:#e6e7e8; line-height:2rem; }

 #footer-section #footer-links h3 { color:#26abe2; font-size:40px; margin:0; position:relative; padding-top:15px; /*padding-top:25px;*/ }

 @media (max-width:1000px) { #footer-section #footer-links h3 { font-size:30px; }

 }

 @media (max-width:543px) { #footer-section #footer-links h3 { font-size:25px; margin-bottom:10px; }

 }

 #footer-section #footer-links a { color:#444; }

 #footer-section #footer-links a:hover { color:#003391; }

 #footer-section #footer-links p { margin-bottom:8px; }

 #footer-section #footer-links i,#footer-section #footer-links svg { font-size:24px; }

 .page-template-tpl-what-you-can-do table { width:100%; }

 .page-template-tpl-what-you-can-do table thead { background:#003391; color:#fff; }

 .page-template-tpl-what-you-can-do table tbody tr td:first-of-type { color:#26abe2; font-weight:bold; }

 /* WHY INFOGRAPHIC */ .page-template-tpl-why .drawer-header .percent-text { font-size:200px; height:200px; line-height:1; color:#003391; letter-spacing:-5px; position:relative; }

 @media (max-width:768px) { .page-template-tpl-why .drawer-header .percent-text { font-size:130px; height:130px; }

 }

 .page-template-tpl-why .drawer-header span { display:inline-block; }

 .page-template-tpl-why .drawer-header span sup { font-size:40%; display:inline-block; }

 .page-template-tpl-why .whyref { display:block !important; }

 .infographic-why-chart,.infographic-why-building { background:#fff; }

 .infographic-why-chart .bluehr,.infographic-why-building .bluehr { margin:0 auto; position:relative; z-index:100; }

 .infographic-why-chart { width:100%; position:relative; /* Animating in the chart text*/ }

 .infographic-why-chart .pie-chart { background:url('/wp-content/themes/Harvard2015/images/pie-chart-01.png') no-repeat center transparent; height:361px; width:100%; }

 @media only screen and (max-width:1023px) { .infographic-why-chart .pie-chart { height:200px; background-size:contain; }

 }

 .infographic-why-chart .text1 { position:absolute; width:200px; text-align:center; top:50px; }

 @media only screen and (max-width:1023px) { .infographic-why-chart .text1 { position:static; margin:0 auto; width:300px; }

 }

 .infographic-why-chart .text1 h2 { color:#003391; text-transform:uppercase; margin:0; padding:0; }

 .infographic-why-chart .text1 h2 .we-spend { position:relative; }

 .infographic-why-chart .text1 h2 .we-spend:after { content:""; display:block; height:1px; width:85%; top:50%; left:105%; border-top:1px solid #004071; position:absolute; }

 @media only screen and (max-width:1023px) { .infographic-why-chart .text1 h2 .we-spend:after { display:none; }

 }

 .infographic-why-chart .text1 h2 .percent-text { display:block; font-size:100px; letter-spacing:-5px; height:75px; }

 .infographic-why-chart .text1 h2 .percent-text sup { font-size:40%; position:relative; left:5px; }

 .infographic-why-chart .text1 h2 .percent-text:before { content:""; display:inline-block; width:44px; height:70px; background:url('/wp-content/themes/Harvard2015/images/building-icon-01.png') no-repeat center transparent; margin-right:5px; }

 .infographic-why-chart .text1 h2 .of { text-transform:none; display:block; position:relative; width:85%; margin:0 auto; }

 .infographic-why-chart .text1 h2 .of .of-text { position:relative; text-align:center; font-size:20px; line-height:20px; background:#fff; width:35px; letter-spacing:normal; display:block; margin:5px auto; }

 .infographic-why-chart .text1 h2 .of:before { content:""; display:block; height:1px; width:100%; position:absolute; top:50%; border-top:1px solid #003391; }

 .infographic-why-chart .text1 h2 .indoors { display:block; line-height:30px; }

 .infographic-why-chart .text1 h2 .indoors sup { font-size:50%; font-family:'Arial', sans-serif; color:#444; top:-1em; }

 .infographic-why-chart .text2 { position:absolute; right:0; top:100px; width:170px; text-align:center; }

 @media only screen and (max-width:1023px) { .infographic-why-chart .text2 { position:static; margin:0 auto; }

 }

 .infographic-why-chart .text2 h2 { color:#81be40; text-transform:uppercase; margin:0; padding:0; }

 .infographic-why-chart .text2 h2 .outdoors sup { font-size:50%; font-family:'Arial', sans-serif; color:#444; top:-1em; }

 .infographic-why-chart .text2 .percent-text { display:block; font-size:50px; letter-spacing:-5px; height:45px; }

 .infographic-why-chart .text2 .percent-text sup { font-size:40%; line-height:65px; position:relative; left:5px; }

 .infographic-why-chart .text2 .percent-text:before { content:""; display:inline-block; width:50px; height:45px; background:url('/wp-content/themes/Harvard2015/images/outdoor-icon-01.png') no-repeat center transparent; margin-right:10px; }

 .infographic-why-chart .text2 .percent-text:after { content:""; display:block; height:1px; width:220px; position:absolute; top:30px; left:-185px; border-top:1px solid #81be40; }

 @media only screen and (max-width:1023px) { .infographic-why-chart .text2 .percent-text:after { display:none; }

 }

 .csstransitions .infographic-why-chart .text1 { transition:all 0.5s ease; transform:scale(0); }

 .csstransitions .infographic-why-chart .text1 .we-spend:after { transition:all 0.5s ease; width:0; }

 .csstransitions .active .infographic-why-chart .text1 { transform:scale(1); transition-delay:0.25s; }

 .csstransitions .active .infographic-why-chart .text1 .we-spend:after { width:85%; transition-delay:0.75s; }

 .csstransitions .infographic-why-chart .text2 { transition:all 0.5s ease; transform:scale(0); }

 .csstransitions .infographic-why-chart .text2 .percent-text:after { transition:all 0.5s ease; width:0; }

 .csstransitions .active .infographic-why-chart .text2 { transform:scale(1); transition-delay:1.25s; }

 .csstransitions .active .infographic-why-chart .text2 .percent-text:after { width:220px; transition-delay:1.75s; }

 .infographic-why-building { width:100%; height:auto; position:relative; text-align:center; padding-top:25px; }

 .infographic-why-building .infographic { margin:0; position:relative; background:#fff; z-index:10; }

 @media (max-width:768px) { .infographic-why-building .infographic { overflow:auto; padding:20px; }

 }

 .infographic-why-building .infographic-header { text-transform:uppercase; text-align:center; display:none; }

 .active .infographic-why-building .infographic-header { display:block; }

 .infographic-why-building .infographic-header span { color:#003391; font-size:60px; }

 @media (max-width:768px) { .infographic-why-building .infographic-header span { font-size:40px; line-height:1; }

 }

 .infographic-why-building .infographic-footer { text-transform:uppercase; position:relative; z-index:0; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; }

 .infographic-why-building .infographic-footer span { display:inline-block; vertical-align:middle; }

 .infographic-why-building .infographic-footer .percent-text { font-size:200px; color:#003391; height:200px; line-height:1; margin:0 20px 0 0; letter-spacing:-5px; }

 .infographic-why-building .infographic-footer .percent-text sup { font-size:40%; }

 @media (max-width:768px) { .infographic-why-building .infographic-footer .percent-text { font-size:100px; margin:0; height:auto; }

 }

 .infographic-why-building .infographic-footer .right-text { width:250px; text-align:left; line-height:1; }

 @media (max-width:768px) { .infographic-why-building .infographic-footer .right-text { text-align:center; font-size:23px; }

 }

 .infographic-why-building .infographic-footer .strongest { font-size:40px; color:#003391; border-bottom:1px solid #444; padding-bottom:10px; }

 @media (max-width:768px) { .infographic-why-building .infographic-footer .strongest { border:none; font-size:30px; line-height:1.25em; }

 }

 .infographic-why-building p { line-height:1.5em; font-size:16px; margin-top:10px; padding-top:10px; }

 .infographic-why-building .info1,.infographic-why-building .info2 { transition:all 0.5s ease; }

 @media (max-width:768px) { .infographic-why-building .info1,.infographic-why-building .info2 { position:static !important; width:35% !important; float:left; padding:0 !important; }

 }

 @media (max-width:543px) { .infographic-why-building .info1,.infographic-why-building .info2 { width:48% !important; }

 }

 .infographic-why-building .info1:before,.infographic-why-building .info2:before,.infographic-why-building .info1:after,.infographic-why-building .info2:after { content:""; display:block; position:absolute; width:25%; border-top:1px solid #444; height:0; }

 @media (max-width:768px) { .infographic-why-building .info1:before,.infographic-why-building .info2:before,.infographic-why-building .info1:after,.infographic-why-building .info2:after { display:none; }

 }

 .infographic-why-building .info1 p sup,.infographic-why-building .info2 p sup { font-size:60%; font-family:'Arial', sans-serif; color:#444; top:-1em; }

 @media (max-width:768px) { .infographic-why-building .info1 p,.infographic-why-building .info2 p { font-size:14px !important; text-align:center !important; }

 }

 @media (max-width:768px) { .infographic-why-building .info1 h3,.infographic-why-building .info2 h3 { margin:0 !important; text-align:center; }

 }

 @media (max-width:543px) { .infographic-why-building .info1 h3,.infographic-why-building .info2 h3 { font-size:16px; }

 }

 @media (max-width:768px) { .infographic-why-building .info1 h3 .percent-text,.infographic-why-building .info2 h3 .percent-text { font-size:50px !important; }

 }

 @media (max-width:768px) { .infographic-why-building .info1 h3:before,.infographic-why-building .info2 h3:before { display:none !important; }

 }

 @media (max-width:768px) { .infographic-why-building img { width:30%; float:left; }

 }

 @media (max-width:543px) { .infographic-why-building img { display:none; }

 }

 .infographic-why-building .info1 { position:absolute; top:20%; left:70px; padding-right:4%; width:350px; height:65%; text-align:left; overflow:visible; background:url('/wp-content/themes/Harvard2015/images/blue-bar-bg-01.png') repeat-y; background-position:right; }

 @media only screen and (max-width:1023px) { .infographic-why-building .info1 { left:-40px; }

 }

 @media (max-width:768px) { .infographic-why-building .info1 { background:none; }

 }

 .infographic-why-building .info1 h3 { line-height:1; position:relative; margin-left:30px; }

 .infographic-why-building .info1 h3 span { font-size:80px; display:inline-block; }

 .infographic-why-building .info1 h3 span sup { font-size:40%; }

 .infographic-why-building .info1 h3:before { content:""; display:block; background:url('/wp-content/themes/Harvard2015/images/person-icon-01.png') center no-repeat; height:89px; width:35px; position:absolute; left:-40px; top:20px; }

 .infographic-why-building .info1 strong,.infographic-why-building .info1 h3 { color:#003391; }

 .infographic-why-building .info1 p { border-top:1px solid #003391; margin:0; }

 .infographic-why-building .info1:before { top:0; right:0; }

 .infographic-why-building .info1:after { bottom:0; right:0; }

 .infographic-why-building .info2 { position:absolute; top:5%; right:70px; padding-left:4%; width:350px; height:11%; overflow:visible; text-align:left; background:url('/wp-content/themes/Harvard2015/images/green-bar-bg-01.png') repeat-y; background-position:left; }

 @media only screen and (max-width:1023px) { .infographic-why-building .info2 { right:-40px; }

 }

 @media (max-width:768px) { .infographic-why-building .info2 { background:none; padding:0; }

 }

 @media (max-width:543px) { .infographic-why-building .info2 { margin-right:4% !important; }

 }

 .infographic-why-building .info2 h3 { line-height:1; margin-top:5px; margin-left:40px; padding-top:0; position:relative; }

 .infographic-why-building .info2 h3 span { font-size:55px; display:inline-block; }

 .infographic-why-building .info2 h3 span sup { font-size:40%; }

 .infographic-why-building .info2 h3:before { content:""; display:block; width:34px; height:78px; display:inline-block; background:url('/wp-content/themes/Harvard2015/images/bulb-icon-01.png') no-repeat center; position:absolute; top:-5px; left:-40px; }

 .infographic-why-building .info2 strong,.infographic-why-building .info2 h3 { color:#81bc41; }

 .infographic-why-building .info2 p { border-top:1px solid #81bc41; margin:0; }

 .infographic-why-building .info2:before,.infographic-why-building .info2:after { width:15%; }

 .infographic-why-building .info2:before { top:0; left:0; }

 .infographic-why-building .info2:after { bottom:0; left:0; }

 .csstransitions .infographic-why-building .infographic .info1 h3,.csstransitions .infographic-why-building .infographic .info2 h3,.csstransitions .infographic-why-building .infographic .info1 p,.csstransitions .infographic-why-building .infographic .info2 p { transition:all 0.5s ease; transform:scale(0); }

 .csstransitions .infographic-why-building .infographic .info1,.csstransitions .infographic-why-building .infographic .info2 { height:0%; transition:all 0.5s ease; }

 .csstransitions .infographic-why-building .infographic .info1:before,.csstransitions .infographic-why-building .infographic .info2:before,.csstransitions .infographic-why-building .infographic .info1:after,.csstransitions .infographic-why-building .infographic .info2:after { opacity:0; transition:all 0.5s ease; }

 .infographic-why-building.inView .infographic .info2 h3 { transform:scale(1); transition-delay:0s; }

 .infographic-why-building.inView .infographic .info2 p { transform:scale(1); transition-delay:0.5s; }

 .infographic-why-building.inView .infographic .info2 { height:11%; transition-delay:1s; }

 .infographic-why-building.inView .infographic .info2:before,.infographic-why-building.inView .infographic .info2:after { opacity:1; transition-delay:1s; }

 .infographic-why-building.inView .infographic .info1 h3 { transform:scale(1); transition-delay:1.5s; }

 .infographic-why-building.inView .infographic .info1 p { transform:scale(1); transition-delay:2s; }

 .infographic-why-building.inView .infographic .info1 { height:65%; transition-delay:2.5s; }

 .infographic-why-building.inView .infographic .info1:before,.infographic-why-building.inView .infographic .info1:after { opacity:1; transition-delay:2.5s; }

 .csstransitions .infographic-why-building .infographic-footer { top:-300px; transition:all 1s cubic-bezier(0.175, 0.885, 0.320, 1.275); }

 .csstransitions .infographic-why-building .infographic-footer .strongest { opacity:0; transition:all 0.5s ease; }

 .csstransitions .infographic-why-building .infographic-footer.inView { top:0; }

 .csstransitions .infographic-why-building .infographic-footer.inView .strongest { opacity:1; transition-delay:0.75s; }

 /* INSIDE THE LAB INFOGRAPHIC */ .infographic-inside .shadedbg .bluehr { margin-top:50px; }

 @media (max-width:768px) { .infographic-inside .shadedbg .bluehr { margin-top:10px; }

 }

 .infographic-inside .timeline { max-width:780px; margin:0 auto; padding:40px 0; overflow:auto; }

 @media (max-width:768px) { .infographic-inside .timeline { padding:20px 0; }

 }

 .infographic-inside .timeline .content-left,.infographic-inside .timeline .content-right { width:48%; float:left; position:relative; }

 @media (max-width:768px) { .infographic-inside .timeline .content-left,.infographic-inside .timeline .content-right { width:100%; float:none; max-width:380px; margin:0 auto !important; }

 }

 .infographic-inside .timeline .content-left { margin-right:2%; }

 .infographic-inside .timeline .content-left h2 { margin:0; padding:0; color:#003391; position:relative; }

 .infographic-inside .timeline .content-left h2 strong,.infographic-inside .timeline .content-left h2 span { display:inline-block; line-height:1; }

 .infographic-inside .timeline .content-left h2 strong { font-weight:normal; font-size:150px; letter-spacing:-5px; }

 @media (max-width:768px) { .infographic-inside .timeline .content-left h2 strong { font-size:130px; }

 }

 .infographic-inside .timeline .content-left h2 span { position:absolute; top:15px; left:190px; text-transform:uppercase; font-weight:bold; font-size:20px; }

 @media (max-width:768px) { .infographic-inside .timeline .content-left h2 span { top:0; left:163px; }

 }

 .infographic-inside .timeline .content-left h2:after { content:""; display:block; width:180px; height:90px; background:url('/wp-content/themes/Harvard2015/images/participants-01.png') no-repeat center; position:absolute; bottom:25px; left:190px; }

 @media (max-width:768px) { .infographic-inside .timeline .content-left h2:after { bottom:20px; left:160px; }

 }

 .infographic-inside .timeline .content-right { text-align:center; }

 .infographic-inside .timeline .content-right h2,.infographic-inside .timeline .content-right h3 { margin:0; padding:10px 0; background:#fff; color:#003391; display:inline-block; width:148px; height:148px; position:relative; text-align:center; vertical-align:top; text-transform:uppercase; }

 @media (max-width:768px) { .infographic-inside .timeline .content-right h2,.infographic-inside .timeline .content-right h3 { width:110px; height:140px; }

 }

 .infographic-inside .timeline .content-right h2 { border:10px solid #003391; }

 .infographic-inside .timeline .content-right h2 strong,.infographic-inside .timeline .content-right h2 span { display:block; }

 .infographic-inside .timeline .content-right h2 span { font-weight:normal; font-size:100px; height:90px; line-height:90px; }

 @media (max-width:768px) { .infographic-inside .timeline .content-right h2 span { height:75px; font-size:80px; line-height:80px; }

 }

 .infographic-inside .timeline .content-right h2 strong { font-size:20px; line-height:1; }

 .infographic-inside .timeline .content-right h2:before,.infographic-inside .timeline .content-right h2:after { content:""; display:block; width:15px; height:40px; border-radius:3px; box-shadow:3px 3px 0 rgba(0, 0, 0, 0.5); position:absolute; background:#0067af; top:-20px; }

 .infographic-inside .timeline .content-right h2:before { left:20px; }

 .infographic-inside .timeline .content-right h2:after { right:20px; }

 .infographic-inside .timeline .content-right em { display:inline-block; vertical-align:top; width:67px; text-transform:uppercase; font-style:normal; color:#003391; text-align:center; font-weight:bold; font-size:20px; line-height:150px; position:relative; }

 .infographic-inside .timeline .content-right em:after { content:""; display:block; position:absolute; height:0; width:100%; border-bottom:2px solid #003391; bottom:60px; }

 .infographic-inside .timeline .content-right h3 { border:5px solid #003391; background:url('/wp-content/themes/Harvard2015/images/calendar-days-01.png') #fff center 60px no-repeat; line-height:1; padding-top:5px; }

 .infographic-inside .timeline .content-right h3 span { font-size:50px; }

 @media (max-width:768px) { .infographic-inside .timeline .content-right h3 { background-size:80%; background-position:bottom 5px center; }

 }

 .infographic-inside .test-overview .row { max-width:780px; margin:0 auto; }

 .infographic-inside .test-overview h2 { text-align:center; max-width:400px; margin:0 auto; background:#80bd40; color:#fff; font-size:40px; padding:0; margin-bottom:20px; }

 .infographic-inside .test-overview h3 { color:#003391; line-height:1; font-size:22px; margin:0; padding:0; }

 .infographic-inside .test-overview .type1,.infographic-inside .test-overview .type2 { background:#fff; border-radius:6px; padding:15px; box-shadow:0 0 10px rgba(0, 0, 0, 0.5); min-height:225px; }

 @media (max-width:768px) { .infographic-inside .test-overview .type1,.infographic-inside .test-overview .type2 { border-radius:0; }

 }

 .infographic-inside .test-overview .type1 h3:before,.infographic-inside .test-overview .type2 h3:before { content:""; width:60px; height:60px; display:block; float:left; margin-right:10px; }

 @media (max-width:768px) { .infographic-inside .test-overview .type1 h3:before,.infographic-inside .test-overview .type2 h3:before { float:none; margin:0 auto 10px auto; }

 }

 .infographic-inside .test-overview .type1 ul,.infographic-inside .test-overview .type2 ul { display:block; padding:0; margin:0; list-style:none; width:100%; /*overflow:auto;*/ text-align:center; margin-top:35px; }

 .infographic-inside .test-overview .type1 ul li,.infographic-inside .test-overview .type2 ul li { display:block; width:31%; margin-right:3.33%; float:left; font-size:12px; line-height:1; }

 .infographic-inside .test-overview .type1 ul li.last-child,.infographic-inside .test-overview .type2 ul li.last-child { margin-right:0; }

 .infographic-inside .test-overview .type1 ul li span,.infographic-inside .test-overview .type2 ul li span { text-transform:uppercase; color:#003391; font-weight:bold; }

 .infographic-inside .test-overview .type1 ul li img,.infographic-inside .test-overview .type2 ul li img { display:inline-block; margin:10px 0; }

 .infographic-inside .test-overview .type1 h3:before { background:url('/wp-content/themes/Harvard2015/images/test-icon-01.png') center no-repeat; }

 @media (max-width:768px) { .infographic-inside .test-overview .type2 { margin-top:20px; }

 }

 .infographic-inside .test-overview .type2 h3:before { background:url('/wp-content/themes/Harvard2015/images/test-icon-02.png') center no-repeat; }

 .infographic-inside .office-space .office-1,.infographic-inside .office-space .office-2 { height:400px; }

 @media (max-width:768px) { .infographic-inside .office-space .office-1,.infographic-inside .office-space .office-2 { height:300px; }

 }

 @media (max-width:543px) { .infographic-inside .office-space .office-1,.infographic-inside .office-space .office-2 { height:200px; }

 }

 .infographic-inside .office-space .office-1 { background:url('/wp-content/themes/Harvard2015/images/office-bg-04.jpg') center no-repeat; }

 .infographic-inside .office-space .office-2 { position:relative; background:url('/wp-content/themes/Harvard2015/images/office-bg-03.jpg') center no-repeat; }

 .infographic-inside .office-space .office-info { max-width:500px; background:#003391; color:#fff; margin:0 auto; padding:20px; box-shadow:0 0 10px rgba(0, 0, 0, 0.5); position:relative; text-align:center; top:-60px; }

 .infographic-inside .office-space .office-info p { margin:0; padding:0; font-weight:bold; }

 @media (max-width:768px) { .infographic-inside .office-space .office-info p { text-align:center; }

 }

 @media (max-width:543px) { .infographic-inside .office-space .office-info p { font-size:14px; line-height:1.33em; }

 }

 .infographic-inside .office-space .office-info:before,.infographic-inside .office-space .office-info:after { content:""; display:block; left:0; right:0; height:37px; background:red; position:absolute; }

 .infographic-inside .office-space .office-info:before { top:-37px; background:url('/wp-content/themes/Harvard2015/images/before-arrow-01.png') center no-repeat; }

 .infographic-inside .office-space .office-info:after { background:url('/wp-content/themes/Harvard2015/images/after-arrow-01.png') center no-repeat; bottom:-37px; }

 .infographic-inside .participants-experienced { max-width:780px; margin:40px auto 0 auto; }

 .infographic-inside .participants-experienced h2,.infographic-inside .participants-experienced h3 { text-align:center; color:#003391; font-size:25px; line-height:1; }

 @media (max-width:768px) { .infographic-inside .participants-experienced img { width:100%; padding:20px; }

 }

 .infographic-thinking { margin-bottom:40px; }

 @media (max-width:768px) { .infographic-thinking { margin-bottom:0; margin-top:0; }

 }

 .infographic-thinking .clipboard { width:100%; position:relative; z-index:0; }

 .infographic-thinking .clipboard:before { content:""; height:160px; background:url('/wp-content/themes/Harvard2015/images/clipboard-top-02.png') no-repeat center; position:absolute; top:-20px; right:0; left:0; z-index:10; }

 @media (max-width:768px) { .infographic-thinking .clipboard:before { display:none; }

 }

 .infographic-thinking .clipboard .clipboard-outer { position:relative; margin:0 auto; overflow:hidden; max-width:780px; background:#003391; border-top-left-radius:20px; border-top-right-radius:20px; margin-top:40px; padding:30px 30px 0 30px; }

 .infographic-thinking .clipboard .clipboard-outer:after { content:""; display:block; height:75px; background:url('/wp-content/themes/Harvard2015/images/clipboard-shadow-01.png') no-repeat bottom; position:absolute; bottom:0; left:0; right:0; }

 @media (max-width:768px) { .infographic-thinking .clipboard .clipboard-outer { margin:10px; padding:15px 15px 0 15px; }

 }

 .infographic-thinking .clipboard .clipboard-inner { box-shadow:10px 10px 0 rgba(0, 0, 0, 0.5); background:#fff; min-height:670px; padding:0; position:relative; }

 @media (max-width:768px) { .infographic-thinking .clipboard .clipboard-inner { padding-top:0; box-shadow:none; }

 }

 .infographic-thinking .clipboard .clipboard-inner .clipboard-content-area { position:relative; margin-top:20px; height:410px; }

 @media (max-width:768px) { .infographic-thinking .clipboard .clipboard-inner .clipboard-content-area { height:auto; padding-bottom:20px; min-height:620px; margin-top:-20px; }

 }

 .infographic-thinking .clipboard .clipboard-inner h2 { text-align:center; text-transform:uppercase; border-bottom:1px solid #444; max-width:600px; margin:0 auto; }

 .infographic-thinking .clipboard .clipboard-inner h2 span { color:#003391; display:block; font-size:55px; margin-bottom:5px; }

 @media (max-width:768px) { .infographic-thinking .clipboard .clipboard-inner h2 span { font-size:22px; }

 }

 @media (max-width:768px) { .infographic-thinking .clipboard .clipboard-inner h2 { font-size:16px; line-height:1; }

 }

 .infographic-thinking .clipboard .clipboard-inner h5 { border-top:1px solid #444; font-size:25px; text-transform:uppercase; max-width:600px; margin:0 auto; text-align:center; padding-top:20px; }

 @media (max-width:768px) { .infographic-thinking .clipboard .clipboard-inner h5 { font-size:20px; padding:15px; }

 }

 .infographic-thinking .clipboard .clipboard-inner .content-left,.infographic-thinking .clipboard .clipboard-inner .content-right { width:220px; height:290px; position:absolute; text-align:center; }

 .infographic-thinking .clipboard .clipboard-inner .content-left h4,.infographic-thinking .clipboard .clipboard-inner .content-right h4 { line-height:1; text-transform:uppercase; font-size:20px; padding:0; width:150px; margin:0 auto; font-weight:bold; }

 .infographic-thinking .clipboard .clipboard-inner .content-left h4 span,.infographic-thinking .clipboard .clipboard-inner .content-right h4 span { display:block; border-top:1px solid #444; color:#444; text-transform:lowercase; font-size:18px; padding:10px 0; margin:10px auto 0 auto; max-width:130px; font-weight:normal; }

 @media (max-width:768px) { .infographic-thinking .clipboard .clipboard-inner .content-left,.infographic-thinking .clipboard .clipboard-inner .content-right { position:relative; left:0 !important; width:50%; height:auto; margin:0; float:left; }

 }

 .infographic-thinking .clipboard .clipboard-inner .content-left .bubble,.infographic-thinking .clipboard .clipboard-inner .content-right .bubble { width:180px; height:180px; border-radius:100%; display:table; margin:0 auto; position:absolute; top:80px; left:0; right:0; bottom:0; }

 @media (max-width:768px) { .infographic-thinking .clipboard .clipboard-inner .content-left .bubble,.infographic-thinking .clipboard .clipboard-inner .content-right .bubble { position:relative; top:0; margin:0 auto; width:120px; height:120px; }

 }

 .infographic-thinking .clipboard .clipboard-inner .content-left .bubble h3,.infographic-thinking .clipboard .clipboard-inner .content-right .bubble h3 { margin:0; padding:0; display:table-cell; vertical-align:middle; color:#fff; margin:0 auto; }

 .infographic-thinking .clipboard .clipboard-inner .content-left .bubble h3 span,.infographic-thinking .clipboard .clipboard-inner .content-right .bubble h3 span { font-size:80px; line-height:1; }

 @media (max-width:768px) { .infographic-thinking .clipboard .clipboard-inner .content-left .bubble h3 span,.infographic-thinking .clipboard .clipboard-inner .content-right .bubble h3 span { font-size:40px; }

 }

 .infographic-thinking .clipboard .clipboard-inner .content-left .bubble h3 span sup,.infographic-thinking .clipboard .clipboard-inner .content-right .bubble h3 span sup { font-size:40%; }

 .infographic-thinking .clipboard .clipboard-inner .content-left { left:10px; z-index:10; }

 .infographic-thinking .clipboard .clipboard-inner .content-left .bubble { background:#81bd40; }

 .infographic-thinking .clipboard .clipboard-inner .content-left h4 { color:#81bd40; }

 .infographic-thinking .clipboard .clipboard-inner .building-img { height:450px; position:absolute; left:0; right:0; bottom:-20px; z-index:5; background:url('/wp-content/themes/Harvard2015/images/cognitive-building-01.png') center no-repeat; }

 @media (max-width:768px) { .infographic-thinking .clipboard .clipboard-inner .building-img { top:0; margin-bottom:-20px; position:relative; }

 }

 .infographic-thinking .clipboard .clipboard-inner .content-right { right:10px; z-index:10; }

 .infographic-thinking .clipboard .clipboard-inner .content-right h3 span { letter-spacing:-5px; }

 .infographic-thinking .clipboard .clipboard-inner .content-right h4 { color:#266417; }

 .infographic-thinking .clipboard .clipboard-inner .content-right .bubble { background:#266417; }

 .csstransforms .infographic-thinking .clipboard:before { -webkit-transition:all 0.75s ease; -moz-transition:all 0.75s ease; -ms-transition:all 0.75s ease; -o-transition:all 0.75s ease; transition:all 0.75s ease; height:0 !important; }

 .csstransforms .infographic-thinking .clipboard .clipboard-outer { height:auto; max-height:0; -webkit-transition:all 0.75s ease; -moz-transition:all 0.75s ease; -ms-transition:all 0.75s ease; -o-transition:all 0.75s ease; transition:all 0.75s ease; }

 .csstransforms .infographic-thinking .clipboard h2 { width:0; white-space:nowrap; overflow:hidden; -webkit-transition:all 0.75s ease; -moz-transition:all 0.75s ease; -ms-transition:all 0.75s ease; -o-transition:all 0.75s ease; transition:all 0.75s ease; }

 .csstransforms .infographic-thinking .clipboard .building-img { transition:all 1.5s ease; height:0; }

 .csstransforms .infographic-thinking .clipboard h4 { opacity:0; transition:all 0.33s ease; }

 .csstransforms .infographic-thinking .clipboard .bubble { opacity:0; -webkit-transform:scale(2) rotate(90deg); -moz-transform:scale(2) rotate(90deg); -ms-transform:scale(2) rotate(90deg); -o-transform:scale(2) rotate(90deg); transform:scale(2) rotate(90deg); transition:all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); }

 .csstransforms .infographic-thinking .clipboard.inView .clipboard-outer { max-height:850px; transition-delay:0s; }

 .csstransforms .infographic-thinking .clipboard.inView:before { height:160px !important; transition-delay:0.1s; }

 .csstransforms .infographic-thinking .clipboard.inView h2 { width:100%; transition-delay:0.75s; padding-top:80px; padding-bottom:20px; }

 @media (max-width:768px) { .csstransforms .infographic-thinking .clipboard.inView h2 { padding-top:20px; }

 }

 .csstransforms .infographic-thinking .clipboard.inView .building-img { height:470px; transition-delay:0.75; }

 .csstransforms .infographic-thinking .clipboard.inView .content-left h4 { opacity:1; transition-delay:1.25s; }

 .csstransforms .infographic-thinking .clipboard.inView .content-right h4 { opacity:1; transition-delay:1.35s; }

 .csstransforms .infographic-thinking .clipboard.inView .content-left .bubble { opacity:1; -webkit-transform:scale(1) rotate(0deg); -moz-transform:scale(1) rotate(0deg); -ms-transform:scale(1) rotate(0deg); -o-transform:scale(1) rotate(0deg); transform:scale(1) rotate(0deg); transition-delay:1.5s; }

 .csstransforms .infographic-thinking .clipboard.inView .content-right .bubble { opacity:1; -webkit-transform:scale(1) rotate(0deg); -moz-transform:scale(1) rotate(0deg); -ms-transform:scale(1) rotate(0deg); -o-transform:scale(1) rotate(0deg); transform:scale(1) rotate(0deg); transition-delay:1.75s; }

 .infographic-thinking .skyline-wrapper { background:url('/wp-content/themes/Harvard2015/images/skyline-bg-01.png') repeat-x bottom; position:relative; }

 .infographic-thinking .skyline-wrapper h2 { text-align:center; color:#444; border-bottom:1px solid #444; max-width:535px; margin:40px auto; padding:0; font-size:40px; }

 .infographic-thinking .skyline-wrapper h2 span { font-size:55px; color:#003391; }

 @media (max-width:768px) { .infographic-thinking .skyline-wrapper h2 span { font-size:40px; }

 }

 @media (max-width:768px) { .infographic-thinking .skyline-wrapper h2 { margin:20px auto; font-size:30px; }

 }

 .infographic-thinking .skyline-wrapper:before { content:""; display:block; width:180px; height:225px; background:url('/wp-content/themes/Harvard2015/images/tree-01.png') no-repeat center; position:absolute; bottom:40px; left:200px; }

 .infographic-thinking .skyline-wrapper:after { content:""; display:block; width:200px; height:120px; background:url('/wp-content/themes/Harvard2015/images/cloud-01.png') no-repeat center; position:absolute; top:50px; right:200px; }

 @media only screen and (max-width:1023px) { .infographic-thinking .skyline-wrapper:after { display:none; }

 }

 .infographic-thinking .table-wrapper { max-width:780px; margin:0 auto; padding:20px 20px 0 20px; background:#e4dfd8; position:relative; }

 @media (max-width:768px) { .infographic-thinking .table-wrapper { padding:0; }

 }

 .infographic-thinking .table-wrapper table,.infographic-thinking .table-wrapper tr,.infographic-thinking .table-wrapper td { margin:0; padding:0; border:0; background:#e4dfd8; }

 .infographic-thinking .table-wrapper table { border-spacing:10px; border-collapse:separate; }

 .infographic-thinking .table-wrapper tr { width:100%; }

 .infographic-thinking .table-wrapper td { width:33%; text-align:center; background:#fff; vertical-align:middle; box-shadow:inset 3px 3px 5px rgba(0, 0, 0, 0.33); line-height:1; }

 .infographic-thinking .table-wrapper td.green { background:#82bf40; }

 .infographic-thinking .table-wrapper td.enhanced { background:#307b1b; }

 .infographic-thinking .table-wrapper thead td { font-weight:bold; text-transform:uppercase; padding:10px; font-size:20px; color:#fff; }

 @media (max-width:768px) { .infographic-thinking .table-wrapper thead td { font-size:14px; padding:5px; }

 }

 .infographic-thinking .table-wrapper thead td.cognitive { background:#003395; }

 .infographic-thinking .table-wrapper thead td span { font-weight:normal; font-size:80%; text-transform:lowercase; display:inline-block; }

 .infographic-thinking .table-wrapper tbody td { padding:10px 0; }

 .infographic-thinking .table-wrapper tbody td .rust { font-size:20px; }

 .infographic-thinking .table-wrapper tbody td.cognitive { color:#003395; text-transform:uppercase; }

 .infographic-thinking .table-wrapper tbody td.green,.infographic-thinking .table-wrapper tbody td.enhanced { color:#fff; font-size:28px; }

 .infographic-thinking .table-wrapper .building-bottom { background:url('/wp-content/themes/Harvard2015/images/building-bottom-01.png') no-repeat center; min-height:123px; position:relative; }

 .infographic-thinking .table-wrapper .building-bottom:after { content:""; display:block; width:180px; height:225px; background:url('/wp-content/themes/Harvard2015/images/tree-01.png') no-repeat center; position:absolute; top:-60px; right:-140px; z-index:10; }

 @media (max-width:543px) { .infographic-thinking .table-wrapper .building-bottom { display:none; }

 }

 .infographic-thinking .walkway-wrapper { width:100%; background:#82bf40; }

 @media (max-width:543px) { .infographic-thinking .walkway-wrapper { display:none; }

 }

 .infographic-thinking .walkway-wrapper .walkway { background:url('/wp-content/themes/Harvard2015/images/walkway-01.png') no-repeat center; max-width:780px; margin:0 auto; min-height:91px; position:relative; }

 .infographic-thinking .walkway-wrapper .walkway:before,.infographic-thinking .walkway-wrapper .walkway:after { content:""; display:block; width:150px; height:75px; position:absolute; top:-40px; }

 @media (max-width:768px) { .infographic-thinking .walkway-wrapper .walkway:before,.infographic-thinking .walkway-wrapper .walkway:after { display:none; }

 }

 .infographic-thinking .walkway-wrapper .walkway:before { background:url('/wp-content/themes/Harvard2015/images/bush-01.png') no-repeat center; left:60px; }

 .infographic-thinking .walkway-wrapper .walkway:after { background:url('/wp-content/themes/Harvard2015/images/bush-02.png') no-repeat center; right:60px; }

 .csstransforms .infographic-thinking .table-wrapper table { height:auto; max-height:10px; overflow:hidden; display:block; transition:all 2s ease; }

 .csstransforms .infographic-thinking .inView .table-wrapper table { max-height:1000px; }

 .infographic-thinking .terminology { max-width:780px; margin:0 auto; text-align:center; }

 @media (max-width:768px) { .infographic-thinking .terminology { padding:0 10px; }

 }

 .infographic-thinking .terminology .box-shadow { box-shadow:0 0 10px rgba(0, 0, 0, 0.5); border-radius:6px; background:#fff; padding:30px; margin-bottom:20px; }

 .infographic-thinking .terminology h2 { font-size:55px; color:#003391; line-height:1; border-bottom:1px solid #444; margin:50px auto; padding-bottom:20px; max-width:535px; }

 @media (max-width:768px) { .infographic-thinking .terminology h2 { font-size:35px; margin:30px auto; }

 }

 .infographic-thinking .terminology .ccolumns h4 { color:#003391; text-transform:uppercase; position:relative; font-size:18px; font-weight:bold; display:inline-block; }

 @media (max-width:768px) { .infographic-thinking .terminology .ccolumns h4 { font-size:16px; line-height:1.25em; }

 }

 .infographic-thinking .terminology .ccolumns h4:before { content:""; display:inline-block; width:100px; height:100px; }

 @media (max-width:768px) { .infographic-thinking .terminology .ccolumns h4:before { background-size:80% !important; }

 }

 .infographic-thinking .terminology .ccolumns h4:after { content:""; display:block; width:100px; height:0; border-top:2px solid #003391; margin:0 auto; margin-top:5px; }

 .infographic-thinking .terminology .ccolumns h4.info:before { background:url('/wp-content/themes/Harvard2015/images/info-icon-01.png') center no-repeat; }

 .infographic-thinking .terminology .ccolumns h4.strategy:before { background:url('/wp-content/themes/Harvard2015/images/strategy-icon-01.png') center no-repeat; margin-right:30px; }

 .infographic-thinking .terminology .ccolumns h4.crisis:before { background:url('/wp-content/themes/Harvard2015/images/crisis-icon-01.png') center no-repeat; }

 .infographic-thinking .terminology .ccolumns h4.focused:before { background:url('/wp-content/themes/Harvard2015/images/focused-icon-01.png') center no-repeat; }

 .infographic-thinking .terminology .ccolumns h4.breadth:before { background:url('/wp-content/themes/Harvard2015/images/breadth-icon-01.png') center no-repeat; }

 .infographic-thinking .terminology .ccolumns h4.applied:before { background:url('/wp-content/themes/Harvard2015/images/applied-icon-01.png') center no-repeat; }

 .infographic-thinking .terminology .ccolumns h4.basic:before { background:url('/wp-content/themes/Harvard2015/images/basic-icon-01.png') center no-repeat; }

 .infographic-thinking .terminology .ccolumns h4.task:before { background:url('/wp-content/themes/Harvard2015/images/task-icon-01.png') center no-repeat; }

 .infographic-thinking .terminology .ccolumns h4.seeking:before { background:url('/wp-content/themes/Harvard2015/images/seeking-icon-01.png') center no-repeat; }

 .infographic-thinking .terminology .ccolumns p { font-size:14px; line-height:1.5em; max-width:200px; margin:10px auto 30px; }

 @media (max-width:768px) { .infographic-thinking .terminology .ccolumns p { text-align:center; font-size:14px; line-height:1.25em; }

 }

 /* PRODUCTIVITY INFOGRAPHIC */ .infographic-productivity { position:relative; width:100%; }

 .infographic-productivity .bluehr { display:none; }

 .active .infographic-productivity .bluehr { display:block; }

 .infographic-productivity .building { background:url('/wp-content/themes/Harvard2015/images/split-building-01.png') center no-repeat; height:auto; position:relative; margin:0 auto; padding:0; overflow:hidden; max-width:890px; }

 @media (max-width:768px) { .infographic-productivity .building { background-size:35%; background-position-y:70px; padding:0 10px; }

 }

 @media (max-width:768px) { .infographic-productivity .building { background:none; padding-bottom:20px; }

 }

 .infographic-productivity .building h2,.infographic-productivity .building h3,.infographic-productivity .building p { margin:0; padding:0; display:inline-block; position:relative; line-height:1; }

 .infographic-productivity .building h2 { width:80%; font-size:34px; }

 @media (max-width:768px) { .infographic-productivity .building h2 { font-size:20px; width:100%; text-align:center !important; font-size:17px; padding-bottom:10px; }

 }

 @media (max-width:768px) and (max-width:543px) { .infographic-productivity .building h2 { font-size:15px; }

 }

 .infographic-productivity .building h3 { width:50%; font-size:16px; text-transform:uppercase; line-height:1.15em; margin:20px 0; }

 @media (max-width:768px) { .infographic-productivity .building h3 { width:90%; }

 }

 @media (max-width:768px) { .infographic-productivity .building h3 { width:100%; text-align:center; }

 }

 .infographic-productivity .building span,.infographic-productivity .building small { display:block; }

 .infographic-productivity .building span { font-size:55px; }

 @media (max-width:768px) { .infographic-productivity .building span { font-size:30px; }

 }

 .infographic-productivity .building small { font-size:20px; }

 .infographic-productivity .building p { margin-bottom:40px; }

 .infographic-productivity .building p:before { content:""; display:block; width:50px; height:100%; position:absolute; }

 .infographic-productivity .building:before { content:""; display:block; width:10px; height:10px; background:#0098d7; position:relative; margin:0 auto; top:0; border-radius:100%; }

 .infographic-productivity .building:after { content:""; display:block; width:0; border:1px dashed #0098d7; position:absolute; top:0; bottom:0; left:49.85%; }

 .infographic-productivity .building .left-content,.infographic-productivity .building .right-content { width:50%; display:block; float:left; }

 .infographic-productivity .building .left-content p,.infographic-productivity .building .right-content p { font-size:14px; width:60%; }

 @media (max-width:768px) { .infographic-productivity .building .left-content p,.infographic-productivity .building .right-content p { width:51%; font-size:12px; }

 }

 @media (max-width:768px) { .infographic-productivity .building .left-content p,.infographic-productivity .building .right-content p { width:100%; margin:7px auto !important; padding:0 !important; text-align:center !important; }

 .infographic-productivity .building .left-content p:before,.infographic-productivity .building .right-content p:before { display:none !important; }

 }

 .infographic-productivity .building .left-content { text-align:left; }

 @media (max-width:768px) { .infographic-productivity .building .left-content { padding-right:10px; }

 }

 .infographic-productivity .building .left-content h2 { text-align:left; color:#003391; border-bottom:2px solid #003391; }

 .infographic-productivity .building .left-content p { margin-left:50px; padding-left:10px; }

 .infographic-productivity .building .left-content p:before { left:-50px; }

 .infographic-productivity .building .left-content span,.infographic-productivity .building .left-content small { color:#003391; }

 .infographic-productivity .building .left-content .text1:before { background:url('/wp-content/themes/Harvard2015/images/co2-icon-blue-01.png') top no-repeat; }

 .infographic-productivity .building .left-content .text2:before { background:url('/wp-content/themes/Harvard2015/images/vent-icon-blue-01.png') top no-repeat; }

 .infographic-productivity .building .left-content .text3:before { background:url('/wp-content/themes/Harvard2015/images/voc-icon-blue-01.png') top no-repeat; }

 .infographic-productivity .building .right-content { text-align:right; }

 @media (max-width:768px) { .infographic-productivity .building .right-content { padding-left:10px; }

 }

 .infographic-productivity .building .right-content h2 { text-align:right; color:#81bd40; border-bottom:2px solid #81bd40; }

 .infographic-productivity .building .right-content p { margin-right:50px; padding-right:10px; }

 .infographic-productivity .building .right-content p:before { right:-50px; background-position:center !important; }

 @media (max-width:768px) { .infographic-productivity .building .right-content p { text-align:right; }

 }

 .infographic-productivity .building .right-content span,.infographic-productivity .building .right-content small { color:#81bd40; }

 .infographic-productivity .building .right-content .text1:before { background:url('/wp-content/themes/Harvard2015/images/co2-icon-green-01.png') top no-repeat; }

 .infographic-productivity .building .right-content .text2:before { background:url('/wp-content/themes/Harvard2015/images/vent-icon-green-01.png') top no-repeat; }

 .infographic-productivity .building .right-content .text3:before { background:url('/wp-content/themes/Harvard2015/images/voc-icon-green-01.png') top no-repeat; }

 .csstransitions .infographic-productivity .building { transition:all 1s cubic-bezier(0.175, 0.885, 0.320, 1.275); height:auto; max-height:0; }

 .csstransitions .infographic-productivity .building .left-content h2,.csstransitions .infographic-productivity .building .left-content h3,.csstransitions .infographic-productivity .building .left-content .text1,.csstransitions .infographic-productivity .building .left-content .text2,.csstransitions .infographic-productivity .building .left-content .text3 { transition:all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity:0; margin-left:50%; }

 .csstransitions .infographic-productivity .building .right-content h2,.csstransitions .infographic-productivity .building .right-content h3,.csstransitions .infographic-productivity .building .right-content .text1,.csstransitions .infographic-productivity .building .right-content .text2,.csstransitions .infographic-productivity .building .right-content .text3 { transition:all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity:0; margin-right:50%; }

 .csstransitions .active .infographic-productivity .building { transition-delay:0.5s; max-height:600px; }

 .csstransitions .active .infographic-productivity .building .left-content h2 { opacity:1; margin-left:0; transition-delay:1.5s; }

 .csstransitions .active .infographic-productivity .building .left-content h3 { opacity:1; margin-left:0; transition-delay:1.6s; }

 .csstransitions .active .infographic-productivity .building .left-content .text1 { opacity:1; margin-left:50px; transition-delay:1.7s; }

 .csstransitions .active .infographic-productivity .building .left-content .text2 { opacity:1; margin-left:50px; transition-delay:1.8s; }

 .csstransitions .active .infographic-productivity .building .left-content .text3 { opacity:1; margin-left:50px; transition-delay:1.9s; }

 .csstransitions .active .infographic-productivity .building .right-content h2 { opacity:1; margin-right:0; transition-delay:1.5s; }

 .csstransitions .active .infographic-productivity .building .right-content h3 { opacity:1; margin-right:0; transition-delay:1.6s; }

 .csstransitions .active .infographic-productivity .building .right-content .text1 { opacity:1; margin-right:50px; transition-delay:1.7s; }

 .csstransitions .active .infographic-productivity .building .right-content .text2 { opacity:1; margin-right:50px; transition-delay:1.8s; }

 .csstransitions .active .infographic-productivity .building .right-content .text3 { opacity:1; margin-right:50px; transition-delay:1.9s; }

 .infographic-productivity .performance { margin:40px auto 0 auto; position:relative; max-width:890px; }

 @media (max-width:768px) { .infographic-productivity .performance { margin:20px auto 0 auto; }

 }

 .infographic-productivity .performance h2 { text-align:center; text-transform:uppercase; line-height:1; border-bottom:1px solid #444; max-width:535px; margin:0 auto 40px auto; }

 .infographic-productivity .performance h2 span { color:#003391; font-size:40px; }

 .infographic-productivity .performance .enhanced-green { width:300px; height:300px; margin:0 auto; border-radius:100%; background:#81bd40; text-align:center; position:relative; z-index:10; padding-top:50px; }

 .infographic-productivity .performance .enhanced-green:before { content:""; display:block; position:absolute; width:330px; height:330px; background:url('/wp-content/themes/Harvard2015/images/enhanced-green-outline-01.png') no-repeat center; top:-15px; left:-15px; }

 .infographic-productivity .performance .enhanced-green:after { content:""; display:block; width:200px; height:220px; background:url('/wp-content/themes/Harvard2015/images/blue-figure-01.png') no-repeat center; display:inline-block; }

 @media (max-width:768px) { .infographic-productivity .performance .enhanced-green { width:240px; height:240px; }

 .infographic-productivity .performance .enhanced-green:before { width:260px; height:260px; background-size:100%; top:-10px; left:-10px; }

 .infographic-productivity .performance .enhanced-green:after { width:150px; height:170px; background-size:100%; }

 }

 .infographic-productivity .performance .enhanced-green h3 { color:#fff; font-size:36px; line-height:1; }

 .infographic-productivity .performance .enhanced-green h3:before,.infographic-productivity .performance .enhanced-green h3:after { content:""; display:block; background:#fff; position:absolute; border-radius:100%; }

 .infographic-productivity .performance .enhanced-green h3:before { width:20px; height:20px; top:130px; left:70px; }

 .infographic-productivity .performance .enhanced-green h3:after { width:10px; height:10px; top:150px; left:90px; }

 .infographic-productivity .performance .buckets { position:relative; z-index:5; margin-top:70px; text-align:center; }

 .infographic-productivity .performance .bubble-bucket { width:25%; position:absolute; z-index:0; display:inline-block; }

 @media (max-width:768px) { .infographic-productivity .performance .bubble-bucket { position:static; width:30%; margin-right:1.5%; }

 }

 .infographic-productivity .performance .bubble-bucket h3,.infographic-productivity .performance .bubble-bucket h4,.infographic-productivity .performance .bubble-bucket span,.infographic-productivity .performance .bubble-bucket sup,.infographic-productivity .performance .bubble-bucket strong { margin:0; padding:0; }

 .infographic-productivity .performance .bubble-bucket h4 { color:#003391; font-size:20px; text-transform:uppercase; text-align:center; line-height:1; margin-bottom:20px; font-weight:bold; }

 .infographic-productivity .performance .bubble-bucket h4 span { color:#444; text-transform:lowercase; font-size:17px; font-weight:normal; display:inline-block; border-top:2px solid #003391; margin-top:10px; padding-top:5px; }

 @media (max-width:768px) { .infographic-productivity .performance .bubble-bucket h4 span { font-size:12px; }

 }

 @media (max-width:768px) { .infographic-productivity .performance .bubble-bucket h4 { font-size:16px; line-height:1.25em; min-height:80px; margin-bottom:0; }

 }

 @media (max-width:543px) { .infographic-productivity .performance .bubble-bucket h4 { font-size:14px; }

 }

 .infographic-productivity .performance .bubble-bucket h3 { color:#81bd40; text-align:center; padding-left:15px; line-height:1; }

 @media (max-width:768px) { .infographic-productivity .performance .bubble-bucket h3 { padding:0; }

 }

 .infographic-productivity .performance .bubble-bucket h3 span { font-size:70px; display:inline-block; position:relative; }

 @media (max-width:768px) { .infographic-productivity .performance .bubble-bucket h3 span { font-size:50px; }

 }

 @media (max-width:543px) { .infographic-productivity .performance .bubble-bucket h3 span { font-size:30px; }

 }

 .infographic-productivity .performance .bubble-bucket h3 span:before { content:""; display:block; width:30px; height:30px; background:url('/wp-content/themes/Harvard2015/images/green-arrow-up-01.png') center no-repeat; position:absolute; top:0; left:-30px; }

 @media (max-width:768px) { .infographic-productivity .performance .bubble-bucket h3 span:before { display:none; }

 }

 .infographic-productivity .performance .bubble-bucket h3 span sup { font-size:50%; color:inherit; }

 .infographic-productivity .performance .bubble-bucket h3 strong { font-weight:normal; font-size:30px; word-wrap:initial; }

 @media (max-width:768px) { .infographic-productivity .performance .bubble-bucket h3 strong { font-size:20px; }

 }

 .infographic-productivity .performance .bubble-bucket:before { content:""; display:block; width:60px; height:60px; position:relative; margin:0 auto 10px auto; z-index:10; }

 .infographic-productivity .performance .bubble-bucket:after { content:""; display:block; width:100%; height:50px; position:absolute; top:5px; background:url('/wp-content/themes/Harvard2015/images/bubble-bucket-dotted-bg-01.png') no-repeat center; z-index:5; }

 @media (max-width:768px) { .infographic-productivity .performance .bubble-bucket:after { background:none; }

 }

 .infographic-productivity .performance .bubble-bucket.crisis { top:-100%; left:5%; }

 @media (max-width:768px) { .infographic-productivity .performance .bubble-bucket.crisis { top:0 !important; }

 }

 .infographic-productivity .performance .bubble-bucket.crisis:before { background:url('/wp-content/themes/Harvard2015/images/crisis-icon-blue-01.png') no-repeat center; }

 .infographic-productivity .performance .bubble-bucket.usage { position:relative; }

 .infographic-productivity .performance .bubble-bucket.usage:before { background:url('/wp-content/themes/Harvard2015/images/info-icon-blue-01.png') no-repeat center; }

 .infographic-productivity .performance .bubble-bucket.strategy { top:-100%; right:-5%; }

 @media (max-width:768px) { .infographic-productivity .performance .bubble-bucket.strategy { top:0 !important; margin:0; }

 }

 .infographic-productivity .performance .bubble-bucket.strategy:before { background:url('/wp-content/themes/Harvard2015/images/strategy-icon-blue-01.png') no-repeat center; }

 .csstransitions .infographic-productivity .performance .enhanced-green,.csstransitions .infographic-productivity .performance .crisis,.csstransitions .infographic-productivity .performance .strategy { transition:all 0.5s ease; }

 .csstransitions .infographic-productivity .performance .enhanced-green h3:before,.csstransitions .infographic-productivity .performance .enhanced-green h3:after { transition:all 0.75s cubic-bezier(0.175, 0.885, 0.320, 1.275); transform:scale(0); }

 .csstransitions .infographic-productivity .performance .usage { transition:all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); }

 .csstransitions .infographic-productivity .performance .enhanced-green { transform:scale(0) rotate(-45deg); opacity:0; }

 .csstransitions .infographic-productivity .performance .crisis { top:-140%; left:37%; opacity:0; }

 .csstransitions .infographic-productivity .performance .usage { opacity:0; }

 .csstransitions .infographic-productivity .performance .strategy { top:-140%; right:37%; opacity:0; }

 .csstransitions .infographic-productivity .performance.inView .enhanced-green { transform:scale(1) rotate(0); opacity:1; transition-delay:0s; }

 .csstransitions .infographic-productivity .performance.inView .enhanced-green h3:before { transform:scale(1); transition-delay:0.75s; }

 .csstransitions .infographic-productivity .performance.inView .enhanced-green h3:after { transform:scale(1); transition-delay:0.85s; }

 .csstransitions .infographic-productivity .performance.inView .crisis { top:-100%; left:5%; opacity:1; transition-delay:0.25s; }

 .csstransitions .infographic-productivity .performance.inView .usage { opacity:1; transition-delay:0.35s; }

 .csstransitions .infographic-productivity .performance.inView .strategy { top:-100%; right:5%; opacity:1; transition-delay:0.45s; }

 /* VENTILATION INFOGRAPHIC */ .infographic-ventilation .costs-wrapper { margin:20px auto; width:100%; max-width:1035px; height:255px; position:relative; }

 @media (max-width:768px) { .infographic-ventilation .costs-wrapper { margin:0 auto; }

 }

 @media (max-width:768px) { .infographic-ventilation .costs-wrapper { height:auto; }

 }

 .infographic-ventilation .costs-wrapper:after { display:table; content:""; clear:both; }

 .infographic-ventilation .costs-wrapper .content { float:left; }

 .infographic-ventilation .costs-wrapper .when { width:80px; display:table; height:100%; color:#fff; text-align:center; text-transform:uppercase; position:absolute; z-index:0; left:0; right:0; margin:0 auto; font-weight:bold; }

 @media (max-width:768px) { .infographic-ventilation .costs-wrapper .when { height:80px; position:static; }

 }

 .infographic-ventilation .costs-wrapper .when:before,.infographic-ventilation .costs-wrapper .when:after { content:""; display:block; position:absolute; width:0; height:50%; left:50%; z-index:1; }

 @media (max-width:768px) { .infographic-ventilation .costs-wrapper .when:before,.infographic-ventilation .costs-wrapper .when:after { display:none; }

 }

 .infographic-ventilation .costs-wrapper .when:before { border:1px dashed #26abe2; bottom:0; }

 .infographic-ventilation .costs-wrapper .when:after { border:1px dashed #81bc41; top:0; }

 .infographic-ventilation .costs-wrapper .when span { display:table-cell; vertical-align:middle; position:relative; background:url('/wp-content/themes/Harvard2015/images/when-circle-01.png') no-repeat center; z-index:2; }

 .infographic-ventilation .costs-wrapper .costs1,.infographic-ventilation .costs-wrapper .costs2 { position:relative; width:50%; text-align:center; text-transform:uppercase; padding:20px 5px; }

 @media (max-width:768px) { .infographic-ventilation .costs-wrapper .costs1,.infographic-ventilation .costs-wrapper .costs2 { float:none; width:100%; }

 }

 .infographic-ventilation .costs-wrapper .costs1 h2,.infographic-ventilation .costs-wrapper .costs2 h2 { padding:0; }

 .infographic-ventilation .costs-wrapper .costs1 span,.infographic-ventilation .costs-wrapper .costs2 span { display:block; position:relative; }

 .infographic-ventilation .costs-wrapper .costs1 span.header,.infographic-ventilation .costs-wrapper .costs2 span.header { font-size:42px; line-height:1; }

 @media (max-width:768px) { .infographic-ventilation .costs-wrapper .costs1 span.header,.infographic-ventilation .costs-wrapper .costs2 span.header { font-size:25px; }

 }

 .infographic-ventilation .costs-wrapper .costs1 span.header span,.infographic-ventilation .costs-wrapper .costs2 span.header span { font-size:100%; }

 .infographic-ventilation .costs-wrapper .costs1 span.subhead,.infographic-ventilation .costs-wrapper .costs2 span.subhead { display:inline-block; font-size:16px; margin:0; line-height:1; width:100%; }

 .infographic-ventilation .costs-wrapper .costs1 span.cost,.infographic-ventilation .costs-wrapper .costs2 span.cost { font-size:50px; }

 .infographic-ventilation .costs-wrapper .costs1 span.cost sup,.infographic-ventilation .costs-wrapper .costs2 span.cost sup { font-size:60%; }

 .infographic-ventilation .costs-wrapper .costs1 span.zones,.infographic-ventilation .costs-wrapper .costs2 span.zones { font-size:20px; line-height:1; }

 .infographic-ventilation .costs-wrapper .costs1 span.header { color:#003391; }

 @media (max-width:768px) { .infographic-ventilation .costs-wrapper .costs1 span.header { max-width:440px; margin:0 auto; }

 }

 .infographic-ventilation .costs-wrapper .costs1 span.header:before { content:""; display:block; margin-right:-60px; width:90px; height:90px; float:left; background:url('/wp-content/themes/Harvard2015/images/air-wave-01.png') no-repeat center; background-size:contain; }

 @media (max-width:768px) { .infographic-ventilation .costs-wrapper .costs1 span.header:before { display:none; }

 }

 .infographic-ventilation .costs-wrapper .costs1 span em { font-style:normal; color:#003391; }

 .infographic-ventilation .costs-wrapper .costs1 span.cost { color:#26abe2; }

 .infographic-ventilation .costs-wrapper .costs1:after { bottom:0; right:0; border-color:#26abe2; }

 .infographic-ventilation .costs-wrapper .costs2 span.header { color:#81bc41; }

 .infographic-ventilation .costs-wrapper .costs2 span.cost { color:#81bc41; }

 .infographic-ventilation .costs-wrapper .costs2:after { top:0; left:0; border-color:#81bc41; }

 .infographic-ventilation .vent { max-width:768px; margin:0 auto; padding:20px 0 40px 0; text-transform:uppercase; text-align:center; }

 .infographic-ventilation .vent:after { content:""; display:block; background:url('/wp-content/themes/Harvard2015/images/arrow-down-gray-01.png') center no-repeat; height:30px; }

 .infographic-ventilation .vent h2 { font-size:20px; }

 .infographic-ventilation .vent h2 span.rust { font-size:200%; color:#00aeef; }

 @media (max-width:543px) { .infographic-ventilation .vent h2 span.rust { font-size:140%; }

 }

 .infographic-ventilation .vent .content { margin:30px 0; display:table; }

 @media (max-width:768px) { .infographic-ventilation .vent .content { margin:0 auto 20px auto; }

 }

 .infographic-ventilation .vent .content:after { content:""; display:table; clear:both; }

 .infographic-ventilation .vent .content span.rust { display:block; font-size:100px; line-height:1; color:#00aeef; }

 .infographic-ventilation .vent .content p { line-height:1.25em; text-transform:none; border-top:1px solid #bbbdbf; padding:10px 0 0 0; margin:0; }

 .infographic-ventilation .vent .content .content-left { width:10%; margin-right:5%; }

 .infographic-ventilation .vent .content .content-center { width:80%; background:red; background:url('/wp-content/themes/Harvard2015/images/vent-01.png') no-repeat center; height:240px; position:relative; }

 .infographic-ventilation .vent .content .content-center .overlay { background:url('/wp-content/themes/Harvard2015/images/vent-overlay-01.png') no-repeat center; height:100%; width:100%; background-position-x:30px; }

 @media (max-width:768px) { .infographic-ventilation .vent .content .content-center .overlay { background-position:center; }

 }

 .infographic-ventilation .vent .content .content-center:after { content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:url('/wp-content/themes/Harvard2015/images/air-wave-01.png') no-repeat center; background-position-y:40%; }

 .infographic-ventilation .vent .content .content-right { width:10%; margin-left:5%; }

 .infographic-ventilation .vent .content .content-left,.infographic-ventilation .vent .content .content-center,.infographic-ventilation .vent .content .content-right { display:table-cell; vertical-align:middle; }

 @media (max-width:768px) { .infographic-ventilation .vent .content .content-left,.infographic-ventilation .vent .content .content-center,.infographic-ventilation .vent .content .content-right { display:block; width:100%; margin:0; }

 .infographic-ventilation .vent .content .content-left p,.infographic-ventilation .vent .content .content-center p,.infographic-ventilation .vent .content .content-right p { width:80%; margin:0 auto; text-align:center; }

 }

 .infographic-ventilation .salary-difference-wrapper { width:100%; background:url('/wp-content/themes/Harvard2015/images/desk-bg-01.png') repeat-x bottom; }

 .infographic-ventilation .salary-difference-wrapper:after { display:table; content:""; clear:both; }

 .infographic-ventilation .salary-difference-wrapper .salary-difference-content { max-width:800px; margin:0 auto; padding:50px 0; height:390px; position:relative; z-index:0; }

 @media (max-width:768px) { .infographic-ventilation .salary-difference-wrapper .salary-difference-content { height:auto; }

 }

 .infographic-ventilation .salary-difference-wrapper .salary-difference-content .computer { width:400px; height:316px; background:url('/wp-content/themes/Harvard2015/images/computer-bg-01.png') no-repeat center; position:absolute; left:0; right:20px; bottom:20px; z-index:1; }

 @media (max-width:768px) { .infographic-ventilation .salary-difference-wrapper .salary-difference-content .computer { position:relative; width:100%; max-width:350px; background-size:contain; margin:0 auto; margin-bottom:-110px; }

 }

 .infographic-ventilation .salary-difference-wrapper .salary-difference-content .computer h3 { color:#fff; font-size:40px; line-height:1.15em; margin:0; padding:30px; }

 @media (max-width:768px) { .infographic-ventilation .salary-difference-wrapper .salary-difference-content .computer h3 { font-size:30px; padding:50px 0px 50px 35px; }

 }

 .infographic-ventilation .salary-difference-wrapper .salary-difference-content .computer h3 span { line-height:95px; display:block; float:left; font-size:300%; }

 .infographic-ventilation .salary-difference-wrapper .salary-difference-content .computer p { color:#fff; position:absolute; display:block; width:50%; bottom:70px; right:5px; line-height:1.25em; font-size:22px; }

 @media (max-width:768px) { .infographic-ventilation .salary-difference-wrapper .salary-difference-content .computer p { font-size:20px; line-height:1; width:40%; right:50px; bottom:100px; }

 }

 @media (max-width:768px) { .infographic-ventilation .salary-difference-wrapper .salary-difference-content .computer p { width:50%; right:0; bottom:75px; }

 }

 .infographic-ventilation .salary-difference-wrapper .salary-difference-content .equals { font-weight:bold; background:#f7f4d9; position:absolute; left:0; right:-45px; margin:auto; bottom:100px; box-shadow:0 0 10px rgba(0, 0, 0, 0.25); transform:rotate(7deg); z-index:3; text-align:center; height:60px; width:60px; font-size:65px; }

 @media (max-width:768px) { .infographic-ventilation .salary-difference-wrapper .salary-difference-content .equals { display:none; }

 }

 @media (max-width:768px) { .infographic-ventilation .salary-difference-wrapper .salary-difference-content .equals { bottom:45px; left:-60px; right:0; }

 }

 @media (max-width:768px) { .infographic-ventilation .salary-difference-wrapper .salary-difference-content .equals { position:relative; top:0; left:0; right:0; bottom:0; transform:rotate(0deg); }

 }

 .infographic-ventilation .salary-difference-wrapper .salary-difference-content .equals span { line-height:60px; }

 .infographic-ventilation .salary-difference-wrapper .salary-difference-content .equals strong { position:relative; top:-30px; }

 .infographic-ventilation .salary-difference-wrapper .salary-difference-content .improved { line-height:1.45em; position:absolute; right:20px; max-width:40%; text-align:center; text-transform:uppercase; }

 @media (max-width:768px) { .infographic-ventilation .salary-difference-wrapper .salary-difference-content .improved { z-index:10; line-height:1; text-align:right; position:relative; left:0; right:0; top:55px; margin:0 auto; font-size:30px; text-align:center; max-width:100%; padding:20px; }

 }

 .infographic-ventilation .salary-difference-wrapper .salary-difference-content .improved span { color:#3e8230; }

 .infographic-ventilation .salary-difference-wrapper .salary-difference-content .improved .rust { font-size:170%; display:block; }

 @media (max-width:768px) { .infographic-ventilation .salary-difference-wrapper .salary-difference-content .improved .rust { font-size:100%; }

 }

 .infographic-ventilation .salary-difference-wrapper .salary-difference-content .improved .rust span { font-size:120%; }

 .infographic-ventilation .salary-difference-wrapper .salary-difference-content .tablet { width:311px; height:194px; background:url('/wp-content/themes/Harvard2015/images/tablet-bg-01.png') no-repeat center; position:absolute; z-index:2; right:20px; bottom:20px; text-align:center; }

 @media (max-width:768px) { .infographic-ventilation .salary-difference-wrapper .salary-difference-content .tablet { position:relative; width:100%; left:0; right:0; top:50px; bottom:0; }

 }

 .infographic-ventilation .salary-difference-wrapper .salary-difference-content .tablet h3 { color:#fff; font-size:75px; position:relative; height:75px; top:55px; left:-5px; }

 .infographic-ventilation .salary-difference-wrapper .salary-difference-content .tablet h3 sup { font-size:60%; }

 .infographic-ventilation .effects-wrapper { width:100%; max-width:850px; margin:0 auto; text-align:center; text-transform:uppercase; }

 .infographic-ventilation .effects-wrapper:after { content:""; display:block; clear:both; }

 .infographic-ventilation .effects-wrapper h3 { padding:0; line-height:1; }

 .infographic-ventilation .effects-wrapper .content-left,.infographic-ventilation .effects-wrapper .content-right { width:50%; float:left; padding:50px 20px; }

 @media (max-width:768px) { .infographic-ventilation .effects-wrapper .content-left,.infographic-ventilation .effects-wrapper .content-right { padding:30px 10px; }

 }

 @media (max-width:768px) { .infographic-ventilation .effects-wrapper .content-left,.infographic-ventilation .effects-wrapper .content-right { float:none; width:100%; }

 }

 .infographic-ventilation .effects-wrapper .content-left .productivity { border-bottom:1px solid #444; padding-bottom:20px; }

 @media (max-width:768px) { .infographic-ventilation .effects-wrapper .content-left .productivity { border:none; padding:0; }

 }

 .infographic-ventilation .effects-wrapper .content-left .productivity span { display:block; font-size:210%; color:#003391; }

 @media (max-width:768px) { .infographic-ventilation .effects-wrapper .content-left .productivity span { font-size:160%; }

 }

 .infographic-ventilation .effects-wrapper .content-left .greater { color:#3e8230; font-size:45px; line-height:1; }

 @media (max-width:768px) { .infographic-ventilation .effects-wrapper .content-left .greater { font-size:35px; }

 }

 .infographic-ventilation .effects-wrapper .content-left .greater span { font-size:260%; display:block; }

 @media (max-width:768px) { .infographic-ventilation .effects-wrapper .content-left .greater span { font-size:190%; }

 }

 .infographic-ventilation .effects-wrapper .content-left .result { font-size:15px; border-top:1px solid #444; margin-top:10px; padding-top:10px; }

 @media (max-width:768px) { .infographic-ventilation .effects-wrapper .content-left .result { font-size:20px; border:none; padding:0; margin-top:5px; }

 }

 @media (max-width:768px) { .infographic-ventilation .effects-wrapper .content-left .result { font-size:16px; }

 }

 .infographic-ventilation .effects-wrapper .content-left .result:before { content:""; width:70px; height:70px; display:inline-block; vertical-align:middle; background:url('/wp-content/themes/Harvard2015/images/dollar-bulb-01.png') no-repeat center; margin-right:10px; }

 @media (max-width:768px) { .infographic-ventilation .effects-wrapper .content-left .result:before { display:none; }

 }

 .infographic-ventilation .effects-wrapper .content-right { border-left:2px dotted #26abe2; }

 @media (max-width:768px) { .infographic-ventilation .effects-wrapper .content-right { border:none; border-top:4px dotted #26abe2; }

 }

 .infographic-ventilation .effects-wrapper .content-right .on-average { border-bottom:1px solid #444; padding-bottom:15px; }

 @media (max-width:768px) { .infographic-ventilation .effects-wrapper .content-right .on-average { border:none; padding-bottom:0; }

 }

 .infographic-ventilation .effects-wrapper .content-right .car { color:#26abe2; font-size:80px; margin:20px 0; letter-spacing:-3px; }

 @media (max-width:543px) { .infographic-ventilation .effects-wrapper .content-right .car { font-size:70px; margin:10px 0; }

 }

 .infographic-ventilation .effects-wrapper .content-right .car:after { content:""; display:inline-block; width:150px; height:115px; background:url('/wp-content/themes/Harvard2015/images/car-01.png') center no-repeat; vertical-align:middle; padding:0 15px; opacity:1; }

 .infographic-ventilation .effects-wrapper .content-right .per-year { margin-bottom:15px; }

 .infographic-ventilation .effects-wrapper .content-right .per-year em { font-size:40px; font-style:normal; }

 .infographic-ventilation .effects-wrapper .content-right .per-year span { font-size:30px; }

 .infographic-ventilation .effects-wrapper .content-right .per-year em,.infographic-ventilation .effects-wrapper .content-right .per-year span { display:block; color:#26abe2; }

 @media (max-width:768px) { .infographic-ventilation .effects-wrapper .content-right .per-year em,.infographic-ventilation .effects-wrapper .content-right .per-year span { font-size:130%; }

 }

 .infographic-ventilation .effects-wrapper .content-right .ventilation { border-top:1px solid #444; padding:15px; }

 .csstransforms .infographic-ventilation .vent .content .content-center .overlay { width:100%; transition:all 1s ease; }

 /* IMPACT INFOGRAPHIC */ .infographic-impact .shadedbg { padding:50px 0; }

 @media (max-width:768px) { .infographic-impact .shadedbg { padding:10px 0; }

 }

 .infographic-impact .map-header { text-align:center; border-bottom:1px solid #444; max-width:470px; margin:0 auto 20px auto; padding-bottom:15px; }

 .infographic-impact .map-header span { color:#003391; display:block; font-size:40px; margin-bottom:10px; }

 .infographic-impact .map { width:100%; max-width:550px; height:300px; margin:0 auto; text-align:center; background:url('/wp-content/themes/Harvard2015/images/us-map-01.png') no-repeat center; position:relative; background-size:contain; }

 @media (max-width:768px) { .infographic-impact .map { padding:20px; background-position:top; min-height:395px; }

 }

 @media (max-width:768px) { .infographic-impact .map { min-height:355px; }

 }

 .infographic-impact .map ul { color:#81bc41; list-style-type:none; margin:0; padding:0; }

 @media (max-width:768px) { .infographic-impact .map ul { position:absolute; left:0; bottom:0; text-align:center; padding:0 15px; }

 }

 .infographic-impact .map ul li { position:absolute; padding:0; margin:0; font-size:18px; line-height:1em; }

 .infographic-impact .map ul li.id:after,.infographic-impact .map ul li.ca:after,.infographic-impact .map ul li.nm:after { content:""; display:inline-block; vertical-align:middle; margin-left:5px; height:0; border-top:1px solid #444; width:0; }

 .infographic-impact .map ul li.ma:before,.infographic-impact .map ul li.md:before,.infographic-impact .map ul li.nc:before,.infographic-impact .map ul li.tx:before { content:""; display:inline-block; vertical-align:middle; margin-right:5px; height:0; border-top:1px solid #444; width:0; }

 .infographic-impact .map ul li.id { top:40px; left:-10%; }

 .infographic-impact .map ul li.id:after { width:90px; }

 .infographic-impact .map ul li.ca { top:90px; left:-35%; }

 .infographic-impact .map ul li.ca:after { width:30px; }

 .infographic-impact .map ul li.nm { top:140px; left:-25%; }

 .infographic-impact .map ul li.nm:after { width:155px; }

 .infographic-impact .map ul li.ma { top:20px; right:-16%; }

 .infographic-impact .map ul li.ma:before { width:20px; }

 .infographic-impact .map ul li.md { top:65px; right:-20%; }

 .infographic-impact .map ul li.md:before { width:25px; }

 .infographic-impact .map ul li.nc { top:100px; right:-20%; }

 .infographic-impact .map ul li.nc:before { width:40px; }

 .infographic-impact .map ul li.tx { top:185px; right:-20%; }

 .infographic-impact .map ul li.tx:before { width:245px; }

 @media (max-width:768px) { .infographic-impact .map ul li { position:static; display:inline-block; font-size:22px; }

 .infographic-impact .map ul li:before,.infographic-impact .map ul li:after { display:none !important; }

 .infographic-impact .map ul li:after { display:inline-block !important; content:"•" !important; vertical-align:baseline !important; width:auto !important; border:none !important; color:#003391; margin-left:5px; margin-right:5px; }

 .infographic-impact .map ul li.tx:after { display:none !important; }

 }

 .infographic-impact .building-header { text-align:center; max-width:470px; margin:20px auto; padding-bottom:10px; }

 .infographic-impact .building-header span { color:#003391; display:block; font-size:40px; margin-bottom:10px; }

 .infographic-impact .building-header .specs ul { list-style-type:none; padding:20px 0; margin:0; color:#26abe2; border-top:1px solid #444; border-bottom:1px solid #444; }

 @media (max-width:768px) { .infographic-impact .building-header .specs ul { border:none; padding:0; }

 }

 .infographic-impact .building-header .specs ul li { display:inline-block; font-size:24px; width:30%; line-height:1; }

 @media (max-width:768px) { .infographic-impact .building-header .specs ul li { width:32%; }

 }

 .infographic-impact .building-header .specs ul li:before { content:""; display:block; width:100px; height:100px; margin:0 auto; }

 .infographic-impact .building-header .specs ul li.one:before { background:url('/wp-content/themes/Harvard2015/images/block-01.png') no-repeat center; }

 .infographic-impact .building-header .specs ul li.two:before { background:url('/wp-content/themes/Harvard2015/images/block-02.png') no-repeat center; }

 .infographic-impact .building-header .specs ul li.three:before { background:url('/wp-content/themes/Harvard2015/images/block-03.png') no-repeat center; }

 @media (max-width:768px) { .infographic-impact .building-header .specs ul li { text-align:center; font-size:18px; }

 .infographic-impact .building-header .specs ul li:before { width:50px; height:50px; background-size:contain !important; }

 }

 .infographic-impact .building-wrapper { background:url('/wp-content/themes/Harvard2015/images/arch-background-01.png') repeat-x bottom; }

 @media (max-width:768px) { .infographic-impact .building-wrapper { padding:0 40px; }

 }

 @media (max-width:768px) { .infographic-impact .building-wrapper { padding:0 20px; }

 }

 .infographic-impact .building-wrapper .building { background:url('/wp-content/themes/Harvard2015/images/building-02.png') no-repeat center; min-height:760px; width:100%; max-width:855px; margin:0 auto; position:relative; text-align:center; }

 @media (max-width:768px) { .infographic-impact .building-wrapper .building { background:none; margin-bottom:20px; }

 }

 .infographic-impact .building-wrapper .building:after { display:table; content:""; clear:both; }

 .infographic-impact .building-wrapper .building h3 { color:#003391; line-height:1; font-size:30px; background:url('/wp-content/themes/Harvard2015/images/dotted-arch-01.png') no-repeat center 15px; }

 .infographic-impact .building-wrapper .building h3 span { display:block; font-size:75px; }

 .infographic-impact .building-wrapper .building ul { list-style-type:none; margin:0; padding:20px 0; text-transform:uppercase; border-top:2px solid #003391; border-bottom:2px solid #003391; }

 @media (max-width:768px) { .infographic-impact .building-wrapper .building ul { text-align:center; border-bottom:none; }

 }

 .infographic-impact .building-wrapper .building ul li { font-size:15px; line-height:1.2em; position:relative; margin:0; padding:0; }

 @media (max-width:768px) { .infographic-impact .building-wrapper .building ul li { margin-bottom:20px; }

 }

 .infographic-impact .building-wrapper .building ul li:after { content:""; display:block; width:50%; border-top:2px dotted #444; margin:20px auto; }

 @media (max-width:768px) { .infographic-impact .building-wrapper .building ul li:after { margin:5px auto !important; }

 }

 .infographic-impact .building-wrapper .building ul li.last-child { margin:0 !important; padding:0 !important; border:none; }

 .infographic-impact .building-wrapper .building ul li.last-child:after { display:none; }

 .infographic-impact .building-wrapper .building ul li span { display:block; color:#26abe2; font-size:130%; }

 .infographic-impact .building-wrapper .building .content-left,.infographic-impact .building-wrapper .building .content-right { position:absolute; max-width:245px; height:100%; }

 @media (max-width:768px) { .infographic-impact .building-wrapper .building .content-left,.infographic-impact .building-wrapper .building .content-right { position:static; display:block; max-width:100%; width:100%; }

 }

 .infographic-impact .building-wrapper .building .content-left { left:0; }

 .infographic-impact .building-wrapper .building .content-left ul { padding:40px 0; }

 @media (max-width:768px) { .infographic-impact .building-wrapper .building .content-left ul { padding:20px 0; }

 }

 .infographic-impact .building-wrapper .building .content-left ul li:after { margin:30px auto; }

 .infographic-impact .building-wrapper .building .content-right { right:0; }

 @media (max-width:768px) { .infographic-impact .building-wrapper .building .content-right ul { border-bottom:none !important; }

 }

 .infographic-impact .building-wrapper .building .content-right ul li span { font-size:330%; }

 .infographic-impact .building-wrapper .building .content-right ul li span:before { content:""; display:inline-block; height:50px; width:50px; background:url('/wp-content/themes/Harvard2015/images/vent-icon-blue-02.png') no-repeat center; vertical-align:middle; }

 .infographic-impact .building-wrapper .building .content-right ul li em { color:#26abe2; }

 .infographic-impact .summary { max-width:768px; margin:0 auto; padding:40px 0 0 0; text-align:center; }

 @media (max-width:768px) { .infographic-impact .summary { padding:0 10px; }

 }

 .infographic-impact .summary:after { content:""; display:table; clear:both; }

 .infographic-impact .summary h3 { color:#003391; font-size:23px; line-height:1; margin-top:10px; }

 .infographic-impact .summary h3:after { content:""; display:block; width:50%; margin:10px auto 0 auto; height:0; border-bottom:1px solid #26abe2; }

 .infographic-impact .summary p { line-height:1; margin:10px 0 0 0; padding:0; }

 @media (max-width:768px) { .infographic-impact .summary p { text-align:center; }

 }

 .infographic-impact .summary .content-left,.infographic-impact .summary .content-middle,.infographic-impact .summary .content-right { width:33%; float:left; }

 @media (max-width:768px) { .infographic-impact .summary .content-left,.infographic-impact .summary .content-middle,.infographic-impact .summary .content-right { width:100%; float:none; margin-top:20px; }

 }

 .infographic-impact .summary .content-left:before,.infographic-impact .summary .content-middle:before,.infographic-impact .summary .content-right:before { content:""; display:block; width:100%; height:80px; background:red; }

 .infographic-impact .summary .content-left:before { background:url('/wp-content/themes/Harvard2015/images/summary-block-01.png') no-repeat center; }

 .infographic-impact .summary .content-middle:before { background:url('/wp-content/themes/Harvard2015/images/summary-block-02.png') no-repeat center; }

 .infographic-impact .summary .content-right:before { background:url('/wp-content/themes/Harvard2015/images/summary-block-03.png') no-repeat center; }

 .bluehr { background-color:#0098d7; height:10px; width:100%; max-width:535px; margin:0 auto; }

 .shadedbg { width:100%; padding:0; background:#e6e8e7; background:-moz-linear-gradient(left, #e6e8e7 0%, #fff 50%, #e6e8e7 100%); background:-webkit-gradient(linear, left top, right top, color-stop(0%, #e6e8e7), color-stop(50%, #fff), color-stop(100%, #e6e8e7)); background:-webkit-linear-gradient(left, #e6e8e7 0%, #fff 50%, #e6e8e7 100%); background:-o-linear-gradient(left, #e6e8e7 0%, #fff 50%, #e6e8e7 100%); background:-ms-linear-gradient(left, #e6e8e7 0%, #fff 50%, #e6e8e7 100%); background:linear-gradient(to right, #e6e8e7 0%, #fff 50%, #e6e8e7 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e8e7', endColorstr='#e6e8e7',GradientType=1); }

 @media (max-width:768px) { .shadedbg { padding:10px 0 0 0; }

 }

 .drawer-header { text-transform:uppercase; text-align:center; margin:25px auto; position:relative; padding:20px 0 0 0; border-top:10px solid #26abe2; width:100%; max-width:535px; overflow:hidden; }

 .drawer-header .rust { color:#003391; display:block; font-size:70px; line-height:1; }

 @media (max-width:768px) { .drawer-header { font-size:20px; margin:0 auto; padding:10px 0; }

 .drawer-header .rust { font-size:200%; }

 }

 @media (max-width:543px) { .drawer-header { font-size:15px; }

 }

 .tweetbox { margin-bottom:-7px; }

 #taggedtwitter-container { display:inline-block; margin:40px auto 0 auto; }

 @media (max-width:625px) { #taggedtwitter-container { padding:0 50px; }

 #taggedtwitter-container .h-entry.tweet { padding:12px; }

 #taggedtwitter-container .h-entry.tweet .u-photo.avatar { display:none; }

 }

 @media (max-width:543px) { #taggedtwitter-container .timeline-header .summary a { line-height:23px; }

 }

 @media (min-width:625px) { #taggedtwitter-container .carousel-control.left { left:-60px; }

 #taggedtwitter-container .carousel-control.right { right:-60px; }

 }

 #taggedtwitter { margin-bottom:0; border-bottom:7px solid #e6e6e6; background:#e6e6e6; }

 @media (max-width:543px) { #taggedtwitter .follow-button { display:none !important; }

 }

 @media (max-width:543px) { #taggedtwitter h1.summary { font-size:16px !important; }

 }

 .subtwitter div,.subtwitter i,.subtwitter svg { font-size:55px; color:#00aeef; line-height:1; margin-bottom:15px; }

 .carousel-item { text-align:left; }

 .carousel-control.right,.carousel-control.left { background:none; }

 .carousel-control.right i,.carousel-control.left i,.carousel-control.right svg,.carousel-control.left svg { color:#00aeef; }

 .carousel-control.right a:hover,.carousel-control.left a:hover { color:#1693eb; }

 /* @NOTE: This looks overzealous, but I had difficulty increasing the specificity. */ .tweetbox .carousel-control .icon-next::before { content:"" !important; }

 .tweetbox .carousel-control .icon-prev::before { content:"" !important; }

 #photo-modal .carousel-control { opacity:1; }

 #photo-modal .carousel-control .icon-prev,#photo-modal .carousel-control .icon-next { font-size:100px; height:100px; margin-top:-120px; }

 ul.st-accordion { margin:25px 0; padding:0; }

 ul.st-accordion li { list-style:none; margin:0; padding:0; border-bottom:1px solid #c7deef; border-top:1px solid #fff; overflow:hidden; }

 a.st-trigger { position:relative; display:block; color:#1693eb; font-size:20px; padding:10px 30px 10px 0; }

 a.st-trigger .st-arrow { text-indent:-9999px; width:26px; height:14px; position:absolute; right:0; top:50%; margin-top:-7px; background:url('http://naturalleader.com/thecogfxstudy/wp-content/themes/cogfx-2016/images/down.png') center center no-repeat; transition:all 0.2s ease-in-out; }

 a.st-trigger.active .st-arrow { transform:rotate(180deg); }

 @media (max-width:768px) { a.st-trigger .st-arrow { display:none; }

 }

 .st-content { height:0; opacity:0; overflow:hidden; transition:all 0.8s ease-in-out; }

 .st-content.active { height:auto; opacity:1; }

 @media (min-width:544px) { .modal-dialog { max-width:760px; }

 }

 .infographic .light-green { color:#81bc41; }

 .infographic .dark-blue { color:#003391; }

 .infographic .grey { color:#666; }

 .infographic .uppercase { text-transform:uppercase; }

 .infographic .lowercase { text-transform:none; }

 .infographic .infographic-header { font-size:30px; font-weight:300; }

 @media (max-width:768px) { .infographic .infographic-header { font-size:25px; }

 }

 .infographic .infographic-header .rust { display:block; font-size:210%; margin:10px 0; line-height:80%; }

 @media (max-width:768px) { .infographic .infographic-header .rust { font-size:180%; }

 }

 .infographic .line-after { margin-bottom:30px; }

 .infographic .line-after:after { content:""; display:block; width:50%; min-width:200px; border-top:1px solid #848484; position:absolute; left:0; right:0; bottom:-10px; margin:auto; }

 .infographic h3 { position:relative; font-size:50px; }

 @media (max-width:768px) { .infographic h3 { font-size:30px; }

 }

 .infographic p { font-size:16px; }

 .infographic .container { max-width:920px; }

 #better-thinking-infographic .infographic-header { margin-bottom:100px; }

 @media (max-width:543px) { #better-thinking-infographic .infographic-header { margin-bottom:20px; }

 }

 #better-thinking-infographic #envelope { position:relative; background:#d5e5ee; }

 #better-thinking-infographic #envelope:before { content:""; display:block; position:absolute; top:0; left:0; right:0; width:100%; max-width:500px; margin:auto; height:10px; background:#f8cd43; }

 #better-thinking-infographic #envelope > div { max-width:750px; height:710px; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/envelope-01.png") no-repeat center; margin:0 auto; background-size:cover; position:relative; top:-50px; padding-top:150px; margin-bottom:-50px; }

 @media (max-width:768px) { #better-thinking-infographic #envelope > div { padding-top:160px; top:-80px; }

 }

 @media (max-width:543px) { #better-thinking-infographic #envelope > div { background:none; top:0; padding-top:30px; margin-bottom:0; }

 }

 #better-thinking-infographic #building-types { background:#fff; border-radius:6px; box-shadow:0 0 25px rgba(0, 0, 0, 0.5); margin:50px auto; padding:45px 15px; }

 #better-thinking-infographic #building-types .border-right-dashed { border-right:2px dashed #82be41; }

 @media (max-width:543px) { #better-thinking-infographic #building-types .border-right-dashed { border-right:none; }

 }

 #better-thinking-infographic #building-graph { height:870px; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/building-chart-01.png") center bottom no-repeat; background-size:contain; position:relative; margin-bottom:50px; }

 @media (max-width:768px) { #better-thinking-infographic #building-graph { height:520px; }

 }

 #better-thinking-infographic #building-graph:before { content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1; background:#fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+39,d4effc+95,ffffff+100 */ /* Old browsers */ background:-moz-linear-gradient(top, #fff 39%, #d4effc 95%, #fff 100%); /* FF3.6-15 */ background:-webkit-linear-gradient(top, #fff 39%, #d4effc 95%, #fff 100%); /* Chrome10-25,Safari5.1-6 */ background:linear-gradient(to bottom, #fff 39%, #d4effc 95%, #fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0); /* IE6-9 */ }

 #better-thinking-infographic #icon-buckets img { margin-bottom:20px; max-height:120px; }

 @media (max-width:768px) { #better-thinking-infographic #icon-buckets img { max-height:70px; }

 }

 #better-thinking-infographic #icon-buckets h4 { position:relative; font-size:20px; }

 #better-thinking-infographic #icon-buckets h4 span { font-size:140%; }

 #better-thinking-infographic #icon-buckets h4:after { max-width:100px; }

 #better-thinking-infographic #effects { position:relative; padding-top:30px; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/building-bg-01.png") center bottom repeat-x; }

 #better-thinking-infographic #effects:before { content:""; display:block; position:absolute; top:0; left:0; right:0; width:100%; max-width:500px; margin:auto; height:10px; background:#f8cd43; }

 #better-thinking-infographic #effects:after { content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1; background:#d4effc; }

 #better-thinking-infographic #effects img { width:100%; max-width:768px; }

 #better-thinking-infographic #effects h4 { font-size:30px; }

 #drivers-infographic #building { position:relative; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/building-bg-01.png") center bottom repeat-x; padding-top:50px; margin-top:50px; }

 @media (max-width:768px) { #drivers-infographic #building { margin-top:20px; padding-top:20px; }

 }

 #drivers-infographic #building:before { content:""; display:block; position:absolute; top:0; left:0; right:0; width:100%; max-width:500px; margin:auto; height:10px; background:#f8cd43; }

 #drivers-infographic #building:after { content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1; background:#d4effc; }

 #drivers-infographic #building h3 { font-size:40px; }

 #drivers-infographic #building h4 { font-size:28px; }

 @media (min-width:768px) { #drivers-infographic #building #building-cols { margin-top:30px; }

 }

 #drivers-infographic #building #building-cols img { margin-bottom:15px; }

 #drivers-infographic #building #building-cols h4 { font-size:70px; line-height:50px; }

 #drivers-infographic #icon-buckets { background:#f8cd43; position:relative; padding:40px 0; }

 #drivers-infographic #icon-buckets:before { content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/yellow-pattern-01.png") repeat top left; }

 #drivers-infographic #icon-buckets img { margin-bottom:20px; max-height:120px; }

 @media (max-width:768px) { #drivers-infographic #icon-buckets img { max-height:70px; }

 }

 #drivers-infographic #icon-buckets h4 { font-size:25px; }

 #drivers-infographic #icon-buckets h5 { position:relative; font-size:22px; line-height:1.25em; }

 #drivers-infographic #icon-buckets h5 span { font-size:140%; }

 #drivers-infographic #icon-buckets h5:after { max-width:100px; }

 #drivers-infographic #icon-buckets p { font-size:18px; line-height:22px; }

 #drivers-infographic #floating-head { position:relative; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/building-bg-01.png") center bottom repeat-x; padding:50px 0 20px 0; }

 #drivers-infographic #floating-head:before { content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1; background:#d4effc; }

 #drivers-infographic #floating-head:after { content:""; display:block; position:absolute; bottom:0; left:0; right:0; width:100%; max-width:500px; margin:auto; height:10px; background:#f8cd43; }

 #drivers-infographic #floating-head h4 { font-size:30px; right:-20px; }

 #drivers-infographic #floating-head .gear-icon-bucket { position:relative; }

 #drivers-infographic #floating-head .gear-icon-bucket:after { content:""; display:block; position:absolute; width:130px; height:18px; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/dashed-connector-01.png") left center no-repeat; left:50%; bottom:-20px; transform-origin:left center; z-index:10; }

 @media (max-width:768px) { #drivers-infographic #floating-head .gear-icon-bucket:after { display:none; }

 }

 #drivers-infographic #floating-head .gear-icon-bucket > div { position:relative; }

 #drivers-infographic #floating-head .gear-icon-bucket h4 { font-size:70px; display:inline-block; position:relative; margin:0; line-height:1em; }

 #drivers-infographic #floating-head .gear-icon-bucket h4 sup { font-size:60%; }

 #drivers-infographic #floating-head .gear-icon-bucket h4:before { content:""; display:block; position:absolute; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/blue-arrow-up-01.png") center no-repeat; background-size:contain; height:40px; width:40px; top:15px; left:-40px; }

 #drivers-infographic #floating-head .gear-icon-bucket h5 { font-size:25px; margin:0; }

 @media (max-width:768px) { #drivers-infographic #floating-head .gear-icon-bucket h5 { font-size:20px; }

 }

 #drivers-infographic #floating-head .gear-icon-bucket h5 span { font-size:130%; display:block; }

 @media (min-width:768px) { #drivers-infographic #floating-head .gear-icon-bucket#bucket-1,#drivers-infographic #floating-head .gear-icon-bucket#bucket-4 { position:relative; bottom:-150px; }

 }

 #drivers-infographic #floating-head .gear-icon-bucket#bucket-1:after { transform:rotate(35deg); }

 #drivers-infographic #floating-head .gear-icon-bucket#bucket-2:after { transform:rotate(70deg); }

 #drivers-infographic #floating-head .gear-icon-bucket#bucket-3:after { transform:rotate(110deg); }

 #drivers-infographic #floating-head .gear-icon-bucket#bucket-4:after { transform:rotate(150deg); }

 #drivers-infographic #floating-head .gear-icon-bucket .gear { margin-bottom:20px; }

 #drivers-infographic #floating-head .gear-icon-bucket .gear:before { content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/green-gear-01.png") center no-repeat; background-size:contain; animation:cog-spin-right 10s linear infinite; }

 @keyframes cog-spin-right { 0% { transform:rotate(0deg); }

 100% { transform:rotate(360deg); }

 }

 @keyframes cog-spin-left { 0% { transform:rotate(0deg); }

 100% { transform:rotate(-360deg); }

 }

 @-webkit-keyframes cog-spin-right { 0% { transform:rotate(0deg); }

 100% { transform:rotate(360deg); }

 }

 @-webkit-keyframes cog-spin-left { 0% { transform:rotate(0deg); }

 100% { transform:rotate(-360deg); }

 }

 #drivers-infographic #floating-head #head { margin:50px 0; }

 @media (max-width:768px) { #drivers-infographic #floating-head #head { display:none; }

 }

 #drivers-infographic #indoor-quality { margin:40px 0; }

 #drivers-infographic #indoor-quality .row { margin-bottom:50px; }

 #drivers-infographic #indoor-quality h3 { font-size:24px; }

 #drivers-infographic #indoor-quality h3 span { font-size:210%; line-height:1em; }

 #drivers-infographic #indoor-quality h4 { font-size:30px; margin:0; line-height:1.35em; }

 @media (max-width:768px) { #drivers-infographic #indoor-quality h4 { font-size:20px; }

 }

 #drivers-infographic #indoor-quality h4 span { font-size:140%; }

 #drivers-infographic #indoor-quality img { max-height:130px; }

 @media (max-width:543px) { #drivers-infographic #indoor-quality img { margin-bottom:20px; }

 }

 #buildingomics-infographic:after { content:""; display:block; width:0; height:0; background-image:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/building-bg-02.png"), url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/building-bg-03.png"), url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/building-bg-04.png"), url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/building-bg-05.png"); }

 #buildingomics-infographic #environment { position:relative; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/building-bg-02.png") center bottom repeat-x; padding:50px 0; animation:building-switch 10s linear alternate infinite; }

 @keyframes building-switch { 0%,45% { background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/building-bg-02.png") center bottom repeat-x; }

 48% { background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/building-bg-03.png") center bottom repeat-x; }

 51% { background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/building-bg-04.png") center bottom repeat-x; }

 54%,100% { background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/building-bg-05.png") center bottom repeat-x; }

 }

 @-webkit-keyframes building-switch { 0%,45% { background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/building-bg-02.png") center bottom repeat-x; }

 48% { background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/building-bg-03.png") center bottom repeat-x; }

 51% { background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/building-bg-04.png") center bottom repeat-x; }

 54%,100% { background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/building-bg-05.png") center bottom repeat-x; }

 }

 #buildingomics-infographic #environment:before { content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1; background:#d4effc; transition:all 10s ease; animation:day-night-cycle 10s ease alternate infinite; }

 @keyframes day-night-cycle { 0%,45% { background:#d4effc; }

 55%,100% { background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/stars-bg-01.gif") repeat #040940; background-position:0 100px; }

 }

 @-webkit-keyframes day-night-cycle { 0%,45% { background:#d4effc; }

 55%,100% { background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/stars-bg-01.gif") repeat #040940; background-position:0 100px; }

 }

 #buildingomics-infographic #environment:after { content:""; display:block; position:absolute; top:0; left:0; right:0; width:100%; max-width:500px; margin:auto; height:10px; background:#f8cd43; }

 #buildingomics-infographic #environment .container h4,#buildingomics-infographic #environment .container h3,#buildingomics-infographic #environment .container p,#buildingomics-infographic #environment .container span,#buildingomics-infographic #environment .container strong { animation:day-night-text 10s linear alternate infinite; }

 #buildingomics-infographic #environment .col-md-3 { animation:day-night-text-bg 10s linear alternate infinite; border-radius:6px; padding-top:10px; }

 @keyframes day-night-text { 0%,45% { color:inherit; }

 55%,100% { color:#fff; }

 }

 @keyframes day-night-text-bg { 0%,45% { background:transparent; }

 55%,100% { background:rgba(4, 9, 64, 0.66); }

 }

 @-webkit-keyframes day-night-text { 0%,45% { color:inherit; }

 55%,100% { color:#fff; }

 }

 @-webkit-keyframes day-night-text-bg { 0%,45% { background:transparent; }

 55%,100% { background:rgba(4, 9, 64, 0.66); }

 }

 #buildingomics-infographic #environment .fact { margin-bottom:30px; }

 #buildingomics-infographic #environment .fact img { max-height:110px; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #003391; }

 @media (max-width:768px) { #buildingomics-infographic #environment .fact img { max-height:80px; }

 }

 #buildingomics-infographic #environment .fact .rust { display:block; font-size:300%; margin:15px 0 15px 0; }

 #buildingomics-infographic #environment .fact .rust sup { top:-5px; }

 #buildingomics-infographic #environment #day-cycle-outer { height:450px; margin:150px 0; }

 #buildingomics-infographic #environment #day-cycle-outer:before { content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/day-cycle-outer-01.png") center no-repeat; background-size:contain; animation:day-night-spin 30s linear infinite; }

 @keyframes day-night-spin { 0% { transform:rotate(0deg); }

 100% { transform:rotate(360deg); }

 }

 @-webkit-keyframes day-night-spin { 0% { transform:rotate(0deg); }

 100% { transform:rotate(360deg); }

 }

 #buildingomics-infographic #environment #day-cycle-inner { position:absolute; top:40px; bottom:40px; left:40px; right:40px; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/day-cycle-inner-01.png") center no-repeat; background-size:contain; perspective:450px; }

 #buildingomics-infographic #environment #day-cycle-inner #day-flip { position:absolute; top:0; left:0; right:0; bottom:50%; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/day-flip-01.png") no-repeat bottom; background-size:contain; transform-origin:bottom; animation:dayflip ease-in 10s infinite; }

 #buildingomics-infographic #environment #day-cycle-inner #night-flip { position:absolute; top:50%; left:0; right:0; bottom:0; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/night-flip-01.png") no-repeat top; background-size:contain; transform-origin:top; animation:nightflip ease-out 10s infinite; }

 @keyframes dayflip { 0%,40% { transform:rotateX(0deg); }

 50%,100% { transform:rotateX(-90deg); }

 }

 @keyframes nightflip { 0%,50% { transform:rotateX(90deg); }

 60%,100% { transform:rotateX(0deg); }

 }

 @-webkit-keyframes dayflip { 0%,40% { transform:rotateX(0deg); }

 50%,100% { transform:rotateX(-90deg); }

 }

 @-webkit-keyframes nightflip { 0%,50% { transform:rotateX(90deg); }

 60%,100% { transform:rotateX(0deg); }

 }

 #buildingomics-infographic #sleep-quality { background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/yellow-pattern-01.png") repeat top left; padding:30px; }

 #buildingomics-infographic #sleep-quality p { font-size:25px; padding:0; margin:0; }

 @media (max-width:767px) { #buildingomics-infographic #sleep-quality p { font-size:15px; }

 }

 #buildingomics-infographic #sleep-quality p span { line-height:1em; font-size:185%; }

 #buildingomics-infographic #symptoms { padding:50px 0; }

 #buildingomics-infographic #symptoms h3 { font-size:30px; }

 @media (max-width:768px) { #buildingomics-infographic #symptoms h3 { font-size:20px; }

 }

 #buildingomics-infographic #symptoms h3 span { line-height:1em; font-size:185%; }

 #buildingomics-infographic #symptoms p { font-size:20px; }

 @media (max-width:768px) { #buildingomics-infographic #symptoms p { font-size:15px; line-height:1.25em; }

 }

 #buildingomics-infographic #symptoms img { margin:20px auto; }

 #buildingomics-infographic #symptoms img.limit { max-height:135px; }

 @media (max-width:768px) { #buildingomics-infographic #symptoms img.limit { max-height:70px; }

 }

 #buildingomics-infographic #symptoms strong { display:block; font-size:20px; }

 @media (max-width:768px) { #buildingomics-infographic #symptoms strong { font-size:15px; line-height:1.25em; }

 }

 #buildingomics-infographic #satisfaction { position:relative; padding-bottom:100px; }

 @media (max-width:768px) { #buildingomics-infographic #satisfaction { padding-bottom:30px; }

 }

 #buildingomics-infographic #satisfaction:after { content:""; display:block; position:absolute; bottom:0; left:0; right:0; width:100%; max-width:500px; margin:auto; height:10px; background:#f8cd43; }

 #buildingomics-infographic #satisfaction h3 { font-size:40px; }

 @media (max-width:768px) { #buildingomics-infographic #satisfaction h3 { font-size:20px; }

 }

 #buildingomics-infographic #satisfaction h4 { font-size:30px; }

 @media (max-width:768px) { #buildingomics-infographic #satisfaction h4 { font-size:20px; margin-top:10px; }

 }

 #buildingomics-infographic #thermal-conditions { position:relative; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/building-bg-01.png") center bottom repeat-x; padding:50px 0 0 0; }

 @media (max-width:768px) { #buildingomics-infographic #thermal-conditions { padding-top:20px; }

 }

 #buildingomics-infographic #thermal-conditions:before { content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1; background:#d4effc; }

 #buildingomics-infographic #thermal-conditions h3 { font-size:30px; }

 @media (max-width:768px) { #buildingomics-infographic #thermal-conditions h3 { font-size:20px; }

 }

 #buildingomics-infographic #thermal-conditions h3 span { font-size:185%; line-height:1em; }

 #buildingomics-infographic #thermal-conditions h4 { font-size:25px; text-transform:none; line-height:1.35em; }

 @media (max-width:768px) { #buildingomics-infographic #thermal-conditions h4 { font-size:18px; }

 }

 #buildingomics-infographic #thermal-conditions h4 strong { display:block; }

 #buildingomics-infographic #buildingomics { background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/yellow-pattern-01.png") repeat top left; padding:30px; }

 #buildingomics-infographic #buildingomics img { margin-bottom:20px; }

 #buildingomics-infographic #buildingomics h4 { text-transform:none; font-size:25px; }

 @media (max-width:768px) { #buildingomics-infographic #buildingomics h4 { font-size:20px; }

 }

 #inside-the-study-infographic .infographic-header { padding-bottom:50px; }

 #inside-the-study-infographic .infographic-header:after { content:""; display:block; position:absolute; bottom:0; left:0; right:0; width:100%; max-width:500px; margin:auto; height:10px; background:#f8cd43; }

 #inside-the-study-infographic #overview { position:relative; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/building-bg-01.png") center bottom repeat-x; padding:50px 0 20px 0; }

 @media (max-width:768px) { #inside-the-study-infographic #overview { padding-top:20px; }

 #inside-the-study-infographic #overview .dotted-right { border:none; }

 }

 #inside-the-study-infographic #overview:before { content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1; background:#d4effc; }

 #inside-the-study-infographic #overview:after { content:""; display:block; position:absolute; bottom:0; left:0; right:0; width:100%; max-width:500px; margin:auto; height:10px; background:#f8cd43; }

 #inside-the-study-infographic #overview .row { margin-bottom:30px; }

 #inside-the-study-infographic #overview img { max-height:180px; margin-bottom:20px; }

 #inside-the-study-infographic #overview .super-big { font-size:150px; line-height:1em; }

 @media (max-width:768px) { #inside-the-study-infographic #overview .super-big { font-size:100px; }

 }

 #inside-the-study-infographic #overview .solid-top { padding-top:40px; }

 #inside-the-study-infographic #overview strong { font-size:20px; }

 #inside-the-study-infographic #overview h3 { line-height:1em; }

 #inside-the-study-infographic #overview h4 { font-size:25px; font-weight:normal; }

 #inside-the-study-infographic #overview h4 span { font-size:155%; }

 #inside-the-study-infographic #map { padding:50px 0; }

 @media (max-width:768px) { #inside-the-study-infographic #map { padding:30px; }

 }

 #inside-the-study-infographic #map h3 { font-size:35px; font-weight:300; }

 @media (max-width:768px) { #inside-the-study-infographic #map h3 { font-size:25px; }

 }

 #inside-the-study-infographic #map h3 span { font-size:185%; line-height:1em; }

 #inside-the-study-infographic #map #map-container { display:inline-block; position:relative; overflow:hidden; }

 @media (max-width:543px) { #inside-the-study-infographic #map #map-container img { display:none; }

 }

 #inside-the-study-infographic #map #map-container .map-pin { position:absolute; top:0; left:0; }

 #inside-the-study-infographic #map #map-container .map-pin img { max-height:35px; transform-origin:bottom; }

 #inside-the-study-infographic #map #map-container #map-pin-1 { left:4%; top:25%; }

 #inside-the-study-infographic #map #map-container #map-pin-2 { left:6%; top:40%; }

 #inside-the-study-infographic #map #map-container #map-pin-3 { left:38%; top:25%; }

 #inside-the-study-infographic #map #map-container #map-pin-4 { left:85%; top:20%; }

 #inside-the-study-infographic #map #map-container #map-pin-5 { left:87%; top:8%; }

 .cssanimations #inside-the-study-infographic #map #map-container #map-pin-1 { transform:translateY(-400px); }

 .cssanimations #inside-the-study-infographic #map #map-container #map-pin-2 { transform:translateY(-400px); }

 .cssanimations #inside-the-study-infographic #map #map-container #map-pin-3 { transform:translateY(-400px); }

 .cssanimations #inside-the-study-infographic #map #map-container #map-pin-4 { transform:translateY(-400px); }

 .cssanimations #inside-the-study-infographic #map #map-container #map-pin-5 { transform:translateY(-400px); }

 #inside-the-study-infographic #map #map-container.trigger .map-pin { animation:pindrop 1s ease-in; animation-iteration-count:1; animation-fill-mode:forwards; }

 #inside-the-study-infographic #map #map-container.trigger .map-pin img { animation:squish 0.5s ease; animation-iteration-count:1; animation-fill-mode:forwards; }

 #inside-the-study-infographic #map #map-container.trigger #map-pin-1 { animation-delay:0s; }

 #inside-the-study-infographic #map #map-container.trigger #map-pin-1 img { animation-delay:1s; }

 #inside-the-study-infographic #map #map-container.trigger #map-pin-2 { animation-delay:0.25s; }

 #inside-the-study-infographic #map #map-container.trigger #map-pin-2 img { animation-delay:1.25s; }

 #inside-the-study-infographic #map #map-container.trigger #map-pin-3 { animation-delay:0.5s; }

 #inside-the-study-infographic #map #map-container.trigger #map-pin-3 img { animation-delay:1.5s; }

 #inside-the-study-infographic #map #map-container.trigger #map-pin-4 { animation-delay:0.75s; }

 #inside-the-study-infographic #map #map-container.trigger #map-pin-4 img { animation-delay:1.75s; }

 #inside-the-study-infographic #map #map-container.trigger #map-pin-5 { animation-delay:1s; }

 #inside-the-study-infographic #map #map-container.trigger #map-pin-5 img { animation-delay:2s; }

 @keyframes pindrop { 0% { transform:translateY(-400px); }

 100% { transform:translateY(0); }

 }

 @keyframes squish { 0% { transform:scaleY(1) scaleX(1); }

 95% { transform:scaleY(0.9) scaleX(1.1); }

 100% { transform:scaleY(1) scaleX(1); }

 }

 @-webkit-keyframes pindrop { 0% { transform:translateY(-400px); }

 100% { transform:translateY(0); }

 }

 @-webkit-keyframes squish { 0% { transform:scaleY(1) scaleX(1); }

 95% { transform:scaleY(0.9) scaleX(1.1); }

 100% { transform:scaleY(1) scaleX(1); }

 }

 #inside-the-study-infographic #map ul { list-style-type:none; margin:0; padding:0; }

 #inside-the-study-infographic #map ul li { display:inline-block; font-weight:bold; font-size:18px; margin-right:10px; }

 #inside-the-study-infographic #map ul li:last-child { margin-right:0; }

 #inside-the-study-infographic #map ul li img { max-height:25px; }

 #inside-the-study-infographic #health { position:relative; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/building-bg-01.png") center bottom repeat-x; padding:50px 0 20px 0; }

 @media (max-width:768px) { #inside-the-study-infographic #health { padding:30px 0; }

 }

 #inside-the-study-infographic #health:before { content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1; background:#d4effc; }

 #inside-the-study-infographic #health:after { content:""; display:block; position:absolute; top:0; left:0; right:0; width:100%; max-width:500px; margin:auto; height:10px; background:#f8cd43; }

 #inside-the-study-infographic #health img { max-height:100px; margin-bottom:20px; }

 #inside-the-study-infographic #health h3 { font-size:30px; font-weight:300; }

 @media (max-width:768px) { #inside-the-study-infographic #health h3 { font-size:20px; }

 }

 #inside-the-study-infographic #health h3 span { font-size:165%; }

 #inside-the-study-infographic #health h4 { font-size:20px; font-weight:300; }

 #inside-the-study-infographic #health h4 span { font-size:150%; line-height:1em; }

 #inside-the-study-infographic #health strong { font-size:20px; }

 #inside-the-study-infographic #occupants { padding:50px 0; }

 #inside-the-study-infographic #occupants .row { margin-bottom:30px; }

 @media (max-width:768px) { #inside-the-study-infographic #occupants .row { margin-bottom:10px; }

 }

 #inside-the-study-infographic #occupants h3 { font-size:35px; line-height:1em; }

 @media (max-width:768px) { #inside-the-study-infographic #occupants img { max-height:150px; }

 }

 #inside-the-study-infographic #occupants h4 { font-size:60px; line-height:1em; padding:30px 0; margin:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }

 @media (max-width:768px) { #inside-the-study-infographic #occupants h4 { font-size:35px; }

 }

 @media (max-width:543px) { #inside-the-study-infographic #occupants h4 { border:none; }

 }

 #inside-the-study-infographic #occupants p { font-size:20px; }

 .meetRow { padding-bottom:15px; }

 .meetHeadShot { border:5px solid #eaeaea; }

 .footerBox { margin-bottom:30px; }

 .share-the-air { display:none; }

 @media (max-width:768px) { #menuRight { padding-bottom:30px; }

 }

 .page-template-tpl-study-3-results h2.header { position:relative; font-size:2rem; color:#008b6d; margin-bottom:2rem; display:inline-block; }

 @media (min-width:768px) { .page-template-tpl-study-3-results h2.header { font-size:3.5rem; }

 }

 .page-template-tpl-study-3-results h2.header:after { content:""; position:absolute; width:50%; left:0; right:0; bottom:-10px; margin:auto; height:5px; background:#82bf40; border-radius:5px; }

 .page-template-tpl-study-3-results #key-takeaways { background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/building-bg.jpg") bottom center repeat-x #d5e5ee; position:relative; padding-top:4rem; padding-bottom:2rem; }

 .page-template-tpl-study-3-results #key-takeaways .number-bubble { background:#008b6d; color:#fff; line-height:1; font-size:2rem; font-weight:bold; padding:0.75rem; height:2.5rem; width:2.5rem; border-radius:50%; margin-bottom:0.5rem; display:flex; align-items:center; justify-content:center; }

 .page-template-tpl-study-3-results #key-takeaways strong { color:#008b6d; margin-bottom:0.5rem; font-size:1.15rem; }

 .page-template-tpl-study-3-results #building-power { background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/study-3-bg-stripes.png") repeat #1e3767; position:relative; color:#fff; margin-top:100px; }

 .page-template-tpl-study-3-results #building-power .pullup { margin-top:-100px; }

 .page-template-tpl-study-3-results #building-power:after { content:""; position:absolute; bottom:0; left:0; right:0; width:500px; margin:auto; background:#008b6d; height:10px; }

 .page-template-tpl-study-3-results #building-power h2,.page-template-tpl-study-3-results #building-power p { color:#fff; }

 .page-template-tpl-study-3-results #building-power h2 { font-size:1.75rem; border-bottom:1px solid #fff; }

 @media (min-width:768px) { .page-template-tpl-study-3-results #building-power h2 { font-size:2.5rem; }

 }

 .page-template-tpl-study-3-results #building-power h3 { color:#fff; }

 .page-template-tpl-study-3-results #compounds h2 { font-size:2.5rem; color:#003391; }

 @media (min-width:544px) { .page-template-tpl-study-3-results #compounds h2 { font-size:4rem; }

 }

 .page-template-tpl-study-3-results #air-quality-1 { background:#d5e5ee; }

 .page-template-tpl-study-3-results #air-quality-1 h2 { color:#008b6d; position:relative; }

 @media (min-width:768px) { .page-template-tpl-study-3-results #air-quality-1 h2 { font-size:2.5rem; }

 }

 .page-template-tpl-study-3-results #air-quality-1 h2:after { content:""; position:absolute; width:25%; left:0; right:0; bottom:-10px; margin:auto; height:5px; background:#82bf40; border-radius:5px; }

 .page-template-tpl-study-3-results #air-quality-2 { background:#d5e5ee; }

 .page-template-tpl-study-3-results #air-quality-2 h2 { color:#008b6d; position:relative; }

 @media (min-width:768px) { .page-template-tpl-study-3-results #air-quality-2 h2 { font-size:2.5rem; }

 }

 .page-template-tpl-study-3-results #air-quality-2 h2:after { content:""; position:absolute; width:25%; left:0; right:0; bottom:-10px; margin:auto; height:5px; background:#82bf40; border-radius:5px; }

 .page-template-tpl-study-3-results #keep-improving { background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/study-3-bg-stripes-2.png") repeat #008b6d; color:#fff; }

 .page-template-tpl-study-3-results #keep-improving h3 { color:#fff; font-size:2rem; }

 @media (min-width:768px) { .page-template-tpl-study-3-results #keep-improving h3 { font-size:2.5rem; }

 }

 .page-template-tpl-study-3-results #keep-improving p { font-weight:bold; }

 @media (min-width:768px) { .page-template-tpl-study-3-results #keep-improving p { font-size:1.25rem; }

 }

 .page-template-tpl-study-3-results #by-the-numbers { background:#fff; }

 .page-template-tpl-study-3-results #by-the-numbers h2 { color:#008b6d; position:relative; }

 @media (min-width:768px) { .page-template-tpl-study-3-results #by-the-numbers h2 { font-size:2.5rem; }

 }

 .page-template-tpl-study-3-results #by-the-numbers h2:after { content:""; position:absolute; width:25%; left:0; right:0; bottom:-10px; margin:auto; height:5px; background:#82bf40; border-radius:5px; }

 .page-template-tpl-study-3-results #compounds h2 { font-size:2.5rem; color:#003391; }

 @media (min-width:544px) { .page-template-tpl-study-3-results #compounds h2 { font-size:3rem; }

 }

 .page-template-tpl-study-3-methodology h1 { font-size:3rem !important; }

 .page-template-tpl-study-3-methodology #study-factors { background:#d5e5ee; background:url("https://thecogfxstudy.com/wp-content/themes/cogfx-2016/images/building-bg.jpg") bottom center repeat-x #d5e5ee; }

 .page-template-tpl-study-3-methodology #study-factors h2 { position:relative; font-size:3rem; color:#003391; margin-bottom:2rem; }

 .page-template-tpl-study-3-methodology #study-factors h2:after { content:""; position:absolute; width:25%; left:0; right:0; bottom:-10px; margin:auto; height:5px; background:#82bf40; border-radius:5px; }

 .page-template-tpl-study-3-methodology #study-factors h3 { color:#003391; }

 .page-template-tpl-study-3-methodology #study-factors .country-name { font-size:0.8rem; line-height:1; }

 .page-template-tpl-study-3-methodology #focus-areas h2 { position:relative; font-size:3rem; color:#003391; margin-bottom:2rem; }

 .page-template-tpl-study-3-methodology #focus-areas h2:after { content:""; position:absolute; width:25%; left:0; right:0; bottom:-10px; margin:auto; height:5px; background:#82bf40; border-radius:5px; }

 .page-template-tpl-study-3-methodology #focus-areas h3 { color:#81bc41; font-size:2rem; }

 .page-template-tpl-study-3-methodology #real-time-data { background:#d5e5ee; }

 .page-template-tpl-study-3-methodology #real-time-data h2 { position:relative; font-size:3rem; color:#003391; margin-bottom:2rem; }

 .page-template-tpl-study-3-methodology #real-time-data h2:after { content:""; position:absolute; width:25%; left:0; right:0; bottom:-10px; margin:auto; height:5px; background:#82bf40; border-radius:5px; }


/* Processed on Wednesday, September 15, 2021 at 5:20pm */