@import url(reset.css);
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { background-image: url("../images/bg.jpg"); }

body { color: #00325b; font-size: 62.5%; font-weight: 400; font-family: "ratio", Helvetica, Arial, sans-serif; -webkit-text-size-adjust: 100%; }

a { color: #01bccc; text-decoration: none; outline: none; }

a:hover { color: #00c2ba; }

img { max-width: 100%; }

b, strong { font-weight: 700; }

i, em { font-style: italic; }

small { font-size: 75%; }

.noBreak { white-space: nowrap; }

.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.wrap { max-width: 128em; margin: 0 auto; padding: 0 2.0833333333%; position: relative; }

.branding { border-top: 6em solid #00325b; }

@media screen and (max-width: 800px) { .branding { border-top: 4em solid #00325b; } }

@media screen and (max-width: 567px) { .branding { border-top: 2em solid #00325b; } }

.topbar { margin: -5.4em auto 0; }

@media screen and (max-width: 800px) { .topbar { margin: -3.6em auto 0; } }

@media screen and (max-width: 567px) { .topbar { margin: -1.8em auto 0; } }

.topbar p { color: #a8b9c7; color: rgba(255, 255, 255, 0.66); font-size: 1.6em; font-weight: 300; font-style: italic; }

@media screen and (max-width: 800px) { .topbar p { font-size: 1.0666666667em; } }

@media screen and (max-width: 567px) { .topbar p { font-size: 1.3em; text-align: center; } }

.topbar h1 { color: #547691; color: rgba(255, 255, 255, 0.33); font: 2.7em "tablet-gothic-wide", Cambria, Georgia, serif; padding-left: .5em; }

@media screen and (max-width: 800px) { .topbar h1 { font-size: 1.8em; } }

@media screen and (max-width: 567px) { .topbar h1 { display: none; } }

.topbar img { width: 25.1em; margin-top: 2em; }

@media screen and (max-width: 800px) { .topbar img { width: 16.75em; margin-top: 1.5em; } }

@media screen and (max-width: 567px) { .topbar img { width: 45.84%; margin-top: 1.5em; } }

.event_info { text-align: center; line-height: 1.2; width: 22.92%; position: absolute; top: 12.5em; right: 2.0833333333%; }

@media screen and (max-width: 800px) { .event_info { line-height: 1.1; width: 25%; top: 9.375em; } }

@media screen and (max-width: 567px) { .event_info { width: 45.84%; /*top: 26%;  //Register button is INACTIVE*/ top: 13%; } }

.event_info h2 { color: #38001c; font-size: 1.2em; font-weight: 700; font-family: "tablet-gothic-wide", Cambria, Georgia, serif; text-transform: uppercase; letter-spacing: .25em; }

.event_info time { color: #ff2151; font-size: 3em; font-weight: 700; font-family: "tablet-gothic-wide", Cambria, Georgia, serif; }

@media screen and (max-width: 800px) { .event_info time { font-size: 2.4em; } }

.event_info p { font-size: 1.8em; }

@media screen and (max-width: 800px) { .event_info p { font-size: 1.4em; } }

.main_nav { height: 3.125em; margin-top: 1.5em; }

@media screen and (max-width: 800px) { .main_nav { height: 2.34375em; } }

@media screen and (max-width: 567px) { .main_nav { height: 6em; margin: .75em 0; } }

.main_nav ul { text-align: center; margin: 0 auto; }

@media screen and (max-width: 567px) { .main_nav ul { position: relative; } }

.main_nav ul li { display: inline; }

#home-btn, #about-btn, #schedule-btn, #tutorial-btn, #partners-btn { font-size: 2.1em; margin: 0 1%; padding: 0.23809524em 0 0.11904762em; }

@media screen and (max-width: 800px) { #home-btn, #about-btn, #schedule-btn, #tutorial-btn, #partners-btn { font-size: 1.575em; margin: 0 .75%; } }

@media screen and (max-width: 567px) { #home-btn, #about-btn, #schedule-btn, #tutorial-btn, #partners-btn { width: 50%; margin: 0; position: absolute; } }

#home-btn a, #about-btn a, #schedule-btn a, #tutorial-btn a, #partners-btn a { color: #00325b; font-weight: 800; font-family: "tablet-gothic-wide", Cambria, Georgia, serif; letter-spacing: .1em; text-transform: uppercase; padding: 0.23809524em 0.71428571em; }

@media screen and (max-width: 800px) { #home-btn a, #about-btn a, #schedule-btn a, #tutorial-btn a, #partners-btn a { padding: 0.17857143em 0.53571428em; } }

#home-btn a:hover, #about-btn a:hover, #schedule-btn a:hover, #tutorial-btn a:hover, #partners-btn a:hover { color: #006ac1; }

/* #home-btn { @media screen and (max-width: 567px) { display: none; } } #about-btn, #schedule-btn { @media screen and (max-width: 567px) { top: 0; } } #tutorial-btn, #partners-btn { @media screen and (max-width: 567px) { top: 2.1em; } } #about-btn, #tutorial-btn { @media screen and (max-width: 567px) { left: 0; } } #schedule-btn, #partners-btn { @media screen and (max-width: 567px) { right: 0; } } */
@media screen and (max-width: 567px) { #home-btn, #about-btn { top: 0; } }

@media screen and (max-width: 567px) { #schedule-btn, #partners-btn { top: 2.1em; } }

@media screen and (max-width: 567px) { #home-btn, #schedule-btn { left: 0; } }

@media screen and (max-width: 567px) { #about-btn, #partners-btn { right: 0; } }

.active { border-bottom: 0.23809524em solid #ff2151; }

@media screen and (max-width: 567px) { .active { border: 0.1em dotted rgba(255, 245, 230, 0.3); background-color: rgba(255, 33, 81, 0.1); } }

.active a { color: #01bccc !important; }

#register-btn { font-size: 3.6em; font-weight: 500; width: 22.92%; position: absolute; top: -0.2em; right: 2.0833333333%; }

@media screen and (max-width: 800px) { #register-btn { font-size: 2.4em; } }

@media screen and (max-width: 567px) { #register-btn { width: 50%; top: -2em; right: 0; } }

#register-btn a { color: white; background-color: #ff7729; padding: .8888888888em 0; border: 1px solid white; -webkit-box-shadow: 0 0.13888889em 0.27777778em rgba(0, 50, 91, 0.2); -moz-box-shadow: 0 0.13888889em 0.27777778em rgba(0, 50, 91, 0.2); box-shadow: 0 0.13888889em 0.27777778em rgba(0, 50, 91, 0.2); display: block; }

@media screen and (max-width: 800px) { #register-btn a { padding: 1em; } }

@media screen and (max-width: 567px) { #register-btn a { padding: .11111111em .22222222em .25em; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; border-radius: 0.25em; } }

#register-btn a:hover { background-color: #ff2151; }

.hero, .hero-compact { background-color: #fff5e6; background-image: url("../images/theme/theme-art__bg.png"); background-repeat: no-repeat; background-position: center center; text-align: center; border-top: 0.1em solid #ffad29; border-bottom: 0.1em solid #ffad29; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .hero, .hero-compact { background-image: url("../images/theme/theme-art__bg-2x.png"); -webkit-background-size: 1500px auto; -moz-background-size: 1500px auto; background-size: 1500px auto; } }

@media screen and (max-width: 800px) { .hero, .hero-compact { -webkit-background-size: 150% auto; -moz-background-size: 150% auto; background-size: 150% auto; } }

.hero { padding-bottom: 1em; }

.hero #themeart-main { max-width: 750px; margin: 0 auto; }

@media screen and (max-width: 800px) { .hero #themeart-main { max-width: 96%; } }

.hero .hero__subhead img { height: 40px; }

@media screen and (max-width: 567px) { .hero .hero__subhead img { height: 30px; } }

.hero-compact { padding-bottom: .25em; }

.hero-compact #themeart-main { max-width: 500px; margin: 0 auto; }

@media screen and (max-width: 800px) { .hero-compact #themeart-main { max-width: 74%; } }

.hero-compact .hero__subhead { margin-top: -5em; padding: .5em; position: relative; z-index: 10; }

.hero-compact .hero__subhead img { height: 30px; }

@media screen and (max-width: 567px) { .hero-compact .hero__subhead img { height: 20px; } }

#banner-online_registration, #banner-register_below, #banner-online_registration-coming_soon, #banner-alert { color: white; font-size: 2em; font-weight: bold; font-family: "tablet-gothic-wide", Cambria, Georgia, serif; text-align: center; text-transform: uppercase; letter-spacing: .25em; -webkit-text-shadow: 0 0.05em 0 #ffe1b3; -moz-text-shadow: 0 0.05em 0 #ffe1b3; text-shadow: 0 0.05em 0 #ffe1b3; padding: .25em 0 .75em; border-bottom: 1px solid white; display: block; }

@media screen and (max-width: 800px) { #banner-online_registration, #banner-register_below, #banner-online_registration-coming_soon, #banner-alert { font-size: 1.6em; padding: .625em 0; } }

@media screen and (max-width: 567px) { #banner-online_registration, #banner-register_below, #banner-online_registration-coming_soon, #banner-alert { font-size: 1.3em; padding: .76923077em 0; } }

#banner-online_registration { background-color: #ff7729; }

#banner-online_registration:hover { background-color: #ff2151; }

#banner-online_registration:after { content: "\002002 \00203A"; font-size: 125%; }

#banner-register_below { background-color: #01bccc; }

#banner-online_registration-coming_soon { background-color: #012c42; }

#banner-alert { background-color: #fff5e6; }

.content { padding-top: 3em; padding-bottom: 4em; overflow: hidden; }

@media screen and (max-width: 800px) { .content { padding-top: 1.25em; padding-bottom: 2em; } }

@media screen and (max-width: 567px) { .content { padding-top: .625em; padding-bottom: 1em; } }

.content h3 { color: #00c2ba; font-size: 2.7em; font-weight: bold; font-family: "tablet-gothic-wide", Cambria, Georgia, serif; margin: .75em 0; }

@media screen and (max-width: 800px) { .content h3 { font-size: 2.4em; margin: .625em 0; } }

.content h4 { color: #ff2151; font-size: 2em; font-weight: bold; font-family: "tablet-gothic-wide", Cambria, Georgia, serif; margin: .4em 0; }

@media screen and (max-width: 800px) { .content h4 { font-size: 1.6em; margin: .25em 0; } }

.content .tutorial-subhead { color: #ff2151; margin-bottom: 1em; }

.content p { font-size: 1.8em; line-height: 1.4; margin-bottom: .9em; }

@media screen and (max-width: 800px) { .content p { font-size: 1.6em; line-height: 1.25; } }

.content p a { font-weight: 500; border-bottom: 0.1em dotted #00c2ba; }

.fullpage { width: 100%; }

@media screen and (max-width: 567px) { .fullpage { padding: 0 2%; } }

.primary { width: 62.5%; float: left; }

@media screen and (max-width: 567px) { .primary { width: 100%; padding: 0 2.5%; } }

.primary section { padding-bottom: 2em; }

.secondary { width: 31.25%; float: right; }

@media screen and (max-width: 567px) { .secondary { clear: both; width: 100%; padding: 0 2.5%; } }

.textlist { padding-left: 2.4em; }

.textlist li { font-size: 1.8em; margin-bottom: .5em; list-style-type: disc; }

@media screen and (max-width: 800px) { .textlist li { font-size: 1.6em; } }

#overview { margin: 3em 0; overflow: hidden; }

#overview h2 { color: #38001c; font-weight: 700; font-size: 3.6em; font-family: "tablet-gothic-wide", Cambria, Georgia, serif; text-align: center; margin-bottom: .6666666667em; }

@media screen and (max-width: 800px) { #overview h2 { font-size: 2.8em; text-align: left; margin: .53571429em 0 .07142857em; } }

@media screen and (max-width: 567px) { #overview h2 { text-align: center; } }

#overview li { width: 23%; margin: 0 1%; float: left; }

@media screen and (max-width: 800px) { #overview li { width: 45%; margin: 2.5%; } }

@media screen and (max-width: 567px) { #overview li { width: 90%; margin: 5%; } }

#overview li a:after { content: "\002002 \00203A"; font-size: 125%; }

#overview li div { padding: 0 12.5%; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; }

@media screen and (max-width: 567px) { #overview li div { max-height: 20em; } }

#overview li div img { display: block; margin: 0 auto; }

@media screen and (max-width: 567px) { #overview li div img { max-height: 20em; } }

#overview-experts div { background-color: #01bccc; }

#overview-topics div { background-color: #ffcd0d; }

#overview-networking div { background-color: #ff7729; }

#overview-convince div { background-color: #38001c; }

#theme-overview > p:first-of-type { font-size: 2.1em; }

@media screen and (max-width: 800px) { #theme-overview > p:first-of-type { font-size: 1.8em; } }

#focus-custom-map { width: 100%; height: 40em; border: .5em solid white; -webkit-box-shadow: 0 0 0.5em rgba(0, 50, 91, 0.25); -moz-box-shadow: 0 0 0.5em rgba(0, 50, 91, 0.25); box-shadow: 0 0 0.5em rgba(0, 50, 91, 0.25); -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; border-radius: 0.25em; }

@media screen and (max-width: 800px) { #focus-custom-map { height: 30em; } }

#venue-map-link { margin-top: 1em; }

#venue-map-link a:after { content: "\002002 \00203A"; font-size: 125%; }

.mugshot { width: 12.5em; margin: 0 1.5em .75em 0; border: 1px solid rgba(1, 44, 66, 0.1); -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; float: left; }

@media screen and (max-width: 800px) { .mugshot { width: 8em; margin: 0 1.25em .75em 0; /*border: solid .3em white;*/ } }

@media screen and (max-width: 567px) { .mugshot { width: 6em; margin: 0 1em .5em 0; /*border: solid .2em white;*/ } }

#program-at-a-glance { overflow: hidden; }

#program-at-a-glance h3 { margin: .25em 0 .5em; }

@media screen and (max-width: 800px) { #program-at-a-glance h3 { font-size: 2.1em; } }

@media screen and (max-width: 567px) { #program-at-a-glance h3 { font-size: 1.8em; } }

#program-at-a-glance h6 { font-size: 1.8em; font-weight: 700; font-family: "tablet-gothic-wide", Cambria, Georgia, serif; }

@media screen and (max-width: 800px) { #program-at-a-glance h6 { font-size: 1.4em; } }

@media screen and (max-width: 567px) { #program-at-a-glance h6 { font-size: 1.2em; } }

#program-at-a-glance h6 .room { font-size: .6666666667em; font-weight: 500; text-transform: uppercase; letter-spacing: .25em; margin-top: .6666666667em; display: block; }

@media screen and (max-width: 800px) { #program-at-a-glance h6 .room { margin-top: .3333333333em; } }

.non-semantic-divider { width: 98%; float: left; }

@media screen and (max-width: 567px) { .non-semantic-divider { display: none; } }

.break { background-color: rgba(0, 50, 91, 0.33); width: 98%; padding: 1.5em; border-top: 0.1em solid rgba(0, 50, 91, 0.5); border-bottom: 0.1em solid rgba(0, 50, 91, 0.5); }

.break h3 { color: white; }

.break h6 { color: shade(#00325b, 10%); }

.keynote .time_slot { padding: 1.333333333em 0 .666666667em; }

@media screen and (max-width: 800px) { .keynote .time_slot { padding-top: .5em; } }

@media screen and (max-width: 567px) { .keynote .time_slot { padding-top: 0; } }

.keynote .speaker { color: #6b0036; }

.keynote .speaker-function { color: #ff2151; }

.keynote h4 { color: #00325b; font-size: 2.5em; }

.keynote h6 { color: #004e8e; padding-top: .25em; }

@media screen and (max-width: 800px) { .keynote h6 { padding-top: .125em; } }

@media screen and (max-width: 567px) { .keynote h6 { padding-top: 0; } }

.keynote img { margin-bottom: 1em; }

.keynote .speaker-details img { width: 25%; margin: 0 0 3em 1.5em; border: solid .5em white; -webkit-box-shadow: 0 0 0.5em rgba(255, 33, 81, 0.33); -moz-box-shadow: 0 0 0.5em rgba(255, 33, 81, 0.33); box-shadow: 0 0 0.5em rgba(255, 33, 81, 0.33); float: right; }

@media screen and (max-width: 567px) { .keynote .speaker-details img { display: none; } }

.moderator { background-color: #dee6ec; background-color: rgba(0, 50, 91, 0.1); width: 48%; min-height: 17em; padding: 1.5em; border-top: .1em solid #e0e5ea; border-top: 0.1em solid rgba(0, 50, 91, 0.18); border-bottom: .1em solid #e0e5ea; border-bottom: 0.1em solid rgba(0, 50, 91, 0.18); }

@media screen and (max-width: 800px) { .moderator { min-height: 13em; } }

@media screen and (max-width: 567px) { .moderator { min-height: 1em; } }

.moderator h4 { color: #01bccc; font-size: 2.1em; line-height: 1.2; }

.moderator h6 { color: #012c42; }

.moderator .moderator-company { color: #001628; font-size: .8em; font-weight: 500; font-family: "ratio", Helvetica, Arial, sans-serif; display: block; }

.posters, .panel { background-color: #8591a6; background-color: rgba(0, 194, 186, 0.5); width: 98%; padding: 1.5em; border-top: .1em solid #e0e5ea; border-top: 0.1em solid rgba(0, 50, 91, 0.25); border-bottom: .1em solid #e0e5ea; border-bottom: 0.1em solid rgba(0, 50, 91, 0.25); }

.posters h3, .panel h3 { color: #6b0036; }

.posters h6, .panel h6 { color: #004e8e; }

.presentation { background-color: #fafbfd; background-color: rgba(255, 255, 255, 0.5); width: 48%; min-height: 25em; border-top: 0.1em solid rgba(1, 188, 204, 0.25); border-bottom: 0.1em solid rgba(1, 188, 204, 0.25); }

@media screen and (max-width: 800px) { .presentation { min-height: 18em; } }

@media screen and (max-width: 567px) { .presentation { min-height: 1em; } }

.presentation:hover { background-color: white; border-top: 0.1em solid #00bdcd; border-bottom: 0.1em solid #00bdcd; }

.presentation h3 { color: #520029; }

.presentation h4 { color: #013d5b; }

.presentation h6 { color: #004e8e; line-height: .85; padding: .666666667em 0; }

@media screen and (max-width: 800px) { .presentation h6 { padding-top: .5em; } }

@media screen and (max-width: 567px) { .presentation h6 { padding-top: 0; } }

#student-poster-list { padding: 0 1.5em 1.5em; overflow: hidden; }

#student-poster-list li { width: 100%; margin: 1% 1% 3%; }

#student-poster-list h4 { color: #00c2ba; margin: .75em 0 .25em; }

#student-poster-list h5 { color: #38001c; font-size: 1.8em; font-weight: 700; font-family: "tablet-gothic-wide", Cambria, Georgia, serif; margin-bottom: .3333333333em; }

@media screen and (max-width: 800px) { #student-poster-list h5 { font-size: 1.4em; } }

@media screen and (max-width: 567px) { #student-poster-list h5 { font-size: 1.3em; } }

#student-poster-list h5 .student-school { font-size: 85%; font-weight: 400; }

#student-poster-list p { font-size: 1.5em; }

#student-poster-list p a { display: inline-block; }

#student-poster-list p a:hover { color: #00c2ba; }

.panel li { width: 48%; margin: 1% 1% 2%; float: left; }

@media screen and (max-width: 567px) { .panel li { width: 100%; margin: 1% 0; } }

.panel p { clear: both; font-size: 1.4em; }

.panel h3 { color: #ff2151; }

.panel h4 { color: #012c42; margin: .75em 0 .25em; }

.panel h4 strong { color: #ff2151; font-size: 80%; }

.panel .panelist-company { color: #00c2ba; font-size: 1.8em; font-weight: 500; font-family: "ratio", Helvetica, Arial, sans-serif; }

@media screen and (max-width: 567px) { .panel .panelist-company { font-size: 1.4em; } }

.panel .panelist-details { overflow: hidden; clear: both; }

.panel .panelist-details h5 { color: #012c42; font-size: 1.8em; font-weight: 700; font-family: "tablet-gothic-wide", Cambria, Georgia, serif; margin-top: 4.8em; }

@media screen and (max-width: 567px) { .panel .panelist-details h5 { margin: .333em 0; clear: left; } }

.panel .panelist-details p { font-size: 1.4em; }

.panel .panelist-details li { width: 48%; margin: 1% 1% 2%; float: left; }

.panel .panelist-details li:nth-of-type(odd) { clear: left; }

@media screen and (max-width: 567px) { .panel .panelist-details li { width: 100%; margin: 1% 0; } }

.break, .keynote, .moderator, .presentation, .panel, .posters { margin: .5% 1%; float: left; }

@media screen and (max-width: 800px) { .break, .keynote, .moderator, .presentation, .panel, .posters { margin: .75% 1%; } }

@media screen and (max-width: 567px) { .break, .keynote, .moderator, .presentation, .panel, .posters { width: 99%; margin: 2% 0; } }

.keynote, .panel, .posters { background-color: rgba(0, 194, 186, 0.1); width: 98%; border-top: 0.1em solid rgba(1, 188, 204, 0.25); border-bottom: 0.1em solid rgba(1, 188, 204, 0.25); }

.keynote:hover { background-color: white; border-top: 0.1em solid #00c2ba; border-bottom: 0.1em solid #00c2ba; }

.speaker-function { color: #6b0036; font-size: 66.66%; text-transform: uppercase; letter-spacing: .1em; }

.speaker-company { color: #01bccc; font-size: .740740740em; font-weight: 500; font-family: "ratio", Helvetica, Arial, sans-serif; display: block; }

.speaker-email { margin-left: 1em; }

.speaker-details { padding: 1.5em; }

.speaker-details h5 { color: #ff2151; font-size: 1.4em; font-weight: 700; font-family: "tablet-gothic-wide", Cambria, Georgia, serif; margin-bottom: .3333333333em; }

.speaker-details p { font-size: 1.6em; }

.speaker-details ul { padding-left: 2.4em; }

.speaker-details ul li { font-size: 1.5em; margin-bottom: .75em; list-style-type: disc; }

.posters a:hover, .panel a:hover { cursor: pointer; }

.keynote a h4, .presentation a h4 { padding: .5em 0; }

.moderator a h4, .posters a h4, .panel a h4 { padding: 0; }

.presentation .expander.expanded { padding: 1.5em 1.5em 0 1.5em; background-image: url("../images/expanded.png"); background-repeat: no-repeat; background-position: right 1.5em; border-right: 1em solid transparent; display: block; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .presentation .expander.expanded { background-image: url("../images/expanded-2x.png"); -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; } }

.keynote .expander.expanded, .posters .expander.expanded { padding: 1.5em; background-image: url("../images/expanded.png"); background-repeat: no-repeat; background-position: right 1.5em; border-right: 1em solid transparent; display: block; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .keynote .expander.expanded, .posters .expander.expanded { background-image: url("../images/expanded-2x.png"); -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; } }

.panel .expander.expanded { padding: 0; background-image: url("../images/expanded.png"); background-repeat: no-repeat; background-position: right 1.5em; border-right: 1em solid transparent; display: block; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .panel .expander.expanded { background-image: url("../images/expanded-2x.png"); -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; } }

.panel .expander.expanded .panel-list { display: none; }

.presentation .expander.collapsed { padding: 1.5em 1.5em .25em 1.5em; background-image: url("../images/collapsed.png"); background-repeat: no-repeat; background-position: right 1.5em; border-right: 1em solid transparent; display: block; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .presentation .expander.collapsed { background-image: url("../images/collapsed-2x.png"); -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; } }

.keynote .expander.collapsed, .posters .expander.collapsed { padding: 1.5em; background-image: url("../images/collapsed.png"); background-repeat: no-repeat; background-position: right 1.5em; border-right: 1em solid transparent; display: block; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .keynote .expander.collapsed, .posters .expander.collapsed { background-image: url("../images/collapsed-2x.png"); -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; } }

.panel .expander.collapsed { padding: 0; background-image: url("../images/collapsed.png"); background-repeat: no-repeat; background-position: right 1.5em; border-right: 1em solid transparent; display: block; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .panel .expander.collapsed { background-image: url("../images/collapsed-2x.png"); -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; } }

.panel .expander.collapsed .panel-list { display: block; }

.panel-list li:nth-of-type(odd) { clear: left; }

.zebralist { background-color: rgba(255, 255, 255, 0.5); margin-bottom: 4em; padding: 0; border-bottom: 0.1em solid rgba(0, 194, 186, 0.1); }

.zebralist li { padding: 1em 2em; border-top: 0.1em solid rgba(0, 194, 186, 0.1); list-style: none; }

.zebralist li:nth-child(even) { background-color: rgba(0, 194, 186, 0.1); }

.zebralist li h4 { color: #38001c; }

.zebralist li h4 span { color: #00c2ba; font-weight: 700; font-size: .9em; margin-right: .5em; }

#confirmed-speakers { background-color: rgba(255, 255, 255, 0.5); margin-bottom: 4em; padding: 0; border-top: 0.1em solid rgba(0, 194, 186, 0.1); border-bottom: 0.1em solid rgba(0, 194, 186, 0.1); overflow: hidden; }

#confirmed-speakers li { width: 50%; padding: 1em 2em 3em; border-bottom: 0.1em solid rgba(0, 194, 186, 0.1); display: block; float: left; }

#confirmed-speakers li:last-child { border: none; }

@media screen and (min-width: 801px) { #confirmed-speakers li:nth-child(4n+1), #confirmed-speakers li:nth-child(4n+2) { background-color: rgba(255, 245, 230, 0.1); } }

@media screen and (max-width: 800px) { #confirmed-speakers li:nth-child(even) { background-color: rgba(255, 245, 230, 0.1); } }

@media screen and (max-width: 800px) { #confirmed-speakers li { width: 100%; } }

#confirmed-speakers li h4 { font-size: 2.4em; line-height: 1.25; }

@media screen and (max-width: 800px) { #confirmed-speakers li h4 { font-size: 2em; } }

#confirmed-speakers li h4 span { font-size: .9em; }

#exhibitor-list { padding: 0; overflow: hidden; position: relative; }

#exhibitor-list li { width: 30%; margin: 2em 1.5% 4em; float: left; }

@media screen and (max-width: 800px) { #exhibitor-list li { width: 45%; margin: 1em 2.5% 2em; } }

@media screen and (max-width: 567px) { #exhibitor-list li { width: 90%; margin: 5%; } }

#exhibitor-list li p a:after { content: "\002002 \00203A"; font-size: 125%; }

#exhibitor-list h4 { color: #38001c; }

#exhibitor-list img, #school-list img { margin-bottom: 1em; border: 0.5em solid rgba(0, 50, 91, 0.1); -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; }

#school-list li { margin: 4em 0; }

#school-list li p a:after { content: "\002002 \00203A"; font-size: 125%; }

#exhibitor-overlay { background-color: rgba(1, 44, 66, 0.75); position: absolute; width: 100%; height: 100%; }

#exhibitor-overlay h3 { /* Fallback for sad browsers */ background-color: rgba(1, 44, 66, 0.01); /* Mozilla Firefox */ background-image: -moz-linear-gradient(#00325b, rgba(1, 44, 66, 0.01)); /* Opera */ background-image: -o-linear-gradient(#00325b, rgba(1, 44, 66, 0.01)); /* WebKit (Chrome 11+) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00325b), color-stop(1, rgba(1, 44, 66, 0.01))); /* WebKit (Safari 5.1+, Chrome 10+) */ background-image: -webkit-linear-gradient(#00325b, rgba(1, 44, 66, 0.01)); /* IE10 */ background-image: -ms-linear-gradient(#00325b, rgba(1, 44, 66, 0.01)); /* W3C */ background-image: linear-gradient(#00325b, rgba(1, 44, 66, 0.01)); color: white; text-align: center; line-height: 1.25; -webkit-text-shadow: 0 0.1em 0.3em #ff2151; -moz-text-shadow: 0 0.1em 0.3em #ff2151; text-shadow: 0 0.1em 0.3em #ff2151; margin: 0; padding: 3em 0; }

#school-list p { font-size: 1.6em; }

@media screen and (max-width: 800px) { #school-list p { font-size: 1.4em; } }

@media screen and (max-width: 567px) { #school-list p { font-size: 1.3em; } }

#registration-overview { overflow: hidden; }

#registration-overview > li { width: 48%; margin: 1%; float: left; }

@media screen and (max-width: 567px) { #registration-overview > li { width: 98%; } }

#button-launch_registration { text-align: center; text-transform: uppercase; margin: 6em 0; }

#button-launch_registration a { color: white; font-weight: 700; font-size: 4em; font-family: "tablet-gothic-wide", Cambria, Georgia, serif; background-color: #ff2151; padding: .25em 1em; border: .1em solid white; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; border-radius: 0.25em; -webkit-box-shadow: 0 0 0.25em rgba(1, 44, 66, 0.25); -moz-box-shadow: 0 0 0.25em rgba(1, 44, 66, 0.25); box-shadow: 0 0 0.25em rgba(1, 44, 66, 0.25); }

#button-launch_registration a:hover { color: #ff2151; background-color: white; border-color: #ff2151; }

@media screen and (max-width: 800px) { #button-launch_registration a { font-size: 3em; padding: .33333333em 1em; } }

.market { padding: 0; overflow: hidden; }

.market li { width: 30.25%; min-width: 25em; max-width: 56em; margin: 1.5%; float: left; }

@media screen and (max-width: 860px) { .market li { width: 40%; margin: 1% 5%; } }

@media screen and (max-width: 660px) { .market li { width: 88%; margin: 1em auto; float: none; } }

#priceList li { position: relative; overflow: hidden; }

#priceList h5 { color: #01bccc; font-size: 1.8em; font-weight: bold; font-family: "tablet-gothic-wide", Cambria, Georgia, serif; margin-bottom: .3333333333em; }

#priceList p { font-size: 1.4em; margin: 0; }

#priceList .deadline { width: 75%; display: block; }

#priceList .price { color: #ff7729; font-weight: bold; font-size: 2em; position: absolute; top: 7.5%; right: .5em; }

aside { color: white; background-image: url("../images/quotes-left.png"); background-color: #38001c; background-repeat: no-repeat; background-position: 1.5em 2em; margin: 2em 0; padding: 6em 2em 1em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { aside { background-image: url("../images/quotes-left-2x.png"); -webkit-background-size: 44px 31px; -moz-background-size: 44px 31px; background-size: 44px 31px; } }

aside p { font-family: "tablet-gothic-wide", Cambria, Georgia, serif; }

aside .testimonial { font-size: 1.6em; font-weight: 700; background-image: url("../images/quotes-right.png"); background-repeat: no-repeat; background-position: right 100%; padding-bottom: 2em; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { aside .testimonial { background-image: url("../images/quotes-right-2x.png"); -webkit-background-size: 44px 31px; -moz-background-size: 44px 31px; background-size: 44px 31px; } }

@media screen and (max-width: 800px) { aside .testimonial { font-size: 1.4em; } }

aside .credentials { color: tint(#00c2ba, 66%); font-size: 1.4em; }

@media screen and (max-width: 800px) { aside .credentials { font-size: 1.3em; } }

aside cite { color: #ffcd0d; font-size: 2.7em; font-weight: 700; }

@media screen and (max-width: 800px) { aside cite { font-size: 2.1em; } }

.dsct-credits { margin-bottom: 3em; }

.dsct-credits h4 { color: #38001c; font-size: 2em; font-weight: 700; font-family: "tablet-gothic-wide", Cambria, Georgia, serif; }

.dsct-credits li { color: #025e8d; font-size: 1.4em; font-weight: 700; font-family: "tablet-gothic-wide", Cambria, Georgia, serif; margin: .625em 0; }

.member-company { font-weight: 400; }

.toggle-wrap a { color: tint(#00c2ba, 33%); }

.toggle-wrap a:hover { color: #38001c; }

.toggle-wrap .toggle-triangle { font-size: 75%; margin-left: .15em; position: relative; top: -.15em; }

.social-bar { background-color: #002442; }

.social-bar .social-links { width: 24em; height: 8em; margin: 0 auto; }

.social-bar .social-links li { margin: 1.5em; float: left; }

.social-bar .social-links li a { text-indent: -9999px; width: 5em; height: 5em; display: block; }

#facebook-btn a { background-image: url("../images/facebook-sprite.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { #facebook-btn a { background-image: url("../images/facebook-sprite-2x.png"); -webkit-background-size: 5em 5em; -moz-background-size: 5em 5em; background-size: 5em 5em; } }

#linkedin-btn a { background-image: url("../images/linkedin-sprite.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { #linkedin-btn a { background-image: url("../images/linkedin-sprite-2x.png"); -webkit-background-size: 5em 5em; -moz-background-size: 5em 5em; background-size: 5em 5em; } }

#twitter-btn a { background-image: url("../images/twitter-sprite.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { #twitter-btn a { background-image: url("../images/twitter-sprite-2x.png"); -webkit-background-size: 5em 5em; -moz-background-size: 5em 5em; background-size: 5em 5em; } }

#facebook-btn a, #linkedin-btn a, #twitter-btn a { background-size: cover; }

#facebook-btn a background, #linkedin-btn a background, #twitter-btn a background { repeat: no-repeat; position: center top; }

#facebook-btn a:hover, #linkedin-btn a:hover, #twitter-btn a:hover { background-position: center bottom; }

.footer { background-color: #00325b; text-align: center; padding-top: 2.5em; /*padding-bottom: 4em;*/ clear: both; }

@media screen and (max-width: 567px) { .footer { padding-top: 1.25em; padding-bottom: 2.5em; } }

.footer h3 { color: white; font-size: 3.6em; font-weight: 500; }

@media screen and (max-width: 567px) { .footer h3 { font-size: 2.7em; } }

.footer h4 { font-size: 2.4em; font-weight: 700; font-family: "tablet-gothic-wide", Cambria, Georgia, serif; }

.footer h4 a { color: #01bccc; }

.footer h4 a:hover { color: #4ef0fe; }

.footer h4 a:after { content: "\002002 \00203A"; font-size: 125%; }

.footer ul { max-width: 102.4em; margin: 2em auto 1em; overflow: hidden; }

@media screen and (max-width: 800px) { .footer ul { padding: 0 5%; } }

@media screen and (max-width: 567px) { .footer ul { margin: 2em auto 3em; } }

.footer ul li { width: 21%; margin: 1.5% 2%; float: left; }

@media screen and (max-width: 800px) { .footer ul li { width: 26.6666666667%; margin: 1.5% 3.3333333333%; } }

@media screen and (max-width: 567px) { .footer ul li { width: 46%; margin: 2%; } }

.footer ul li a { display: block; }

.footer ul li a img { border: 1em solid rgba(1, 188, 204, 0.25); -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; border-radius: 0.25em; }

@media screen and (max-width: 567px) { .footer ul li a img { border-width: .6666666667em; } }

.footer ul li a img:hover { border-color: #00c2ba; }

.footer #visit-aca { font-size: 1.4em; font-weight: 700; font-family: "tablet-gothic-wide", Cambria, Georgia, serif; background: transparent url("../images/logos/aca.png") no-repeat center 1.5em; background-size: auto 40px; margin-top: 3em; padding-top: 6em; border-top: 0.1em solid #012c42; }

.footer #visit-aca a { color: #01bccc; }

.footer #visit-aca a:hover { color: #4ef0fe; }

.footer #visit-aca a:after { content: "\002002 \00203A"; font-size: 125%; }

.footer #copyright { color: white; font-size: 1.3em; background-color: #012c42; margin-top: 3em; padding: 3em 0; border-top: 0.1em solid #012c42; }

.summer { background-color: rgba(0, 0, 0, 0.33); padding: 0; }

.rslides_container { max-width: 128em; margin: 0 auto; position: relative; }

.rslides_container .rslides { width: 100%; padding: 0; margin: 0 auto; position: relative; overflow: hidden; list-style: none; }

.rslides_container .rslides li { width: 100%; position: absolute; left: 0; top: 0; display: none; -webkit-backface-visibility: hidden; }

.rslides_container .rslides li:first-child { position: relative; display: block; float: left; }

.rslides_container .rslides img { width: 100%; height: auto; display: block; float: left; border: 0; }

/* Option 1: Centered Buttons */
.centered-btns_nav { z-index: 3; position: absolute; -webkit-tap-highlight-color: transparent; top: 50%; left: 0; opacity: 0.7; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../images/slideshow/themes.gif") no-repeat left top; margin-top: -45px; }

.centered-btns_nav:active { opacity: 1.0; }

.centered-btns_nav.next { left: auto; background-position: right top; right: 0; }

/* Option 2: Transparent Buttons */
.transparent-btns_nav { z-index: 3; position: absolute; -webkit-tap-highlight-color: transparent; top: 0; left: 0; display: block; background: #fff; /* Fix for IE6-9 */ opacity: 0; filter: alpha(opacity=1); width: 48%; text-indent: -9999px; overflow: hidden; height: 91%; }

.transparent-btns_nav.next { left: auto; right: 0; }

/* Option 3: Large Buttons */
.large-btns_nav { z-index: 3; position: absolute; -webkit-tap-highlight-color: transparent; opacity: 0.6; text-indent: -9999px; overflow: hidden; top: 0; bottom: 0; left: 0; background: #000 url("../images/slideshow/themes.gif") no-repeat left 50%; width: 38px; }

.large-btns_nav:active { opacity: 1.0; }

.large-btns_nav.next { left: auto; background-position: right 50%; right: 0; }

/* Common to all 3 button styles */
.centered-btns_nav:focus, .transparent-btns_nav:focus, .large-btns_nav:focus { outline: none; }

.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs { margin-top: 10px; text-align: center; }

.centered-btns_tabs li, .transparent-btns_tabs li, .large-btns_tabs li { display: inline; float: none; _float: left; *float: left; margin-right: 5px; }

.centered-btns_tabs a, .transparent-btns_tabs a, .large-btns_tabs a { text-indent: -9999px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #ccc; background: rgba(0, 0, 0, 0.2); display: inline-block; _display: block; *display: block; -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.3); width: 9px; height: 9px; }

.centered-btns_here a, .transparent-btns_here a, .large-btns_here a { background: #222; background: rgba(0, 0, 0, 0.8); }

.caption { color: #fff; font-style: italic; font-weight: 500; font-size: 2em; text-shadow: none; background: #000; background: rgba(0, 0, 0, 0.8); max-width: none; margin: 0; padding: .5em 1em; position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; display: block; }

@media screen and (max-width: 800px) { .caption { font-size: 1.6em; } }

@media screen and (max-width: 567px) { .caption { font-size: 1.2em; } }

/* Featured content */
.bg-1 { background-color: #ff2151; }

.bg-2 { background-color: #38001c; }

.bg-3 { background-color: #fff5e6; }

.bg-4 { background-color: #00c2ba; }

.bg-5 { background-color: #00325b; }

.feature, .review { color: white; padding: 3em; overflow: hidden; }

@media screen and (max-width: 567px) { .feature, .review { padding: 1.5em 1em; } }

.feature h3, .review h3 { font-size: 3em; font-weight: bold; font-family: "tablet-gothic-wide", Cambria, Georgia, serif; margin-bottom: .3333333333em; }

@media screen and (max-width: 567px) { .feature h3, .review h3 { font-size: 2em; } }

.feature h3 small, .review h3 small { color: #ff2151; }

.feature p, .feature ul, .review p, .review ul { font-size: 1.8em; line-height: 1.5; margin-bottom: 1em; }

@media screen and (max-width: 800px) { .feature p, .feature ul, .review p, .review ul { font-size: 1.6em; } }

@media screen and (max-width: 567px) { .feature p, .feature ul, .review p, .review ul { font-size: 1.4em; } }

.feature ul, .review ul { padding-left: 1em; }

.feature ul li, .review ul li { list-style-type: disc; list-style-position: inside; }

.feature a, .review a { color: white; border-bottom: .1em dotted white; }

.feature a:hover, .review a:hover { color: #ff2151; }

.feature .button-feature, .review .button-feature { margin: 4em 0; }

@media screen and (max-width: 800px) { .feature .button-feature, .review .button-feature { margin: 3em 0; } }

.feature .button-feature a, .review .button-feature a { color: #00dcd2; font-weight: 700; font-size: 1.5em; font-family: "tablet-gothic-wide", Cambria, Georgia, serif; text-transform: uppercase; padding: .66666667em 1.33333333em; border: 2px solid #00dcd2; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; }

.feature .button-feature a:hover, .review .button-feature a:hover { color: white; border-color: white; }

@media screen and (max-width: 800px) { .feature .button-feature a, .review .button-feature a { font-size: 1.25em; padding: .64em 1.44em; } }

@media screen and (max-width: 567px) { .feature .button-feature a, .review .button-feature a { font-size: 1.1em; padding: .54545455em 1.45454545em; } }

.feature-content { width: 58%; float: right; }

@media screen and (max-width: 800px) { .feature-content { width: 50%; } }

@media screen and (max-width: 567px) { .feature-content { width: 100%; } }

.feature-content .button-feature { margin: 4em 0; }

@media screen and (max-width: 800px) { .feature-content .button-feature { margin: 3em 0; } }

.feature-content .button-feature a { color: #ff3b65; font-weight: 700; font-size: 1.5em; font-family: "tablet-gothic-wide", Cambria, Georgia, serif; text-transform: uppercase; padding: .66666667em 1.33333333em; border: 2px solid #ff3b65; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; }

.feature-content .button-feature a:hover { color: white; border-color: white; }

@media screen and (max-width: 800px) { .feature-content .button-feature a { font-size: 1.25em; padding: .64em 1.44em; } }

@media screen and (max-width: 567px) { .feature-content .button-feature a { font-size: 1.1em; padding: .54545455em 1.45454545em; } }

.feature_img-left { width: 38%; margin-right: 4%; float: left; }

@media screen and (max-width: 800px) { .feature_img-left { width: 45%; margin-right: 5%; } }

@media screen and (max-width: 567px) { .feature_img-left { width: 80%; margin: 0 0 0 10%; } }

.feature_img-right { width: 38%; margin-left: 4%; float: right; }

@media screen and (max-width: 800px) { .feature_img-right { width: 45%; margin-left: 5%; } }

@media screen and (max-width: 567px) { .feature_img-right { width: 80%; margin: 0 10% 0 0; } }

.poster-winner-pics { display: flex; flex-flow: row wrap; justify-content: space-around; margin-bottom: 3em; }

@media screen and (max-width: 800px) { .poster-winner-pics { margin-bottom: 2em; } }

@media screen and (max-width: 567px) { .poster-winner-pics { margin-bottom: 1em; } }

.review img { max-width: 33%; max-height: 25em; /*margin: 1em 3em 3em 3em;*/ margin-bottom: 1em; border: 1em solid white; -webkit-box-shadow: 0 0.25em 0.5em rgba(0, 50, 91, 0.5); -moz-box-shadow: 0 0.25em 0.5em rgba(0, 50, 91, 0.5); box-shadow: 0 0.25em 0.5em rgba(0, 50, 91, 0.5); }

@media screen and (max-width: 800px) { .review img { max-height: 15em; margin: .66667em 2em 2em 2em; border: .5em solid white; } }

@media screen and (max-width: 567px) { .review img { max-width: 100%; margin: 0 0 1em; } }

.rotate-left2 { -webkit-transform: rotate(-2deg) translateX(-2em); -moz-transform: rotate(-2deg) translateX(-2em); -ms-transform: rotate(-2deg) translateX(-2em); transform: rotate(-2deg) translateX(-2em); float: left; }

.rotate-right2 { -webkit-transform: rotate(2deg) translateX(2em); -moz-transform: rotate(2deg) translateX(2em); -ms-transform: rotate(2deg) translateX(2em); transform: rotate(2deg) translateX(2em); float: right; }

.stack-left1 { -webkit-transform: rotate(-2deg) translateX(-1em); -moz-transform: rotate(-2deg) translateX(-1em); -ms-transform: rotate(-2deg) translateX(-1em); transform: rotate(-2deg) translateX(-1em); float: left; margin: 0 3em 0 0 !important; }

@media screen and (max-width: 800px) { .stack-left1 { margin: 0 2em 0 0 !important; } }

.stack-left2 { -webkit-transform: rotate(2deg) translateX(-2.5em); -moz-transform: rotate(2deg) translateX(-2.5em); -ms-transform: rotate(2deg) translateX(-2.5em); transform: rotate(2deg) translateX(-2.5em); float: left; clear: left; margin: -6em 3em 0 0 !important; }

@media screen and (max-width: 800px) { .stack-left2 { margin: -4em 2em 0 0 !important; } }

@media screen and (max-width: 567px) { .stack-left2 { margin: -2em 1em 1.5em 0 !important; } }

.stack-left3 { -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); float: left; clear: left; margin: -6em 3em 0 0 !important; }

@media screen and (max-width: 800px) { .stack-left3 { margin: -4em 2em 0 0 !important; } }

@media screen and (max-width: 567px) { .stack-left3 { margin: -2em 1em 1.5em 0 !important; } }

.stack-right1 { -webkit-transform: rotate(2deg) translateX(1em); -moz-transform: rotate(2deg) translateX(1em); -ms-transform: rotate(2deg) translateX(1em); transform: rotate(2deg) translateX(1em); float: right; margin: 0 0 0 3em !important; }

@media screen and (max-width: 800px) { .stack-right1 { margin: 0 0 0 2em !important; } }

.stack-right2 { -webkit-transform: rotate(-2deg) translateX(2.5em); -moz-transform: rotate(-2deg) translateX(2.5em); -ms-transform: rotate(-2deg) translateX(2.5em); transform: rotate(-2deg) translateX(2.5em); float: right; clear: right; margin: -6em 0 0 3em !important; }

@media screen and (max-width: 800px) { .stack-right2 { margin: -4em 0 0 2em !important; } }

@media screen and (max-width: 567px) { .stack-right2 { margin: -2em 0 1.5em 1em !important; } }