/*
font-family:'Mohr W05 Light', sans-serif;
font-family:'Museo Sans W01_100', sans-serif;
font-family:'Museo Sans W01_300', sans-serif;
font-family:'Museo Sans W01_500', sans-serif;
font-family:'Museo Sans W01_700', sans-serif;
font-family:'Museo Sans W01_900', sans-serif;
font-family:'Museo Sns W04 Cond_700', sans-serif;
font-family:'MuseoSansW01-300Italic';


*/

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

body {background:#fff; padding-right:0 !important;}
body, html {margin:0;}
body.modal-open .modal {padding-right:0 !important;}
body .root #corp-home-globalNav {position:relative !important; top:0 !important}

/* Page */

#graphixcon {width:100%; position:relative; z-index:1; -webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; }
#graphixcon sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}

a.gfx-btn {display:table; height:40px; line-height:40px; background:#eb1f29; font-family:'Museo Sans W01_700', sans-serif; color:#fff; text-decoration:none; text-align:center; box-sizing:border-box; /*! width:100%; */ font-size:11px; margin:24px 0 28px; letter-spacing:1px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:100px;
text-transform: uppercase;
padding: 0 30px;
white-space: nowrap;
}

.graphixcon_section {width:100%; position:relative;}
.graphixcon_content {max-width:1080px; position:relative; margin:0 auto; font-family:'Museo Sans W01_500', sans-serif;}


/* Nav */
#graphixcon_nav {z-index:900; background:#333; padding:20px 0;}
#graphixcon_nav.nav_sticky {position:fixed; top:0; left:0; right:0; width:100%;}
.nav_sticky + .main_content {/*padding-top:80px;*/}
#graphixcon_nav-holder {background:linear-gradient(90deg, #eb1f29 50%, #333 50%); height:40px;}
#nav_header {float:left; height:40px; padding:0 20px 0 20px; width:210px; background:#eb1f29; text-align:right;}
#nav_header h2 {margin:0; padding:0; color:#fff; font-family:'Museo Sans W01_300', sans-serif; font-weight:300; font-size:16px; line-height:40px;  height:40px;}
#nav_header h2 a {color:#fff; text-decoration:none;}
#nav_header h2 strong {font-family:'Museo Sans W01_700', sans-serif; font-weight:700;}
#nav_navigation {float:left; background:#000; width: calc(100% - 210px);}
#nav_menu {display:none;}

#graphixcon_nav #nav_navigation nav {background:#333; width: calc(100% - 100px); position:absolute; left:100px; top:60px;}
#graphixcon_nav #nav_navigation nav ul {list-style:none; margin:0; padding:0; min-width:100%;}
#graphixcon_nav #nav_navigation nav ul li {list-style:none; margin:0; padding:0; border-top:1px solid #a1a1a1; min-width:100%;}
#graphixcon_nav #nav_navigation nav ul li a {display:block; color:#fff; text-decoration:none; font-family:'Museo Sans W01_300', sans-serif; text-transform:uppercase; text-align:left; font-size:14px; line-height:20px; width:100%; min-width:100%; padding:20px 16px 16px 16px;}
#graphixcon_nav #nav_navigation nav ul li a span {display:block; white-space:nowrap; min-width:100%;}
#graphixcon_nav #nav_navigation nav ul li a strong {display:block; white-space:nowrap; min-width:100%; height:0; overflow:hidden; visibility:hidden; font-family:'Museo Sans W01_900', sans-serif; font-weight:900;} 
.nav_hidebr br {display:none;}
#graphixcon_nav #nav_navigation nav ul li a.current {color:#fff; font-family:'Museo Sans W01_900', sans-serif; font-weight:900;}

/* Mobile Nav Toggle */
#nav_toggle {width:100%; height:40px; display:block; background:#333; position:relative; padding:0 0 0 16px; text-decoration:none;}
#nav_toggle strong {display:block; line-height:40px; color:#fff; font-family:'Museo Sans W01_900', sans-serif; font-weight:900; text-decoration:none;}
#nav_toggle span {display:block; width:30px; height:1px; background:#fff; position:absolute; right:20px; top:19px;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
}
#nav_toggle:before {
content: "";
position: absolute;
right:20px;
top:9px;
width:30px;
height:1px;
background:#fff;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
}
#nav_toggle:after {
content: "";
position: absolute;
right:20px;
top:29px;
width:30px;
height:1px;
background:#fff;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
}
#nav_toggle.nav_toggle-close {}
#nav_toggle.nav_toggle-close span {
  background: transparent;
}
#nav_toggle.nav_toggle-close:before {
	-ms-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
	top:19px;
	height:1px;
}
#nav_toggle.nav_toggle-close:after {
	-ms-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
	top:19px;
	height:1px;
}

/* Hero */
#graphixcon_hero {background: #00baf2 url("../images/gx-con-may-hero-bg.jpg") no-repeat center center; background-size:cover;}
#graphixcon_hero h1 {max-width: 296px; text-align: center; margin: 0 auto; padding: 4px 0 0 0; font-family:'Museo Sans W01_500', sans-serif; font-weight:500; font-size:17px; line-height:22px; color:#333;}
#graphixcon_hero h1 strong {font-family:'Museo Sans W01_700', sans-serif; font-weight:700; display: block;}
#graphixcon_hero .graphixcon_content {/*! height: 492px; */max-width: 1280px;}
#graphixcon_hero .graphixcon_content #hero_balloon_mobile {width: 100%; height: auto; margin: 0 auto;}
#graphixcon_hero .graphixcon_content #hero_balloon_mobile img {width: 100%; height: auto; margin: 0 auto;}

#graphixcon_hero .graphixcon_content #hero_characters_mobile {width: 100%; height: auto; margin: -17px auto 0;}
#graphixcon_hero .graphixcon_content #hero_characters_mobile img {width: 100%; height: auto; margin: -22px auto 0;}

/* Connect */
#graphixcon_connect {padding: 0; background:#fcd10a;overflow: hidden;}

#graphixcon_connect .graphixcon_content #author_event {text-align:left; padding:400px 40px 86px;z-index: 12;position: relative;}
#graphixcon_connect	.graphixcon_content #author_event h2 {text-transform: uppercase; margin:0 0 15px 0; padding:0;  font-family:'Museo Sans W01_500', sans-serif; font-weight:500; color:#333; font-size:30px; line-height:36px;}
#graphixcon_connect	.graphixcon_content #author_event h2 strong {font-family:'Museo Sans W01_900', sans-serif; font-weight:900;display: block;}
#graphixcon_connect .graphixcon_content #author_event hr {width: 82px; border: 0; height: 2px; background: #eb1f29; margin: 0 0 15px 2px;}
#graphixcon_connect .graphixcon_content #author_event p {margin:7px 0 10px 0; padding:0;  font-family:'Museo Sans W01_300', sans-serif; font-weight:300; color:#333; font-size:16px; line-height:24px;letter-spacing: -.3px;}
#graphixcon_connect .graphixcon_content #author_event p strong {margin:0; font-family:'Museo Sans W01_700', sans-serif; font-weight:700; display: block;}
#graphixcon_connect .graphixcon_content #author_event #event_dates {padding: 15px 0; font-size: 22px;line-height: 30px; font-family:'Museo Sans W01_700', sans-serif; font-weight:700; }
#graphixcon_connect .graphixcon_content #author_event #event_details {font-size: 12px; line-height: 1.33; width:95%;letter-spacing: 0;}
#graphixcon_connect .graphixcon_content #author_event a.gfx-btn:hover {opacity: .5;}
#graphixcon_connect .graphixcon_content #author_event a.gfx-btn {height: 40px; line-height: 40px;  width: 195px; padding: 0; width: 142px; margin: 0 auto 23px;}

#graphixcon_connect #connect_art_mobile {width: 94%; /*! height: 355px; */ margin: auto;position: absolute;top: 19px; right: 0;max-width: 300px;}
#graphixcon_connect #connect_art_mobile img {width: 100%;}

#graphixcon_connect #connect_art_desktop {display: none;}


/* Discover */
#graphixcon_discover {background:#333; padding: 17px;/*! height: 948px; */}

#discover_frame {background:#009DEA;}
#graphixcon_discover .graphixcon_content {background:#009DEA; max-width:1226px; margin:0 auto; /*! height: 918px; */}

#graphixcon_discover #orange_dots_desktop {display: none;}


#graphixcon_discover .graphixcon_content #discover_books {text-align:left; padding:385px 10px 66px 18px;z-index: 12;position: relative;}
#graphixcon_discover .graphixcon_content #discover_books h2 {text-transform: uppercase; margin:0 0 26px 0; padding:0;  font-family:'Museo Sans W01_500', sans-serif; font-weight:500; color:#fff; font-size:30px; line-height:36px;}
#graphixcon_discover .graphixcon_content #discover_books h2 strong {font-family:'Museo Sans W01_900', sans-serif; font-weight:900;display: inline;}
#graphixcon_discover .graphixcon_content #discover_books p {margin:7px 0 10px 0; padding:0;  font-family:'Museo Sans W01_300', sans-serif; font-weight:300; color:#fff; font-size:18px; line-height:24px;letter-spacing: -.3px;width: 237px;}
#graphixcon_discover .graphixcon_content #discover_books p strong {font-family:'Museo Sans W01_900', sans-serif; font-weight:900;}

#graphixcon_discover .graphixcon_content #discover_books a.gfx-btn:hover {opacity: .5;}
#graphixcon_discover .graphixcon_content #discover_books a.gfx-btn {height: 53px; line-height: 15px;   padding: 10px 0 0 0; width: 183px; margin: 0 auto 31px;letter-spacing: 1.5px;}

#graphixcon_discover #discover_burst {width: 287px; height: 620px; background: url("../images/teal-dot-circle.png") no-repeat -350px bottom; background-size: 591px 478px; position: absolute; top: -49px;left: 0;}
#graphixcon_discover #discover_burst #discover_burst_balloon {width: 220px; height: 133px; background: url("../images/discover_balloon.png") no-repeat center center; background-size: 220px 133px; position: absolute; top: 0; left: 20px;}
#graphixcon_discover #discover_burst #discover_burst_allergic {width: 287px; height: 287px; background: url("../images/allergic-silo.png") no-repeat center center; background-size: contain; position: absolute; top: 134px; left: 0px;}



/* Watch Balloon */
#graphixcon_watchballon {z-index:200;}
#graphixcon_watchballon .graphixcon_content {width:100%; padding:0;}
#watch_balloon {width:220px; position:absolute; left:20px; top:-66px;}
#watch_balloon img {display:block; width:100%; height:auto;}

/* Watch */
#graphixcon_watch {background:#f38f20 url("../images/watch_bg2.png") no-repeat center bottom; background-size:1200px auto; overflow:hidden;}
#graphixcon_watch:before {content:" "; display:block; width:600px; height:600px; position:absolute; background:url("../images/watch_bg1.png") 0 0 no-repeat; background-size:contain; top:40px; left:45%;}
#graphixcon_watch .graphixcon_content {width:100%; padding:0 0 130px 0;}

#watch_intro {padding:100px 30px 60px 30px;}
#watch_intro p {font-family:'Museo Sans W01_300', sans-serif; font-size:30px; line-height:36px; color:#333; margin:0; padding:0; text-transform:uppercase;}
#watch_intro p strong {font-family:'Museo Sans W01_700', sans-serif; font-weight:400;}

/* Watch Frame */
#watch_frame {height:400px; background:url("../images/watch_frame-mobile.png") center center no-repeat; background-size:auto 400px; position:relative;}

/* Watch Carousel */
#watch_carousel-holder {width:238px; position:absolute; top:110px; left:50%; transform: translateX(-50%);}
#watch_carousel {position:relative; width:100%;}
#watch_carousel .watch_slide {}
#watch_carousel .watch_slide a {display:block; width:100%;}
#watch_carousel .watch_slide a img {display:block; width:100%;}

.slick-prev, .slick-next {width:45px; height:45px; z-index:9;}

.slick-prev:before, .slick-next:before {display:none;}
.slick-prev, .slick-prev:hover, .slick-prev:focus {background:url("../images/nav-arrow-left.png") 0 0 no-repeat; background-size:contain;}
.slick-next, .slick-next:hover, .slick-next:focus {background:url("../images/nav-arrow-right.png") 0 0 no-repeat; background-size:contain;}

.slick-dots {bottom:-40px;}
.slick-dots li {margin:0 2px;}
.slick-dots li button {padding:0;}
.slick-dots li button:before {color:#888; opacity:1; font-size:12px;}
.slick-dots li.slick-active button:before {color:#f38f20; opacity:1;}







/* Read */
#graphixcon_read {background:#333; padding:25px 25px 150px 25px;}
#read_frame {background:#00a9ea;}
#graphixcon_read .graphixcon_content {background:#00a9ea; max-width:1226px; margin:0 auto;}
#graphixcon_read #read_balloon {background: url("../images/read_balloon.png") no-repeat right center; background-size: 220px 196px; position: absolute; top: -132px; left: 15px; width: 220px; height: 196px;}
#graphixcon_read #read_bluedots {background: url("../images/teal-dot-circle-read.png") no-repeat right center; background-size: 550px 680px; position: absolute; bottom: 10px; left: 0; width: 264px; height: 680px;}
#graphixcon_read #read_catkid {background: url("../images/cat-kid-pencil-silo.png") no-repeat right center; background-size: 280px 225px; position: absolute; bottom: 0; right: 0; width: 280px; height: 225px;}

#graphixcon_read .graphixcon_content {}

#graphixcon_read .graphixcon_content h2 {text-transform: uppercase; margin:0 auto 24px; padding:0;  font-family:'Museo Sans W01_500', sans-serif; font-weight:500; color:#fff; font-size:30px; line-height:36px;text-align: left;width: 230px;}
#graphixcon_read .graphixcon_content h2 strong {font-family:'Museo Sans W01_900', sans-serif; font-weight:900;display: inline;}


/* Pods */
.pods-holder {max-width:980px; margin:0 auto; padding:72px 0 128px 0; position:relative; text-align:center;}
.pod {display:inline-block; width:230px; background-color:#ffffff;  margin:0 5px 40px 5px; text-decoration:none; vertical-align:text-top; padding-bottom:28px; position:relative;height: 430px;z-index: 99;}
.pod-thumb {display: block;}
.pod-thumb a.titles_cover-link {display: block;}
.pod-thumb img {width:230px; height:230px; margin:0;}

.pod-type {display:block; font-family:'Museo Sans W01_900', sans-serif; font-size:13px; line-height:15px; padding:22px 0 7px; color:#006554;}

.pod-info {display:block; text-align:center; padding-bottom:16px; }
.pod-title {display:block; font-family:'Museo Sans W01_700', sans-serif; font-size:16px; line-height:22px; color:#333; margin:23px 0 0 0; font-weight:300;}
.pod-author {display:block; font-family:'Museo Sans W01_100', sans-serif; font-size:14px; line-height:20px; color:#333; margin:12px 0 0 0; font-weight:100;}
.pod .pod-btn {position: absolute; margin: auto; left: 0; right: 0; bottom: 30px;width: 179px;height: 32px;line-height: 32px;font-size: 12px;}

.pod-grades {display:block; font-size:12px; text-align:center; padding:0; text-transform:uppercase; letter-spacing:-.3px; font-family:'Museo Sans W01_500', sans-serif; font-weight:500; color:#888888;margin: 9px 0 0 0;position: absolute;left: 0;right: 0;margin: auto;bottom: 76px;}
.pod-grades-multiline {margin: 12px 0 0 0;}

.pod-grades strong {display:block; font-family:'Museo Sans W01_900', sans-serif; font-weight:900; font-size:20px; text-align:center; color:#000;}
a.pod-btn {display:block; height:30px; line-height:30px; background:#fff; font-family:'Museo Sans W01_300', sans-serif; color:#eb1f29; text-decoration:none; text-align:center; box-sizing:border-box; width:162px; font-size:11px; margin:0 auto; letter-spacing:.5px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
border: 1px solid #eb1f29;
}
.pod .pod-btn:hover {background: #eb1f29; color: #fff;}



/* Modal */

.modal-content {
	background:transparent;
	box-shadow:none;
	border:0;
	
}
.modal-content .modal-header {
	border-bottom:0;
	padding:0;
	position:relative;
}
.modal-content .close {
	position:absolute;
	top:0px; 
	right:0px;
	text-shadow:none;
	opacity:1;
	filter:alpha(opacity=100);
	margin-top:0;
	z-index:9;
	width:40px;
font-family:'Museo Sans W01_700', sans-serif; 
	color: #fff;
	font-size: 32px;
}
.modal-content .close img {width:100%;}
.modal-body {padding:0;}

#title_modal-cover {/*max-width:600px;*/}
#title_modal-cover img {width:100%; height:auto;}

.modal-content .video-js {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%;}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Media Queries */
@media only screen and (min-width: 360px) {

#graphixcon_nav #nav_navigation nav {width: calc(100% - 160px); left:160px;}
#graphixcon_read #read_balloon {position: absolute; top: -132px; left: 95px; width: 220px; height: 196px;}

}

@media only screen and (min-width: 480px) {
#graphixcon_hero h1 {font-size:22px; line-height:26px; max-width: 80%; }
#graphixcon_hero .graphixcon_content #hero_characters_mobile {margin: -37px auto 0;}
	
/* Connect */
#graphixcon_connect #connect_art_mobile {width: 94%; margin: auto;position: absolute;top: 19px; right: 0;max-width: 390px;}
#graphixcon_connect .graphixcon_content #author_event {padding:500px 40px 86px;}
#graphixcon_connect .graphixcon_content #author_event a.gfx-btn {margin: 0 0 23px 0;}

}

@media only screen and (min-width: 520px) {
  
}
  
@media only screen and (min-width: 600px) {
/* Connect */
#graphixcon_connect #connect_art_mobile {width: 94%; margin: auto;position: absolute;top: 19px; right: 0;max-width: 490px;}
#graphixcon_connect .graphixcon_content #author_event {padding:600px 40px 86px;}

/* Discover */
#graphixcon_discover .graphixcon_content #discover_books {width: 306px; margin: 0 0 0 275px; padding: 35px 10px 66px 18px;z-index: 12;position: relative;}
#graphixcon_discover {height: auto;}
#graphixcon_discover .graphixcon_content {height: auto;}
#graphixcon_discover #discover_burst {width: 287px; height: 620px; background: url("../images/teal-dot-circle.png") no-repeat -350px bottom; background-size: 591px 478px; position: absolute; top: -33px;left: 0;z-index: 101;}
#graphixcon_discover .graphixcon_content #discover_books a.gfx-btn {height: 53px; line-height: 15px;   padding: 10px 0 0 0; width: 183px; margin: 0 0 31px 0;}

/* Read */
#graphixcon_read .pods-holder h2 {margin: 0 auto 24px;width: 472px;}
#graphixcon_read .pods-holder h2 strong {/*! display: block; */}	
}

@media only screen and (min-width: 720px) {
#graphixcon_hero .graphixcon_content {height: 382px; background:url("../images/gx-con-hero-characters_bg.png") no-repeat center center; background-size:contain;}	
#graphixcon_hero .graphixcon_content #hero_balloon_mobile {display:none;}
#graphixcon_hero .graphixcon_content #hero_characters_mobile {display:none;} 
#graphixcon_hero h1 {font-size:17px; line-height:22px; max-width: 338px; padding: 286px 0 0 15px;}	
	
/* Connect */
#graphixcon_connect #connect_art_mobile {width: 94%; margin: auto;position: absolute;top: 19px; right: 0;max-width: 690px;}
#graphixcon_connect .graphixcon_content #author_event {padding:835px 40px 86px; max-width: 610px}	
#graphixcon_connect .graphixcon_content #author_event #event_dates br {/*display: none;*/}
#graphixcon_connect .graphixcon_content #author_event a.gfx-btn {margin: 0 0 33px 0;}

/* Discover */
#graphixcon_discover {/*! height: 540px; */padding: 22px;}
#graphixcon_discover .graphixcon_content {/*! height: 494px; */}
#graphixcon_discover h2 br {display: none;}
#graphixcon_discover .graphixcon_content #discover_books {width: 320px; margin: 0 0 0 320px; padding: 61px 10px 72px 18px;z-index: 12;position: relative;}
#graphixcon_discover .graphixcon_content #discover_books a.gfx-btn {height: 40px; line-height: 40px; padding: 00; width: 287px; margin: 0 0 31px 0;}
#graphixcon_discover .graphixcon_content #discover_books a.gfx-btn br {display: none;}
#graphixcon_discover .graphixcon_content #discover_books p {width: 317px;}
#graphixcon_discover #discover_burst {width: 305px; height: 713px; background: url("../images/teal-dot-circle.png") no-repeat -350px bottom; background-size: 668px 518px; position: absolute; top: -71px;left: 0;}
#graphixcon_discover #discover_burst #discover_burst_balloon {width: 286px; height: 172px; background: url("../images/discover_balloon.png") no-repeat center center; background-size: 286px 172px; position: absolute; top: 0; left: 40px;}
#graphixcon_discover #discover_burst #discover_burst_allergic {width: 333px; height: 333px; background: url("../images/allergic-silo.png") no-repeat center center; background-size: contain; position: absolute; top: 179px; left: -18px;}

/* Read */
#graphixcon_read {background:#333; padding:25px 25px 248px 25px;}	
.pod {display:inline-block; width:280px; background-color:#ffffff;  margin:0 20px 40px 20px; text-decoration:none; vertical-align:text-top; padding-bottom:28px; position:relative;height: 480px;z-index: 99;}
.pod-thumb img {width:280px; height:280px; margin:0;}
.pods-holder {max-width:980px; margin:0 auto; padding:72px 0 112px 0; position:relative; text-align:center;}

#graphixcon_read #read_balloon {background-size: 240px 200px; position: absolute; top: -102px; right: -44px; width: 240px; height: 200px;left: initial;}
#graphixcon_read .pods-holder h2 {margin: 0 auto 24px;width: 600px;}
	
#graphixcon_read #read_catkid {background-size: 480px 385px; position: absolute; bottom: 0; right: 0px; width: 480px; height: 385px;}
#graphixcon_read #read_bluedots {background: url("../images/teal-dot-circle-read.png") no-repeat right bottom; background-size: 880px 1088px; position: absolute; bottom: 10px; left: 0; width: 473px; height: 1120px;}


/* Watch Balloon */
#graphixcon_watchballon {}
#watch_balloon {width:278px; position:absolute; left:350px; top:110px;}


/* Watch */
#graphixcon_watch {background-size:1200px auto;}
#graphixcon_watch:before {width:1000px; height:1000px; top:-130px; left:55%;}
#graphixcon_watch .graphixcon_content {}

#watch_intro {padding:140px 40px 0 40px;}
#watch_intro p {max-width:280px;}

/* Watch Frame */
#watch_frame {height:524px; width:821px; background:url("../images/watch_frame-desktop.png") center center no-repeat; background-size:821px 524px; margin:-20px -50px 0 0;}

/* Watch Carousel */
#watch_carousel-holder {width:406px; position:absolute; top:127px; left:254px; transform: translateX(0);}
.slick-dots {bottom:-55px;}
.slick-dots li {margin:0 5px;}
.slick-dots li button:before {font-size:14px;}

}

@media only screen and (min-width: 750px) {
/* Read */
#graphixcon_read .pods-holder h2 {margin: 0 auto 24px; width: 610px;}
}

@media only screen and (min-width: 920px) {
#graphixcon_read #read_balloon {position: absolute; top: -102px; right: 44px;}

}

@media only screen and (min-width: 960px) {
/* Discover */
#graphixcon_discover {/*! height: 558px; */padding: 22px;}
#graphixcon_discover .graphixcon_content {/*! height: 506px; */}
#graphixcon_discover .graphixcon_content #discover_books {width: 320px; margin: 0 0 0 512px; padding: 61px 10px 95px 18px;z-index: 12;position: relative;}
#graphixcon_discover #discover_burst {width: 305px; height: 713px; background: url("../images/teal-dot-circle.png") no-repeat -350px bottom; background-size: 668px 518px; position: absolute; top: -74px;left: 0;}
#graphixcon_discover #discover_burst #discover_burst_balloon {width: 415px; height: 224px; background: url("../images/discover_balloon.png") no-repeat center center; background-size: 415px 244px; position: absolute; top: 3px; left: 150px;z-index: 25;}
#graphixcon_discover #discover_burst #discover_burst_allergic {width: 500px; height: 500px; background: url("../images/allergic-silo.png") no-repeat center center; background-size: contain; position: absolute; top: 172px; left: 60px;}



	
}

@media only screen and (min-width: 1024px) {

#graphixcon {z-index:1;}

/* Nav */
#graphixcon_nav {padding:20px 0;}
#nav_header {padding:0 16px 0 40px; width:200px;}
#nav_navigation {width: calc(100% - 200px);}

#nav_menu {display:block;} 
#nav_toggle {display:none;}

#graphixcon_nav #nav_navigation nav {background:#333; width:100%; position:relative; left:auto; top:auto;}

#graphixcon_nav #nav_navigation nav ul li {float:left; border-top:none; border-right:1px solid #a1a1a1; min-width:auto;}
#graphixcon_nav #nav_navigation nav ul li:last-of-type {border-right:none;}
#graphixcon_nav #nav_navigation nav ul li a {min-width:auto; text-align:center; padding:2px 13px 0 13px;}
#graphixcon_nav #nav_navigation nav ul li a span {min-width:auto; height:40px; line-height:40px;}
#graphixcon_nav #nav_navigation nav ul li a strong {min-width:auto;} 

.nav_hidebr br {display:block;}

/* Pods */
.pods-holder {max-width:940px; margin:0 auto; padding:72px 0 73px 0; position:relative;}

}

@media only screen and (min-width: 1080px) {
	
/* Hero */
#graphixcon_hero {background: #00baf2 url("../images/gx-con-may-hero-bg.jpg") repeat-x left center; background-size:cover;}
#graphixcon_hero .graphixcon_content {height: 680px; background:url("../images/gx-con-hero-characters_bg.png") no-repeat center center; background-size: 1270px 680px;}	
#graphixcon_hero h1 {font-size:30px; line-height:32px; max-width: 538px; padding: 516px 0 0 15px;}	


/* Nav */
#graphixcon_nav #nav_navigation nav ul li a {padding:2px 30px 0 30px;}
#graphixcon_nav #nav_navigation nav ul li:first-of-type {padding-left: 20px;}

/* Connect */
#graphixcon_connect .graphixcon_content {height: 879px;/*! max-width: 920px; */}	
#graphixcon_connect .graphixcon_content #author_event {width: 320px;padding: 120px 0 0 0;margin: 0 0 0 60px;}
#graphixcon_connect .graphixcon_content #connect_art_mobile {display: none;}

#graphixcon_connect .graphixcon_content #connect_art_desktop {display: block; width: 560px; height: 700px;position: absolute;top: 54px;right: 0px;z-index: 12;}
#graphixcon_connect .graphixcon_content #connect_art_desktop img {width: 100%;}

#graphixcon_connect .graphixcon_content #orange_dots_desktop {display: block; height: 936px;width: 440px;position: absolute;top: 10px;right: 0;}
#graphixcon_connect .graphixcon_content #orange_dots_desktop img {width: 100%;} 

/* Discover */
#graphixcon_discover #orange_dots_desktop {display: block; height: 936px; width: 768px;position: absolute;top: -844px; right: 0; background:url("../images/orange_dots.png") no-repeat 214px center; background-size: 768px 936px;}
/*#graphixcon_discover #orange_dots_desktop img {width: 100%;} */
#graphixcon_discover #discover_burst {width: 635px; height: 771px; background: url("../images/teal-dot-circle.png") no-repeat -330px 106px; background-size: 771px 635px; position: absolute; top: -74px;left: 0;}


/* Read */
#graphixcon_read #read_balloon {background-size: 336px 280px; position: absolute; top: -126px; right: 26px; width: 336px; height: 280px;left: initial;}

	
}

@media only screen and (min-width: 1280px) {
#graphixcon_connect .graphixcon_content #connect_art_desktop {display: block; width: 560px; height: 700px;position: absolute;top: 54px;right: 74px;z-index: 12;}

/* Discover */
#graphixcon_discover .graphixcon_content #discover_books h2 {width: 370px;}	
#graphixcon_discover #orange_dots_desktop {display: block; height: 936px; width: 768px;position: absolute;top: -844px; right: 0; background:url("../images/orange_dots.png") no-repeat 139px center; background-size: 768px 936px;}
/*#graphixcon_discover #orange_dots_desktop img {width: 100%;} */	
#graphixcon_discover .graphixcon_content #discover_books {width: 430px; margin: 0 0 0 633px; padding: 102px 10px 95px 18px;z-index: 102;position: relative;}
#graphixcon_discover .graphixcon_content #discover_books p {width: 420px;padding: 3px 0 10px 0;}
#graphixcon_discover #discover_burst {width: 645px; height: 901px; background: url("../images/teal-dot-circle.png") no-repeat -320px 106px; background-size: 901px 732px; position: absolute; top: -70px;left: 0;}

/* Read */
#graphixcon_read .pods-holder h2 {margin: 0 auto 31px; width: 930px;}
#graphixcon_read #read_balloon {position: absolute; top: -126px; right: 26px;}
#graphixcon_read #read_catkid {position: absolute; bottom: 0; right: 100px; width: 480px; height: 385px;}
#graphixcon_read #read_bluedots {position: absolute; bottom: 50px; left: 0; width: 620px; height: 1120px;}

.pod:nth-of-type(odd) {margin:0 0 40px 0; }
.pod {margin:0 40px 40px 40px;}
.pod:nth-last-of-type(-n+2) {margin:0 20px 40px 20px; }


/* Watch Balloon */
#graphixcon_watchballon {}
#watch_balloon {width:403px; position:absolute; left:45%; top:90px;}


/* Watch */
#graphixcon_watch {background-size:100%;}
#graphixcon_watch:before {width:1000px; height:1000px; top:-140px; left:50%;}
#graphixcon_watch .graphixcon_content {max-width:1280px;}

#watch_intro {padding:250px 0 0 0; max-width:840px; margin:0 auto;}
#watch_intro p {max-width:352px;}

/* Watch Frame */
#watch_frame {width:1094px; height:698px; background:url("../images/watch_frame-desktop.png") center center no-repeat; background-size:1094px 698px; margin:-80px 0 0 140px;}

/* Watch Carousel */
#watch_carousel-holder {width:540px; position:absolute; top:170px; left:340px;}
.slick-prev, .slick-next {width:60px; height:60px;}
.slick-prev {left:-35px;}
.slick-next {right:-35px;}
.slick-dots {bottom:-70px;}
.slick-dots li {margin:0 5px;}
.slick-dots li button:before {font-size:16px;}

	
}

@media only screen and (min-width: 1320px) {
#graphixcon_discover #discover_burst {width: 965px; height: 901px; background: url("../images/teal-dot-circle.png") no-repeat 0 106px; background-size: 901px 732px; position: absolute; top: -70px;left: -60px;}

}
  
@media only screen and (min-width: 1440px) {
#graphixcon_discover #discover_burst #discover_burst_balloon {width: 415px; height: 224px; background: url("../images/discover_balloon.png") no-repeat center center; background-size: 415px 244px; position: absolute; top: 3px; left: 220px;z-index: 25;}
#graphixcon_discover #discover_burst #discover_burst_allergic {width: 500px; height: 500px; background: url("../images/allergic-silo.png") no-repeat center center; background-size: contain; position: absolute; top: 179px; left: 148px;}	
#graphixcon_discover #discover_burst {width: 965px; height: 901px; background: url("../images/teal-dot-circle.png") no-repeat 0 106px; background-size: 901px 732px; position: absolute; top: -70px;left: 0px;}
}

@media only screen and (min-width: 1600px) {
#graphixcon_discover #orange_dots_desktop {display: block; height: 936px; width: 768px;position: absolute;top: -844px; right: 0; background:url("../images/orange_dots.png") no-repeat 54px center; background-size: 768px 936px;}

}

@media only screen and (min-width: 1920px) {
#graphixcon_discover #orange_dots_desktop {display: block; height: 936px; width: 768px;position: absolute;top: -844px; right: 0; background:url("../images/orange_dots.png") no-repeat 1px center; background-size: 768px 936px;}

#graphixcon_discover #discover_burst #discover_burst_balloon {position: absolute; top: 3px; left: 440px;z-index: 25;}
#graphixcon_discover #discover_burst #discover_burst_allergic {position: absolute; top: 179px; left: 358px;}	
#graphixcon_discover #discover_burst {width: 965px; height: 901px; background: url("../images/teal-dot-circle.png") no-repeat 0 106px; background-size: 901px 732px; position: absolute; top: -70px;left: 0px;}

}

@media only screen and (min-width: 2000px) {
#graphixcon_discover #discover_burst {position: absolute; top: -70px;left: 290px;}

}