@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

body {
	background-color: #ececec;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.highlight_home {
	background-color: #9e9e9e;
	background-image: linear-gradient(to right, #9e9e9e 0%, #9e9e9e 100%);
	line-height: 1.5em;
}
.highlight {
	background-color: #e7e8ea;
	background-image: linear-gradient(to right, #e7e8ea 0%, #e7e8ea 100%);
	line-height: 1.5em;
}
.demo_breadcrumb span{
	background-color: #e7e8ea;
	background-image: linear-gradient(to right, #e7e8ea 0%, #e7e8ea 100%);
}

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}
section.fluid {
	margin-top: 10px;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
.nomargin{
	margin:0 !important;
}
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	clear: none;
	float: none;
	max-width:1000px;
}
.hidelogo{
	display: none;
}
.empty-logo-space {
	position:relative;display:inline-block;background-color:white;width:100px;height:35px;
}
#demo_header {
	width: 100%;
	margin-top: 19px;
	position: static;
	display: none;
}
.banner{
	border: 1px solid #E5E5E5;
}
.banner.hidden {
	display:none !important;
}
#leaderboard {
	display: none;
	clear:both;
	width: 728px;
	height: auto;
	margin: 0px auto;
	border:none;
	outline:none;
	float:none;
}
#leaderboard > div:first-of-type {
	margin-top:10px !important;
}
#demo_logo {
	margin-left: 13px;
	padding-left: 0px;
	position: static;
	clear: both;
	text-align: center;
}
#logo {
	font-family: arvo, 'Arvo', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 2.4em;
	color: #bdbdbd;
	text-align: center;
}
.navlogo{
	font-family: arvo, 'Arvo', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 2em;
	color: #bdbdbd !important;
	border:none !important;
	background:none !important;
	padding:0px !important;
}
#mainNav {
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 0px;
	float:none;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.9em;
}
#contentArea, 
#galleryArea {
	background-color: #FFFFFF;
	border-radius: 5px;
	color: #e7e8ea;
}
#contentArticle{
	width:100%;																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																											
}
.demo_breadcrumb {
	border-radius: 5px 5px 0px 0px !important;
	border-bottom: 1px solid #F0F0F0;
	background-color: #FFFFFF;
	color: #e7e8ea;
	font-size: 0.8em;
	font-weight: bold;
	padding: 8px 15px;
}
#tlead_ad {
	display: none;
	clear: both;
	margin-bottom: 10px;
	margin-left: 0;
	background-color: #FFFFFF;
	width:100%;
	border-radius: 5px;
	color: #7F7F7F;
	border:none;
	outline:none;
}
#mlead_ad {
	clear: both;
	background-color: #FFFFFF;
	border-radius: 5px;
	color: #7F7F7F;
	padding:9px 1px;
}
#mrec_ad {
	clear: both;
	margin-left: 0;
	background-color: #FFFFFF;
	border-radius: 5px;
	color: #e7e8ea;
	padding:9px 1px;
}
#videoContent {
	clear: both;
	margin-left: 0;
	background-color: #FFFFFF;
	border-radius: 5px;
	color: #e7e8ea;
	padding:9px;
}
#tvContent {
	clear: both;
	margin-left: 0;
	background-color: #FFFFFF;
	border-radius: 5px;
	color: #e7e8ea;
	padding:9px;
}
#popularContent {
	margin-top: 10px;
	margin-left: 0;
	background-color:#FFF;
	border-radius: 5px;
	color: #e7e8ea;
	padding:9px;
}
#wsky {
	display:none;
	width: 160px;
	height: 600px;
	float: right;
}
#tlead {
	float:none;
	margin: auto !important;
	width: 640px;
	height: 100px;
}
#mlead {
	display:block;
	float:none;
	margin: auto;
	margin-left: -8px !important;
	width: 320px;
	height: 50px;
}
#mrec {
	display:block;
	float:none;
	margin: auto !important;
	width: 300px;
	height: 250px;
}
#gallery_mrec_ad{
	width:100%;
	float:right;
	padding-top:20px;
	padding-bottom:10px;
}
#galleryArticle {
	float:left;
}
.articleContent {
	padding: 15px;
	vertical-align:middle;
	border-bottom: 1px solid #F0F0F0;
}
.articleMain {
	padding: 15px;
	background:#fafafa;
	border-bottom: 1px solid #F0F0F0;
}
.demo_title {
	font-family: Helvetica, "Arial", sans-serif;
	font-size: 1.5em;
	font-weight: bolder;
}
.demo_list {
	font-family: Helvetica, "Arial", sans-serif;
	font-size:0.9em;
	font-weight:bold;
	list-style:square;
	margin: 3px 15px;
	padding: 0px;
}
.demo_list li {
	padding-right: 15px;
	
}
.articleHeader {
}
.thumbImg {
	display: inline;
	/*width:125px;*/
	width:29.9043%;
	min-width:100px;
	max-width:125px;
	float: left;
	margin:0px 10px 10px 0px;
}
.demo_feedtitle {
	margin: 0px 0px 5px 0px;
	font-family: Helvetica, "Arial", sans-serif;
	font-size: 1.3em;
	font-weight: bold;
}
.demo_description{
	margin-bottom: 5px;
	font-size: 0.9em;
}
.demo_description div{
	display:block;
	width:50%;
	height:24px;
	line-height:24px;
	text-align:center;
	float:left;
}
.small_meta {
	margin-bottom: 5px;
	font-size: 0.74em;
}
p.small_meta > *{
	float: left;
}
.small_meta .icon{
	width: 12px !important;
	height: 12px;
	float: left;
	/*margin: 1px 5px 0px 15px;*/
	margin: 0.23923% 1.19617% 0px 2.39234%;
}
.small_meta .generic_image {
	margin: 1px 5px 0px 0px;
}
.small_meta .generic_time {
	background-position: 0px -12px;
}
.small_meta .generic_response {
	background-position: 0px -24px;
}
.demo_side {
	border: 1px solid #E5E5E5;
	border-radius:4px;
}
.side_title {
	padding:3.10559%;
	border-bottom: 1px solid #F0F0F0;
}
.side_title h1 {
	display:inline-block;
	width:auto;
	font-family: Helvetica, "Arial", sans-serif;
	font-size: 1.5em;
	font-weight: bolder;
	margin:0px;
}
.side_title span {
	border: 1px solid #E5E5E5;
	border-radius: 5px;
	font-size: 0.85em;
	padding:0.62111% 1.24223%;
	float: right;
	margin:0px;
}
.demo_page {
	float:right;
	width: 10.182%;
	min-width:32px;
	max-width:32px;
	height:27px;
	margin: 0 1.593%;
}
.demo_pagination {
	float:left;
	width:100%;
	list-style: none outside none;
	margin:9px 0 0 0;
	padding:0;
}
.demo_pagination li{
	float:left !important;
	height: 8px;
	border-radius:4px;
	width: 8px;
	background: #e8e8e8;
	margin: 0 8.945% 0 0;
}
.selected {
	background: #b0b0b0 !important;
}
.demo_arrow {
	padding:0% 2.87331534309% !important;
	font-size: 1.3em !important;
}
.side_content {
	padding:3.10559%;
	background:#fafafa;
	border-bottom: 1px solid #F0F0F0;
}
.videoThumb {
	float:left;
	margin-right: 2.950325%;
	width: 31.36645%;
	background:#ffffff;
	border: 1px solid #E5E5E5;
	border-radius: 3px;
	font-size: 0.8em;
	padding:1.86335%;
	text-align:right;
}
.lastThumb {
	margin-right: 0px !important;
}
.firstThumb {
	margin-left: 0px !important;
}
.videoThumb img {
	width:100%;
	padding-bottom:2px;
}
.tvThumb {
	float:left;
	width: 100%;
	font-size: 0.9em;
}
.tvThumb p {

}
.tvImg {
	display: block;
	float:left;
	width:38.19875%;
	min-width:100px;
	max-width:123px;
	float: left;
	margin:0px 10px 10px 0px;
	border: 1px solid #E5E5E5;
}
.tvThumb h3 {
	margin: 0px 0px 5px 0px;
	/*
	float:left;
	margin: -18px 0px 0px 0px;
	width: 58.69566%;*/
	font-family: Helvetica, "Arial", sans-serif;
	font-size: 1.2em;
	font-weight:bold;
}
.side_contentBelow {
	padding: 0% 3.10559% 3.10559%;
	font-size: 0.8em;
}
.side_contentBelow div span{
	display:inline-block;
	width: 33%;
	border-left: 1px solid #F0F0F0;
	text-align:center;
}
.firstItem {
	border-left: 0px !important;
	text-align:left !important;
}
.side_belowTitle {
	font-family: Helvetica, "Arial", sans-serif;
	font-size: 1em;
	font-weight:bold;
	padding-top:3.10559%;
	padding-bottom: 8px;
	margin-bottom: 5px;
	border-bottom: 1px solid #F0F0F0;
}
.num{
	border-left:none !important;
	color:#e7e8ea;
	width:30px !important;
	font-size:18px;
	margin:0 !important;
}
#demo_footer {
	margin-top:10px;
	border-top: 1px solid #cccccc;
	font-size: 0.75em;
	color:#686868;
	text-align:center;
	padding: 4% 8% 4% 8%;
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}
@media only screen and (min-width:321px){

#mlead {
	display:block;
	float:none;
	margin: auto !important;
	width: 320px;
	height: 50px;
}
	
}
@media only screen and (max-width:480px){

#popularContent {
	display:none;
}
	
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

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

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
}
.hidelogo{
	display: none;
}
#demo_header {
	width: 100%;
	position: static;
	display: none;
}
#leaderboard {
	width: 728px;
	height: auto;
	display: none;
}
#demo_logo {
	margin-left: 0;
	position: static;
	clear: both;
	width: 20%;
	text-align: center;
	height: 90px;
}
#mainNav {
}
#contentArea {
}
.demo_breadcrumb {
}
#videoContent {
	clear: both;
	margin-left: 0;
}
#tvContent {
	clear: both;
	margin-left: 0;
}
#popularContent {
	display:none;
}
#tlead_ad {
	clear: both;
	margin-left: 0;
	display: none;
}
#mlead_ad {
	clear: both;
	margin-left: 0;
}
#mrec_ad {
	clear: both;
	margin-left: 0;
}
#mlead {
	float:none;
	margin: auto !important;
	width: 300px;
	height: 50px;
}
#mrec {
	float:none;
	margin: auto !important;
	width: 300px;
	height: 250px;
}
#wsky {
	display: none;
}
.articleContent {

}
.demo_title {
}
.demo_list {
}
.articleHeader {
}
.thumbImg {
}
.demo_side {
}
.side_title {
}
.side_content {
}
.side_contentBelow {
}
#demo_footer {
	padding: 1% 1% 2% 1%;
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}


/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. original min-width: 768px */

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

.gridContainer {
	width: 100%;
	min-width: 1000px;
	padding-left: 1.11275964391%;
	padding-right: 1.11275964391%;
	margin: auto;
	clear: none;
	float: none;
}
.hidelogo{
	display: block;
}
#demo_header {
	width: 100%;
	position: static;
	display: block;
}
#leaderboard {
	width: 728px;
	height: auto;
	display: block;
}
#demo_logo {
	margin-left: 2%;
	position: static;
	clear: none;
	text-align: justify;
	vertical-align: text-bottom;
}
#logo {
	position: relative;
	clear: none;
	color:#bdbdbd;
	top:34px;
}
#mainNav {
}
#contentArea {
	width: 44.7425825392%;
}
#galleryArea {
	width: 100%;
}
.demo_breadcrumb {
}
#videoContent {
	margin-left: 1.1340285897%;
	clear: none;
	width: 36.4951018868%;
}
#tvContent {
	margin-top:10px;
	margin-left: 1.1340285897%;
	clear: none;
	width: 36.4951018868%;
}
#popularContent {
	display:block;
	background-color:#FFF;
	margin-top:10px;
	width: 34.021%;
	float:right;
}
#tlead_ad {
	margin-top:0;
	margin-left: 0;
	clear: none;
	width: 100%;
	padding:9px;
	display:block;
}
#mlead_ad {
	margin-left: 1.1340285897%;
	clear: none;
	width: 36.4951018868%;
	padding:9px;
}
#mrec_ad {
	margin-top:10px;
	margin-left: 1.1340285897%;
	clear: none;
	width: 36.4951018868%;
	padding:9px;
}
#tlead {
	float:none !important;
	margin:auto !important;
	width: 640px;
	height: 100px;
}
#mlead {
	float:none !important;
	margin:auto !important;
	width: 320px;
	height: 50px;
}
#mrec {
	float:none !important;
	margin:auto !important;
	width: 300px;
	height: 250px;
}
#wsky {
	clear: none;
	background-color: #fff;
	display: block;
}
#gallery_mrec_ad{
	width:34.021%;
}
#galleryArticle {
	width: 65.979%;
}
#contentArticle{
	float:left;
	width:65.979%;
	padding:15px;																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																											
}
.articleContent {	
}
.demo_title {
}
.demo_list {
}
.articleHeader {
}
.thumbImg {
}
.demo_side {
}
.side_title {
}
.side_content {
}
.side_contentBelow {
}
#demo_footer {
	padding: 1% 1% 2% 1%;
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}

div {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

body > header{top:0;z-index:11;transition:ease top .5s;box-shadow:0 2px 6px 0 rgba(0,0,0,.1);width:100%;background:#fff;-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.1);-moz-box-shadow:0 2px 6px 0 rgba(0,0,0,.1)}.nav-up{top:-68px}.container-nav{padding:5px;min-width:800px}ul.cat-nav{position:relative;margin:15px 0;background:0 0}ul.cat-nav-creative{position:relative;margin:10px 0;box-shadow:none}ul.cat-nav li:hover i{transition:transform .3s;transform:rotate(180deg)}ul.cat-nav li:hover:last-child i{transition:transform .3s;transform:rotate(0)}ul.cat-nav li i{position:absolute;top:10px;right:15px;cursor:pointer;font-size:25px;color:#666}ul.cat-nav li a{padding:5px 0;color:#666;user-select:none}ul.cat-nav li{position:relative;display:inline-block;margin:0 12px;border-radius:20px;width:225px;padding:10px 30px;background:#f2f2f2;cursor:pointer;color:#303030}ul.cat-nav li ul{background:#e5e5e5}ul.cat-nav li ul li.device_selected{background-color:#aaa}ul.cat-nav li ul li.device_selected:hover{background-color:red}ul.cat-nav li ul li.type_selected,ul.cat-nav li ul li.type_selected:hover{background-color:#aaa}ul.cat-nav li:hover>ul{border-radius:0 0 20px 20px}.cat-header{position:relative;top:0;z-index:12000}ul.creative-nav-creative{position:relative;transform:scale(1);margin:0;box-shadow:none;padding:0;list-style:none}.creative-header{box-shadow:none}ul.creative-nav li a{color:#666}ul.creative-nav li{position:relative;display:inline-block;transition:all .5s;padding:0;margin-right:20px;color:#303030}ul.cat-nav li:hover{border-radius:20px 20px 0 0;background:#e5e5e5}ul.cat-nav li.reset-button{padding-bottom:0;border-radius:0;background:0 0;font-size:16px;color:#666;padding-left:45px}ul.cat-nav li.reset-button i.up{position:absolute;top:11px;left:15px;color:#666}ul.cat-nav li.reset-button i.down{position:absolute;top:6px;left:15px;color:#666}ul.cat-nav li ul{position:absolute;top:95%;left:0;overflow:hidden;height:0}ul.cat-nav li ul li{cursor:pointer;display:block;margin:0;border-radius:0;width:225px;background-color:#e5e5e5}ul.cat-nav li ul li:hover{border-radius:0;background:#f2f2f2}ul.cat-nav li ul li span{display:block;width:100%;height:100%;padding:6px 6px 6px 12px}ul.cat-nav li ul li{padding:0;line-height:120%}ul.cat-nav li ul li:last-child{border-radius:0}ul.cat-nav li:hover ul li:last-child{border-radius:0 0 20px 20px}ul.cat-nav li:hover>ul{height:auto}.items{margin-top:30px}.items div{display:block;margin:1.5%;width:30%;min-height:300px}.items #item1{background:url(../images/creatives/martel-tumb.png) center;background-size:cover}.items #item2{background:url(../images/creatives/beauty-beast-tumb.png) left top;background-size:cover}.items #item3{background:url(../images/creatives/gap-tumb.png) bottom;background-size:cover}.items #item4{background:url(../images/creatives/finley-tumb.png) center;background-size:cover}.items #item5{background:url(../images/creatives/fort-fiesta_tumb.png) top;background-size:cover}.items #item6{background:url(../images/creatives/fifty-shades-tumb.png) top;background-size:cover}.items #item7{background:url(../images/creatives/delta-tumb.png) bottom;background-size:cover}.items #item8{background:url(../images/creatives/redbull-tumb.png) bottom;background-size:cover}.items #item9{background:url(../images/creatives/samsung-tumb.png) center;background-size:cover}.items #item10{background:url(../images/creatives/adidas-tumb.png) bottom;background-size:cover}.items #item11{background:url(../images/creatives/fort-tumb.png) bottom;background-size:cover}.items #item12{background:url(../images/creatives/kelloggs-tumb.png) center;background-size:cover}
.creative-name {position: absolute !important;top: 50%;transform: translate(0, -50%);pointer-events: none;}.relative {position: relative;z-index: 10;}header, header * {margin: 0;box-sizing: border-box;padding: 0;}.creative-next, .creative-prev {position: relative;top: 2px; display: block;opacity: 0;padding: 3px 20px !important; font-size: 28px;}.fa {display: inline-block;
font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;}.creative-name {width:100%;font-size:16px;left:0 !important;text-align:center;}
@media screen and (max-width: 600px) {.cat-header {display:none;}}

/* Alert Message */
.alert-message{background-color:#ddd;position:fixed;display:inline-block;width:100%;padding:10px;left:0;top:0;text-align:center;color:#333;font:400 12px/12px Arial,sans-serif;outline:0;border:0;z-index:30000000;border-radius:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-origin:center top;-webkit-transform-origin:center top;transition:-webkit-transform .5s cubic-bezier(.6,.08,.94,.55),transform .5s cubic-bezier(.6,.08,.94,.55);-webkit-transition:-webkit-transform .5s cubic-bezier(.6,.08,.94,.55),transform .5s cubic-bezier(.6,.08,.94,.55)}.alert-message:before{content:'';background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAP1BMVEUAAAAAAAAAAABPT08jIyMAAAAAAAAAAAAAAAD+/v719fXp6end3d3CwsIAAAA8PDw7OzsiIiIFBQUAAAD///9vHI2rAAAAFHRSTlN4iYGgiIZoZmH7+PHq26STko5xC7nbd/UAAABoSURBVBjTZU9JEsAwCFKydm8S/v/WZpnpRS+MiArSMuQv5Cb5Vg3aa8KdBYoxAjqsRqVcLgHJXUW0s6Ge3N4Y341nDTIUjqT3JN1UKNJD7jv5JCwC0R/k4SMsYVfMUfvWGDPWTTgT/wM5vQYRrU4YIQAAAABJRU5ErkJggg==);background-size:100%;width:12px;height:12px;position:relative;float:right;margin-left:10px;-webkit-tap-highlight-color:transparent}

/* QR Code */
#qrcode {
	background-color:#fff;
	position:fixed;
	display:inline-block;
	right:0;
	bottom:50px;
}