/* captch/mollum */
.captcha {height: 100px;}
#captcha_text{margin-top: 5px;}

.oops {
color: #ff0000 !important;
border: 1px solid #ff0000 !important;
}


.featured.agencies {

}

.hidden {
	display: none;
}

.visible-phone {
display: none !important;
}

/* top nav */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
display: block;
}

nav li, nav ul {
margin: 0;
list-style: none;
}

nav li {
float: left;
}

.featured ul, .work ul, .module ul, ul.social, ul.topic, .info ul, .editorial_feed ul, .resources ul, .topic ul, .cms ul  {
	list-style: none;
}

#nav-primary {
font-size: 12px;
line-height: 1;
text-align: center;
text-transform: uppercase;
height:50px;
}

#nav-primary li {
width: 12.5%;
}

#nav-primary li a {
padding: 20px 0 18px;
background: #fff;
color: #000;
display: block;
font-family: Helvetica,Arial,sans-serif;
}


#nav-primary li a.active {
background: #222;
color: #fff;
}

#nav-primary li a:hover {
background: #404040;
color: #fff;
}

.crop {
position: relative;
overflow: hidden;
}

.work .crop {
height: 150px;
}

.featured .crop {
	height:137px;
}

.ec .crop {height:160px;}

.crop img {position: absolute;}


.group:after {
  content: "";
  display: table;
  clear: both;
}


/* Fonts! */
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

@font-face {
				font-family: 'UNI';
				src: url('../css/fonts/uniucn.eot');
				src: url('../css/fonts/uniucn.eot?#iefix') format('embedded-opentype'),
						 url('../css/fonts/uniucn.woff') format('woff'),
						 url('../css/fonts/uniucn.ttf') format('truetype'),
						 url('../css/fonts/uniucn.svg#uniucn') format('svg');
				font-weight: normal;
				font-style: normal;
}


@font-face{
	font-family: 'Web';
	src: url('../css/fonts/websymbols-regular-webfont.eot');
	src: url('../css/fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../css/fonts/websymbols-regular-webfont.woff') format('woff'),
	     url('../css/fonts/websymbols-regular-webfont.ttf') format('truetype'),
	     url('../css/fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
	}


time {
font-family: 'Droid Sans', arial;
font-size: 14px;
clear: both;
display: block;
margin-bottom: 10px;
text-transform: capitalize;
}

p time {display: inline-block;}


.dropcap {
float: left;
color: #222;
font-size: 75px;
line-height: 60px;
padding-top: 8px;
padding-right: 12px;
padding-left: 7px;
background: #9cc;
margin: 8px 8px 0px 0px;
padding-bottom: 5px;
}


.reveal-modal {
	z-index: 9999999 !important;
}



.topic img {margin-bottom: 30px;}

.work img {width: 100%;}

.work-img .th {display: inline-block; overflow: hidden;height: 90px}


.icon {
	font-family:'Web';
}

.green {
	color: #9cc;
}

select {
	padding: 0.5em;
height: 2.5em;
}

 h1, h2, h3, h4 {
 	text-transform: uppercase;
 	font-family: 'UNI';
 	font-weight: normal;
 }


 header.story-header h1 {
  	font-family: 'Droid Sans', arial;
  	font-weight: bold;
  	text-transform: capitalize;
 	font-size: 65px;
 	line-height: 60px;
 }

 .story-description { font-weight: bold; }

 h2 {
 	font-size: 46px;
 }

 hr {
 	opacity: 0;
 }


/* home page */

.home_header {
	background: #111;
	height: 410px;
	border-bottom: 5px solid #666;
}

.topic_home_header {
	background: #111;
}

.filecount {
  display: inline-block;
  background: #9cc;
  padding: .25rem .35rem;
  line-height: 9px;
  font-size: 11px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin: 0 0 0 7px;
  font-weight: bold;
}

.filecount a {color:#fff !important;}

.logo {
	left: 50%;
	top: 40px;
	margin-left: -245px;
	position: absolute;
	width: 479px;
	height: 159px;
    background: url('/lookbook/images/lookbook_logo.png?234234') no-repeat;
	text-indent: -9999px;
}

.logo_sm {
	width: 220px;
	height: 75px;
    background: url('/lookbook/images/lookbook_logo_sm.png?324234') no-repeat;
	text-indent: -9999px;
	margin: 0;
	padding:0;
}


.login_sm {
	color: #fff;
	top: 49px;
	right: 60px;
	position: absolute;
	display: block;
}


.login {
	color: #fff;
	float: right;
	text-transform: capitalize;
}

.login a, .login_sm a{
	color: #fff;
	text-decoration: none;
	/*margin-right: 15px;*/
}


.home_quote {
position: relative;
padding: 15px;
color: #fff;
list-style: none;
line-height: 26px;
width: 82%;
margin: 0 auto;
margin-top: 220px;
}

.home_quote span {
	font-weight: 700;
	color: #9cc;
}


.home_quote li{
padding: 0 10px;
font-size: 20px;
}

.quote {
	background: url('../images/quotes.png') no-repeat 0 0;
	width: 30px;
	height: 30px;
	float: left;
}

.quote_right {
	background-position: -35px 0;
}

.home_promo {
	background: #333;
	/* height: 45px; */
	height: auto;
	padding: 10px;
}

/* profile pages */

.profile_header {
	background: #222;
	height: 110px;
}


/* search */
.search {
	margin: 10px 0 0px 0;
}

#search {
margin: 0 auto;
background: #9cc;
padding: 30px;
}

#search a {
color: #fff;
display: block;
margin: 10px 0 0 0;
background: #8abdbd;
border-radius: 0;
padding: 10px 6px;
text-align: center;
}


#search_sm {
width: 43%;
margin: 15px 0px 0px 0px;
float: right;
clear: both;
}

#lb-search-box {
background: #eee;
padding:10px;
border:0 none;
width: 75%;
height: 53px;
float: left;
font-size: 18px;
/*
 border-radius:3px 0 0 3px;
-moz-border-radius:3px 0 0 3px;
-webkit-border-radius:3px 0 0 3px;
-o-border-radius:3px 0 0 3px;*/
 }

#lb-search-btn {
cursor: pointer;
width: 25%;
background:#222;
color:white;
border:0;
font-weight:bold;
margin: 0;
font-size: 18px;
height: 53px;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
-o-border-radius:0px;
}

#lb-search-btn:hover {
background: #699;
color: #f8f8f8;
}

 /*custom buttons */

 .solo.dropdown.button:before {
border-width: 0.5625em;
right: .4em;
margin-top: -0.18em;
}


.solo button, .solo.button {
  padding-top: 15px;
  padding-right: 16px;
  padding-bottom: 15px;
  padding-left: 16px;
 }


.browse_button {
text-align: center;
display: block;
width: 100%;
background:#9cc;
color:white;
padding:20px 0px;
border:0 none;
font-weight:bold;
margin: 0 0 15px 0;
font-size: 18px;
/*
border-radius:3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
-o-border-radius:3px 3px 3px 3px;*/
}

.browse_button:hover {
	background: #699;
	color: #f8f8f8;
}

 /* home modules */
    .module h1 {
border-bottom: 1px solid #000;
display: block;
min-height: 1px;
}

   .module h1:after {
border-bottom: 5px solid #9cc;
content: "";
display: block;
position: absolute;
min-height: 1px;
z-index: 10;
width: 30%;
}

  .module h1 span {
display: block;
clear: both;
font-size: 18px;
text-transform: none;
	font-family: 'Droid Sans', arial;
	margin-bottom: 15px;
}

   .module h2 {
 font-size: 46px;
border-bottom: 1px solid #000;
display: block;
min-height: 1px;
}

  .module h2:after {
border-bottom: 5px solid #9cc;
content: "";
display: block;
position: absolute;
min-height: 1px;
z-index: 10;
width: 30%;
}



  .module h3 {
 font-size: 32px;
border-bottom: 1px solid #000;
display: block;
min-height: 1px;
}

  .module h3:after {
border-bottom: 5px solid #9cc;
content: "";
display: block;
position: absolute;
min-height: 1px;
z-index: 10;
width: 40%;
}


 .module ul li {
 	border-bottom: 1px dotted #ccc;
 	padding: 15px 0;
 	font-weight: 700;
 }

 .module ul li img, .featured ul li img {

 }

 .module ol {
 	padding: 0 22px;
 }


 .popular em {
 	margin-left: 20px;
 }

 .accolades img {
 	margin-right: 10px;
 }



  .browse ul li {
  border: 0px;
 padding: 0 0 0 25px;
 font-weight: 700;
 }

a:hover img{
opacity: .5;
 }

   .featured ul li span strong{
  clear: both;
 	display: block;
 	color: #9cc;
 }


 .featured ul li span {
 	display: block;
 	background: #222;
 	color: #fff;
 	padding: 5px 0 5px 10px;
 }


 .work {text-transform: capitalize;}

.work ul li {
	width: 49%;
	padding: 0 1px 0px 0;
	border-bottom: 0px;
	display: inline-block;
	vertical-align: top;
	float: none !important;
}

.work #gallery li:last-child { float: none !important; }

.work ul li:nth-child(4n + 1) { clear: both; }

 .work ul li span strong{
   clear: both;
 display: block;
 	color: #699;
 }


   .topic ul li {
  border-bottom: 0px;
  float:left !important;
  margin-bottom: 30px;
  min-height:285px;
  }

  .topic ul li img {margin: 0;}


 .work ul li span,  .topic ul li span {
 /*font-size: 12px;*/
 	display: block;
 	background: #fff;
 	padding: 5px;
 	width: 100%;
 	font-weight: 400;
 	color:#222;
 	word-wrap: break-word;
 }

 .work-list {
 	min-height: 250px;
 	margin: 0 0 10px;
 	 }

  .news ul li {
 	font-weight: 400;
 }

   .news ul li img {
float: left;
width: 33%;
margin: 6px 10px 0px 0;
height: auto;
}


 .news ul li strong {
 	clear: both;
 	display: block;
 }

 .news ul li a, .blog ul li a {
 	font-weight: 700;
 }


   .creativity ul li {
 	font-weight: 400;
 	line-height: 21px;
 	padding: 15px 0;
 	color: #222;
 	overflow: hidden;
 }


 .creativity ul li strong, .creativity ul li span {
  	display: block;
 }



  .creativity ul li img {
 	display: block;
 	float: left;
 	margin-right: 15px;
 }


  .blog ul li {
 	font-weight: 400;
 	line-height: 21px;
 	padding-bottom: 20px;
 	color: #222;
 }


 .blog ul li strong, .blog ul li span {
  	display: block;
 }


 .blogdate {
 	width: 50px;
 	height: 50px;
 	float: left;
 	background: #222;
 	margin-right: 15px;
 	color: #fff;
 	text-align: center;
 	padding-top: 5px;
 	font-weight: 700;
 	margin-bottom: 0px;
 }


 /* profile pages */

 .profile.info {

 }

  .profile.info img.company{
border: 1px solid #ccc;
clear: both;
margin-top: 15px;
padding: 15px;
 }

 .profile.tabs {
 	background: #f8f8f8;
 	padding: 15px;
 	min-height: 1400px;
 }


 .clients a span,  .resources a span, .network a span, .editorial a span {
 	background: #222;
 	display: block;
 	padding: 5px 0px 3px 5px;
 	font-size: 12px;
 	font-weight: 700;
 	line-height: 1.5 !important;
 }

.clients .thumb {
	background: #fff;
	line-height: 115px;
	padding: 10px;
	overflow: hidden;
}

 .specialties:after {
 	margin-bottom: 15px;
 }

  .specialties ul li {
	line-height: 1.2;
	padding-bottom: 3px;
 }


   .network ul li {
	padding-bottom: 30px;
 }


 /*section nav overwrites */
 .section-container.auto > section > .title a,
 .section-container.auto > .section > .title a  {
 	font-family: 'Droid Sans', arial, sans-serif;
 	text-transform: capitalize;
 	font-size: 18px !important;
     padding-top:10px;
     padding-bottom:10px;
 }


   .profile.tabs .content {
	background: transparent !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
 }


 /*footer*/
 .footer {
 	background: #222;
 	padding: 30px 0 0 0;
 	color: #666;
 	margin-top: 30px;
 }

  .footer a {
 	color: #666 !important;
 }

   .footer a:hover {
 	color: #ccc !important;
 }


 /* social icons */
 .specialties .social li, .social li  {
	font-size: 22px;
	margin-right: 10px;
	float: left;
 }

  /* social icons */
.social li  {
font-size: 16px;
	margin-right: 10px;
	float: right;
 }

 .specialties .social li a{
	color: #222;
 }

  .specialties .social li a:hover{
	color: #666;
 }


 /* maps */
 #map_canvas {
width: 100%;
height: 350px;
}



/* search */

.sb-search {
	position: relative;
	margin-top: 10px;
	width: 0%;
	min-width: 40px;
	height: 60px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #fff;
	width: 100%;
	height: 40px !important;
	margin: 0;
	z-index: 10;
	font-family: inherit;
	font-size: 20px;
	color: #666;/*
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;*/
}


.sb-icon-search,
.sb-search-submit  {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 40px;
	text-align: center;
	cursor: pointer;

}

.sb-search-submit {
	background: #222; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;

}

.sb-icon-search {
	color: #fff;
	background: #111;
	z-index: 90;
	font-size: 22px;
	font-family: 'Web';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}


/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #9cc;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}

#sm_search_container {
position: absolute;
width: auto;
right: 0;
top: 18px;
}

.sm-search-open {
	width:33% !important;
}

 /* sections */

  #profile {

 }

 #search_page, #contact {
 	min-height: 900px;
 }


 #contact label {
 	font-family: 'Droid Sans', arial;
 	font-size: 18px;
 	font-weight: 700;
 	padding-bottom: 7px;
 }

textarea {
  height: 250px;
  border: 1px solid #999;
  }

input {
	border: 1px solid #999;
}


/* analytics */

.analytics {}

.analytics h3 {
	font-size: 72px;
	padding:0px;
	margin:0px;
}

.analytics em {
font-family: 'Droid Sans', arial, sans-serif;
font-size: 16px;
font-style: normal;
color: green;
position: relative;
bottom: 15px;
}

.negative {color: red !important;}


#sitesection {}


/* network */

.nc {
min-height: 125px;
line-height: 125px;
background: #fff;
}

.nc img {padding: 0 10px;}


.network [class*="column"] + [class*="column"]:last-child,
.editorial [class*="column"] + [class*="column"]:last-child {
float: left;
}

#login, #register { padding:50px 0;}

.centered {text-align: center;}

.create {padding: 40px 0; margin: 30px 0;text-align: center; border-top: 1px solid #ccc;}

/*#container {height:auto !important;}*/

.editorial_feed ul li {
	line-height: 3.2em;
	background: #fff;
	margin-bottom:10px;
}

.editorial_feed ul li span{
	display: block;
}

.editorial_feed .blogdate{
	line-height: 1.4em;
}


.editorial .ec {
min-height: 186px;
background: #fff;
margin-bottom: 25px;
}

.editorial .ec.basic{
text-align: center;
min-height: 200px;
line-height: 200px;
background: #fff;
margin-bottom: 25px;
}

.editorial .ec img{padding: 10px;}
.editorial span {text-align: left;}


#editorial section {
	margin-bottom: 10px;
}

#editorial .active > .title {background: #98cbcb;}

#editorial section .content a{
display: block;
clear: both;
margin: 0 0 15px 0;
}

#editorial section .content{
border:1px solid #ddd;
}

/*new topic homepage*/
.large-3.large-20 {
  width: 16.66%;
}

.topic_header{
	background: #666;
	margin-bottom: 20px;
	position: relative;
	height:467px;
}

.topic_data {
	position: absolute;
	z-index: 1;
	color: #fff;
	width: 100%;
	text-align: center;
	top: -240px;
}

.topic_data h2{
	color: #fff;
	margin: 0 0 30px 0;
	font-weight: normal;
	font-size: 4rem;
	line-height: 1;
}

.topic_header .caption {
  position: absolute;
  top: 280px;
  bottom: 0;
  z-index: 10;
  left: 50%;
  margin: 0 0 0 -50%;
  padding: 20px 0;
  width: 100%;
  min-height: 200px;
  background: #fff;
  text-align: left;
}

.topic_header .caption h3 {margin-top:0;}

.topic_header .img-wrap {
width: 100%;
overflow: hidden;
margin: 0;
height:466px;
}

.topic_header .img-wrap img {
position: relative;
width: 100%;
max-height: none;
opacity: .5;
}

.topic_header p {
display: block;
/*width: 75%;
margin: 0 0 3% 0;*/
width: 80%;
margin: 1% 10% 3%;

}

.topic_button {
text-align: center;
display: inline-block;
background:#9cc;
color:white;
padding:15px 30px;
border:0 none;
font-weight:bold;
margin: 0 0 15px 0;
font-size: 16px;
}

.topic_button:hover {
	background: #699;
	color: #f8f8f8;
}


.featured ul li span {
font-size: 0.8em;
}



.breadcrumbs {
	margin:30px 0;
}

.breadcrumbs.top{
	margin-top:0;
}

.breadcrumbs > *{
	text-transform: capitalize;
	font-size: 1em;
	line-height: 1.2em;
}

.breadcrumbs > *:before {
	color:#222;
}

.filter {background: #f8f8f8 !important;}

.filter a {
	display: block;
	clear: both;
	margin: 0 0 10px 0;
	line-height: 20px;
	font-size: 0.875em;
}

article.search-item:first-child {
	padding-top: 0px;
	margin-top: 0px;
	}

article.search-item:nth-child(odd)
{
background:#f8f8f8;
}

article.search-item:nth-child(even)
{
background:#f2f2f2;
}

article.search-item {
background: #222;
margin-bottom: 2px;
}

article.search-item h2 {
line-height: 95px;
margin: 0 0 0 15px;
}


.result {margin-bottom:30px;}

.result_logo {
display: block;
height: 95px;
line-height: 95px;
background: #fff;
border: 1px solid #eee;
text-align: center;
overflow: hidden;
}

.img-container {float:left; margin-right: 15px;}

.premium{
background-image: url('../images/star.png');
background-repeat: no-repeat;
background-position: 99% 50%;
}

ul.pagination li.current a {
background: #699;
}

ul.pagination li.current a:hover, ul.pagination li.current a:focus {
background: #9cc;
}


ul.mean li {
float: left;
margin-right: 7px;
padding:0;
border:0;
font-family: 'UNI';
text-transform: uppercase;
font-size: 4em;
font-weight: normal;
}



.message {
background: #9cc;
height: 75px;
text-align: center;
overflow: hidden;
}

.message p {
margin-top: 20px;
font-size: 24px;
font-weight: 700;
}

.message a {
	color:#222;
}


.remove {
display: inline-block;
padding: 10px 10px 7px 10px;
background: #f2f2f2;
margin: 10px 0px 30px 10px;
}

.close-icon {
display: inline-block;
height: 24px;
width: 20px;
background-image: url(../images/icon-close.png);
background-repeat: no-repeat;
text-indent: -9999px;
vertical-align: middle;
}

.i-icon {
display: inline-block;
height: 25px;
width: 20px;
background-image: url(../images/sm-star.png);
background-repeat: no-repeat;
text-indent: -9999px;
vertical-align: middle;
}



/*tooltip*/

.question {
display: inline-block;
padding: 12px 0 0 0;
background: #fff;
margin: 10px 0px 30px 10px;
}

a.tip div {
position: absolute;
display: none;
padding: 15px;
background: #9cc;
top: -45px;
right: 15px;
z-index: 1;
color:#222 !important;
}

.rel-news-block { 
	width: 100%;
	text-align: center; 
	display: inline-block;
}

a.rel-news-heading { 
	display: block; 
	text-align: left;
}

a.tip {
	float: right;
}

a.tip div:after {
content: '';
position: absolute;
border: 14px solid transparent;
border-top-color: #9cc;
top: 100%;
left: 199px;
}

.editorial {overflow: hidden;}
.sponsor-logo { margin: 0 20px 0 0; overflow: hidden; float: left;}
.sponsor-logo img {padding: 15px; border: 1px solid #eaeaea; background: #fff;}

.btn-lookbook{
margin:40px 0 20px;
width:100%;
height: 45px;
padding: 0 15px;
background:#e4a838;
color: #fff;
font-family: Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 45px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}

.btn-lookbook .tt {background: #c98910;}
.btn-lookbook .tt.bottom:after { border-bottom-color: #c98910; }
.btn-lookbook a {color: #fff;}
.lookbook-story p {font-family: Droid Sans,ProximaNova-Regular,helvetica,sans-serif;}

/* Ads style */
.oaswrapper.para {
  background: #fafafa;
}

#oas {
  margin: 0 auto;
  max-width: 1146px;
}

.oaswrapper.para .advert {border: 0;}

.advert.banner.banner-top {border-top: none;}

.advert.banner, .home-advert.banner {text-align: center;}

.advert.banner {
  padding: 34px 0 10px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background: #f9f9f9;
  font-size: 12px;
}

.advert {font-family: Helvetica,Arial,sans-serif;}

.advert .container{
	width: 980px;
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	clear: both;
}

.advert.banner .ad {
  min-width: 1px;
  margin: 0 auto;
  display: inline-block;
}

@media only screen and (max-width: 767px) {/*mobile*/

	.sponsor-logo { margin: 0 0 20px 0; overflow: hidden; float: none; clear: both; width:100%; text-align: center; background: #fff;}
	.sponsor-logo img {padding: 15px; border: 0;}

input {
    -webkit-appearance: none;
    -webkit-border-radius:0;
    border-radius:0;
}


.editorial_feed ul li strong {
font-size: .7em;
}

#lb-search-btn {
width: 25%;
border:0;
font-size: 12px;
height: 53px;
border-radius:0px !important;
}

	.crop img {position: inherit;}

	.large-3.large-20 {width: 100%; text-align:center; margin-bottom: 30px;}

	.login {width:30%; line-height:1.5em; margin-top:17px;text-align: right; font-size: .8em;}
	.login a {margin-right:0;}


.login_sm {
color: #fff;
top: 20px;
right: 20px;
position: absolute;
display: block;
width: 100px;
line-height: 24px;
text-align: right;
}


.hidden-phone {	display: none!important; }

#search {padding:10px;}

	/*homepage feature*/
	.topic_data h2 {
font-size: 2.5rem;
line-height: 1;
}

	.featured ul li span {
text-align: left;
margin: 0 auto;
display: block;
width: 200px;
}

.featured ul li img {width: 200px;height: 200px;}

.topic_header{overflow: hidden; border-bottom: 17px solid #222; height: auto;}

.topic_header .img-wrap {min-height:1px;}

.topic_header .img-wrap img {
position: absolute;
/*width:auto;*/
height: 375px !important;
opacity: .5;
top:0;
}

.topic_header .caption {position: relative;}

.topic_header p { line-height: 1.2em;}
.topic_button {padding:10px; font-size: 1;}
.featured {	background:#fff; }
.ec .crop {height:160px;}
.editorial .ec img {position: relative; padding:10px; width: auto; height: auto;}


.section-container.auto > section > .title a, .section-container.auto > .section > .title a {
color: #fff !important;
background: #222;
border-bottom: 1px solid #666;
-moz-box-shadow: inset 0 0 0px #000000;
-webkit-box-shadow: inset 0 0 0px #000000;
box-shadow: inset 0 0 0px #000000;
}

.section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a {
border-bottom: 5px solid #9cc;
}

.profile.tabs .content {
background: #f2f2f2 !important;
}

section .content {padding:0;}
.subnav {padding:20px;}

.right{float: none !important;}
}/*end mobile*/


/*hack*/
  [class*="column"] + [class*="column"]:last-child {
    float: left !important;
}

/* divider */
.divider.vert {
height: 215px;
border-right: 1px solid #eaeaea;
width: 50%;
margin-top: 15px;
}



.divider.vert .divider-msg {
position: absolute;
top: 52%;
left: 50%;
margin-left: -10px;
}

.divider-msg {
display: block;
width: 20px;
margin: -13px auto 0;
padding: 10px 0px;
background: #78adad;
color: #fff;
}


.search-msg {
	text-align: center;
	margin-top: 100px;
	font-size: 1.5rem;
	font-weight: bold;
}

@media only screen and (max-width: 767px) {
	.visible-phone {
		display: inherit!important;
	}

	#sm_search_container {
    display: none;
	}
}

@media only screen and (max-width: 40em) {
	.search-msg {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eaeaea;
	}
}

/*subnavs*/
.section-container.subnav.auto > section > .title a, .section-container.subnav.auto > .section > .title a {
color: #fff;
background: #666;
border-bottom: 5px solid #333;
-moz-box-shadow: inset 0 0 0px #000000;
-webkit-box-shadow: inset 0 0 0px #000000;
box-shadow: inset 0 0 0px #000000;
}

.section-container.subnav.auto > section.active > .title a, .section-container.subnav.auto > .section.active > .title a {
color: #fff;
background: #9cc;
border-bottom: 5px solid #7CA6A6;
-moz-box-shadow: inset 0 0 0px #000000;
-webkit-box-shadow: inset 0 0 0px #000000;
box-shadow: inset 0 0 0px #000000;
}

.cf:before,
.cf:after {
 display: table;
 content: " ";
}

.cf:after { clear: both; }

.cf { *zoom: 1; }

/* Added for homepage sponsored */
.news-item {
    position: relative;
    margin-bottom: 40px;
}

.news-item.sponsored {
    background: #eee;
}

.news-item.sponsored span{
	display: block;
    padding:5px;
}


.news-item.sponsored figure{
    margin-bottom:10px;
}

.dynamic-grid.loading .item {
    float: left;
    margin-right: 20px;
    margin-left: 20px;
}


.module {
    padding-top: 40px;
    /* padding-bottom: 80px; */
}

.container {
    position: relative;
    width: 980px;
    margin: 0 auto;
    clear: both;
}

figure, li, ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
}

.help {
  color: #999;
  font-family: Helvetica,Arial,sans-serif !important;
  font-size: 14px !important;
  line-height: 20px !important;
}


/* category pages */
.seperator {border-bottom:1px solid #ccc; margin-bottom:40px;}
.company-logo {background:#fff;position:relative;}
.company-logo img {padding:10px;}
.highlight{padding: 17px 0 0 18px; max-width: 33%; height: auto; position: absolute; bottom: 25px; right: 0;}
.panel li {margin-bottom:30px;}
.editorial a span {font-size: 10px; color:#9cc;}
.collapse {padding-left: 0; padding-bottom: 40px;}
.collapse.module {padding-top: 0px;}
.wrapper {padding:40px 0;}
.related img {padding-bottom: 15px; clear: both; width:100%;}

.details {padding-top: 10px;}
.details.sponsored {padding:10px !important; background:#f2f2f2;}

.lookbook-categories{ background: #78adad; padding:30px; color:#fff;}
.lookbook-categories a {color:#fff;}
.lookbook-categories a:hover {opacity: 0.7}

/* WYSIWYG tool style */
.cke_dialog_ui_input_text { font-size: 11px; }
.cke_dialog_ui_labeled_label {font-size: 10px; }
.cke_reset_all * { height: auto !important; }
.cke_resizer {height: 0 !important; }

/* search pagination */

.pages {
    margin: 20px 0;
    text-align: center;
    border-top: 1px solid #d8d8d8;
    padding-top: 30px;
}

.pages ul {
    margin: 0;
    list-style: none;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0;
    line-height: 0;
}

.pages li {
    position: relative;
    left: 0;
    max-width: 1000px;
    margin-right: 10px;
    margin-bottom: 10px;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

    display: inline-block;
    margin: 0 6px 6px 0;
    font-size: 14px;
    line-height: 20px;
}

.pages li a {
    display: block;
    padding: 11px 19px 12px;
    border: 1px solid #d8d8d8;
    background: white;
    color: #999999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    background: #fafafa;
}


.pages li a:hover {
    border-color: #b2b2b2;
    color: #cccccc;
}


.currentpage a {
    background:#00b6b6 !important;
    color: #fff !important;
    font-weight: bold;
}

/* end search pagination */


/* article fixes */
.lookbook-article ul {margin-left: 20px}
.lookbook-article li {margin-bottom: 12px}

.more-stories{padding-left:20px;}

@media only screen and (max-width: 40em) { /*mobile article and guide page fixes*/
	.container{width:300px;}
	header.story-header h1 { font-size: 30px; line-height: 36px;}
	.columns img {width:300px;}
	.social-mini.tiny li.has-txt a { width: 64px; }
	.more-stories{padding-left:0px;}
	.topic_header, .featured .crop, .topic_header .img-wrap {height: auto;}
	.topic_header .caption {top:0; margin-top:268px;}
	.lookbook-categories ul {margin-bottom: 20px;}

}

/* Guide page View All articles */

+.news-img-left>a,.news-img-left>div
 {
     color:#111;
     display:block;
     padding:25px 0;
 }

.news-img-left .img-container
{
    float:left;
    margin-bottom:20px;
    margin-right:20px;
    max-height:60px;
    max-width:90px;
    overflow:hidden;
}

.news-img-left>a:after,.news-img-left>div:after
{
    clear:both;
    content:'';
    display:table;
    line-height:0;
}

.story .news-img-left>a,.story .news-img-left>div
{
    color:#111;
}

.news-img-left>a:hover,.news-img-left>a:focus
{
    color:#00b6b6;
}

.news-img-left h4
{
    font-family:Helvetica,Arial,sans-serif;
    font-size:14px;
    line-height:20px;
    margin:0;
    text-transform: initial;
}

.news-img-left h4 a
{
    color:#111;
}

.news-img-left time
{
    color:#666;
}

.news-img-left p
{
    padding:0;
}


.listing .news-img-left,.shortcut-bar .news-img-left
{
    border-top:1px solid #d8d8d8;
    position:relative;
}

.listing .news-img-left:first-child,.shortcut-bar .news-img-left:first-child
{
    border-top:none;
}

.listing .news-img-left>a,.listing .news-img-left>div,.shortcut-bar .news-img-left>a,.shortcut-bar .news-img-left>div
{
    padding:15px 200px 15px 125px;
}

.listing .news-img-left img,.shortcut-bar .news-img-left img
{
    margin-left:-125px;
    max-width:none;
}

.listing .news-img-left h4,.shortcut-bar .news-img-left h4
{
    font-family:TiemposText-Regular,"Tiempos Text Regular",Georgia,"Times New Roman",Times,serif;
    font-size:19px;
    line-height:25px;
    margin:4px 0 7px;
}

.listing .news-img-left h4 a:hover,.listing .news-img-left h4 a:focus,.shortcut-bar .news-img-left h4 a:hover,.shortcut-bar .news-img-left h4 a:focus
{
    color:#00b6b6;
}

.listing .news-img-left p a,.shortcut-bar .news-img-left p a
{
    border-bottom:1px solid transparent;
    color:#00b6b6;
}

.listing .news-img-left p a:hover,.listing .news-img-left p a:focus,.shortcut-bar .news-img-left p a:hover,.shortcut-bar .news-img-left p a:focus
{
    border-bottom-color:#00b6b6;
}

.listing .news-img-left .actions,.shortcut-bar .news-img-left .actions
{
    position:absolute;
    right:0;
    top:25px;
}

.listing .news-img-left .actions a:hover,.listing .news-img-left .actions a:focus,.shortcut-bar .news-img-left .actions a:hover,.shortcut-bar .news-img-left .actions a:focus
{
    color:#00b6b6;
}

.shortcut-bar .news-img-left p
{
    color:#999;
}

.listing .news-img-left>a,.listing .news-img-left>div
{
    min-height:84px;
    padding:36px 340px 39px 0;
}

.listing .news-img-left h4
{
    font-family:TiemposHeadline-Medium,"Tiempos Headline Medium",Georgia,"Times New Roman",Times,serif;
    font-size:24px;
    line-height:28px;
    margin:0 0 8px;
}

.listing .news-img-left p
{
    color:#999;
}

.listing .news-img-left img
{
    margin-left:-170px;
    margin-right:0;
    margin-top:4px;
}

.listing .news-img-left .actions
{
    bottom:39px;
    top:auto;
}

.listing .news-img-left.search-item>a,.listing .news-img-left.search-item>div
{
    padding-right:160px;
}

.listing .news-img-left.search-item h4
{
    margin-bottom:14px;
}

.listing .news-img-left.search-item p
{
    margin-bottom:17px;
}

.listing .news-img-left.search-item .snippet
{
    color:#111;
    font-family:TiemposText-Regular,"Tiempos Text Regular",Georgia,"Times New Roman",Times,serif;
    font-size:17px;
    line-height:25px;
    margin-bottom:3px;
}

.listing .news-img-left.search-item .snippet mark
{
    background:#ff0;
    padding:6px 1px;
}

.listing .news-img-left.opinion-item>a,.listing .news-img-left.opinion-item>div
{
    padding-bottom:30px;
    padding-right:270px;
    padding-top:37px;
}

.listing .news-img-left.opinion-item img
{
    margin-top:-4px;
}

.listing .news-img-left.opinion-item h4
{
    margin-bottom:6px;
}

.listing .news-img-left.opinion-item p
{
    color:#cbcbcb;
}

.listing .news-img-left.opinion-item p span
{
    color:#999;
    font-family:TiemposText-Regular,"Tiempos Text Regular",Georgia,"Times New Roman",Times,serif;
    font-size:17px;
    line-height:25px;
    margin-right:5px;
}

.listing .news-img-left.opinion-item p span a
{
    border-bottom:none;
    color:inherit;
}

.listing .news-img-left.opinion-item p span a:hover,.listing .news-img-left.opinion-item p span a:focus
{
    color:#00b6b6;
}

.listing .news-img-left.blog-item>a,.listing .news-img-left.blog-item>div
{
    padding:48px 250px 42px 0;
}

.listing .news-img-left.blog-item h4
{
    margin-bottom:6px;
}

.listing .news-img-left.blog-item p span
{
    color:#999;
    font-family:TiemposText-Regular,"Tiempos Text Regular",Georgia,"Times New Roman",Times,serif;
    font-size:17px;
    line-height:25px;
    margin-right:5px;
}

.listing .news-img-left.blog-item .actions
{
    bottom:50%;
    margin-bottom:-15px;
}

.listing .news-img-left .img-container
{
    float:left;
    margin-bottom:1%;
    margin-left:0;
    margin-right:20px;
    max-height:87px;
    overflow:hidden;
    width:130px;
}

.listing .news-img-left .img-container img
{
    margin-left:0;
    width:130px;
}

.listing .news-img-left h3
{
    font-family:TiemposHeadline-Medium,"Tiempos Headline Medium",Georgia,"Times New Roman",Times,serif;
    font-size:24px;
    line-height:28px;
    margin:0 0 8px;
}

.news-img-left h3 a
{
    color:#111;
}

.news-img-left h3 a:hover
{
    color:#00b6b6;
}

.subnav ul { padding: 0 0 0 20px; }

.lookbook-story li {
	font-family: Droid Sans,ProximaNova-Regular,helvetica,sans-serif;
}

.lookbook-logo a:hover img { opacity: 1; }

@media (max-width: 768px) {
	.editorial .ec {
		min-height: 0;
	}
    .editorial .ec .crop { height: auto; }

    .insert-right { 
    	float: right;
    	margin-right: 50%;
    	transform: translateX(50%);
    }
}

@media (max-width: 767px) and (min-width: 481px) {
 .resources li {
 		width: 100%;
 		padding: 0 0 15px;
 }

 .resources span { width: 57%; }
}

 @media (max-width: 480px) and (min-width: 320px){
 .resources li {
 		width: 100%;
 		padding: 0 0 15px;
 }

 .resources span { width: 68%; }
}

@media (max-width: 320px) {
	.resources span { width: 100%; }
}

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

  .container { width: 640px; }

  .lookbook-article + div .area > .ipad-sub-col {
	margin: 0 auto;
	float: none;
  }
}

.user-access-modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .9);
	z-index: 999999;
}

.user-access-modal {
	position: absolute;
	width: 600px;
	max-height: calc(100vh - 80px);
	box-sizing: border-box;
	top: 50%;
	left: 50%;
	transform: translateY(-50%);
	margin-left: -300px;
	padding: 40px 50px 60px 50px;
	background-color: #fff;
	overflow-y: auto;
}

.user-access-modal-close {
	color: #666;
	font-size: 36px;
	position: absolute;
	top: 20px;
	right: 25px;
}

.user-access-modal-tabs {
	width: 400px;
	height: 74px;
	margin: 0 auto;
	border: 1px solid #666;
	text-align: center;
}

.user-access-modal-tabs a {
	display: block;
	width: 50%;
	line-height: 72px;
	float: left;
	font-size: 24px;
	color: #666;
}

.user-access-modal-tabs a.active {
	background-color: #666;
	color: #fff;
}

.user-access-modal-tabs a:hover:not(.active) {
	background-color: #fafafa;
}

.user-access-modal-content > div:first-child {
	padding-top: 50px;
}

.user-access-modal-content > div:last-child {
	display: none;
	padding-top: 40px;
}

.user-access-modal-content a:hover {
	text-decoration: underline;
}

.user-access-modal-content p {
	text-align: center;
	color: #898989;
	font-size: 14px;
}

.user-access-modal-content p:last-child  {
	padding: 0;
}

.user-access-modal-content .forgot-password > a {
	font-size: 23px;
	color: #666;
}

.user-access-modal-content .forgot-password:hover > a {
	text-decoration: underline;
}

.user-access-modal-content .registration-benefits {
	font-family: "TiemposHeadline-Bold", "Tiempos Headline Bold", Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #000;
	text-align: left;
}

.user-access-modal-content li {
	margin-bottom: 8px;
	font-family: "TiemposText-Regular", "Tiempos Text Regular", Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	color: #000;
}

.user-access-modal-content li:last-child {
	margin-bottom: 0;
}

.user-access-modal-content form {
	width: 100%;
}

.user-access-modal-content form .form-group {
	position: relative;
}

.user-access-modal-content form .form-group:not(:last-of-type) {
	margin-bottom: 35px;
}

.user-access-modal-content form .error-message {
	position: absolute;
	top: -25px;
	left: 19px;
	padding: 0;
	text-align: left;
	font-size: 14px;
	color: #C1272D;
}

.user-access-modal-content form input, .user-access-modal-content form button {
	display: block;
	width: 100%;
}

.user-access-modal-content form input[type="text"], .user-access-modal-content form input[type="password"], .user-access-modal-content form input[type="email"] {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	height: 72px;
	padding: 0 18px;
	font-size: 14px;
	color: #000;
	box-sizing: border-box;
}

.user-access-modal-content form input[type="text"]:focus, .user-access-modal-content form input[type="password"]:focus, .user-access-modal-content form input[type="email"]:focus {
	outline: 1px solid #7db7ef;
}

.user-access-modal-content form button {
	margin: 25px 0 40px 0;
	background-color: #2cc4ff;
	font-size: 23px;
	line-height: 72px;
	text-transform: uppercase;
	color: #fff;
	font-weight: normal;
	padding: 0;
}

.user-access-modal-content form button:hover {
	background-color: #1eb4f5;
}

.user-access-modal-content form button img {
	display: none;
	vertical-align: middle;
	position: relative;
	top: 4px;
	left: -2px;
}

.user-access-modal-content form button.active img {
	display: inline;
}

body.user-access-modal-opened {
	position: fixed;
	overflow-y: hidden;
	width: 100%;
}

body.user-access-modal-opened#nav-tertiary {
	width: 100%;
}

@media screen and (max-width: 767px) {
	.user-access-modal-overlay {
		padding: 15px;
	}

	.user-access-modal {
		position: relative;
		width: 100%;
		margin-left: 0;
		transform: translateY(0);
		top: 0;
		left: 0;
		padding: 60px 15px 25px 15px;
	}

	.user-access-modal-tabs {
		max-width: 300px;
		width: 100%;
	}
}

#nav-tertiary {
	overflow: visible !important;
}

#nav-tertiary > .row, .topic_home_header > .row {
	max-width: none;
}

#nav-tertiary li.dropdown.active {
	line-height: 16px;
}

#nav-tertiary li.dropdown.active .dropdown-menu {
	width: 165px;
	border-top: 0;
}