/* ==========================================================================
   Worldcrunch.com
   ========================================================================== */

   /*! normalize.css v1.1.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 nav,
 section,
 summary {
 	display: block;
 }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

 audio,
 canvas,
 video {
 	display: inline-block;
 	*display: inline;
 	*zoom: 1;
 }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

 audio:not([controls]) {
 	display: none;
 	height: 0;
 }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

 [hidden] {
 	display: none;
 }

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

 html {
 	background: #fff; /* 1 */
 	color: #000; /* 2 */
 	font-size: 100%; /* 3 */
 	-webkit-text-size-adjust: 100%; /* 4 */
 	-ms-text-size-adjust: 100%; /* 4 */
 }

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

 html,
 button,
 input,
 select,
 textarea {
 	font-family: sans-serif;
 }

/**
 * Address margins handled incorrectly in IE 6/7.
 */

 body {
 	margin: 0;
 }

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

 a:focus {
 	outline: thin dotted;
 }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

 a:active,
 a:hover {
 	outline: 0;
 }

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

 h1 {
 	font-size: 2em;
 	margin: 0.67em 0;
 }

 h2 {
 	font-size: 1.5em;
 	margin: 0.83em 0;
 }

 h3 {
 	font-size: 1.17em;
 	margin: 1em 0;
 }

 h4 {
 	font-size: 1em;
 	margin: 1.33em 0;
 }

 h5 {
 	font-size: 0.83em;
 	margin: 1.67em 0;
 }

 h6 {
 	font-size: 0.67em;
 	margin: 2.33em 0;
 }

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

 abbr[title] {
 	border-bottom: 1px dotted;
 }

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

 b,
 strong {
 	font-weight: bold;
 }

 blockquote {
 	margin: 1em 40px;
 }

/**
 * Address styling not present in Safari 5 and Chrome.
 */

 dfn {
 	font-style: italic;
 }

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

 hr {
 	-moz-box-sizing: content-box;
 	box-sizing: content-box;
 	height: 0;
 }

/**
 * Address styling not present in IE 6/7/8/9.
 */

 mark {
 	background: #ff0;
 	color: #000;
 }

/**
 * Address margins set differently in IE 6/7.
 */

 p,
 pre {
 	margin: 1em 0;
 }

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

 code,
 kbd,
 pre,
 samp {
 	font-family: monospace, serif;
 	_font-family: 'courier new', monospace;
 	font-size: 1em;
 }

/**
 * Improve readability of pre-formatted text in all browsers.
 */

 pre {
 	white-space: pre;
 	white-space: pre-wrap;
 	word-wrap: break-word;
 }

/**
 * Address CSS quotes not supported in IE 6/7.
 */

 q {
 	quotes: none;
 }

/**
 * Address `quotes` property not supported in Safari 4.
 */

 q:before,
 q:after {
 	content: '';
 	content: none;
 }

/**
 * Address inconsistent and variable font size in all browsers.
 */

 small {
 	font-size: 80%;
 }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

 sub,
 sup {
 	font-size: 75%;
 	line-height: 0;
 	position: relative;
 	vertical-align: baseline;
 }

 sup {
 	top: -0.5em;
 }

 sub {
 	bottom: -0.25em;
 }

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

 dl,
 menu,
 ol,
 ul {
 	margin: 1em 0;
 }

 dd {
 	margin: 0 0 0 40px;
 }

/**
 * Address paddings set differently in IE 6/7.
 */

 menu,
 ol,
 ul {
 	padding: 0 0 0 40px;
 }

/**
 * Correct list images handled incorrectly in IE 7.
 */

 nav ul,
 nav ol {
 	list-style: none;
 	list-style-image: none;
 }

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

 img {
 	border: 0; /* 1 */
 	-ms-interpolation-mode: bicubic; /* 2 */
 }

/**
 * Correct overflow displayed oddly in IE 9.
 */

 svg:not(:root) {
 	overflow: hidden;
 }

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

 figure {
 	margin: 0;
 }

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

 form {
 	margin: 0;
 }

/**
 * Define consistent border, margin, and padding.
 */

 fieldset {
 	border: 1px solid #c0c0c0;
 	margin: 0 2px;
 	padding: 0.35em 0.625em 0.75em;
 }

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

 legend {
 	border: 0; /* 1 */
 	padding: 0;
 	white-space: normal; /* 2 */
 	*margin-left: -7px; /* 3 */
 }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

 button,
 input,
 select,
 textarea {
 	font-size: 100%; /* 1 */
 	margin: 0; /* 2 */
 	vertical-align: baseline; /* 3 */
 	*vertical-align: middle; /* 3 */
 }

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

 button,
 input {
 	line-height: normal;
 }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

 button,
 select {
 	text-transform: none;
 }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

 button,
 html input[type="button"], /* 1 */
 input[type="reset"],
 input[type="submit"] {
 	-webkit-appearance: button; /* 2 */
 	cursor: pointer; /* 3 */
 	*overflow: visible;  /* 4 */
 }

/**
 * Re-set default cursor for disabled elements.
 */

 button[disabled],
 html input[disabled] {
 	cursor: default;
 }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

 input[type="checkbox"],
 input[type="radio"] {
 	box-sizing: border-box; /* 1 */
 	padding: 0; /* 2 */
 	*height: 13px; /* 3 */
 	*width: 13px; /* 3 */
 }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

 input[type="search"] {
 	-webkit-appearance: textfield; /* 1 */
 	-moz-box-sizing: content-box;
 	-webkit-box-sizing: content-box; /* 2 */
 	box-sizing: content-box;
 }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
 	-webkit-appearance: none;
 }

/**
 * Remove inner padding and border in Firefox 3+.
 */

 button::-moz-focus-inner,
 input::-moz-focus-inner {
 	border: 0;
 	padding: 0;
 }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

 textarea {
 	overflow: auto; /* 1 */
 	vertical-align: top; /* 2 */
 }

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

 table {
 	border-collapse: collapse;
 	border-spacing: 0;
 }


 html,
 button,
 input,
 select,
 textarea {
 	color: #222;
 }

 body {
 	font-size: 1em;
 	line-height: 1.4;
 }

 ::-moz-selection {
 	background: #b3d4fc;
 	text-shadow: none;
 }

 ::selection {
 	background: #b3d4fc;
 	text-shadow: none;
 }

 hr {
 	display: block;
 	height: 1px;
 	border: 0;
 	border-top: 1px solid #ccc;
 	margin: 1em 0;
 	padding: 0;
 }

 img {
 	vertical-align: middle;
 }
 fieldset {
 	border: 0;
 	margin: 0;
 	padding: 0;
 }

 textarea {
 	resize: vertical;
 }

 .chromeframe {
 	margin: 0.2em 0;
 	background: #ccc;
 	color: #000;
 	padding: 0.2em 0;
 }
 /*END NORMALIZE*/



/* ==========================================================================
   Color swatches
   ==========================================================================
  
  #f9f9f9 header light background
  #f1f1f1 light gray (background)
  #e0e0e0 light gray (border)
  
  #ebebeb newsmap article BG
  #f5f5f5 aside, load more gray background
  #d4d4d4 aside article border
  #ffffff article body bg
  #f9f9f9 article footer bg
  
  #19304e blue
  #122237 blue darker (caption shadow)
  #596c86 newsmap bottom blue
  
  #7f7f7f gray text (share buttons)
  #1e3451 blue text
  #fe9000 orange links
   
  */   

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

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

  body {
  	text-align: center;
  	font-size: 62.5%;
  }

  /* header */
  #heading {
  	background: url(../img/bg-heading.png) 0 0 repeat-x;
  	width: 100%;
  	min-width: 960px;
  	height: 309px;
  	position: relative;
  }

  #heading header {
  	padding-top: 110px;
  }

  #heading .banner {
  	padding: 10px 0;
  	text-align: center;
  	height: 110px;
  	position: absolute;
  	top: 0;
  	text-align: center;
  	left: 0;
  	width: 100%;
  }

  #heading nav.social,
  footer nav.social {
  	text-align: right;
  }

  #heading nav.social {
  	margin-top: 1px;
  }

  #heading nav.social .icon,
  footer nav.social .icon {
  	display: inline-block;
  	width: 41px;
  	height: 39px;
  	border: 1px solid white;
  	text-indent: -99999px;
  	background-size: 39px 39px;
  	margin-right: -4px; /* "fix" for inline-block elements spacing */
  }


  #heading nav.social .icon.ic-ul {
  	width: 126px;
  	background: url(../img/button-user-login.png) 0 0 no-repeat;
  	background-size: 127px 39px;
  	margin-right: 0;
  }

  #heading nav.social .icon.ic-logout {
  	width: 75px;
  	background: url(../img/LOG-OUT.png) 0 0 no-repeat;
  	background-size: 75px 39px;
  	margin-right: 0;
  }

  #heading nav.social .icon.ic-editpr {
  	width: 126px;
  	background: url(../img/EDIT-PROFILE.png) 0 0 no-repeat;
  	background-size: 127px 39px;
  	margin-right: 0;
  }

  .icon.ic-fb {
  	background: url(../img/icon-facebook.png) 0 0 no-repeat;
  }

  .icon.ic-nl {
  	background: url(../img/nl.png) 0 0 no-repeat;
  	background-size: 127px 39px;
  	width: 126px;

  	margin-right: 0;
  }
  #heading nav.social .icon.ic-nl {
  	width: 126px;
  	background: url(../img/nl3.png) 0 0 no-repeat;
  	background-size: 127px 39px;
  	margin-right: 0;
  }



  .icon.ic-tw {
  	background: url(../img/icon-twitter.png) 0 0 no-repeat;
  }

  .icon.ic-gp {
  	background: url(../img/icon-gplus.png) 0 0 no-repeat;
  }

  .icon.ic-rss {
  	background: url(../img/icon-rss.png) 0 0 no-repeat;
  }

  .icon.ic-em {
  	background: url(../img/icon-mail.png) 0 0 no-repeat;
  }


  #heading header h1 {
  	background: url(../img/logo.png) 0 0 no-repeat;
  	display: block;
  	width: 292px;
  	height: 48px;
  	text-indent: -99999px;
  	margin-top: 28px;
  }

  #heading header form.search-form {
  	position: absolute;
  	right: 131px;
  	top: 185px;
  	width: 195px;
  	height: 40px;
  	text-align: left;
  	background: transparent url(../img/search-box.png) 0 0 no-repeat;
  }

  #heading header form.search-form input[name="q"] {  
  	border: none;
  	background: transparent;
  	height: 40px;
  	font-size: 1.2em;
  	text-transform: uppercase;
  	padding-left: 10px;
  	width: 145px;
  }

  #heading header form.search-form input[type="submit"] {
  	display: inline-block;
  	height: 40px;
  	width: 40px;
  	position: absolute;
  	top: 0;
  	right: 0;
  	border: none;
  	background: transparent;
  	text-indent: -99999px;
  }

  #heading header .subscribe-button {
  	position: absolute;
  	display: block;
  	right: 0;
  	top: 185px;
  	width: 128px;
  	height: 40px;
  	background: transparent url(../img/button-subscribe-now.png) 0 0 no-repeat;
  	text-indent: -99999px;
  }


  
  #heading header nav.primary {
  	height: 50px;
  	margin: 0 auto;
  	max-width: 1100px;
  	min-width: 1100px;
  	overflow: hidden;
  	position: relative;
  	text-align: center;
  	top: 15px;
  	width: 100%;
  }
  #heading header nav.primary h2 {
  	display: block;
  	border: 1px solid #ffffff;
  	border-style: none solid none none;
  	padding-left: 12px !important;
  	padding-right: 12px !important;
  	margin: 20px -1px 0 0;
  	width: auto;
  	float: left;
  	line-height: .8em;
  	padding: 0 19px;
  }


  #heading header nav.primary h2 a,
  #heading header nav.primary h2 a:active,
  #heading header nav.primary h2 a:visited {
  	color: #ffffff;
  	font-size: .84em;
  	font-size: 13px;
  	font-weight: bold;
  	text-decoration: none;  
  	text-transform: uppercase;
  }


  #heading header nav.primary h2 a,
  #heading header nav.primary h2 a:active,
  #heading header nav.primary h2 a:visited,
  .source-partner .mainhead h2,
  #headmap h1,
  #main .mainhead p,
  .single-article #articles article .artbody,
  #articles article h1,
  .single-article #articles article p,
  .qotw, .qotw h1, .qotw span, .qotw p,
  .mondo #articles article strong,
  .mondo #articles article .content,
  .mondo #articles article .caption,
  .mondo #articles article .caption a,
  .subscription #main h2,
  .subscription #main ul li,
  .subscription #main h3,
  .subscription #main #slen p,
  .static section > h1,
  .static section h2,
  .static section p,
  .static section a,
  .static section #articles article header,
  .static #banners article h1,
  .static #banners article h2,
  .static #banners article h3,
  .static #banners article a,
  .form-box h1,
  .form-box h2,
  .form-box.signup b
  {
  	font-family: "PT Sans", Arial, Helvetica, sans-serif;
  }

  .static section > h1,
  .static section h2,
  .static section p,
  .static section a,
  .static section #articles article header,
  .static #banners article h1,
  .static #banners article h2,
  .static #banners article h3,
  .static #banners article a,
  .static.rss section article a
  {
  	color: #0d1e34;
  }

  .static #banners article h1,
  .static #banners article h2,
  .static #banners article h3,
  .static #banners article a 
  {
  	font-family: Arial, Helvetica, sans-serif;
  }


  .orange,
  .static section h2.orange,
  #heading header nav.primary h2.active a,
  #heading header nav.primary h2 a:hover,
  #main #sectionheading h1,
  .subscription #main h2,
  .subscription #slen h3,
  .static section > h1,
  .static section article a,
  .source-partner .mainhead > a,
  .source-partner .mainhead h2
  .popup h1, .popup h2, .popup h3,
  .popup-premium ul li
  {
  	color: #fd8600;
  }

  .partner-head h1, .partner-head h2, .partner-head p
  { 
  	color: #19304e;
  }


  #heading header nav.primary h2:first-child {
  	padding-left: 0;
  }
/*
#heading header nav.primary h2:last-child {
  border: none;
  text-align: right;
  right: 0;

  position: absolute;

  top: 0;
}
  border: none;
  padding-right: 0;
  padding: 0;
  text-align: right;
  right: 0;
  position: absolute;
  right: 0;
  top: 0;

  */

  /* popups */

  .overlay { 
  	position: fixed;
  	top: 0; right: 0; bottom: 0;  left: 0;

  	z-index: 100; 
  	background: rgba(0,0,0,.8)
  }

  .popup-wrap {
  	position: absolute;
  	z-index: 110;
  	top: 20%;
  	left: 35%;
  }

  .popup {
  	border-radius: 5px;
  	background: #ffffff;
  	padding: 3em;
  }

  .popup h1 { font-size: 2.1em; margin: 0; }
  .popup h2 { font-size: 1.7em; margin-top: 0;}
  .popup h3 { font-size: 1.9em; margin-top: 0; text-align: left; margin: 1em 0;}

  .popup form,
  .popup p {
  	text-align: left;
  }

  .popup-video {
  }

  .popup-premium {
  	position: relative;
  	width: 560px;
  	text-align: left;
  	background: #ffffff url(../img/logo.png) 3em 3em no-repeat;
  	min-height: 480px; 
  }

  .popup-premium div {
  	width: 290px;
  	padding-top: 5em;
  }

  .popup-premium ul {
  	width: 180px;
  	position: absolute;
  	top: 163px;
  	padding: 0;
  	left: 352px;
  }


  .popup-premium a.first-child {
  	position:absolute;
  	top: 420px;
  	left: 146px;
  }

  .popup-premium a.second-child {
  	position: absolute;
  	top: 420px;
  	left: 278px;
  }

  .popup-premium ul li {
  	font-size: 1.2em;
  	margin: 1.2em 0;
  }

  .popup-premium ul li.first-child {
  	margin-top: 0;
  }

  .popup-premium ul li span {
  	color: #828282;
  }

  .popup-premium h1 {
  	text-align: right;
  	color: #c7c7c7;
  	font-size: 2.1em;
  	padding-top: .5em;
  	text-transform: uppercase;
  }

  .popup-premium h2 {
  	margin-top: 2em;
  	text-align: center; 
  }

  .popup-premium h3 {
  	color: #555658;
  	font-size: 1.4em;
  	position: absolute;
  	top: 132px;
  	left: 340px;
  }

  .popup-premium div img {
  	width: 290px;
  	height: auto;
  	margin-bottom: 3em;
  }


  .popup-premium div small {
  	color: #828282;
  	font-size:1em;
  }

  /* newsmap */

  #newsmap {
  	/* background: #a2bddd url(../img/map.jpg) 0 0 no-repeat; */
  	width: 100%;
  	min-width: 960px;
  	height: 392px;
  	overflow: hidden;
  	position:relative;
  }

  #newsmap nav.full-map-nav {
  	display: none;
  }

  #newsmap.fullview {
  	/* height: 673px; */ 
  }

  #newsmap.fullview .newsmap-zoomout {
  	display: none;
  }

  #newsmap.fullview .wrapper > .newsmap-button,
  #newsmap.fullview .newsmap-secondary {
  	display: none;
  }
  body #newsmap.fullview a.newsmap-zoomout {
  	display: block;
  	left: 0;
  	right: auto;
  	background: ##oranz; /* Old browsers */
  	background: -webkit-linear-gradient(top,  ##oranz 0%,#e27800 100%);
  	background: -o-linear-gradient(top,  ##oranz 0%,#e27800 100%); 
  	background: -ms-linear-gradient(top,  ##oranz 0%,#e27800 100%); 
  	background: linear-gradient(to bottom,  ##oranz 0%,#e27800 100%); 
  	border-top:1px solid #oranz;
  	border-left:1px solid #oranz;
  	border-right:1px solid #oranz;
  	bottom: -1px;
  	height: 36px;
  	line-height: 1.5em;
  }

  #newsmap.fullview a.newsmap-button img {
  	display: inline-block;
  	margin-top: -4px;
  	margin-left:10px;
  }


  #newsmap.fullview nav.full-map-nav {
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	height: 35px;
  	width: 100%;
  	z-index: 20;
  	text-align: center;
  	display: block;
  }

  #newsmap.fullview nav.full-map-nav span,
  #newsmap.fullview nav.full-map-nav button {
  	color: white;
  	text-transform: uppercase;
  	background: transparent;
  	border: 1px solid white;
  	border-radius: 3px;
  	padding: 6px 10px;
  	margin: 0;
  	display: inline-block;
  	margin-top: 4px;
  	width: 90px;  
  }

  #newsmap.fullview nav.full-map-nav span {
  	border-color: transparent;
  }

  #newsmap.fullview nav.full-map-nav button {
  	background: #77879e; 
  	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3ODc5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ODc2ODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  	background: -moz-linear-gradient(top,  #77879e 0%, #687689 100%); /* FF3.6+ */
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77879e), color-stop(100%,#687689));
  	background: -webkit-linear-gradient(top,  #77879e 0%,#687689 100%); 
  	background: -o-linear-gradient(top,  #77879e 0%,#687689 100%);
  	background: -ms-linear-gradient(top,  #77879e 0%,#687689 100%); 
  	background: linear-gradient(to bottom,  #77879e 0%,#687689 100%);
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77879e', endColorstr='#687689',GradientType=0 ); /* IE6-8 */
  	border-color: rgba(255,255,255,.5);
  }

  #newsmap footer {
  	height: 35px;
  	width: 100%;
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	background: #596c86;
  	border-top: 1px solid #708197;
  	border-bottom: 1px solid #49586d;
  	z-index: 10;
  }



  #headmap {
  	width: 100%;
  	height: 280px;
  	background: transparent url(../img/bg-dossier.jpg) 50% 0 no-repeat;
  }

  #headmap .wrapper {
  	width: 960px;
  	height: 280px;
  	margin: 0 auto;
  	text-align: left;
  	position: relative;
  	overflow: hidden;
  }

  #headmap h1 {
  	width: auto;
  	display: inline-block;
  	background: rgba(25,48,78,.7);
  	color: white;
  	font-size: 2.5em;
  	padding: 6px 12px 5px 12px;
  	border-radius: 6px;
  }

  #newsmap .wrapper {
  	width: 100%;
  	left: 52px;
  	top: 1px;
  	height: 100%;
  	margin: 0 auto;
  	text-align: left;
  	position: relative;
  	overflow: hidden;
  }

  footer .wrapper {
  	width: 960px;
  	text-align: left;
  	margin: 0 auto;
  }

  #newsmap nav.newsmap-primary a.go-prev {
  	display: none; 
  }

  #newsmap nav.newsmap-primary a.go-next {
  	display: none;
  }


  #newsmap article {
  	width: 480px; 
  	height: 294px;
  	position: relative;
  	top: 30px;
  }

  #newsmap article img {
  	width: 200px;
  	height: 135px;
  	float: left;
  	margin: 20px 20px;
  }


  #newsmap article header {
  	background: rgba(83,108,142,.5);
  	height: 62px;
  	border-radius: 6px 6px 0 0;
  }

  #newsmap article .artbody {
  	background: #ebebeb;
  	width: 100%;
  	height: 232px;
  	position: absolute;

  	width: 480px;
  	top: 62px;
  	border-radius: 0 0 6px 6px;

  	box-sizing: border-box;
  }

  #newsmap article .artbody_fixed {
  	background: #ebebeb;
  	width: 100%;
  	height: 232px;
  	position: absolute;
  	width: 480px;
  	top: 62px;
  	border-radius: 0 0 6px 6px;

  	box-sizing: border-box;
  }


  #newsmap article h1 {
  	color: #19304e;
  	font-size: 2.2em;
  	margin: 16px 0 0 0;

  }

  #newsmap article nav {
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	height: 56px;
  }

  #newsmap article nav a {
  	display: inline-block;
  	text-indent: -99999px;
  }

  #newsmap article nav a.share {
  	background: transparent url(../img/link-share.png) 0 0 no-repeat;
  	width: 51px;
  	height: 12px;
  	position: absolute;
  	top: 15px;
  	left: 20px;
  }

  #newsmap article nav a.readlater {
  	background: transparent url(../img/link-read-later.png) 0 0 no-repeat;
  	width: 80px;
  	height: 12px;  
  	position: absolute;
  	top: 15px;
  	left: 90px;
  }

  #newsmap article nav a.readmore {
  	background: transparent url(../img/button-readmore.png) 0 0 no-repeat;
  	width: 130px;
  	height: 96px;  
  	position: absolute;
  	top: 0;
  	right: 20px;
  }

  
  #newsmap article p.location {
  	background: transparent url(../img/worldc-pin.png) 0 0 no-repeat;
  	height: 3em;
  	margin: 10px 0 0 10px;
  	position: absolute;
  }
  #newsmap article p.caption {
  	display: block;
  	width: auto;
  	position: absolute;
  	right: 0px;
  	top: 5px;
  	color: white;
  	text-transform: uppercase;
  	background: #19304e;
  	line-height: 27px;
  	padding: 0 2px 0 10px;
  }

  #newsmap article p.caption img {
  	width: 11px;
  	height: 37px;
  	position: absolute;
  	right: -10px;
  	top: 0;
  	margin: 0;
  	padding: 0;
  }

  #newsmap nav.newsmap-secondary {
  	position: absolute;
  	bottom: 10px;
  	left: 48%;
  	z-index: 20;
  }

  #newsmap nav.newsmap-secondary a.newsmap-page {
  	display: inline-block;
  	width: 13px;
  	height: 13px;
  	text-indent: -99999px;
  	background: transparent url(../img/pagination-inactive.png) 0 0 no-repeat;  
  }

  #newsmap nav.newsmap-secondary a.page-active {
  	background: transparent url(../img/pagination-active.png) 0 0 no-repeat;  
  }


  #newsmap a.newsmap-button,
  #headmap a.newsmap-button {
  	display: block;
  	position: absolute;
  	right: 0;
  	bottom: 1px;
  	background: #3b4e66;
  	box-sizing: border-box;
  	padding: 8px 12px;
  	color: white;
  	text-transform: uppercase;
  	text-decoration: none;
  	font-weight: bold;
  	font-size: 1.2em;
  	border: 1px solid #36475c;
  	z-index: 20;
  }

  /* ticker */

  #ticker {
  	width: 960px;
  	margin: 0 auto;
  	background: #f5f5f5;
  	height: 36px;
  	box-sizing: border-box;
  	overflow: hidden;
  	text-align: left;
  	padding: 0;
  	margin-top: 14px;
  	position: relative;
  	border: 1px solid #dcdcdc;
  }
  #ticker h1 {
  	margin: 0;
  	padding: 0;
  	font-weight: bold;
  	font-size: 1.3em;
  	color: #1e3451;
  	text-transform: uppercase;
  	position: absolute;
  	top: 9px;
  	left: 10px;
  }
  #ticker nav {
  	position: absolute;
  	right: 0;
  	left: 13.5em;
  	height: 3em;
  	overflow: hidden;
  	width: 200%;
  }

  #ticker .fo {
  	width: 25px;
  	height: 33px;
  	position: absolute;
  	z-index: 100;
  	background: transparent url(../img/fadeout.png) 0px 2px no-repeat;
  	right: 0;
  }

  #ticker h2 {
  	font-size: 1.2em;
  	padding: 0;
  	margin: 0;
  	display: inline-block;
  	position: relative;
  	top: 10px;
  	font-weight: bold;
  	margin-right: 10px;
  }
  #ticker h2 a {
  	color: #1e3451;
  	text-decoration: none;
  }


  /* MAIN */

  #main {
  	margin: 14px auto 0 auto;
  	width: 960px; /*fixme*/
  	text-align: left;
  	position: relative;
  }

  #main.single-article {
  	margin-top: 24px;
  }

  #main .mainhead p {
  	color: #1e3451;
  	font-size: 1.8em;
  	margin-bottom: 1.5em;
  }

  #main #articles {
  	width: 660px; /*fixme*/
  	float: left;
  	position: relative;
  	padding-bottom: 4em;
  }

  #main #banners {
  	width: 300px;
  	float: right;
  	position: relative;
  }


  #main #sectionheading h1 {
  	font-size: 2.8em;
  	text-transform: uppercase;
  	padding: 0;
  	margin: 10px 0 20px -1px;
  }

  /* ARTICLE */

  #articles article {
  	width: 300px;
  	height: 410px;
  	background: white;
  	border: 1px solid #d4d4d4;
  	float: left;
  	box-sizing: border-box;
  	position: relative;
  	margin-bottom: 3em;
  	/* margin-right: 3em; */
  }

  .artlist #articles article:nth-of-type(2n) {
  	margin-left: 3em;
  	margin-bottom: 3em;
  }

  .single-article #articles article {
  	width: 630px; /*fixme*/
  	height: auto; 
  	border: none;
  }

  .single-article #articles article .artbody {
  	color: #0d1e34;
  	font-size: 1.8em;
  	font-weight: normal;
  	margin: 0;
  	padding: 0;
  }

  .artbody img {
    display: block;
    margin: 0 auto;
  }
  .artbody a {
    color: orange;
  }

  .artbody a:visited {
    color: orange;
  }

  .artbody div {
    text-align: justify;
  }


  .single-article .byline {
  	margin: 20px 0 0 0;
  	background: #f5f5f5;
  	padding: 10px;
  	border: 1px solid #d4d4d4;
  	color: #878787;
  	font-size: 1.1em;
  	position: relative;
  }

  .single-article .name {
  	font-weight: bold;
  }

  #articles article header {
  	padding: 8px;
  	box-sizing: border-box;
  	position: relative;
  	max-height: 360px;
  	overflow: hidden;
  }

  .single-article #articles article header {
  	padding: 0;
  	max-height: 9999px;
  	height: auto;
  }

  #articles article h1 {
  	font-size: 2em;
  	color: #1e3451;
  	margin: 15px 10px 0 10px;
  }

  .single-article #articles article h1 {
  	font-size: 3.4em;
  	line-height: 1.2em;
  	padding: 0;
  	margin: 0;
  }


  .single-article #articles article p {
  	line-height: 1.4em;
  	max-height: 999999px;
  	margin: 1em 0;
  	text-align: justify;
  	font-size: 1em;
  	color: #0d1e34;
  }

  #articles article p {
  	color: #1e3451;
  	padding: 0;
  	margin: 0;
  }

  .artlist #articles article p {
  	font-size: 1.2em;
  	line-height: 1.8em;
  	max-height: 60px;
  	overflow: hidden;
  	margin: -5px 20px;
  }


  #articles article img.article-img,
  #dossier360 img.article-img,
  #dossier360big img.article-img,
  #dossier360bigger img.article-img {
  	width: 280px;
  	height: 188px;
  }



  #articles article img.article-img,
  #dossier360 img.article-img {
  	width: 280px;
  	height: 188px;
  }

  .single-article #articles article .article-img {
  	width: 610px;
  	height: 475px;
  	margin: 10px 0 0 9px;
  }

  .single-article #articles article .caption {
  	margin-left: 10px;
  	color: #878787;
  	font-size: 1.1em;
  	line-height: 2.5em;
  	font-weight: bold;
  	display: inline-block;
  }

  #articles article img.article-partner,
  #dossier360 img.article-partner {
  	max-height: 40px;
  	max-width: 260px;
  	position: absolute;
  	top: 155px;
  	left: 20px;
  }

  .single-article article .image-wrapper {
  	width: 100%;
  	border: 1px solid #d4d4d4;
  	border-style: none solid solid;
  	height: 515px;
  	height: auto;
  	box-sizing: border-box;
  }

  .single-article #articles article img.article-partner {
  	max-height: 40px;
  	max-width: 260px;
  	position: absolute;
  	top: auto;
  	bottom: 35px;
  }

  #articles article img.article-partner,
  #dossier360 img.article-partner,
  #dossier360big img.article-partner,
  #dossier360bigger img.article-partner {
  	max-height: 40px;
  	max-width: 260px;
  	position: absolute;
  	top: 155px;
  	left: 20px;
  }

  #articles article footer {
  	height: 38px;
  	width: 100%;
  	box-sizing: border-box;
  	border: 1px solid #d4d4d4;
  	background: #f9f9f9;
  	position: absolute;
  	bottom: -1px;
  	left: -1px;
  	width: 300px;
  	padding: 1em 0 0 1.0em;
  }

  .single-article #articles article footer {
  	position: relative;
  	top: auto;
  	left: auto;
  	bottom: auto;
  	height: auto;
  	width: 100%;
  	box-sizing: border-box;
  	border: none;
  	background: transparent;  
  	padding: 0;
  }

  .single-article article footer .extras,
  .single-article article footer .copyright,
  .single-article article footer .details {
  	padding: 10px;
  	border: 1px solid #d4d4d4;
  	font-size: 1.2em;
  }

  .single-article article footer .extras {
  	background: #596c86;
  	padding: 0;
  }

  .single-article article footer .extras a {
  	box-sizing: border-box;
  	padding: 0;
  	margin: 0;
  	display: inline-block;
  	width: 33%;
  	text-decoration: none;
  	text-align: center;
  	height: 35px;
  	line-height: 3em;
  }

  .single-article article footer .extras a.center {
  	border: 1px solid #ffffff;
  	border-style: none solid none solid;
  	width: 32%;
  }

  .single-article article footer .extras a,
  .single-article article footer .extras a span {
  	color: #ffffff;
  }

  .single-article article footer .extras span {
  	text-decoration: underline;
  }

  .single-article article footer .copyright {
  	text-align: center;
  	border-style: none solid solid solid;
  }

  .single-article article footer .copyright,
  .single-article article footer .copyright a { 
  	font-weight: bold;
  	color: #1e3451;
  }

  .single-article article footer .copyright a {
  	text-transform: uppercase;
  }

  .single-article article footer .details {
  	border-style: none solid solid solid;
  	line-height: 1.8em;
  	padding: 20px;
  }

  .single-article article footer .details b {
  	display: block;
  	text-transform: uppercase;
  }

  .single-article article footer .details a {
  	color: #d27a1b;
  	text-decoration: none;
  }

  .single-article #articles article footer .details p {
  	font-size: 1em;
  	padding: 0;
  	margin: 0;
  }


  #articles .date,
  #articles  .share,
  #articles .readlater,
  .single-article  .share,
  .single-article  .readlater {
  	color: #7f7f7f;
  	font-size: 1em;
  	line-height: 1.2em;
  	text-decoration: none;
  	padding-left: 15px;
  	display: inline-block;
  	text-transform: uppercase;

  }

  .single-article article header .share,
  .single-article article header .readlater {
  	position: absolute; 
  	font-size:.9em;
  	top: 10px;
  }

  .single-article article header .share {
  	right: 130px;
  }

  .single-article article header .readlater {
  	right: 10px;
  }

  #articles  .date {
  	background: transparent url(../img/icon-date.png) 0 0px no-repeat;
  }

  #articles  .share,
  .single-article article header .share {
  	background: transparent url(../img/icon-share.png) 0 0px no-repeat;
  	margin-left: 25px;
  	padding-left: 17px;
  }

  #articles  .readlater,
  .single-article article header .readlater {
  	background: transparent url(../img/icon-readlater.png) 0 0px no-repeat;
  	margin-left: 25px;
  	padding-left: 17px;
  }

  #disqus {
  	margin-top: 20px;
  }


  #dossier360.twocol,
  #dossier360big.twocol, 
  #dossier360bigger.twocol {
  	position: relative;
  	width: 630px;
  	padding: 10px;
  	border: 0;
  	float: left;
  	height: 400px;
  	margin-bottom: 3em;
  }

  #articles #dossier360.twocol,
  #articles #dossier360big.twocol, 
  #articles #dossier360bigger.twocol{
  	background: transparent url(../img/dossier360wide.png) 0 0 ;
  }

  #dossier360.twocol nav,
  #dossier360big.twocol nav, 
  #dossier360bigger.twocol nav {
  	position: absolute;
  	bottom: 0;
  	right: 0;
  	width: 28em;
  	top:10px;
  	//height: 11em;
  	box-sizing: border-box;
  }

  #dossier360.twocol nav a,
  #dossier360big.twocol nav a, 
  #dossier360bigger.twocol nav a {
  	color: white;
  	font-size: 1.2em;
  	display: block;
  	text-decoration: none;
  	width: 100%;
  	box-sizing: border-box;
  	margin: 2px 0;
  	padding: 10px 0 10px 0;
  	border-bottom: 1px solid #2f4460;
  }

  #dossier360.twocol nav a:last-child, 
  #dossier360big.twocol nav a:last-child, 
  #dossier360bigger.twocol nav a:last-child {
  	border: none;
  }

  #articles .lm {
  	background: #f5f5f5;
  	height: 36px;
  	box-sizing: border-box;
  	border: 1px solid #dcdcdc;
  	display: block;
  	position: absolute;
  	text-align: center;
  	line-height: 3em;
  	font-size: 1.2em;
  	font-weight: bold;
  	text-transform: uppercase;
  	right: 30px;
  	left: 0;
  	bottom: 0;
  }


  .single-article #banners {
  	margin-top: 14px;
  }

  #banners aside,
  #banners article
  {
  	border: 1px solid #d4d4d4;
  	box-sizing: border-box;
  	margin-bottom: 40px;
  	background: #f5f5f5 url(../img/bg-aside.png) 0 0 repeat-x;
  }

  .single-article #articles aside {
  	width: 300px;
  	border: 1px solid #d4d4d4;
  	box-sizing: border-box;
  	padding: 20px;
  	line-height: 1.8em;
  }
  #articles aside.related {
  	position: relative;
  	margin-top: 30px;
  	margin-bottom: 20px;
  	padding: 0;
  	height: auto;
  }

  #articles aside.related h1 {
  	text-transform: uppercase;
  	margin: 20px 0 0 20px;
  }

  .single-article #articles aside.related {
  	width: 630px; /*FIXME */
  	background: #f5f5f5 url(../img/bg-aside.png) 0 0 repeat-x;
  }

  #morefromwc {
  	border: 1px solid #d4d4d4;
  	background: #f5f5f5 url(../img/bg-aside.png) 0 0 repeat-x;
  	box-sizing: border-box;
  	margin-top: -15px;
  	position: relative;
  	margin-bottom: 20px;
  	margin-right: 30px;
  	height: auto;
  }

  .AR_1 .ob_container{

  	margin-top: 30px;
  }
  .AR_1 .ob_container{
  	height: 210px !important;
  }

  .recommend-logo {
  	position: absolute;
  	right: 20px;
  	top: 17px;  
  }

  .single-article .article-wraptwo {
  	clear:left;
  	width: 630px;
  	position: relative;
  	min-height: 250px;
  	max-height: 300px;
  }

  .single-article .article-wraptwo aside {
  	width: 300px;
  	position: absolute;
  	left: 0;
  	top: 0;
  	height: 250px;
  	overflow: hidden;
  	padding: 15px;
  }

  .single-article #articles article.banner-box {
  	width: auto;
  	position: absolute;
  	top: 0;
  	right: 0;
  }


  .single-article #articles aside a {
  	font-size: 1.2em;
  	color: #878787;
  	font-weight: bold;
  	display:block;
  	margin: 10px 0 0;
  	text-decoration: none;
  }

  .single-article #articles aside img {
  	margin-bottom: 0px;
  }

  .single-article #articles aside span {
  	text-transform: uppercase;
  	display: block;
  	font-size: 1.2em;
  	font-weight: bold;
  	color: #1e3451;
  }

  aside#breaking {

  }

  #banners aside header {
  	padding: 15px 0 0 20px;
  	box-sizing: border-box;
  	position: relative;
  	height: 55px;
  	z-index: 0;
  }

  #extras .partners header ,
  #banners aside header a {
  	color: #fe9000;
  	position: absolute;
  	right: 20px;
  	top: 18px;
  	font-size: 1.4em;
  	font-weight: bold;
  	text-transform: uppercase;
  }

  #extras .partners h1,
  #banners aside h1 {
  	padding: 0;
  	margin: 0;
  	color: #1e3451;
  	font-size: 2em;
  	text-transform: uppercase;
  }
  .partner a {
  	color: #1E3451;
  	font-size: 0.9em;
  	margin: -300px;
  	text-transform: uppercase;
  	vertical-align: top;
  }
  #banners aside nav,
  aside#dossier360 nav,
  aside#dossier360big nav,
  aside#dossier360bigger nav {
  	margin: 20px;
  }

  #banners aside nav h2,
  aside#dossier360 nav h2,
  aside#dossier360big nav h2,
  aside#dossier360bigger nav h2 {
  	font-size: 1.2em;
  	margin: 20px 0;
  } 

  #banners aside nav a {
  	text-decoration: none;
  	color: #1e3451;
  }

  aside#dossier360 nav a,
  aside#dossier360big nav a,
  aside#dossier360bigger nav a {
  	text-decoration: none;
  	color: white;
  }

  aside#dossier360,
  aside#dossier360big,
  aside#dossier360bigger {
  	background: #1e3451 url(../img/dossier360.png) 0 0 no-repeat;
  	padding: 186px 0 10px 0;
  	color: white;
  	position: relative;
  }
  aside#dossier360 header,
  aside#dossier360big header,
  aside#dossier360bigger header {
  	position: absolute;
  	width: 300px;
  	height: 186px;
  	top: 0;
  }


  aside#dossier360 header h1,
  aside#dossier360 header a,
  aside#dossier360big header h1,
  aside#dossier360big header a,
  aside#dossier360bigger header h1,
  aside#dossier360bigger header a {
  	text-transform: none;
  	position: absolute;
  	top: 104px;
  	left: 15px;
  	width: auto;
  	font-family: "PT Sans", Arial, Helvetica, sans-serif;
  	font-size: 2.8em;
  	font-weight: normal;
  	color: white;
  	z-index: 20;
  }

  aside#dossier360 header h2,
  aside#dossier360 header a,
  aside#dossier360big header h2,
  aside#dossier360big header a,
  aside#dossier360bigger header h2,
  aside#dossier360bigger header a {
  	position: absolute;
  	top: 140px;
  	left: 15px;
  	font-size: 1.7em;
  	font-family: "PT Sans";
  	font-weight: normal;
  	color: white;
  	z-index: 20;
  }



  #dossier360.twocol h1,
  #dossier360big.twocol h1,
  #dossier360bigger.twocol h1
  {
  	position: absolute;
  	top: 200px;
  	//left: 330px;
  	width: auto;
  	font-family: "PT Sans", Arial, Helvetica, sans-serif;
  	font-size: 2.5em;
  	font-weight: normal;
  }

  #dossier360.twocol h1 a,
  #dossier360big.twocol h1 a,
  #dossier360bigger.twocol h1 a {
  	text-decoration: none;
  	font-family: "PT Sans", Arial, Helvetica, sans-serif;
  	color: white;
    font-size: 20px;
    max-width: 50px;
  }

  #dossier360.twocol h2,
  #dossier360big.twocol h2,
  #dossier360bigger.twocol h2 {
  	position: absolute;
  	top: 260px;
  	//left: 330px;
  	font-size: 1.7em;
  	font-family: "PT Sans";
  	font-weight: normal;
  }

  #dossier360.twocol h2 a,
  #dossier360big.twocol h2 a,
  #dossier360bigger.twocol h2 a {
  	text-decoration: none;
  	font-family: "PT Sans", Arial, Helvetica, sans-serif;
  	color: white;
  }

  #banners .banner-side { border: none; } 

  #elsewhere nav {
  	margin-top: 0;
  }

  #elsewhere{
  	margin-top: 45px;

  }

  #elsewhere form {
  	margin: -18px -20px 0 -20px;
  	height: 63px;
  	background: transparent url(../img/bg-aside.png) 0 0 repeat-x;
  }

  #selectcountry {
  	background: none;
  	-webkit-appearance: none;
  	border: 1px solid #d4d4d4;
  	padding: 12px;
  	width: 280px;
  	margin: 8px 8px;
  	background: white url(../img/button-dropdown.png) 18px 1px no-repeat;
  }

  #elsewhere h2 {
  }

  #elsewhere h2 span {
  	display:block;
  	text-transform: uppercase;
  	padding: 0 0 0 25px;
  	font-size: 1.209em;
  }


  .fl-austria {
  	background: transparent url(../img/icon-flag-at.png) 0 5px no-repeat;
  }

  .fl-france {
  	background: transparent url(../img/icon-flag-fr.png) 0 5px no-repeat;
  }

  .fl-brazil {
  	background: transparent url(../img/icon-flag-br.png) 0 5px no-repeat;
  }

  #extras {
  	background: #f5f5f5;
  	width: 960px;
  	margin: 10px auto 0 auto;
  	box-sizing: border-box;
  	border: 1px solid #dcdcdc;
  	text-align: left;
  	position: relative;
  	height: 170px;

  }

  #extras .partners {
  	width: 50%;
  	border-right: 1px solid #dcdcdc;
  	position: absolute;
  	left: 0;
  	top: 0;
  	height: 100%;
  	background: #f5f5f5 url(../img/bg-aside.png) 0 0 repeat-x;
  	padding: 15px 0 0 20px;
  	box-sizing: border-box;

  }

  #extras .partners header .become {
  	color: #1e3451;
  	right: 20px;
  }

  #extras .partners nav {
  	position: absolute;
  	top: 80px;
  	width: 1500%;
  	height: 70px;
  }

  #extras .partners .scroll-x {
  	overflow-x: auto;

  	height: 100%;


  	left: 10%;
  }

  #extras .partners nav a {
  	float: left;
  	margin-right: 30px;
  }

  #extras .subscribe {
  	width: 50%;
  	position: absolute;
  	right: 0;
  	top: 0;
  	height: 100%;
  	font-size: 1.2em;
  	color: #1e3451;
  	padding: 15px;
  	box-sizing: border-box;
  }

  #extras .subscribe p {
  	padding: 0;
  	margin: 0;
  	width: 38%;
  	line-height: 1.7em;

  }

  #extras .subscribe a {
  	position: absolute;
  	bottom: 15px;
  	left: 15px;
  }

  #extras .figure {
  	position: absolute;
  	right: -25px;
  	top: 19px;

  }


  footer#thefooter {
  	width: 100%;
  	min-width: 960px;
  	margin-top: -2px;
  	background: transparent url(../img/bg-footer.png) 0 0 repeat-x;
  	min-height: 343px;
  	border-top: 1px solid transparent;
  }

  footer#thefooter .wrapper {
  	position:relative;
  }

  footer#thefooter nav.social .icon {
  	border:none;
  }

  footer#thefooter .copyright,
  footer#thefooter .impressum a {
  	display: inline-block;
  	font-size: 1.1em;
  	text-transform: uppercase;
  	color: #1e3451;
  	font-weight: bold;
  	padding: 0;
  	margin: 12px 0 0 0;

  }

  footer#thefooter .impressum a {
  	margin-left: 30px;
  }

  footer#thefooter .social {
  	position: absolute;
  	top: 0;
  	right: 4px;
  }

  footer#thefooter .impressum {
  	display: inline-block;
  }

  footer#thefooter .featured {
  	height: 243px;
  	overflow: hidden;
  	box-sizing: border-box;
  	position: absolute;
  	width: 100%;
  	top: 40px;
  	padding-top: 30px;
  }

  footer#thefooter .about {
  	position: absolute;
  	top: 282px;
  	height: 50px;
  	width: 72%;
  	left: 0;
  }

  footer#thefooter .artlink {
  	display: block;
  	width: 120px;
  	height: 200px;
  	float: left;
  	margin-left: 20px;
  	color: white;
  	font-size: 1.2em;
  	overflow: hidden;
  }

  footer#thefooter .artlink a {
  	color: white;
  	text-decoration: none;
  	padding-top: 10px;
  	font-size: 0.98em;
  }

  footer#thefooter .artlink img {
  	margin-bottom: 8px;
  }

  footer#thefooter .artlink b {
  	text-transform: uppercase;
  	line-height: 1.8em; 
  	display: block;
  	margin-bottom: 5px;
  }

  footer#thefooter .first-child {
  	margin-left:0;
  }

  footer#thefooter .region {
  	height: 60px;
  	width: 100%;
  	position: absolute;
  	top: 333px;
  	padding-top: 30px;
  }


  footer#thefooter .apps {
  	height: 60px;
  	width: 27em;
  	position: absolute;
  	top: 274px;
  	right: 0;
  	text-align: right;
  	padding-top: 18px;
  }

  footer#thefooter .apps .iphone {
  	margin-right:20px;
  }

  #thefooter .about {
  	padding-top: 18px;
  }

  #thefooter .about a,
  #thefooter .region a,
  #thefooter .region span {
  	color: white;
  	font-size: 1.1em;
  	text-decoration: none;
  	text-transform: uppercase;
  	display: inline-block;
  	margin-right: 20px;
  	font-weight: bold;
  }
  #thefooter .about a:last-child {
  	margin-right: 0;
  }

  #thefooter .region span {
  	color: #5388cd;
  }


/* ==========================================================================
   Mondo page
   ========================================================================== */

   .mondo #main {
   	margin-top: 30px;
   }

   .mondo #newsmap .help {
   	margin-top: 25px;
   	display: inline-block;
   	z-index: 100;
   	position: absolute;
   	left:60px;
   	top:1px;
   }

   /* Quote of the day paragraph */
   .qotw {
   	width: 960px; /*FIXME*/
   	margin: 0 auto;
   	text-align: left;
   }

   .qotw,
   .qotw h1,
   .qotw span,
   .qotw p {
   	color: #1e3451;
   }

   .qotw h1 span {
   	font-weight: bold;
   }

   .qotw h1 {
   	font-size: 3.4em;
   	line-height: 1.2em;
   	margin: 20px 0 10px 20px;
   }

   .qotw p {
   	font-size: 1.9em;
   	margin-bottom: 1.5em;
   	padding-left: 20px;
   }

   .mondo #newsmap {
   	/* background: #596c86 url(../img/bg-map.png) 50% 0 no-repeat;  */
   	height: 200px;
   	z-index: 101;
   }

   .pin {
   	background: transparent url(../img/worldc-pin-blue.png) 0 50% no-repeat;
   	display: inline-block;
   	min-width: 26px;
   	min-height: 33px;
   }


   .pin.pin-active,
   #newsmap article p.location {
   	font-size: 1.8em;
   	color: black;
   	text-shadow: 1px 1px 0px white;
   	text-transform: uppercase;
   	font-weight: bold;
   	padding: 11px 0 0 40px;
   	text-decoration: none;
   	width: 360px;
   }

   .pin:hover,
   .pin.pin-active {
   	background: transparent url(../img/worldc-pin.png) 0 50% no-repeat;
   	min-width: 30px;
   	min-height: 39px;
   }

   #headmap a.newsmap-button,
   .mondo #newsmap a.newsmap-button {
   	background: #3b4e66 url(../img/icon-double-arrow-up.png) 88% 50% no-repeat;
   	padding-right: 30px;
   }

   .mondo #articles article {
   	width: 630px;
   	height: auto !important; 
   }

   .mondo #articles article p span {
   	font-size: 1em;
   	line-height: 1.6em;
   }

   .mondo #articles article .mondo-article-wrap {
   	float: left;
   	position: relative;
   	background: white;
   	top: 0;
   	left: 0;
   	right: 0;
   	bottom: 0;
   	padding: 5px 0px 20px 20px;
   	width: 100%;
   }

   .mondo #articles article.featured .mondo-article-wrap {
   	top: 3px;
   	left: 3px;
   	right: 3px;
   	bottom: 3px; 
   }

   .mondo #articles article.featured {
   	border: none;
   	background: transparent url(../img/bg-mondo-feat.png) 0 0 repeat; 
   }

   .mondo #articles article .image-wrapper {
   	width: 300px;
   	box-sizing: border-box;
   	display: inline-block;
   	height: 200px;
   	overflow: hidden;
   }

   .mondo #articles article .article-img {
   	max-width: 300px;
   	height: auto;
   }

   .mondo #articles article header {
   	padding: 0;
   }

   .mondo #articles article strong {
   	font-size: 2em;
   	color: #1e3451;
   }

   .mondo #articles article h1 {
   	padding: 0;
   	margin: 0;
   	font-size: 2.2em;
   }

   .mondo #articles article header img {
   	display: inline-block;
   	margin-top: 10px;
   	margin-bottom: 15px;
   	width: 40px;
   	height: 40px;
   }


   .mondo #articles article .image-wrapper span {
   }


   .mondo #articles article .content {
   	font-size: 1.8em;
   	color: #1e3451;
   	width: 260px;
   	float: left;
   	margin-bottom: 40px;

   	/* max-height: 250px; */
   	overflow: hidden;
   }

   .mondo #articles article .caption {
   	padding-top: 8px;
   	position: absolute;
   	width: 300px;
   	font-size: 1.3em;
   	left: 1.4em;
   	bottom: 4.3em;
   }

   .mondo #articles article .caption,
   .mondo #articles article .caption a {
   	color: #1e3451;
   }

   .mondo #articles article footer {
   	width: 100%;
   	border-style: solid none none;
   	position: absolute;
   	bottom: 0;
   	left: 0;
   	padding: 1em 0 0 2em;
   }

   .mondo #articles .share,
   .mondo #articles .readlater,
   .mondo #articles .date {
   	right: auto;
   	position: relative;
   	top: -3px;
   }

   .mondo #articles  .readlater {
   	/*right: -335px;*/
   	top: 25px;
   	margin-right: 20px;
   }

   .mondo #articles .date {
   	/*right: -260px;*/
   	top: 25px;
   }

   .mondo #articles .share {
   	/*right: -300px;*/
   	top: 25px;
   }


   .mondo #banners aside#moremondo header a {
   	display: block;
   	width: 100%;
   	height: 100%;
   	left: -1px;
   	top: -1px;
   }

   .mondo #banners aside#moremondo nav h2 {
   	font-size: 1.3em;
   	font-weight: normal;
   	border: 1px solid #d4d4d4;
   	border-style: none none solid none;
   	margin: 0;
   	padding-bottom: 10px;
   	margin-top: 12px;
   }

   .mondo #banners aside#moremondo nav h2 span {
   	font-weight: bold;
   	display: block;
   	text-transform: uppercase;
   }

   .mondo #banners aside#moremondo nav h2.last-child,
   .mondo #banners aside#moremondo nav h2:last-child {
   	border-bottom: none;
   }

   .mondo #banners aside#moremondo nav {
   	margin-bottom: 10px;
   }

   .mondo #banners aside#moremondo nav h2 a {
   }

   /** DUMMIES **/

   #dummy_pin_0 {
   	position: absolute;
   	top: 80px;
   	left: 0px;
   }

   #dummy_pin_1 {
   	position: absolute;
   	top: 20px;
   	left: 500px;
   }

   #dummy_pin_2 {  
   	position: absolute;
   	top: 100px;
   	left: 600px;
   }

   #dummy_pin_3 {
   	position: absolute;
   	top: 200px;
   	left: 850px;
   }

   #dummy_pin_4 {
   	position: absolute;
   	top: 100px;
   	left: 400px;
   }

   /** END DUMMIES **/

   #main .more-from header {
   	background: #1e3451;
   	border: none;
   }

   #main .more-from {
   	background: #2e486a; 
   	border: 1px solid transparent;
   }

   #main .more-from h1, #main .more-from h2, #main .more-from a {
   	color: #ffffff;
   }


/* ==========================================================================
   Subscription page
   ========================================================================== */


   .subscription #heading {
   	height: 406px;
   }

   .subscription #heading b {
   	display: block;
   	height: 97px;
   	width: 100%;
   	text-align: center;
   	background: transparent url(../img/bg-subscription.png) 0 0 repeat-x;
   	position: absolute;
   	bottom: 0;
   }

   .subscription #main h2 {
   	margin: 10px 0 0 0;
   	padding: 0;
   	font-size: 2.8em;
   	font-weight: bold;
   	position: relative;
   }

   .subscription #main ul {
   	height: 245px;
   	padding: 0;
   	margin: 10px 0 30px 0;
   	background: transparent url(../img/subscription-devices.png) 100% 0 no-repeat;
   }

   .subscription #main ul li {
   	width: 40%;
   	list-style: none;
   	font-size: 1.7em;
   	background: transparent url(../img/icon-check.png) 0 0 no-repeat;
   	color: #808080;
   	padding: 3px 0 3px 44px;
   	margin: 0 0 20px;
   }

   .subscription #main ul li b {
   	color: #00193b;
   }

   .subscription #main h2.numbered {
   	padding-left: 50px;
   }

   .subscription #main h2 span {
   	background: #fd8600;
   	color: #ffffff;
   	font-family: Arial, Helvetica, sans-serif;
   	display: inline-block;
   	font-weight: normal;
   	width: 40px;
   	height: 40px;
   	text-align: center;
   	box-sizing: border-box;
   	border-radius: 20px;
   	position: absolute;
   	top: -2px;
   	left: 0;
   	line-height: 1.5em;
   }

   .subscription #slen {
   	position: relative;
   	width: 100%;
   	height: 200px;
   	overflow: hidden;
   	margin-top: 40px;
   	margin-bottom: 40px;
   }

   .subscription #slen div {
   	width: 33.3%;
   	position: absolute;
   	box-sizing: border-box;
   	padding: 40px 0 40px 80px;
   }

   .subscription #slen .slen-first {
   	top: 10px;
   	bottom: 10px;
   	left: 0;
   	background: #f9f9f9;
   }
   .subscription #slen .slen-last {
   	top: 10px;
   	bottom: 10px;
   	left: 66.6%;
   	background: #f9f9f9;
   }

   .subscription #slen .slen-middle {
   	background: #fbfbfb;
   	top: 0;
   	bottom: 0;
   	left: 33.3%;
   	padding-top: 50px;
   }

   .subscription #slen h3 {
   	font-size: 2.4em;
   	margin: 0;
   }

   .subscription #slen p {
   	font-size: 1.7em;
   	color: #898888;
   	font-weight: bold;
   }

   .subscription #slen input {
   	position: absolute;
   	top: 50px;
   	left: 60px;
   }

   .subscription #slen .slen-middle input {
   	top: 60px;
   }

   .subscription #slen small {
   	color: #ffb4b4;
   	text-decoration: line-through;
   	font-size: 1em;
   }


   .subscription #slog {
   	margin-top: 30px;
   }

   .subscription #slog h3 {
   	font-size: 1.7em;
   	color: #555658;
   	margin-top: -10px;
   }

   .subscription #slog div {
   	width: 33.3%;
   	box-sizing: border-box;
   	float: left;
   	padding: 10px 20px;
   }

   select,
   input,
   .subscription #slog label,
   .subscription #slog input,
   .subscription #slog select,
   #searchadvanced input,
   #searchadvanced select,
   #searchadvanced button {
   	font-size: 1.4em;
   	color: #9d9d9d;
   	box-sizing: border-box;
   	width: 100%;
   	display: block;
   }

   select,
   input,
   .subscription #slog input,
   .subscription #slog select,
   #searchadvanced input,
   #searchadvanced select,
   #searchadvanced button {
   	border: 1px solid #d4d4d4;
   	height: 40px;
   	border-radius: 4px;
   	margin-bottom: 20px;
   	padding-left: .5em;
   }

   .subscription #slog select {
   	margin-bottom: 10px;
   }

   .subscription #slog label {
   	margin-bottom: 5px;

   }

   .subscription #slog .slog-first {
   	background: #f9f9f9;
   }

   .subscription #slog .slog-first p {
   	color: #555658;
   	font-size: 1.5em;
   }

   .subscription #slog .slog-first a {
   	color: #fa7301;
   }

   .subscription #slog .slog-middle {
   	padding: 10px 20px 10px 40px;
   }

   .subscription #slog .slog-last {
   	padding: 10px 20px 10px 40px;
   }

   .link-forgot,
   .link-help {
   	color: #9d9d9d;
   	font-size: 1.2em;
   	text-decoration: none;
   	display: inline-block;
   	margin-left: 1.2em;
   	margin-left: 0.5em;
   }

   .link-help {
   	margin-left: 5em;
   }
   a.link-forgot:hover,
   a.link-help:hover {
   	text-decoration: underline;
   }

   .subscription #slog b {
   	font-weight: normal;
   	display: block;
   	width: 100%;
   	text-align: center;
   	padding: 0;
   	font-size: 1.9em;
   	color: #555658;
   	margin: 20px auto;
   }

   .subscription #slog input[type="checkbox"],
   input[type="checkbox"] {
   	display: inline-block;
   	width: auto;
   	margin: 0;
   	height: auto;
   	margin-bottom: .8em;
   }

   .subscription #slog label[for="newsletter1"],
   .subscription #slog label[for="newsletter2"],
   label[for="newsletter1"],
   label[for="newsletter2"] {
   	font-size:1.2em;
   	display: inline-block;
   	width: auto;
   	height: auto;
   	margin-bottom: .8em;
   }

   .connect-fb {
   	display: block;
   	text-align: center;
   	margin: 0 2em 0;
   }

   .subscription #slog select {

   }

   #frwrap {
   	font-size: 1.2em;
   	position: relative;
   }

   #frwrap input {
   	padding-left: 4em;
   	position: relative;
   	z-index: 10;
   }

   #formriddle {
   	position: absolute;
   	font-size: 1.4em;
   	color: #9d9d9d;
   	z-index: 20;
   	top: 1.3em;
   	left: .8em;
   }

   /* Static page */

   .static #main {
   	margin-top: 3em;
   }

   .static #articles article {
   	width: 100%;
   	border: none;
   	float: none;
   	height: auto;
   	padding-right: 3em;
   }




   .static section > h1 {
   	text-transform: uppercase;
   	font-size: 2.9em;
   	margin: 0;
   	padding: 0;
   	height: .8em;
   	line-height: .9em;
   }

   .static section h2 {
   	margin-bottom: 5px;
   	margin-top: 25px;
   }

   .static section h2:first-child {
   	margin-top: 13px;
   }

   .static section#banners h1 {
   	margin-bottom: 23px;
   }

   .static #banners article {
   	background: transparent;
   	border: none;
   }

   .partner-head {
   	margin-top: 2em;
   	padding-right: 3em;
   }

   .partner-head p {
   	text-align: justify;
   }

   .partner-head nav {
   	margin: 1em auto;
   }

   .partner-page #banners {
   	margin-top: 2em;
   }

   .static #banners article > img,
   .partner-head > img
   {
   	border: 1px solid #d6d6d6;
   	float: left;
   	margin: 0 20px 15px 0;
   }

   .static #banners article h1,
   .partner-head h1 {
   	margin: 0;
   	font-size: 1.9em;
   	color: #19304e;
   	font-weight: normal;
   }
   .partner-head h1 { font-weight: bold; } 

   .static #banners article h2,
   .partner-head h2 {
   	margin: 0;
   }

   .static #banners article h2,
   .static #banners article p,
   .static #banners article h3,
   .static #banners article a,
   .partner-head h2,
   .partner-head p,
   .partner-head h3,
   .partner-head a {
   	font-size: 1.3em;
   }


   .static #banners article p,
   .static #banners article h3,
   .partner-head p,
   .partner-head h3
   {
   	clear: left;
   }

   .static section #articles article h1,
   .static section h2,
   .static section article p,
   .static section article > a,
   .static section #articles article header {
   	font-size: 1.6em;
   }

   .static section article p {
   	line-height: 1.6em;
   	text-align: justify;
   }

   .static section article a {
   	text-decoration: none;
   }

   .static section article a:hover {
   	text-decoration: underline;
   }

   .static section #articles article h1 {
   	text-transform: uppercase;
   	margin: 0;
   }

   .static section #articles article header {
   	margin: .2em 0;
   	padding: 0;
   }

   .static section #articles article header time {
   	padding-left: .5em;
   	margin-left: .5em;
   	border-left: 1px solid #0d1e34;
   	line-height: .9em;
   	display: inline-block;
   }

   .static #banners article h3 {
   	padding: 0;
   	margin: 0;
   	font-size: 1.5em;
   }

   .static #banners article a,
   .static #banners article nav a,
   .static #banners article nav.last-articles a:hover {
   	text-decoration: underline;
   }

   .static #banners article nav a {
   	text-decoration: none;
   	font-weight: bold;
   	font-size: 1.2em;
   }


   .static #banners article p {
   	margin-bottom: 0;
   }

   .static #banners article nav.last-articles {
   	display: block;
   	margin-top: 1em;
   }

   .static #banners article nav.last-articles a {
   	padding: .2em 0;
   	display: block;
   }

   .static #banners article nav.last-articles a:hover {
   	text-decoration: underline;
   }


   /* source partner */

   .source-partner .mainhead > a,
   .source-partner .mainhead > strong { font-size: 1.2em;  }

   .source-partner .mainhead > a {
   	text-decoration: none;
   }

   .source-partner .mainhead > a:hover {
   	text-decoration: underline;
   }

   .source-partner .mainhead h2 {
   	font-size: 2.9em;
   }

   /* advanced search page */

   .searchpage {}

   #searchadvanced {
   	background: #fd8600;
   	border: 1px solid transparent;
   }

   #searchadvanced h1 {
   	font-size: 1.2em;
   	color: white;
   	text-transform: uppercase;
   	font-weight: bold;
   }

   #searchadvanced div.wrap {
   	width: 960px;
   	margin: 0 auto;
   	text-align: left;
   	padding-top: 1em;
   }

   #searchadvanced form {
   	width: 100%;
   }

   #searchadvanced input,
   #searchadvanced select,
   #searchadvanced button {
   	display: inline-block;
   	width: 27.5%;
   	font-size: 1.2em;
   	padding: .5em;
   	font-weight: bold;
   	color: #4b4b4b;
   	text-transform: uppercase;
   }

   #searchadvanced input,
   #searchadvanced select {
   	margin-right: 1.7em;
   	width: 20%;
   }


   #searchadvanced input,
   #searchadvanced select,
   #searchadvanced button,
   #searchadvanced ::-webkit-input-placeholder,
   #searchadvanced ::-moz-placeholder,
   #searchadvanced :-ms-input-placeholder,
   #searchadvanced input:-moz-placeholder {
   	color: #4b4b4b;
   	text-transform: uppercase;
   	font-weight: bold;
   }


   #searchadvanced button {
   	width: auto;
   	padding-left: 2em;
   	padding-right: 2em;
   }


   /* form-box */

   .form-box { 
   	width: 100%;
   }

   .form-box div > img {
   	width: 212px;
   	height: 91px;
   }

   .form-box h1 {
   	color: #555658;
   	border-bottom: 1px solid #d4d4d4;
   	padding-bottom: 1em;
   }

   .form-box h2,
   .subscription #main .form-box h2 {
   	color:#555658;
   	font-size: 1.7em;
   	padding-bottom: .5em;
   }

   .form-box div.wrap-1,
   .form-box div.wrap-2,
   .form-box div.wrap-3 {
   	width: 33.3%;
   	float: left;
   }

   .form-box div.wrap-1 {
   	padding-left: 0;
   	padding-right: 3em;
   }

   .form-box div.wrap-2 {

   }

   .form-box div.wrap-3 {
   	padding-left: 3em;
   	padding-right: 0;
   }

   .form-box strong,
   .form-box span {
   	color: #9d9d9d;
   }

   .form-box p {
   	color: #1e3451;
   }

   .form-box strong,
   .form-box span,
   .form-box p {
   	font-size: 1.2em;
   }


   .form-box.signup {
   	width: 22em;
   }

   .form-box.editpr {
   	width: 25.3em;
   }

   .form-box.signup .connect-fb {
   	margin: 0;
   }

   .form-box.signup b,
   .form-box.editpr b {
   	font-size: 1.4em;
   	text-align: center;
   	display: block;
   	margin: 1em auto;
   	color: #555658;
   }

   .form-box.signup .link-help,
   .form-box.editpr .link-help {
   	margin-left: 4em;
   }

   .form-box.signup p,
   .form-box.editpr p {
   	color: #9d9d9d;
   	font-size: 1.4em;
   }

   .form-box.signup p a,
   .form-box.editpr p a {
   	color: #9d9d9d;
   }

   .form-box.signup label,
   .form-box.editpr label {
   	color: #9d9d9d;
   	font-weight: bold;
   	position:relative;
   	padding-left:1.5em;
   }

   .form-box.signup label input,
   .form-box.editpr label input {
   	position: absolute;
   	top: 0;
   	left: 0;
   }

   .form-box.signup label small,
   .form-box.editpr label small {
   	font-weight: normal;
   }

   /* NEW*/

   .form-box.signup.right,
   .popup-limit .signup.right {
   	background: #f9f9f9;
   	width: 24em;
   	padding: 0 1em 1em;
   	border: 1px solid #d4d4d4;
   	border-radius: 7px;
   }

   .popup.popup-limit h2 {
   	font-family: Arial, Helvetica, sans-serif;
   	padding: 0;
   	line-height: 1em;
   	margin-bottom: .4em;
   	font-weight: normal;
   	font-size: 2em;
   }

   .popup-limit h1 { font-family: Arial, Helvetica, sans-serif; }

   .popup-limit .signup.right {
   	width: 38em;
   	margin-left: 2em;
   	padding: 1em 2em;
   }

   .popup-limit .signup.right h1 {
   	text-align: left;
   }


   .popup-limit .signup.right quote, 
   .popup-limit .signup.right p,
   .popup-limit footer span {
   	color: #555555;
   }

   .popup-limit .signup.right p,
   .popup-limit footer span {
   	font-size: 1.4em;
   }

   .popup-limit .signup.right quote {
   	font-size: 1.7em;
   }

   .form-box.signup.right .ic-email, 
   .form-box.signup.right .ic-pw {
   	background-color: white;
   }

   .form-box.signup.right a {
   	color: #9d9d9d;
   	text-decoration: underline;
   }

/* ==========================================================================
   Helper classes
   ========================================================================== */

   
   .left   { float: left; }
   .right  { float: right; }

   .button-image {
   	border: none;
   	background: transparent;
   	padding: 0;
   	margin: 0;
   }


   .fixscroll-fixed {
   	position: fixed;
   	top: 10px;
   	width: 300px;
   	z-index: 10000;
   }

   .fixscroll-absolute {
   	position: absolute;
   }

/*
 * Image replacement
 */

 .ir {
 	background-color: transparent;
 	border: 0;
 	overflow: hidden;
 	/* IE 6/7 fallback */
 	*text-indent: -9999px;
 }

 .ir:before {
 	content: "";
 	display: block;
 	width: 0;
 	height: 150%;
 }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

 .hidden {
 	display: none !important;
 	visibility: hidden;
 }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

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

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

 .visuallyhidden.focusable:active,
 .visuallyhidden.focusable:focus {
 	clip: auto;
 	height: auto;
 	margin: 0;
 	overflow: visible;
 	position: static;
 	width: auto;
 }

/*
 * Hide visually and from screenreaders, but maintain layout
 */

 .invisible {
 	visibility: hidden;
 }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

 .clearfix:before,
 .clearfix:after {
 	content: " "; /* 1 */
 	display: table; /* 2 */
 }

 .clearfix:after {
 	clear: both;
 }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

 .clearfix {
 	*zoom: 1;
 }

 form i            { font-style: normal; }
 .form-icon        { display: block; }
 .form-icon input,
 .form-icon select { display: block; background: transparent; padding-left: 2.5em; }

 .ic-name          { background: transparent url(../img/ic-profile.png) .8em 50% no-repeat; }
 .ic-pw            { background: transparent url(../img/ic-pw.png) .8em 50% no-repeat; }
 .ic-email         { background: transparent url(../img/ic-email.png) .8em 50% no-repeat; }


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

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

   }


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

   }

   .mondo #articles article .content {
   	width: 100%;
   }

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

   	#heading header {
   		width: 100%;
   		max-width: 100%;
   		padding: 110px 40px 0 40px;
   		text-align: center;
   	}

   	#heading header nav.primary {

   	}


   	#heading header form.search-form {
   		position: absolute;
   		right: 171px;

   	}

   	#heading header .subscribe-button {
   		right: 40px;
   	}

   	#newsmap.fullview {

   	}

   }

   /*ipad landscape */
   @media only screen 
   and (min-device-width : 768px) 
   and (max-device-width : 1024px) 
   and (orientation : landscape) {
   	/* same as @media screen and (min-width: 1024px)  */
   	body,
   	#heading,
   	#newsmap {
   		width: 1024px;
   	}

   	#heading header {
   		width:100%;
   		max-width: 100%;
   		padding: 110px 40px 0 40px;
   		text-align: center;
   	}

   	#heading header form.search-form {
   		position: absolute;
   		right: 171px;  
   	}

   	#heading header .subscribe-button {
   		right: 40px;
   	}

   	.subscription input[type=radio] {
   		width: 20px;
   		height: 20px;
   	}
   	.subscription #slen input {
   		top: 60px;
   	}
   }

   @media screen and (min-width: 1290px) {
   	#main,
   	#ticker,
   	.qotw {
   		width: 1290px;
   	}

   	#main #articles {
   		width: 990px;
   	}

   	.single-article #articles aside.related,
   	.single-article .article-wraptwo {
   		width: 960px;
   	}

   	.artlist #articles article,
   	.artlist #articles article:nth-of-type(3n) {
   		margin-left: 3em;
   	}

   	.artlist #articles article:nth-of-type(1),
   	.artlist #articles article:nth-of-type(3n+2) {
   		margin-left: 0;
   	}

   	.artlist #articles article:nth-of-type(2) {
   		margin-left: 3em !important;
   	}

   	.single-article #articles article .article-img {
   		width: 98%;
   		height: auto;
   	}
   	.single-article #articles article {
   		width: 100%;
   		height: auto;
   		border: none;
   		padding-right: 30px;
   	}

   	.mondo #articles article {
   		width: 96%;
   	}  

   	.mondo #articles article .content {
   		width: 64%;
   	}

   	.mondo #articles article footer .readlater {
   		right: 40px;
   		left: auto;
   	}

   	.mondo #articles article footer .share {
   		right: 220px; 
   		left: auto;
   	}  

   	.mondo #articles article footer .date {
   		right: 368px;
   		left: auto;
   	}

   	#newsmap.fullview {
   		height: 985px; 
   		height: 883px;
   	}

   	#newsmap #quick-reads-small { display: none; }

   	#newsmap #map-small { display: none; }

   	//#newsmap .wrapper { width: 1295px; }

   	#articles #dossier360 { display: none; }

   	#articles #dossier360big { display: block; }

   	#articles #dossier360bigger { display: none; }

   }



   @media screen and (min-width: 1620px) {
   	#main,
   	#ticker,
   	.qotw {
   		width: 1620px;
   	}

   	#main #articles {
   		width: 1320px;
   	}

   	.single-article #articles aside.related,
   	.single-article .article-wraptwo {
   		width: 1290px;
   	}


   	.artlist #articles article,
   	.artlist #articles article:nth-of-type(3n+1),
   	.artlist #articles article:nth-of-type(4n) {
   		margin-left: 3em;
   	}

   	.artlist #articles article:nth-of-type(4n+1) {
   		margin-left: 0;
   	}

   	.single-article #articles article .article-img {
   		width: 98.4%;
   	}

   	.mondo #articles article {
   		/* width: 630px; */

   	}  

   	.mondo #articles article .content {
   		width: 100%;
   	}

   	.mondo #articles article:nth-of-type(2n) {
   		margin-left: 30px;
   	}

   	.mondo #articles article:nth-of-type(2n+1) {
   	}

   	.mondo #articles article footer .readlater {
   		left: 500px;
   		right: auto;
   	}

   	.mondo #articles article footer .date {
   		left: 350px;
   		right: auto;
   	}

   	.mondo #articles article footer .share {
   		left: 420px;
   		right: auto;
   	}

   	#newsmap.fullview {
   /* height: 985px; 
   height: 883px; */
 }

}


@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
	/* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

   @media print {
   	* {
   		background: transparent !important;
   		color: #000 !important; /* Black prints faster: h5bp.com/s */
   		box-shadow: none !important;
   		text-shadow: none !important;
   	}

   	a,
   	a:visited {
   		text-decoration: underline;
   	}

   	a[href]:after {
   		content: " (" attr(href) ")";
   	}

   	abbr[title]:after {
   		content: " (" attr(title) ")";
   	}

    /*
     * Don't show links for images, or javascript/internal links
     */

     .ir a:after,
     a[href^="javascript:"]:after,
     a[href^="#"]:after {
     	content: "";
     }

     pre,
     blockquote {
     	border: 1px solid #999;
     	page-break-inside: avoid;
     }

     thead {
     	display: table-header-group; /* h5bp.com/t */
     }

     tr,
     img {
     	page-break-inside: avoid;
     }

     img {
     	max-width: 100% !important;
     }

     @page {
     	margin: 0.5cm;
     }

     p,
     h2,
     h3 {
     	orphans: 3;
     	widows: 3;
     }

     h2,
     h3 {
     	page-break-after: avoid;
     }
   }


   /* Jovan's styles reedited */

   /* News Map */
   #map_canvas {
    width: 100%;
    height: 357px;
    z-index: 99;
  }
  #mapoverlay{
    width: 100%;
    height: 350px;
    z-index:1000;
    position:absolute;
    background:rgba(20, 35, 43, 0.69);
  }
  #popup{
    width: 400px;
    height: 271px;
    position: absolute;
    margin-left: 405px;
    margin-top: 53px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    background-color: rgba(31, 52, 81, 0.82);
    box-shadow: 3px 3px 5px black;
    z-index:1200;
  }
  #popup .firstbox{
    height: 27px;
    width: 100px;
    margin-top: 10px;
    float: left;
    background-color: #fe8500;
  }

  #mrklocation{
    height: 27px;
    width: 100px;
    margin-top: 10px;
    float: left;
    background-color: #4b5f7a;
  }
  #popup img{
    position: absolute;
    margin-top: 10px;
    margin-left: -15px;
  }
  #title{
    width: 100%;
    height: 48px;
    float: left;
    margin-top: 12px;
    padding: 0px;
    color:white;
  }
  #navigation .left{
    position: absolute;
    margin-left: 169px;
    margin-top: -180px;
  }
  #navigation .right{
    position: absolute;
    margin-left: 1300px;
    margin-top: -180px;
  }
  /* News Map */

  /* Map Slider on contents */

  #slider-code{ height: 91%;}
  #slider-code .viewport {
    z-index: 1000;
    float: left; width: 498px;
    height: 360px;
    margin: -29px 20px 0 0;
    text-align: left;
    position: absolute;
    overflow: hidden; 
  }
  #slider-code .buttons { display: block; margin: 30px 10px 0 0; float: left; }
  #slider-code .next { margin: 30px 0 0 10px;  }
  #slider-code .disable { visibility: hidden; }
  #slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }

  #slider-code .overview li{ 
    float: left; 
    margin: 0 20px 0 0; 
    padding: 1px; 
    width: 480px;
    height: 294px;
    position: relative;
    top: 30px;
  }

  .pager { list-style: none; clear: both;  }
  .pager li { float: left; }
  .pagenum { 
    display: inline-block;
    width: 13px;
    height: 13px;
    text-indent: -99999px;
    background: transparent url(../img/pagination-inactive.png) 0 0 no-repeat; }
    .active { color: #fff; background-color:  #555555; background: transparent url(../img/pagination-active.png) 0 0 no-repeat;}

    /* Map Slider on contents */

    /* Dossier 360 banneer style */

    .sbviewport li {
     display: block;
     float: left;
     height: 153px;
     width: 400px;
   } 
   .sboverview {
     padding: 0;
     position: absolute;
     overflow: hidden;
     margin-top: 145px;
   }

   .sbviewport { 
     height: 300px; 
     overflow: hidden; 
     position: relative;
     width: 300px;
   }

   .next-dos{
     position: absolute;
     margin-left: 248px;
     margin-top: 132px;
     z-index: 10000;
     background: rgba(0, 0, 0, 0) url(../img/dossier-button.png) 0 0 no-repeat;
     width: 37px;
     height: 36px;
     cursor:pointer;
   }

   /* Dossier 360 banneer style */

   /* Logout button */
   #heading nav.social .icon.ic-lo {
     width: 126px;
     background: url(../img/button-user-logout.png) 0 0 no-repeat;
     background-size: 127px 39px;
     margin-right: 0;
   }


   /* Logout button */

   /* Login popup */
   #loginpopup{
     left: 82%;
     background: white;
     z-index: 100000;
     position: absolute;
     width: 238px;
     padding: 9px;
     border: 1px solid;
     visibility:hidden;
   }

   #hidemondomap{
     display: block;
     position: absolute;
     right: 0;
     bottom: 1px;
     background: #3b4e66;
     box-sizing: border-box;
     padding: 8px 12px;
     color: white;
     text-transform: uppercase;
     text-decoration: none;
     font-weight: bold;
     font-size: 1.2em;
     border: 1px solid #36475c;
     z-index: 20;
     background: #3b4e66 url(../img/icon-double-arrow-up.png) 88% 50% no-repeat;
     padding-right: 30px;

   }


   .regbuttons {
     border: 1px solid #f77321;
     background: #f77321;
     background: -webkit-gradient(linear, left top, left bottom, from(#f77321), to(#f77321));
     background: -webkit-linear-gradient(top, #f77321, #f77321);
     background: -moz-linear-gradient(top, #f77321, #f77321);
     background: -ms-linear-gradient(top, #f77321, #f77321);
     background: -o-linear-gradient(top, #f77321, #f77321);
     background-image: -ms-linear-gradient(top, #f77321 0%, #f77321 100%);
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
     -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
     box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
     text-shadow: #f77321 0 1px 0;
     color: #ffffff;
     font-family: helvetica, serif;
     padding: 8.5px 18px;
     font-size: 14px;
     text-decoration: none;
     vertical-align: middle;
   }
   .regbuttons:hover {
     border: 1px solid #f57e39;
     text-shadow: #f57e39 0 1px 0;
     background: #f57e39;
     background: -webkit-gradient(linear, left top, left bottom, from(#f57e39), to(#f57e39));
     background: -webkit-linear-gradient(top, #f57e39, #f57e39);
     background: -moz-linear-gradient(top, #f57e39, #f57e39);
     background: -ms-linear-gradient(top, #f57e39, #f57e39);
     background: -o-linear-gradient(top, #f57e39, #f57e39);
     background-image: -ms-linear-gradient(top, #f57e39 0%, #f57e39 100%);
     color: #fff;
   }
   .regbuttons:active {
     text-shadow: #001a3b 0 1px 0;
     border: 1px solid #001a3b;
     background: #001a3b;
     background: -webkit-gradient(linear, left top, left bottom, from(#001a3b), to(#f57e39));
     background: -webkit-linear-gradient(top, #001a3b, #001a3b);
     background: -moz-linear-gradient(top, #001a3b, #001a3b);
     background: -ms-linear-gradient(top, #001a3b, #001a3b);
     background: -o-linear-gradient(top, #001a3b, #001a3b);
     background-image: -ms-linear-gradient(top, #001a3b 0%, #001a3b 100%);
     color: #fff;
   }
   .fixed_button{
     position:absolute !important;

     bottom: auto !important;
   }

   #mainmondobanner img{
     width: 258px !important;
     height: 200px !important;
   }

   #mainmondobanner iframe{
     width: 258px !important;
     height: 200px !important;
   }

   #moremondo-sticky-wrapper{
     margin-bottom:40px !important;
   }

   .sbwc{
     padding: 15px;
     color: #1e3451;
     font-size: 1.2em;
     font-family: PT Sans, Arial, Helvetica, sans-serif; 
   }
   .sbwc a{
     color: #1e3451;
     text-decoration:none;
     color:#fd8600;
   }
   /*ipad landscape */

   @media only screen 
   and (min-device-width : 768px) 
   and (max-device-width : 1024px)
   and (-webkit-min-device-pixel-ratio: 1) {
     /* same as @media screen and (min-width: 1024px)  */
     body,
     #heading,
     #newsmap {
      width: 1024px;
    }

    #heading header {
      width:100%;
      max-width: 100%;
      padding: 110px 40px 0 40px;
      text-align: center;
    }

    #heading header form.search-form {
      position: absolute;
      right: 171px;  
    }

    #heading header .subscribe-button {
      right: 40px;
    }
  }

  .context1 {
   font: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color:#1e3451;
   border: 1px solid #d4d4d4;
   box-sizing: border-box;
   margin-bottom: 40px;
   background: #f5f5f5 url(../img/bg-aside.png) 0 0 repeat-x;
   width: 640px;
   position: relative;
   left: 0;
   top: 0;
   overflow: hidden;
   padding: 15px;
 }
 .single-article #articles article header {
   padding: 10px 0 0 0;
   max-height: 9999px;
   height: auto;
 }
 /* liScroll styles */

 .tickercontainer { /* the outer div with the black border */

   width: 100%; 
   height: 27px; 
   margin: 0; 
   padding: 0;

   overflow: hidden; 
 }
 .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
   position: relative;
   left: 10px;
   width: 100%;
   overflow: hidden;
   height: 30px;
 }
 ul.newsticker { /* that's your list */
 position: relative;
 left: 750px;
 list-style-type: none;
 margin: 0;
 padding: 0;

}
ul.newsticker li {
  float: left; /* important: display inline gives incorrect results when you check for elem's width */
  margin: 0;
  padding: 0;

}


/*BEGIN REVEAL */

/*  --------------------------------------------------
  Reveal Modals
  -------------------------------------------------- */

  .reveal-modal-bg { 
  	position: fixed; 
  	height: 100%;
  	width: 100%;
  	background: #000;
  	background: rgba(0,0,0,.9);
  	z-index: 102;
  	display: none;
  	top: 0;
  	left: 0; 
  }
  
  .reveal-modal {
  	visibility: hidden;
  	top: 100px; 
  	left: 50%;
  	margin-left: -300px;
  	width: 520px;
  	background: #eee url(http://static1.worldcrunch.com/images/modal-gloss.png) no-repeat -200px -80px;
  	position: absolute;
  	z-index: 101;
  	padding: 30px 40px 34px;
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;
  	-moz-box-shadow: 0 0 10px rgba(0,0,0,.8);
  	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.8);
  	-box-shadow: 0 0 10px rgba(0,0,0,.8);
  }

  .reveal-modal.small     { width: 200px; margin-left: -140px;}
  .reveal-modal.medium    { width: 400px; margin-left: -240px;}
  .reveal-modal.large     { width: 600px; margin-left: -340px;}
  .reveal-modal.xlarge    { width: 800px; margin-left: -440px;}
  
  .reveal-modal .close-reveal-modal {
  	font-size: 22px;
  	line-height: .5;
  	position: absolute;
  	top: 8px;
  	right: 11px;
  	color: #aaa;
  	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
  	font-weight: bold;
  	cursor: pointer;
  } 




  /*
    
  NOTES
  
  Close button entity is ×
  
  Example markup
  
  <div id="myModal" class="reveal-modal">
    <h2>Awesome. I have it.</h2>
    <p class="lead">Your couch.  I it's mine.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
    <a class="close-reveal-modal">&#215;</a>
  </div>
  
  */




  .smal_tile img.article-img, #dossier360 img.article-img {
  	width: 280px !important;
  	height: 188px !important;
  }

  .smal_tile {
  	width: 100%;
  	height: auto;
  	border: none;
  	padding-right: 30px;
  }

  .smal_tile {
  	width: 300px !important;
  }

  .smal_tile h1 {
  	font-size: 2em !important;
  	color: #1e3451 !important;
  	margin: 15px 10px 0 10px !important;
  }

  .smal_tile header {
  	padding: 8px !important;
  	box-sizing: border-box !important;
  	position: relative !important;
  	max-height: 350px !important;
  	overflow: hidden !important;
  }

  .smal_tiles footer {
  	height: 38px !important;
  	width: 100% !important;
  	box-sizing: border-box !important;
  	border: 1px solid #d4d4d4 !important;
  	background: #f9f9f9 !important;
  	position: absolute !important;
  	bottom: -1px !important;
  	left: -1px !important;
  	width: 300px !important;
  	padding: 1em 0 0 2.3em !important;
  }

  .smal_tile {
  	width: 300px !important;
  	height: 410px !important;
  	background: white !important;
  	border: 1px solid #d4d4d4 !important;
  	float: left;
  	box-sizing: border-box !important;
  	position: relative;
  	margin-bottom: 3em !important;
  	margin-right: 3em !important;
  }

  .smal_tile img.article-partner, #dossier360 img.article-partner{
  	max-height: 40px !important;
  	max-width: 260px !important;
  	position: absolute !important;
  	top: 155px !important;
  	left: 20px !important;
  }

  .smal_tile p {
  	font-size: 1.2em !important;
  	line-height: 1.8em !important;
  	max-height: 60px !important;
  	overflow: hidden !important;
  	margin: -5px 20px !important;
  }

  .smal_tile footer {
  	height: 38px !important;
  	width: 100% !important;
  	box-sizing: border-box !important;
  	border: 1px solid #d4d4d4 !important;
  	background: #f9f9f9 !important;
  	position: absolute !important;
  	bottom: -1px !important;
  	left: -1px !important;
  	width: 300px !important;
  	padding: 1em 0 0 2.3em !important;
  }







  /* newsmap_tiles */

  #newsmap_tiles {
  	background: #a2bddd /*url(../img/map.jpg) 0 0 no-repeat*/;
  	width: 100%;
  	min-width: 960px;
  	height: 320px;
  	overflow: hidden;
  	position:relative;
  }

  #newsmap_tiles nav.full-map-nav {
  	display: none;
  }

  #newsmap_tiles.fullview {
  	height: 673px; 
  }

  #newsmap_tiles.fullview .newsmap_tiles-zoomout {
  	display: none;
  }

  #newsmap_tiles.fullview .wrapper > .newsmap_tiles-button,
  #newsmap_tiles.fullview .newsmap_tiles-secondary {
  	display: none;
  }
  body #newsmap_tiles.fullview a.newsmap_tiles-zoomout {
  	display: block;
  	left: 0;
  	right: auto;
  	background: ##oranz; /* Old browsers */
  	background: -webkit-linear-gradient(top,  ##oranz 0%,#e27800 100%);
  	background: -o-linear-gradient(top,  ##oranz 0%,#e27800 100%); 
  	background: -ms-linear-gradient(top,  ##oranz 0%,#e27800 100%); 
  	background: linear-gradient(to bottom,  ##oranz 0%,#e27800 100%); 
  	border-top:1px solid #oranz;
  	border-left:1px solid #oranz;
  	border-right:1px solid #oranz;
  	bottom: -1px;
  	height: 36px;
  	line-height: 1.5em;
  }

  #newsmap_tiles.fullview a.newsmap_tiles-button img {
  	display: inline-block;
  	margin-top: -4px;
  	margin-left:10px;
  }


  #newsmap_tiles.fullview nav.full-map-nav {
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	height: 35px;
  	width: 100%;
  	z-index: 20;
  	text-align: center;
  	display: block;
  }

  #newsmap_tiles.fullview nav.full-map-nav span,
  #newsmap_tiles.fullview nav.full-map-nav button {
  	color: white;
  	text-transform: uppercase;
  	background: transparent;
  	border: 1px solid white;
  	border-radius: 3px;
  	padding: 6px 12px;
  	margin: 0;
  	display: inline-block;
  	margin-top: 4px;
  	width: 90px;  
  }

  #newsmap_tiles.fullview nav.full-map-nav span {
  	border-color: transparent;
  }

  #newsmap_tiles.fullview nav.full-map-nav button {
  	background: #77879e; 
  	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3ODc5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ODc2ODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  	background: -moz-linear-gradient(top,  #77879e 0%, #687689 100%); /* FF3.6+ */
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77879e), color-stop(100%,#687689));
  	background: -webkit-linear-gradient(top,  #77879e 0%,#687689 100%); 
  	background: -o-linear-gradient(top,  #77879e 0%,#687689 100%);
  	background: -ms-linear-gradient(top,  #77879e 0%,#687689 100%); 
  	background: linear-gradient(to bottom,  #77879e 0%,#687689 100%);
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77879e', endColorstr='#687689',GradientType=0 ); /* IE6-8 */
  	border-color: rgba(255,255,255,.5);
  }

/*
#newsmap_tiles footer {
  height: 35px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #596c86;
  border-top: 1px solid #708197;
  border-bottom: 1px solid #49586d;
  z-index: 10;
}
*/


#headmap {
	width: 100%;
	height: 280px;
	background: transparent url(../img/bg-dossier.jpg) 50% 0 no-repeat;
}

#headmap .wrapper {
	width: 960px;
	height: 280px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	overflow: hidden;
}

#headmap h1 {
	width: auto;
	display: inline-block;
	background: rgba(25,48,78,.7);
	color: white;
	font-size: 2.5em;
	padding: 6px 12px 5px 12px;
	border-radius: 6px;
}

#newsmap_tiles .wrapper {
	height: 100%;
	width: 965px;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin: 5px auto;
}

footer .wrapper {
	width: 960px;
	text-align: left;
	margin: 0 auto;
}

#newsmap_tiles nav.newsmap_tiles-primary a.go-prev {
	display: none; 
}

#newsmap_tiles nav.newsmap_tiles-primary a.go-next {
	display: none;
}


#newsmap_tiles article {
	width: 398px; 
	height: 310px;
	position: relative;
	float: left;
	/*top: 30px;*/
}

#newsmap_tiles article img {
	/*width: 200px;*/
	/*height: 135px;*/
	/*float: left;*/
	/*margin: 20px 20px;*/
}


#newsmap_tiles article header {
	/*background: rgba(83,108,142,.5);*/
	/*height: 62px;*/
	/*border-radius: 6px 6px 0 0;*/
}

#newsmap_tiles article .artbody {
	background: #ebebeb;
	width: 100%;
	height: 232px;
	position: absolute;
	width: 480px;
	top: 62px;
	border-radius: 0 0 6px 6px;

	box-sizing: border-box;
}


#newsmap_tiles article h1 {
	background: rgba(235,235,235,.8);
	color: #19304e;
	font-size: 2.2em;
	/*margin: 16px 0 0 0;*/
	position: absolute;
	top: 205px;
	height: 90px;
	width: 100%;
	padding: 15px;

}


#newsmap_tiles article nav {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 56px;
}

#newsmap_tiles article nav a {
	display: inline-block;
	text-indent: -99999px;
}

#newsmap_tiles article nav a.share {
	background: transparent url(../img/link-share.png) 0 0 no-repeat;
	width: 51px;
	height: 12px;
	position: absolute;
	top: 15px;
	left: 20px;
}

#newsmap_tiles article nav a.readlater {
	background: transparent url(../img/link-read-later.png) 0 0 no-repeat;
	width: 80px;
	height: 12px;  
	position: absolute;
	top: 15px;
	left: 90px;
}

#newsmap_tiles article nav a.readmore {
	background: transparent url(../img/button-readmore.png) 0 0 no-repeat;
	width: 130px;
	height: 96px;  
	position: absolute;
	top: 0;
	right: 20px;
}


#newsmap_tiles article p.location {
	background: transparent url(../img/worldc-pin.png) 0 0 no-repeat;
	height: 3em;
	margin: 10px 0 0 10px;
	position: absolute;
}
#newsmap_tiles article p.caption {
	display: block;
	width: auto;
	position: absolute;
	right: 0px;
	top: 5px;
	color: white;
	text-transform: uppercase;
	background: #19304e;
	line-height: 27px;
	padding: 0 2px 0 10px;
}

#newsmap_tiles article p.caption img {
	width: 11px;
	height: 37px;
	position: absolute;
	right: -10px;
	top: 0;
	margin: 0;
	padding: 0;
}

#newsmap_tiles nav.newsmap_tiles-secondary {
	position: absolute;
	bottom: 10px;
	left: 48%;
	z-index: 20;
}

#newsmap_tiles nav.newsmap_tiles-secondary a.newsmap_tiles-page {
	display: inline-block;
	width: 13px;
	height: 13px;
	text-indent: -99999px;
	background: transparent url(../img/pagination-inactive.png) 0 0 no-repeat;  
}

#newsmap_tiles nav.newsmap_tiles-secondary a.page-active {
	background: transparent url(../img/pagination-active.png) 0 0 no-repeat;  
}


#newsmap_tiles a.newsmap_tiles-button,
#headmap a.newsmap_tiles-button {
	display: block;
	position: absolute;
	right: 0;
	bottom: 1px;
	background: #3b4e66;
	box-sizing: border-box;
	padding: 8px 12px;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
	border: 1px solid #36475c;
	z-index: 20;
}

#newsmap_tiles .side-articles {
	float: left;
}

#newsmap_tiles .upper-article {
	background: white;
	margin-left: 6px;
	margin-bottom: 6px;
	height: 152px;
	width: 320px;
	float: none;
}

#newsmap_tiles .upper-article h1 {
	top: 0;
	background: none;
	padding: 10px;
	margin: 0px;
}

#newsmap_tiles article footer {
	padding: 10px;
	margin: 0px;
	color: #b3d4fc;
	font-size: 1.2em;
	font-weight: bold;
	position: absolute;
	bottom: 0;
}

#newsmap_tiles .lower-article {
	background: #19304e;
	margin-left: 5px;
	height: 152px;
	width: 320px; 
	float: none;     
}

#newsmap_tiles .lower-article h1{
	color: white;
	top: 0;
	background: none;
	padding: 10px;
	margin: 0px;
}

#newsmap_tiles .right-box {
	background: white;
	position: relative;
	width: 235px;
	height: 310px;
	margin-left: 5px;
}

#newsmap_tiles .right-box h1 {
	color: #19304e;
	font-family: "PT Sans", Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	padding: 10px;
	margin: 0px;
}

#newsmap_tiles .right-box p {
	padding: 0px 10px 10px 10px;
	margin: 0px;
	color: #19304e;
	font-size: 1.2em;
	font-weight: bold;
}

#map-small {
	height: 152px !important;
	margin-bottom: 6px;
}

#quick-reads-small {
	height: 152px !important;
}

#quick-reads-big {
	float: left;
	margin-right: 6px;
}

#map-big {
	float: left;
	display:block;
}

#while-u-slept {
	margin-left: 25px;
}

#main-article-front p {
	background: rgba(235,235,235,.9);
	width: 100%;
	height: 100%;
	display: none;
	position: relative;
	top: -320px;
	font-size: 1em;
}

#newsmap_tiles .upper-article p { 
	display: none;
	background: #edf3fa;
	position: absolute;
	margin: 0;
	width: 100%;
	height: 100%;
}

#newsmap_tiles .lower-article p {
	display: none;
	background: #3a4f6c;
	position: absolute;
	margin: 0;
	width: 100%;
	height: 100%;	
}

.side-articles .lower {
	color: white !important;
}

#newsmap_tiles .main-article-title {
	font-family: "PT Sans", Arial, Helvetica, sans-serif;
	font-size: 2.8em;
	font-weight: bold;
	color: #19304e;
	padding: 15px;
	display: block;
}

#newsmap_tiles .main-article-body {
	display: block;
	font-family: Arial, Helvetice, sans-serif;
	font-size: 1.2em;
	color: #19304e;
	padding: 0 15px;
}

#newsmap_tiles .main-article-footer {
	display: block;
	font-family: Arial, Helvetice, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #19304e;
	padding: 15px;
	position: absolute;
	bottom: 0;
}

#newsmap_tiles .side-articles-title {
	font-family: "PT Sans", Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	font-weight: bold;
	color: #19304e;
	padding: 10px;
	display: block;	
}

#newsmap_tiles .side-articles-body {
	display: block;
	font-family: Arial, Helvetice, sans-serif;
	font-size: 1.2em;
	color: #19304e;
	padding: 0 10px;
}

#newsmap_tiles .side-articles-footer {
	display: block;
	font-family: Arial, Helvetice, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #19304e;
	padding: 10px;
}


#newsmap_tiles #quick-reads-big { display: none; }

#newsmap_tiles #map-big { display: none; }

#newsmap_tiles #while-u-slept { display: none; }  
}

@media screen and (max-width: 1620px) {
	#newsmap_tiles #while-u-slept { display: none; }  
}

@media screen and (min-width: 1290px) {
	#main,
	#ticker {
		width: 1290px;
	}

	#main #articles {
		width: 990px;
	}

	.single-article #articles aside.related,
	.single-article .article-wraptwo {
		width: 960px;
    padding-bottom: 20px;
  }

  .artlist #articles article,
  .artlist #articles article:nth-of-type(3n) {
    margin-left: 3em;
  }

  .artlist #articles article:nth-of-type(1),
  .artlist #articles article:nth-of-type(3n+2) {
    margin-left: 0;
  }

  .artlist #articles article:nth-of-type(2) {
    margin-left: 3em !important;
  }

  .single-article #articles article .article-img {
    width: 98%;
    height: auto;
  }
  .single-article #articles article {
    width: 100%;
    height: auto;
    border: none;
    padding-right: 30px;
  }

  .mondo #articles article {
    width: 96%;
  }  

  .mondo #articles article .content {
    width: 64%;
  }

  .mondo #articles article footer .readlater {
    right: 40px;
    left: auto;
  }

  .mondo #articles article footer .share {
    right: 220px; 
    left: auto;
  }  

  .mondo #articles article footer .date {
    right: 368px;
    left: auto;
  }

  #newsmap.fullview {
    height: 985px; 
    height: 883px;
  }

  #newsmap #quick-reads-small { display: none; }

  #newsmap #map-small { display: none; }

  //#newsmap .wrapper { width: 1295px; }

  #articles #dossier360 { display: none; }

  #articles #dossier360big { display: block; }

  #articles #dossier360bigger { display: none; }

}


.mondo #newsmap_tiles .help {
	margin-top: 10px;
	display: inline-block;
}


@media screen and (min-width: 1620px) {
	#main,
	#ticker {
		width: 1620px;
	}

	#main #articles {
		width: 1320px;
	}

	.single-article #articles aside.related,
	.single-article .article-wraptwo {
		width: 1290px;
    padding-bottom: 20px;
  }

  .artlist #articles article:nth-of-type(1),
  .artlist #articles article:nth-of-type(4n-1) {
    margin-left: 0;
  }

  .artlist #articles article,
  .artlist #articles article:nth-of-type(4n) {
    margin-left: 3em;
  }

  .artlist #articles article:nth-of-type(3) {
    margin-left: 3em !important;
  }

  .single-article #articles article .article-img {
    width: 98.4%;
  }

  .mondo #articles article {
    width: 630px;

  }  

  .mondo #articles article .content {
    width: 260px;
  }

  .mondo #articles article:nth-of-type(2n) {
    margin-left: 30px;
  }

  .mondo #articles article:nth-of-type(2n+1) {
  }

  .mondo #articles article footer .readlater {
    left: 500px;
    right: auto;
  }

  .mondo #articles article footer .date {
    left: 350px;
    right: auto;
  }

  .mondo #articles article footer .share {
    left: 420px;
    right: auto;
  }

  #newsmap.fullview {
    height: 985px; 
    height: 883px;
  }

  //#newsmap .wrapper { width: 1620px; }

  #dossier360bigger.twocol {
    margin-right: 3em;
  }

  #articles #dossier360 { display: none; }

  #articles #dossier360big { display: none; }

  #articles #dossier360bigger { display: block; }

}


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

}


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

}


/*ipad portrait + landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
	.subscription input[type=radio] {
		width: 20px;
		height: 20px;
	}
	.subscription #slen input {
		top: 60px;
	}
}

/* ipad portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	/* same as @media screen and (min-width: 1024px)  */
	body,
	#heading,
	#newsmap_tiles {
		width: 1024px;
	}

	#heading header {
		width:100%;
		max-width: 100%;
		padding: 110px 40px 0 40px;
		text-align: center;
	}

	#heading header form.search-form {
		position: absolute;
		right: 171px;  
	}

	#heading header .subscribe-button {
		right: 40px;
	}
}


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

	#heading header {
		width: 100%;
		max-width: 100%;
		padding: 110px 40px 0 40px;
		text-align: center;
	}

	#heading header form.search-form {
		position: absolute;
		right: 171px;  
	}

	#heading header .subscribe-button {
		right: 40px;
	}

}


@media screen and (min-width: 1290px) {
	#main,
	#ticker {
		width: 1290px;
	}

	#main #articles {
		width: 990px;
	}

	.single-article #articles aside.related,
	.single-article .article-wraptwo {
		width: 960px;
    padding-bottom: 20px;
  }

  .artlist #articles article,
  .artlist #articles article:nth-of-type(3n) {
    margin-left: 3em;
  }

  .artlist #articles article:nth-of-type(1),
  .artlist #articles article:nth-of-type(3n+2) {
    margin-left: 0;
  }

  .artlist #articles article:nth-of-type(2) {
    margin-left: 3em !important;
  }


  #articles #dossier360 { display: none; }

  #newsmap_tiles #quick-reads-small { display: none; }

  #newsmap_tiles #map-small { display: none; }

  #newsmap_tiles .wrapper { width: 1295px; }

  .single-article #articles article .article-img {
    width: 98%;
    height: auto;
  }
  .single-article #articles article {
    width: 100%;
    height: auto;
    border: none;
    padding-right: 30px;
  }

  .mondo #articles article {
    width: 96%;
  }  

  .mondo #articles article .content {
    width: 64%;
  }

  .mondo #articles article footer .readlater {
    right: 40px;
    left: auto;
  }

  .mondo #articles article footer .share {
    right: 220px; 
    left: auto;
  }  

  .mondo #articles article footer .date {
    right: 368px;
    left: auto;
  }

  #newsmap_tiles.fullview {
    height: 985px; 
    height: 883px;
  }


  .artlist.source_partner #articles article:nth-of-type(n){
    margin-left: 3em !important;
  }

  .artlist.source_partner #articles article:nth-of-type(3n+1) {
    margin-left: 0 !important;
  }  
}

@media screen and (max-width: 1290px) {
	#newsmap_tiles #quick-reads-big { display: none; }

	#newsmap_tiles #map-big { display: none; }

	#newsmap_tiles #while-u-slept { display: none; }  
}

@media screen and (max-width: 1620px) {
	#newsmap_tiles #while-u-slept { display: none; }  
}




@media screen and (min-width: 1620px) {
	#main,
	#ticker {
		width: 1620px;
	}

	#main #articles {
		width: 1320px;
	}

	.single-article #articles aside.related,
	.single-article .article-wraptwo {
		width: 1290px;
    padding-bottom: 20px;
  }


  .artlist #articles article,
  .artlist #articles article:nth-of-type(3n+1),
  .artlist #articles article:nth-of-type(4n) {
    margin-left: 3em;
  }

  .artlist #articles article:nth-of-type(4n+1) {
    margin-left: 0;
  }

  .single-article #articles article .article-img {
    width: 98.4%;
  }

  .mondo #articles article {
    width: 630px;

  }  

  .mondo #articles article .content {
    width: 260px;
  }

  .mondo #articles article:nth-of-type(2n) {
    margin-left: 30px;
  }

  .mondo #articles article:nth-of-type(2n+1) {
  }

  .mondo #articles article footer .readlater {
    left: 500px;
    right: auto;
  }

  .mondo #articles article footer .date {
    left: 350px;
    right: auto;
  }

  .mondo #articles article footer .share {
    left: 420px;
    right: auto;
  }

  #newsmap_tiles.fullview {
    height: 985px; 
    height: 883px;
  }

  #newsmap_tiles .wrapper { width: 1620px; }

}


@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
	/* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

   @media print {
   	* {
   		background: transparent !important;
   		color: #000 !important; /* Black prints faster: h5bp.com/s */
   		box-shadow: none !important;
   		text-shadow: none !important;
   	}

   	a,
   	a:visited {
   		text-decoration: underline;
   	}

   	a[href]:after {
   		content: " (" attr(href) ")";
   	}

   	abbr[title]:after {
   		content: " (" attr(title) ")";
   	}

    /*
     * Don't show links for images, or javascript/internal links
     */

     .ir a:after,
     a[href^="javascript:"]:after,
     a[href^="#"]:after {
     	content: "";
     }

     pre,
     blockquote {
     	border: 1px solid #999;
     	page-break-inside: avoid;
     }

     thead {
     	display: table-header-group; /* h5bp.com/t */
     }

     tr,
     img {
     	page-break-inside: avoid;
     }

     img {
     	max-width: 100% !important;
     }

     @page {
     	margin: 0.5cm;
     }

     p,
     h2,
     h3 {
     	orphans: 3;
     	widows: 3;
     }

     h2,
     h3 {
     	page-break-after: avoid;
     }
   }



   .left   { float: left; }
   .right  { float: right; }

   .button-image {
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
  }


  .fixscroll-fixed {
    position: fixed;
    top: 10px;
    width: 300px;
    z-index: 99;
  }

  .fixscroll-absolute {
    position: absolute;
  }

/*
 * Image replacement
 */

 .ir {
 	background-color: transparent;
 	border: 0;
 	overflow: hidden;
 	/* IE 6/7 fallback */
 	*text-indent: -9999px;
 }

 .ir:before {
 	content: "";
 	display: block;
 	width: 0;
 	height: 150%;
 }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

 .hidden {
 	display: none !important;
 	visibility: hidden;
 }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

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

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

 .visuallyhidden.focusable:active,
 .visuallyhidden.focusable:focus {
 	clip: auto;
 	height: auto;
 	margin: 0;
 	overflow: visible;
 	position: static;
 	width: auto;
 }

/*
 * Hide visually and from screenreaders, but maintain layout
 */

 .invisible {
 	visibility: hidden;
 }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

 .clearfix:before,
 .clearfix:after {
 	content: " "; /* 1 */
 	display: table; /* 2 */
 }

 .clearfix:after {
 	clear: both;
 }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

 .clearfix {
 	*zoom: 1;
 }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

   @media screen and (min-width: 750px) {
   }


   @media screen and (min-width: 980px) {
   }


   /*ipad portrait + landscape */
   @media only screen 
   and (min-device-width : 768px) 
   and (max-device-width : 1024px)  { 
   	.subscription input[type=radio] {
   		width: 20px;
   		height: 20px;
   	}
   	.subscription #slen input {
   		top: 60px;
   	}
   }

   /* ipad portrait */
   @media only screen 
   and (min-device-width : 768px) 
   and (max-device-width : 1024px) 
   and (orientation : landscape) {
   	/* same as @media screen and (min-width: 1024px)  */
   	body,
   	#heading,
   	#newsmap {
   		width: 1024px;
   	}

   	#heading header {
   		width:100%;
   		max-width: 100%;
   		padding: 110px 40px 0 40px;
   		text-align: center;
   	}

   	#heading header form.search-form {
   		position: absolute;
   		right: 171px;  
   	}

   	#heading header .subscribe-button {
   		right: 40px;
   	}
   }


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

   	#heading header {
   		width: 100%;
   		max-width: 100%;
   		padding: 110px 40px 0 40px;
   		text-align: center;
   	}

   	#heading header form.search-form {
   		position: absolute;
   		right: 171px;  
   	}

   	#heading header .subscribe-button {
   		right: 40px;
   	}

   	#articles #dossier360 { display: block; }

   	#articles #dossier360big { display: none; }

   	#articles #dossier360bigger { display: none; }

   }


   @media screen and (min-width: 1290px) {
   	#main,
   	#ticker {
   		width: 1290px;
   	}

   	#main #articles {
   		width: 990px;
   	}

   	.single-article #articles aside.related,
   	.single-article .article-wraptwo {
   		width: 960px;
   	}

   	.artlist #articles article,
   	.artlist #articles article:nth-of-type(3n) {
   		margin-left: 3em;
   	}

   	.artlist #articles article:nth-of-type(1),
   	.artlist #articles article:nth-of-type(3n+2) {
   		margin-left: 0;
   	}

   	.artlist #articles article:nth-of-type(2) {
   		margin-left: 3em !important;
   	}

   	.single-article #articles article .article-img {
   		width: 98%;
   		height: auto;
   	}
   	.single-article #articles article {
   		width: 100%;
   		height: auto;
   		border: none;
   		padding-right: 30px;
   	}

   	.mondo #articles article {
   		width: 96%;
   	}  

   	.mondo #articles article .content {
   		width: 64%;
   	}

   	.mondo #articles article footer .readlater {
   		right: 40px;
   		left: auto;
   	}

   	.mondo #articles article footer .share {
   		right: 220px; 
   		left: auto;
   	}  

   	.mondo #articles article footer .date {
   		right: 368px;
   		left: auto;
   	}

   	#newsmap.fullview {
   		height: 985px; 
   		height: 883px;
   	}

   	#newsmap #quick-reads-small { display: none; }

   	#newsmap #map-small { display: none; }

   	//#newsmap .wrapper { width: 1295px; }

   	#articles #dossier360 { display: none; }

   	#articles #dossier360big { display: block; }

   	#articles #dossier360bigger { display: none; }

   }

   @media screen and (min-width: 1620px) {
   	#main,
   	#ticker {
   		width: 1620px;
   	}

   	#main #articles {
   		width: 1320px;
   	}

   	.single-article #articles aside.related,
   	.single-article .article-wraptwo {
   		width: 1290px;
   	}

   	.artlist #articles article:nth-of-type(1),
   	.artlist #articles article:nth-of-type(4n-1) {
   		margin-left: 0;
   	}

   	.artlist #articles article,
   	.artlist #articles article:nth-of-type(4n) {
   		margin-left: 3em;
   	}

   	.artlist #articles article:nth-of-type(3) {
   		margin-left: 3em !important;
   	}

   	.single-article #articles article .article-img {
   		width: 98.4%;
   	}

   	.mondo #articles article {
   		width: 630px;

   	}  

   	.mondo #articles article .content {
   		width: 260px;
   	}

   	.mondo #articles article:nth-of-type(2n) {
   		margin-left: 30px;
   	}

   	.mondo #articles article:nth-of-type(2n+1) {
   	}

   	.mondo #articles article footer .readlater {
   		left: 500px;
   		right: auto;
   	}

   	.mondo #articles article footer .date {
   		left: 350px;
   		right: auto;
   	}

   	.mondo #articles article footer .share {
   		left: 420px;
   		right: auto;
   	}

   	#newsmap.fullview {
   		height: 985px; 
   		height: 883px;
   	}

   	//#newsmap .wrapper { width: 100%; }

   	#dossier360bigger.twocol {
   		margin-right: 3em;
   	}

   	#articles #dossier360 { display: none; }

   	#articles #dossier360big { display: none; }

   	#articles #dossier360bigger { display: block; }

   }

   @media screen and (max-width: 1290px) {
   	#newsmap #quick-reads-big { display: none; }

   	#newsmap #map-big { display: none; }

   	#newsmap #while-u-slept { display: none; }

   	#articles #dossier360big { display: none; }

   }

   @media screen and (max-width: 1620px) {
   	#newsmap #while-u-slept { display: none; }

   	#articles #dossier360bigger { display: none; }

   	#articles article footer {
   		height: 38px;
   		width: 100%;
   		box-sizing: border-box;
   		border: 1px solid #d4d4d4;
   		background: #f9f9f9;
   		position: absolute;
   		bottom: -1px;
   		left: -1px;
   		width: 300px;
   		padding: 1em 0 0 1.0em;
   	}

   }














   /*TF THRTHRTH*/

   @media screen and (min-width: 1290px)
   .artlist #articles article:nth-of-type(2) {
   	margin-left: 3em !important;
   }

   .artlist #articles article:nth-of-type(2n) {
   	margin-left: 3em;
   	margin-bottom: 3em;
   }












/* ==========================================================================
   Worldcrunch.com
   ========================================================================== */


/* ==========================================================================
   Color swatches
   ==========================================================================
  
  #f9f9f9 header light background
  #f1f1f1 light gray (background)
  #e0e0e0 light gray (border)
  
  #ebebeb newsmap article BG
  #f5f5f5 aside, load more gray background
  #d4d4d4 aside article border
  #ffffff article body bg
  #f9f9f9 article footer bg
  
  #19304e blue
  #122237 blue darker (caption shadow)
  #596c86 newsmap bottom blue
  
  #7f7f7f gray text (share buttons)
  #1e3451 blue text
  #fe9000 orange links
   
  */   

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

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

  body {
  	text-align: center;
  	font-size: 62.5%;
  }



  /* header */
  #heading {
  	background: url(../img/bg-heading.png) 0 0 repeat-x;
  	width: 100%;
  	min-width: 960px;
  	height: 309px;
  	position: relative;
  }

  #heading header {
  	width: 960px;
  	margin: 0 auto;
  	text-align: left;
  	position: relative;
  }

  #heading .banner {
  	padding: 10px 0;
  	text-align: center;
  }

  #heading nav.social,
  footer nav.social {
  	text-align: right;
  }

  #heading nav.social {
  	margin-top: 1px;
  }

  #heading nav.social .icon,
  footer nav.social .icon {
  	display: inline-block;
  	width: 41px;
  	height: 39px;
  	border: 1px solid white;
  	text-indent: -99999px;
  	background-size: 39px 39px;
  	margin-right: -4px; /* "fix" for inline-block elements spacing */
  }


  #heading nav.social .icon.ic-ul {
  	width: 126px;
  	background: url(../img/button-user-login.png) 0 0 no-repeat;
  	background-size: 127px 39px;
  	margin-right: 0;
  }

  .icon.ic-fb {
  	background: url(../img/icon-facebook.png) 0 0 no-repeat;
  }

  .icon.ic-tw {
  	background: url(../img/icon-twitter.png) 0 0 no-repeat;
  }

  .icon.ic-gp {
  	background: url(../img/icon-gplus.png) 0 0 no-repeat;
  }

  .icon.ic-rss {
  	background: url(../img/icon-rss.png) 0 0 no-repeat;
  }

  .icon.ic-em {
  	background: url(../img/icon-mail.png) 0 0 no-repeat;
  }


  #heading header h1 {
  	background: url(../img/logo.png) 0 0 no-repeat;
  	display: block;
  	width: 292px;
  	height: 48px;
  	text-indent: -99999px;
  	margin-top: 28px;
  }

  #heading header form.search-form {
  	position: absolute;
  	right: 131px;
  	top: 185px;
  	width: 195px;
  	height: 40px;
  	text-align: left;
  	background: transparent url(../img/search-box.png) 0 0 no-repeat;
  }

  #heading header form.search-form input[name="query"] {  
  	border: none;
  	background: transparent;
  	height: 40px;
  	font-size: 1.2em;
  	text-transform: uppercase;
  	padding-left: 10px;
  	width: 145px;
  }

  #heading header form.search-form input[type="submit"] {
  	display: inline-block;
  	height: 40px;
  	width: 40px;
  	position: absolute;
  	top: 0;
  	right: 0;
  	border: none;
  	background: transparent;
  	text-indent: -99999px;
  }

  #heading header .subscribe-button {
  	position: absolute;
  	display: block;
  	right: 0;
  	top: 185px;
  	width: 128px;
  	height: 40px;
  	background: transparent url(../img/button-subscribe-now.png) 0 0 no-repeat;
  	text-indent: -99999px;
  }


  #heading header nav.primary {
  	width: 100%;
  	height: 50px;
  	overflow: hidden;
  	position: relative;
  	top: 15px;
  	min-width: 960px;
  	text-align: center;
  	max-width: 960px;
  	margin: 0 auto;
  }

  #heading header nav.primary h2 {
  	display: block;
  	border: 1px solid #ffffff;
  	border-style: none solid none none;
  	padding: 0;
  	margin: 20px 0 0 0;
  	width: auto;
  	float: left;
  	line-height: .8em;
  	padding: 0 19px;
  }


  #heading header nav.primary h2 a,
  #heading header nav.primary h2 a:active,
  #heading header nav.primary h2 a:visited {
  	color: #ffffff;
  	font-size: .84em;
  	font-size: 13px;
  	font-weight: bold;
  	text-decoration: none;  
  	text-transform: uppercase;
  }


  #heading header nav.primary h2 a,
  #heading header nav.primary h2 a:active,
  #heading header nav.primary h2 a:visited,
  .source-partner .mainhead h1,
  #headmap h1,
  #main .mainhead p,
  .single-article #articles article .artbody,
  #articles article h1,
  .single-article #articles article p,
  .qotw, .qotw h1, .qotw span, .qotw p,
  .mondo #articles article strong,
  .mondo #articles article .content,
  .mondo #articles article .caption,
  .mondo #articles article .caption a,
  .subscription #main h2,
  .subscription #main ul li,
  .subscription #main h2,
  .subscription #main #slen p,
  .static section > h1,
  .static section h2,
  .static section p,
  .static section a,
  .static section #articles article header,
  .static #banners article h1,
  .static #banners article h2,
  .static #banners article h3,
  .static #banners article a,
  .form-box h1,
  .form-box h2,
  .form-box.signup b
  {
  	font-family: "PT Sans", Arial, Helvetica, sans-serif;
  }

  .static section > h1,
  .static section h2,
  .static section p,
  .static section a,
  .static section #articles article header,
  .static #banners article h1,
  .static #banners article h2,
  .static #banners article h3,
  .static #banners article a,
  .static.rss section article a
  {
  	color: #0d1e34;
  }

  .static #banners article h1,
  .static #banners article h2,
  .static #banners article h3,
  .static #banners article a 
  {
  	font-family: Arial, Helvetica, sans-serif;
  }


  .orange,
  .static section h2.orange,
  #heading header nav.primary h2.active a,
  #heading header nav.primary h2 a:hover,
  #main #sectionheading h1,
  .subscription #main h1,
  .subscription #slen h2,
  .static section > h1,
  .static section article a,
  .source-partner .mainhead > a,
  .source-partner .mainhead h1,
  #main .mainhead.dossier a,
  .popup h1, .popup h2, .popup h3,
  .popup-premium ul li
  {
  	color: #fd8600;
  }

  .partner-head h1, .partner-head h2, .partner-head p
  { 
  	color: #19304e;
  }


  #heading header nav.primary h2:first-child {
  	padding-left: 0;
  }






  /* newsmap */

  #newsmap {
  	background: #a2bddd url(../img/map.jpg) 0 0 no-repeat;
  	width: 100%;
  	min-width: 960px;
  	height: 392px;
  	overflow: hidden;
  	position:relative;
  }

  #newsmap nav.full-map-nav {
  	display: none;
  }

  #newsmap.fullview {
  	height: 673px; 
  }

  #newsmap.fullview .newsmap-zoomout {
  	display: none;
  }

  #newsmap.fullview .wrapper > .newsmap-button,
  #newsmap.fullview .newsmap-secondary {
  	display: none;
  }
  body #newsmap.fullview a.newsmap-zoomout {
  	display: block;
  	left: 0;
  	right: auto;
  	background: ##oranz; /* Old browsers */
  	background: -webkit-linear-gradient(top,  ##oranz 0%,#e27800 100%);
  	background: -o-linear-gradient(top,  ##oranz 0%,#e27800 100%); 
  	background: -ms-linear-gradient(top,  ##oranz 0%,#e27800 100%); 
  	background: linear-gradient(to bottom,  ##oranz 0%,#e27800 100%); 
  	border-top:1px solid #oranz;
  	border-left:1px solid #oranz;
  	border-right:1px solid #oranz;
  	bottom: -1px;
  	height: 36px;
  	line-height: 1.5em;
  }

  #newsmap.fullview a.newsmap-button img {
  	display: inline-block;
  	margin-top: -4px;
  	margin-left:10px;
  }


  #newsmap.fullview nav.full-map-nav {
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	height: 35px;
  	width: 100%;
  	z-index: 20;
  	text-align: center;
  	display: block;
  }

  #newsmap.fullview nav.full-map-nav span,
  #newsmap.fullview nav.full-map-nav button {
  	color: white;
  	text-transform: uppercase;
  	background: transparent;
  	border: 1px solid white;
  	border-radius: 3px;
  	padding: 6px 12px;
  	margin: 0;
  	display: inline-block;
  	margin-top: 4px;
  	width: 90px;  
  }

  #newsmap.fullview nav.full-map-nav span {
  	border-color: transparent;
  }

  #newsmap.fullview nav.full-map-nav button {
  	background: #77879e; 
  	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3ODc5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ODc2ODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  	background: -moz-linear-gradient(top,  #77879e 0%, #687689 100%); /* FF3.6+ */
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77879e), color-stop(100%,#687689));
  	background: -webkit-linear-gradient(top,  #77879e 0%,#687689 100%); 
  	background: -o-linear-gradient(top,  #77879e 0%,#687689 100%);
  	background: -ms-linear-gradient(top,  #77879e 0%,#687689 100%); 
  	background: linear-gradient(to bottom,  #77879e 0%,#687689 100%);
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77879e', endColorstr='#687689',GradientType=0 ); /* IE6-8 */
  	border-color: rgba(255,255,255,.5);
  }

  #newsmap footer {
  	height: 35px;
  	width: 100%;
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	background: #596c86;
  	border-top: 1px solid #708197;
  	border-bottom: 1px solid #49586d;
  	z-index: 10;
  }



  #headmap {
  	width: 100%;
  	height: 280px;
  	background: transparent url(../img/bg-dossier.jpg) 50% 0 no-repeat;
  }

  #headmap .wrapper {
  	width: 960px;
  	height: 280px;
  	margin: 0 auto;
  	text-align: left;
  	position: relative;
  	overflow: hidden;
  }

  #headmap h1 {
  	width: auto;
  	display: inline-block;
  	background: rgba(25,48,78,.7);
  	color: white;
  	font-size: 2.5em;
  	padding: 6px 12px 5px 12px;
  	border-radius: 6px;
  }

  #newsmap .wrapper {
  	width: 100%;
  	left: 33px;
  	top: 1px;

  	height: 100%;
  	margin: 0 auto;
  	text-align: left;
  	position: relative;
  	overflow: hidden;
  }

  footer .wrapper {
  	width: 960px;
  	text-align: left;
  	margin: 0 auto;
  }

  #newsmap nav.newsmap-primary a.go-prev {
  	display: none; 
  }

  #newsmap nav.newsmap-primary a.go-next {
  	display: none;
  }


  #newsmap article {
  	width: 480px; 
  	height: 294px;
  	position: relative;
  	top: 30px;
  }

  #newsmap article img {
  	width: 200px;
  	height: 135px;
  	float: left;
  	margin: 20px 20px;
  }


  #newsmap article header {
  	background: rgba(83,108,142,.5);
  	height: 62px;
  	border-radius: 6px 6px 0 0;
  }

  #newsmap article .artbody {
  	background: #ebebeb;
  	width: 100%;
  	height: 232px;
  	position: absolute;
  	width: 480px;
  	top: 62px;
  	border-radius: 0 0 6px 6px;

  	box-sizing: border-box;
  }


  #newsmap article h1 {
  	color: #19304e;
  	font-size: 2.2em;
  	margin: 16px 0 0 0;

  }

  #newsmap article nav {
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	height: 56px;
  }

  #newsmap article nav a {
  	display: inline-block;
  	text-indent: -99999px;
  }

  #newsmap article nav a.share {
  	background: transparent url(../img/link-share.png) 0 0 no-repeat;
  	width: 51px;
  	height: 12px;
  	position: absolute;
  	top: 15px;
  	left: 20px;
  }

  #newsmap article nav a.readlater {
  	background: transparent url(../img/link-read-later.png) 0 0 no-repeat;
  	width: 80px;
  	height: 12px;  
  	position: absolute;
  	top: 15px;
  	left: 90px;
  }

  #newsmap article nav a.readmore {
  	background: transparent url(../img/button-readmore.png) 0 0 no-repeat;
  	width: 130px;
  	height: 96px;  
  	position: absolute;
  	top: 0;
  	right: 20px;
  }

  
  #newsmap article p.location {
  	background: transparent url(../img/worldc-pin.png) 0 0 no-repeat;
  	height: 3em;
  	margin: 10px 0 0 10px;
  	position: absolute;
  }
  #newsmap article p.caption {
  	display: block;
  	width: auto;
  	position: absolute;
  	right: 0px;
  	top: 5px;
  	color: white;
  	text-transform: uppercase;
  	background: #19304e;
  	line-height: 27px;
  	padding: 0 2px 0 10px;
  }

  #newsmap article p.caption img {
  	width: 11px;
  	height: 37px;
  	position: absolute;
  	right: -10px;
  	top: 0;
  	margin: 0;
  	padding: 0;
  }

  #newsmap nav.newsmap-secondary {
  	position: absolute;
  	bottom: 10px;
  	left: 48%;
  	z-index: 20;
  }

  #newsmap nav.newsmap-secondary a.newsmap-page {
  	display: inline-block;
  	width: 13px;
  	height: 13px;
  	text-indent: -99999px;
  	background: transparent url(../img/pagination-inactive.png) 0 0 no-repeat;  
  }

  #newsmap nav.newsmap-secondary a.page-active {
  	background: transparent url(../img/pagination-active.png) 0 0 no-repeat;  
  }


  #newsmap a.newsmap-button,
  #headmap a.newsmap-button {
  	display: block;
  	position: absolute;
  	right: 0;
  	bottom: 1px;
  	background: #3b4e66;
  	box-sizing: border-box;
  	padding: 8px 12px;
  	color: white;
  	text-transform: uppercase;
  	text-decoration: none;
  	font-weight: bold;
  	font-size: 1.2em;
  	border: 1px solid #36475c;
  	z-index: 20;
  }

  /* ticker */

  #ticker {
  	width: 960px;
  	margin: 0 auto;
  	background: #f5f5f5;
  	height: 36px;
  	box-sizing: border-box;
  	overflow: hidden;
  	text-align: left;
  	padding: 0;
  	margin-top: 14px;
  	position: relative;
  	border: 1px solid #dcdcdc;
  }
  #ticker h1 {
  	margin: 0;
  	padding: 0;
  	font-weight: bold;
  	font-size: 1.3em;
  	color: #1e3451;
  	text-transform: uppercase;
  	position: absolute;
  	top: 9px;
  	left: 10px;
  }
  #ticker nav {
  	position: absolute;
  	right: 0;
  	left: 13.5em;
  	height: 3em;
  	overflow: hidden;
  	width: 200%;
  }

  #ticker .fo {
  	width: 25px;
  	height: 33px;
  	position: absolute;
  	z-index: 98;
  	background: transparent url(../img/fadeout.png) 0px 2px no-repeat;
  	right: 0;
  }

  #ticker h2 {
  	font-size: 1.2em;
  	padding: 0;
  	margin: 0;
  	display: inline-block;
  	position: relative;
  	top: 10px;
  	font-weight: bold;
  	margin-right: 10px;
  }
  #ticker h2 a {
  	color: #1e3451;
  	text-decoration: none;
  }


  /* MAIN */

  #main {
  	margin: 14px auto 0 auto;
  	width: 960px; /*fixme*/
  	text-align: left;
  	position: relative;
  }

  #main.single-article {
  	margin-top: 24px;
  }

  #main .mainhead p {
  	color: #1e3451;
  	font-size: 1.8em;
  	margin-bottom: 1.5em;
  }

  .mainhead > img {
  	float: left;
  	margin: 0 3em 3em 0;
  	border-radius: 5px;
  	border: 1px solid #d4d4d4;
  	margin-top: 4px;
  }

  #main .mainhead.dossier p {
  	font-size: 1.6em;
  }

  #main #articles {
  	width: 660px; /*fixme*/
  	float: left;
  	position: relative;
  	padding-bottom: 4em;
  }

  #main #banners {
  	width: 300px;
  	float: right;
  	position: relative;
  }


  #main #sectionheading h1 {
  	font-size: 2.8em;
  	text-transform: uppercase;
  	padding: 0;
  	margin: 10px 0 20px -1px;
  }

  /* ARTICLE */

  #articles article {
  	width: 300px;
  	height: 400px;
  	background: white;
  	border: 1px solid #d4d4d4;
  	float: left;
  	box-sizing: border-box;
  	position: relative;
  	margin-bottom: 3em;
  }



  .single-article #articles article {
  	width: 630px; /*fixme*/
  	height: auto; 
  	border: none;
  }

  .single-article #articles article .artbody {
  	color: #0d1e34;
  	font-size: 1.8em;
  	font-weight: normal;
  	margin: 0;
  	padding: 0;
  }

  .single-article .byline {
  	margin: 20px 0 0 0;
  	background: #f5f5f5;
  	padding: 10px;
  	border: 1px solid #d4d4d4;
  	color: #878787;
  	font-size: 1.1em;
  	position: relative;
  }

  .single-article .name {
  	font-weight: bold;
  }

  #articles article header {
  	padding: 8px;
  	box-sizing: border-box;
  	position: relative;
  	max-height: 360px;
  	overflow: hidden;
  }

  .single-article #articles article header {
  	padding: 0;
  	max-height: 9999px;
  	height: auto;
  }

  #articles article h1 {
  	font-size: 2em;
  	color: #1e3451;
  	margin: 15px 10px 0 10px;
  }

  .single-article #articles article h1 {
  	font-size: 3.4em;
  	line-height: 1.2em;
  	padding: 0;
  	margin: 0;
  }


  .single-article #articles article p {
  	line-height: 1.4em;
  	max-height: 999999px;
  	margin: 1em 0;
  	text-align: justify;
  	font-size: 1em;
  	color: #0d1e34;
  }

  #articles article p {
  	color: #1e3451;
  	padding: 0;
  	margin: 0;
  }

  .artlist #articles article p {
  	font-size: 1.2em;
  	line-height: 1.8em;
  	max-height: 60px;
  	overflow: hidden;
  	margin: 0px 20px;
  }



  #articles article img.article-img,
  #dossier360 img.article-img {
  	width: 280px;
  	height: 188px;
  }

  .single-article #articles article .article-img {
  	width: 610px;
  	height: 475px;
  	margin: 10px 0 0 9px;
  }

  .single-article #articles article .caption {
  	margin-left: 10px;
  	color: #878787;
  	font-size: 1.1em;
  	line-height: 2.5em;
  	font-weight: bold;
  	display: inline-block;
  }

  #articles article img.article-partner,
  #dossier360 img.article-partner {
  	max-height: 40px;
  	max-width: 260px;
  	position: absolute;
  	top: 155px;
  	left: 20px;
  }

  .single-article article .image-wrapper {
  	width: 100%;
  	border: 1px solid #d4d4d4;
  	border-style: none solid solid;
  	height: 515px;
  	height: auto;
  	box-sizing: border-box;
  }

  .single-article #articles article img.article-partner {
  	max-height: 40px;
  	max-width: 260px;
  	position: absolute;
  	top: auto;
  	bottom: 35px;
  }

  #articles article footer {
  	height: 38px;
  	width: 100%;
  	box-sizing: border-box;
  	border: 1px solid #d4d4d4;
  	background: #f9f9f9;
  	position: absolute;
  	bottom: -1px;
  	left: -1px;
  	width: 300px;
  	padding: 1em 0 0 2.3em;
  }

  .single-article #articles article footer {
  	position: relative;
  	top: auto;
  	left: auto;
  	bottom: auto;
  	height: auto;
  	width: 100%;
  	box-sizing: border-box;
  	border: none;
  	background: transparent;  
  	padding: 0;
  }

  .single-article article footer .extras,
  .single-article article footer .copyright,
  .single-article article footer .details {
  	padding: 10px;
  	border: 1px solid #d4d4d4;
  	font-size: 1.2em;
  }

  .single-article article footer .extras {
  	background: #596c86;
  	padding: 0;
  }

  .single-article article footer .extras a {
  	box-sizing: border-box;
  	padding: 0;
  	margin: 0;
  	display: inline-block;
  	width: 33%;
  	text-decoration: none;
  	text-align: center;
  	height: 35px;
  	line-height: 3em;
  }

  .single-article article footer .extras a.center {
  	border: 1px solid #ffffff;
  	border-style: none solid none solid;
  	width: 32%;
  }

  .single-article article footer .extras a,
  .single-article article footer .extras a span {
  	color: #ffffff;
  }

  .single-article article footer .extras span {
  	text-decoration: underline;
  }

  .single-article article footer .copyright {
  	text-align: center;
  	border-style: none solid solid solid;
  }

  .single-article article footer .copyright,
  .single-article article footer .copyright a { 
  	font-weight: bold;
  	color: #1e3451;
  }

  .single-article article footer .copyright a {
  	text-transform: uppercase;
  }

  .single-article article footer .details {
  	border-style: none solid solid solid;
  	line-height: 1.8em;
  	padding: 20px;
  }

  .single-article article footer .details b {
  	display: block;
  	text-transform: uppercase;
  }

  .single-article article footer .details a {
  	color: #d27a1b;
  	text-decoration: none;
  }

  .single-article #articles article footer .details p {
  	font-size: 1em;
  	padding: 0;
  	margin: 0;
  }


  #articles article footer .date,
  #articles article footer .share,
  #articles article footer .readlater,
  .single-article article header .share,
  .single-article article header .readlater {
  	color: #7f7f7f;
  	font-size: 1em;
  	line-height: 1.2em;
  	text-decoration: none;
  	padding-left: 15px;
  	display: inline-block;
  	text-transform: uppercase;

  }

  .single-article article header .share,
  .single-article article header .readlater {
  	position: absolute; 
  	font-size:.9em;
  	top: 10px;
  }

  .single-article article header .share {
  	right: 130px;
  }

  .single-article article header .readlater {
  	right: 10px;
  }

  #articles article footer .date {
  	background: transparent url(../img/icon-date.png) 0 0px no-repeat;
  }

  #articles article footer .share,
  .single-article article header .share {
  	background: transparent url(../img/icon-share.png) 0 0px no-repeat;
  	margin-left: 25px;
  	padding-left: 17px;
  }

  #articles article footer .readlater,
  .single-article article header .readlater {
  	background: transparent url(../img/icon-readlater.png) 0 0px no-repeat;
  	margin-left: 25px;
  	padding-left: 17px;
  }

  #disqus {
  	margin-top: 20px;
  }

  #dossier360.twocol {
  	position: relative;
  	width: 630px;
  	padding: 10px;
  	border: 0;
  	float: left;
  	height: 207px;
  	margin-bottom: 3em;
  }

  #articles #dossier360.twocol {
  	background: transparent url(../img/dossier360wide.png) 0 0 no-repeat;
  }

  #dossier360.twocol nav {
  	position: absolute;
  	bottom: 0;
  	right: 0;
  	width: 28em;
  	height: 11em;
  	box-sizing: border-box;
  }

  #dossier360.twocol nav a {
  	color: white;
  	font-size: 1.2em;
  	display: block;
  	text-decoration: none;
  	width: 100%;
  	box-sizing: border-box;
  	margin: 10px 0;
  	padding: 0 0 10px 0;
  	border-bottom: 1px solid #2f4460;
  }

  #dossier360.twocol nav a:last-child {
  	border: none;
  }

  #articles .lm {
  	background: #f5f5f5;
  	height: 36px;
  	box-sizing: border-box;
  	border: 1px solid #dcdcdc;
  	display: block;
  	position: absolute;
  	text-align: center;
  	line-height: 3em;
  	font-size: 1.2em;
  	font-weight: bold;
  	text-transform: uppercase;
  	right: 30px;
  	left: 0;
  	bottom: 0;
  }


  .single-article #banners {
  	margin-top: 14px;
  }

  #banners aside,
  #banners article
  {
  	border: 1px solid #d4d4d4;
  	box-sizing: border-box;
  	margin-bottom: 40px;
  	background: #f5f5f5 url(../img/bg-aside.png) 0 0 repeat-x;
  }

  .single-article #articles aside {
  	width: 300px;
  	border: 1px solid #d4d4d4;
  	box-sizing: border-box;
  	padding: 20px;
  	line-height: 1.8em;
  }
  #articles aside.related {
  	position: relative;
  	margin-top: 30px;
  	margin-bottom: 20px;
  	padding: 0;
  	height: auto;
  }

  #articles aside.related h1 {
  	text-transform: uppercase;
  	margin: 20px 0 0 20px;
  }

  .single-article #articles aside.related {
  	width: 630px; /*FIXME */
  	background: #f5f5f5 url(../img/bg-aside.png) 0 0 repeat-x;
  }

  .recommend-logo {
  	position: absolute;
  	right: 20px;
  	top: 17px;  
  }

  .single-article .article-wraptwo {
  	clear:left;
  	width: 630px;
  	position: relative;
  	min-height: 250px;
  	max-height: 300px;
    padding-bottom: 20px;
  }

  .single-article .article-wraptwo aside {
  	width: 300px;
  	position: absolute;
  	left: 0;
  	top: 0;
  	height: 250px;
  	overflow: hidden;
  	padding: 15px;
  }

  .single-article #articles article.banner-box {
  	width: auto;
  	position: absolute;
  	top: 0;
  	right: 0;
  }


  .single-article #articles aside a {
  	font-size: 1.2em;
  	color: #878787;
  	font-weight: bold;
  	display:block;
  	margin: 10px 0 0;
  	text-decoration: none;
  }

  .single-article #articles aside img {
  	margin-bottom: 0px;
  }

  .single-article #articles aside span {
  	text-transform: uppercase;
  	display: block;
  	font-size: 1.2em;
  	font-weight: bold;
  	color: #1e3451;
  }

  aside#breaking {

  }

  #banners aside header {
  	padding: 15px 0 0 20px;
  	box-sizing: border-box;
  	position: relative;
  	height: 55px;
  }

  #extras .partners header a,
  #banners aside header a {
  	// color: #fe9000;
  	//position: absolute;
  	right: 20px;
  	top: 18px;
  	//font-size: 1.4em;
  	font-weight: bold;
  	text-transform: uppercase;
  }

  #extras .partners h1,
  #banners aside h1 {
  	padding: 0;
  	margin: 0;
  	color: #1e3451;
  	font-size: 2em;
  	text-transform: uppercase;
  }
  #banners aside nav,
  aside#dossier360 nav {
  	margin: 20px;
  }

  #banners aside nav h2,
  aside#dossier360 nav h2 {
  	font-size: 1.2em;
  	margin: 20px 0;
  } 

  #banners aside nav a {
  	text-decoration: none;
  	color: #1e3451;
  }

  aside#dossier360 nav a {
  	text-decoration: none;
  	color: white;
  }

  aside#dossier360 {
  	background: #1e3451 url(../img/dossier360.png) 0 0 no-repeat;
  	padding: 186px 0 10px 0;
  	color: white;
  	position: relative;
  }
  aside#dossier360 header {
  	position: absolute;
  	width: 300px;
  	height: 186px;
  	top: 0;
  }
  aside#dossier360 header h1,
  aside#dossier360 header a {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 300px;
  	height: 186px;
  	text-indent: -99999px;
  }


  #banners .banner-side { border: none; } 

  #elsewhere nav {
  	margin-top: 0;
  }

  #elsewhere form {
  	margin: -18px -20px 0 -20px;
  	height: 63px;
  	background: transparent url(../img/bg-aside.png) 0 0 repeat-x;
  }

  #selectcountry {
  	background: none;
  	-webkit-appearance: none;
  	border: 1px solid #d4d4d4;
  	padding: 12px;
  	width: 280px;
  	margin: 8px 8px;
  	background: white url(../img/button-dropdown.png) 18px 1px no-repeat;
  }

  #elsewhere h2 {
  }

  #elsewhere h2 span {
  	display:block;
  	text-transform: uppercase;
  	padding: 0 0 0 20px;
  	font-size: 1.209em;
  }


  .fl-austria {
  	background: transparent url(../img/icon-flag-at.png) 0 5px no-repeat;
  }

  .fl-france {
  	background: transparent url(../img/icon-flag-fr.png) 0 5px no-repeat;
  }

  .fl-brazil {
  	background: transparent url(../img/icon-flag-br.png) 0 5px no-repeat;
  }

  #extras {
  	background: #f5f5f5;
  	width: 960px;
  	margin: 10px auto 0 auto;
  	box-sizing: border-box;
  	border: 1px solid #dcdcdc;
  	text-align: left;
  	position: relative;
  	height: 170px;

  }

  #extras .partners {
  	width: 50%;
  	border-right: 1px solid #dcdcdc;
  	position: absolute;
  	left: 0;
  	top: 0;
  	height: 100%;
  	background: #f5f5f5 url(../img/bg-aside.png) 0 0 repeat-x;
  	padding: 15px 0 0 20px;
  	box-sizing: border-box;

  }

  #extras .partners header .become {
  	color: #1e3451;
  	right: 110px;
  }

  #extras .partners nav {
  	position: absolute;
  	top: 80px;
  	width: 1300%;
  	height: 70px;
  }

  #extras .partners .scroll-x {
  	overflow-x: auto;
  	width: 80%;
  	height: 100%;
  	position: absolute;
  	top: 0;
  	left: 10%;
  }

  #extras .partners nav a {
  	float: left;
  	margin-right: 30px;
  }

  #extras .subscribe {
  	width: 50%;
  	position: absolute;
  	right: 0;
  	top: 0;
  	height: 100%;
  	font-size: 1.2em;
  	color: #1e3451;
  	padding: 15px;
  	box-sizing: border-box;
  }

  #extras .subscribe p {
  	padding: 0;
  	margin: 0;
  	width: 38%;
  	line-height: 1.7em;

  }

  #extras .subscribe a {
  	position: absolute;
  	bottom: 15px;
  	left: 15px;
  }

  #extras .figure {
  	position: absolute;
  	right: -25px;
  	top: 19px;

  }


  footer#thefooter {
  	width: 100%;
  	min-width: 960px;
  	margin-top: -2px;
  	background: transparent url(../img/bg-footer.png) 0 0 repeat-x;
  	min-height: 343px;
  	border-top: 1px solid transparent;
  }

  footer#thefooter .wrapper {
  	position:relative;
  }

  footer#thefooter nav.social .icon {
  	border:none;
  }

  footer#thefooter .copyright,
  footer#thefooter .impressum a {
  	display: inline-block;
  	font-size: 1.1em;
  	text-transform: uppercase;
  	color: #1e3451;
  	font-weight: bold;
  	padding: 0;
  	margin: 12px 0 0 0;

  }

  footer#thefooter .impressum a {
  	margin-left: 30px;
  }

  footer#thefooter .social {
  	position: absolute;
  	top: 0;
  	right: 4px;
  }

  footer#thefooter .impressum {
  	display: inline-block;
  }

  footer#thefooter .featured {
  	height: 243px;
  	overflow: hidden;
  	box-sizing: border-box;
  	position: absolute;
  	width: 100%;
  	top: 40px;
  	padding-top: 30px;
  }

  footer#thefooter .about {
  	position: absolute;
  	top: 287px;
  	height: 50px;
  	width: 100%;
  	left: 0;
  }

  footer#thefooter .artlink {
  	display: block;
  	width: 120px;
  	height: 200px;
  	float: left;
  	margin-left: 20px;
  	color: white;
  	font-size: 1.2em;
  	overflow: hidden;
  }

  footer#thefooter .artlink a {
  	color: white;
  	text-decoration: none;
  	padding-top: 10px;
  	font-size: 0.98em;
  }

  footer#thefooter .artlink img {
  	margin-bottom: 8px;
  }

  footer#thefooter .artlink b {
  	text-transform: uppercase;
  	line-height: 1.8em; 
  	display: block;
  	margin-bottom: 5px;
  }

  footer#thefooter .first-child {
  	margin-left:0;
  }

  footer#thefooter .region {
  	height: 60px;
  	width: 100%;
  	position: absolute;
  	top: 274px;
  	padding-top: 30px;
  	display: none;
  }


  footer#thefooter .apps {
  	height: 60px;
  	width: 27em;
  	position: absolute;
  	top: 274px;
  	right: 0;
  	text-align: right;
  	padding-top: 18px;
  }

  footer#thefooter .apps .iphone {
  	margin-right:20px;
  }

  #thefooter .about {
  	padding-top: 18px;
  }

  #thefooter .about a,
  #thefooter .region a,
  #thefooter .region span {
  	color: white;
  	font-size: 1.1em;
  	text-decoration: none;
  	text-transform: uppercase;
  	display: inline-block;
  	margin-right: 20px;
  	font-weight: bold;
  }
  #thefooter .about a:last-child {
  	margin-right: 0;
  }

  #thefooter .region span {
  	color: #5388cd;
  }


/* ==========================================================================
   Mondo page
   ========================================================================== */

   .mondo #main {
   	margin-top: 30px;
   }

   .mondo #newsmap .help {
   	margin-top: 10px;
   	display: inline-block;
   }

   /* Quote of the day paragraph */
   .qotw {
   	width: 960px; /*FIXME*/
   	margin: 0 auto;
   	text-align: left;
   }

   .qotw,
   .qotw h1,
   .qotw span,
   .qotw p {
   	color: #1e3451;
   }

   .qotw h1 span {
   	font-weight: bold;
   }

   .qotw h1 {
   	font-weight: normal;
   	font-size: 3em;
   	margin: 20px 0 10px;
   }

   .qotw p {
   	font-size: 1.9em;
   	margin-bottom: 1.5em;
   }

   .mondo #newsmap {
   	background: #596c86 url(../img/bg-map.png) 50% 0 no-repeat;
   	height: 356px;
   }

   .pin {
   	background: transparent url(../img/worldc-pin-blue.png) 0 50% no-repeat;
   	display: inline-block;
   	min-width: 26px;
   	min-height: 33px;
   }


   .pin.pin-active,
   #newsmap article p.location {
   	font-size: 1.4em;
   	color: white;
   	text-shadow: 1px 1px 0px black;
   	text-transform: uppercase;
   	font-weight: bold;
   	padding: 11px 0 0 40px;
   	text-decoration: none;
   }

   .pin:hover,
   .pin.pin-active {
   	background: transparent url(../img/worldc-pin.png) 0 50% no-repeat;
   	min-width: 30px;
   	min-height: 39px;
   }

   #headmap a.newsmap-button,
   .mondo #newsmap a.newsmap-button {
   	background: #3b4e66 url(../img/icon-double-arrow-up.png) 88% 50% no-repeat;
   	padding-right: 30px;
   }

   .mondo #articles article {
   	width: 630px;
   	height: 420px;
   }

   .mondo #articles article p span {
   	font-size: 7em;
   	line-height: 1.6em;
   }

   .mondo #articles article .mondo-article-wrap {
   	position: absolute;
   	background: white;
   	top: 0;
   	left: 0;
   	right: 0;
   	bottom: 0;
   	padding: 20px;
   }

   .mondo #articles article.featured .mondo-article-wrap {
   	top: 3px;
   	left: 3px;
   	right: 3px;
   	bottom: 3px;
   }

   .mondo #articles article.featured {
   	border: none;
   	background: transparent url(../img/bg-mondo-feat.png) 0 0 repeat;
   }

   .mondo #articles article .image-wrapper {
   	width: 300px;
   	box-sizing: border-box;
   	display: inline-block;
   	height: 200px;
   	overflow: hidden;
   }

   .mondo #articles article .article-img {
   	max-width: 300px;
   	height: auto;
   }

   .mondo #articles article header {
   	padding: 0;
   }

   .mondo #articles article strong {
   	font-size: 2em;
   	color: #1e3451;
   }

   .mondo #articles article h1 {
   	padding: 0;
   	margin: 0;
   	font-size: 2.2em;
   }

   .mondo #articles article header img {
   	display: inline-block;
   	margin-top: 10px;
   	margin-bottom: 15px;
   	width: 40px;
   	height: 40px;
   }


   .mondo #articles article .image-wrapper span {
   }


   .mondo #articles article .content {
   	font-size: 1.8em;
   	color: #1e3451;
   	width: 260px;
   	float: right;
   	margin-top: -4px;
   	max-height: 250px;
   	overflow: hidden;
   }

   .mondo #articles article .caption {
   	padding-top: 8px;
   	position: absolute;
   	width: 300px;
   	font-size: 1.3em;
   	left: 1.4em;
   	bottom: 4.3em;
   }

   .mondo #articles article .caption,
   .mondo #articles article .caption a {
   	color: #1e3451;
   }

   .mondo #articles article footer {
   	width: 100%;
   	border-style: solid none none;
   	position: absolute;
   	bottom: 0;
   	left: 0;
   	padding: 1em 0 0 2em;
   }

   .mondo #articles article footer .share,
   .mondo #articles article footer .readlater,
   .mondo #articles article footer .date {
   	right: auto;
   	position: absolute;
   	top: 12px;
   }

   .mondo #articles article footer .readlater {
   	left: 500px;
   }

   .mondo #articles article footer .date {
   	left: 350px;
   }

   .mondo #articles article footer .share {
   	left: 420px;
   }


   .mondo #banners aside#moremondo header a {
   	display: block;
   	width: 100%;
   	height: 100%;
   	left: -1px;
   	top: -1px;
   }

   .mondo #banners aside#moremondo nav h2 {
   	font-size: 1.3em;
   	font-weight: normal;
   	border: 1px solid #d4d4d4;
   	border-style: none none solid none;
   	margin: 0;
   	padding-bottom: 10px;
   	margin-top: 12px;
   }

   .mondo #banners aside#moremondo nav h2 span {
   	font-weight: bold;
   	display: block;
   	text-transform: uppercase;
   }

   .mondo #banners aside#moremondo nav h2.last-child,
   .mondo #banners aside#moremondo nav h2:last-child {
   	border-bottom: none;
   }

   .mondo #banners aside#moremondo nav {
   	margin-bottom: 10px;
   }

   .mondo #banners aside#moremondo nav h2 a {
   }

   /** DUMMIES **/

   #dummy_pin_0 {
   	position: absolute;
   	top: 80px;
   	left: 0px;
   }

   #dummy_pin_1 {
   	position: absolute;
   	top: 20px;
   	left: 500px;
   }

   #dummy_pin_2 {  
   	position: absolute;
   	top: 100px;
   	left: 600px;
   }

   #dummy_pin_3 {
   	position: absolute;
   	top: 200px;
   	left: 850px;
   }

   #dummy_pin_4 {
   	position: absolute;
   	top: 100px;
   	left: 400px;
   }

   /** END DUMMIES **/


   #main .more-from header {
   	background: #1e3451;
   	border: none;
   }

   #main .more-from {
   	background: #2e486a; 
   	border: 1px solid transparent;
   }

   #main .more-from h1, #main .more-from h2, #main .more-from a {
   	color: #ffffff;
   }


/* ==========================================================================
   Subscription page
   ========================================================================== */


   .subscription #heading {
   	height: 406px;
   }

   .subscription #heading b {
   	display: block;
   	height: 97px;
   	width: 100%;
   	text-align: center;
   	background: transparent url(../img/bg-subscription.png) 0 0 repeat-x;
   	position: absolute;
   	bottom: 0;
   }

   .subscription #main h1 {
   	margin: 10px 0 0 0;
   	padding: 0;
   	font-size: 2.8em;
   	font-weight: bold;
   	position: relative;
   }

   .subscription #main ul {
   	height: 245px;
   	padding: 0;
   	margin: 10px 0 30px 0;
   	background: transparent url(../img/subscription-devices.png) 100% 0 no-repeat;
   }

   .subscription #main ul li {
   	width: 40%;
   	list-style: none;
   	font-size: 1.7em;
   	background: transparent url(../img/icon-check.png) 0 0 no-repeat;
   	color: #808080;
   	padding: 3px 0 3px 44px;
   	margin: 0 0 20px;
   }

   .subscription #main ul li b {
   	color: #00193b;
   }

   .subscription #main .numbered {
   	padding-left: 50px;
   }

   .subscription #main h1 span {
   	background: #fd8600;
   	color: #ffffff;
   	font-family: Arial, Helvetica, sans-serif;
   	display: inline-block;
   	font-weight: normal;
   	width: 40px;
   	height: 40px;
   	text-align: center;
   	box-sizing: border-box;
   	border-radius: 20px;
   	position: absolute;
   	top: -2px;
   	left: 0;
   	line-height: 1.5em;
   }

   .subscription #slen {
   	position: relative;
   	width: 100%;
   	height: 200px;
   	overflow: hidden;
   	margin-top: 40px;
   	margin-bottom: 40px;
   }

   .subscription #slen div {
   	width: 33.3%;
   	position: absolute;
   	box-sizing: border-box;
   	padding: 54px 0 40px 90px;
   }

   .subscription #slen .slen-first {
   	top: 10px;
   	bottom: 10px;
   	left: 0;
   	background: #f9f9f9;
   }
   .subscription #slen .slen-last {
   	top: 10px;
   	bottom: 10px;
   	left: 66.6%;
   	background: #f9f9f9;
   }

   .subscription #slen .slen-middle {
   	background: #fbfbfb;
   	top: 0;
   	bottom: 0;
   	left: 33.3%;
   	padding-top: 54px;
   }

   .subscription #slen h2 {
   	font-size: 2.4em;
   	margin: 0;
   }

   .subscription #slen p {
   	font-size: 1.7em;
   	color: #898888;
   	font-weight: bold;
   }

   .subscription #slen input {
   	position: absolute;
   	top: 50px;
   	left: 60px;
   }

   .subscription #slen .slen-middle input {
   	top: 60px;
   }

   .subscription #slen small {
   	color: #ffb4b4;
   	text-decoration: line-through;
   	font-size: 1em;
   }


   .subscription #slog {
   	margin-top: 30px;
   }

   .subscription #slog h2 {
   	font-size: 1.7em;
   	color: #555658;
   	margin-top: -10px;
   }

   .subscription #slog div {
   	width: 33.3%;
   	box-sizing: border-box;
   	float: left;
   	padding: 10px 20px;
   }

   select,
   input,
   .subscription #slog label,
   .subscription #slog input,
   .subscription #slog select,
   #searchadvanced input,
   #searchadvanced select,
   #searchadvanced button {
   	font-size: 1.4em;
   	color: #9d9d9d;
   	box-sizing: border-box;
   	width: 100%;
   	display: block;
   }

   select,
   input,
   .subscription #slog input,
   .subscription #slog select,
   #searchadvanced input,
   #searchadvanced select,
   #searchadvanced button {
   	border: 1px solid #d4d4d4;
   	height: 40px;
   	border-radius: 4px;
   	margin-bottom: 20px;
   	padding-left: .5em;
   }

   .subscription #slog select {
   	margin-bottom: 10px;
   }

   .subscription #slog label {
   	margin-bottom: 5px;

   }

   .subscription #slog .slog-first {
   	background: #f9f9f9;
   }

   .subscription #slog .slog-first p {
   	color: #555658;
   	font-size: 1.5em;
   }

   .subscription #slog .slog-first a {
   	color: #fa7301;
   }

   .subscription #slog .slog-middle {
   	padding: 10px 20px 10px 40px;
   }

   .subscription #slog .slog-last {
   	padding: 10px 20px 10px 40px;
   }

   .link-forgot,
   .link-help {
   	color: #9d9d9d;
   	font-size: 1.2em;
   	text-decoration: none;
   	display: inline-block;
   	margin-left: 1.2em;
   	margin-left: 0.5em;
   }

   .link-help {
   	margin-left: 5em;
   }
   a.link-forgot:hover,
   a.link-help:hover {
   	text-decoration: underline;
   }

   .subscription #slog b {
   	font-weight: normal;
   	display: block;
   	width: 100%;
   	text-align: center;
   	padding: 0;
   	font-size: 1.9em;
   	color: #555658;
   	margin: 20px auto;
   }

   .subscription #slog input[type="checkbox"],
   input[type="checkbox"] {
   	display: inline-block;
   	width: auto;
   	margin: 0;
   	height: auto;
   	margin-bottom: .8em;
   }

   .subscription #slog label[for="newsletter1"],
   .subscription #slog label[for="newsletter2"],
   label[for="newsletter1"],
   label[for="newsletter2"] {
   	font-size:1.2em;
   	display: inline-block;
   	width: auto;
   	height: auto;
   	margin-bottom: .8em;
   }

   .connect-fb {
   	display: block;
   	text-align: center;
   	margin: 0 2em 0;
   }

   .subscription #slog select {

   }

   #frwrap {
   	font-size: 1.2em;
   	position: relative;
   }

   #frwrap input {
   	padding-left: 4em;
   	position: relative;
   	z-index: 10;
   }

   #formriddle {
   	position: absolute;
   	font-size: 1.4em;
   	color: #9d9d9d;
   	z-index: 20;
   	top: 1.3em;
   	left: .8em;
   }

   /* Static page */

   .static #main {
   	margin-top: 3em;
   }

   .static #articles article {
   	width: 100%;
   	border: none;
   	float: none;
   	height: auto;
   	padding-right: 3em;
   }




   .static section > h1 {
   	text-transform: uppercase;
   	font-size: 2.9em;
   	margin: 0;
   	padding: 0;
   	height: .8em;
   	line-height: .9em;
   }

   .static section h2 {
   	margin-bottom: 5px;
   	margin-top: 25px;
   }

   .static section h2:first-child {
   	margin-top: 13px;
   }

   .static section#banners h1 {
   	margin-bottom: 23px;
   }

   .static #banners article {
   	background: transparent;
   	border: none;
   }

   .partner-head {
   	margin-top: 2em;
   	padding-right: 3em;
   }

   .partner-head p {
   	text-align: justify;
   }

   .partner-head nav {
   	margin: 1em auto;
   }

   .partner-page #banners {
   	margin-top: 2em;
   }

   .static #banners article > img,
   .partner-head > img
   {
   	border: 1px solid #d6d6d6;
   	float: left;
   	margin: 0 20px 15px 0;
   }

   .static #banners article h1,
   .partner-head h1 {
   	margin: 0;
   	font-size: 1.9em;
   	color: #19304e;
   	font-weight: normal;
   }
   .partner-head h1 { font-weight: bold; } 

   .static #banners article h2,
   .partner-head h2 {
   	margin: 0;
   }

   .static #banners article h2,
   .static #banners article p,
   .static #banners article h3,
   .static #banners article a,
   .partner-head h2,
   .partner-head p,
   .partner-head h3,
   .partner-head a {
   	font-size: 1.3em;
   }


   .static #banners article p,
   .static #banners article h3,
   .partner-head p,
   .partner-head h3
   {
   	clear: left;
   }

   .static section #articles article h1,
   .static section h2,
   .static section article p,
   .static section article > a,
   .static section #articles article header {
   	font-size: 1.6em;
   }

   .static section article p {
   	line-height: 1.6em;
   	text-align: justify;
   }

   .static section article a {
   	text-decoration: none;
   }

   .static section article a:hover {
   	text-decoration: underline;
   }

   .static section #articles article h1 {
   	text-transform: uppercase;
   	margin: 0;
   }

   .static section #articles article header {
   	margin: .2em 0;
   	padding: 0;
   }

   .static section #articles article header time {
   	padding-left: .5em;
   	margin-left: .5em;
   	border-left: 1px solid #0d1e34;
   	line-height: .9em;
   	display: inline-block;
   }

   .static #banners article h3 {
   	padding: 0;
   	margin: 0;
   	font-size: 1.5em;
   }

   .static #banners article a,
   .static #banners article nav a,
   .static #banners article nav.last-articles a:hover {
   	text-decoration: underline;
   }

   .static #banners article nav a {
   	text-decoration: none;
   	font-weight: bold;
   	font-size: 1.2em;
   }


   .static #banners article p {
   	margin-bottom: 0;
   }

   .static #banners article nav.last-articles {
   	display: block;
   	margin-top: 1em;
   }

   .static #banners article nav.last-articles a {
   	padding: .2em 0;
   	display: block;
   }

   .static #banners article nav.last-articles a:hover {
   	text-decoration: underline;
   }


   /* source partner */

   .source-partner .mainhead > a,
   .source-partner .mainhead > strong { font-size: 1.2em;  }

   .source-partner .mainhead > a {
   	text-decoration: none;
   }

   .source-partner .mainhead > a:hover {
   	text-decoration: underline;
   }

   .source-partner .mainhead h1 {
   	font-size: 2.9em;
   }

   /* advanced search page */

   .searchpage {}

   #searchadvanced {
   	background: #fd8600;
   	border: 1px solid transparent;
   }

   #searchadvanced h1 {
   	font-size: 1.2em;
   	color: white;
   	text-transform: uppercase;
   	font-weight: bold;
   }

   #searchadvanced div.wrap {
   	width: 960px;
   	margin: 0 auto;
   	text-align: left;
   	padding-top: 1em;
   }

   #searchadvanced form {
   	width: 100%;
   }

   #searchadvanced input,
   #searchadvanced select,
   #searchadvanced button {
   	display: inline-block;
   	width: 27.5%;
   	font-size: 1.2em;
   	padding: .5em;
   	font-weight: bold;
   	color: #4b4b4b;
   	text-transform: uppercase;
   }

   #searchadvanced input,
   #searchadvanced select {
   	margin-right: 1.7em;
   }


   #searchadvanced input,
   #searchadvanced select,
   #searchadvanced button,
   #searchadvanced ::-webkit-input-placeholder,
   #searchadvanced ::-moz-placeholder,
   #searchadvanced :-ms-input-placeholder,
   #searchadvanced input:-moz-placeholder {
   	color: #4b4b4b;
   	text-transform: uppercase;
   	font-weight: bold;
   }


   #searchadvanced button {
   	width: auto;
   	padding-left: 2em;
   	padding-right: 2em;
   }


   /* form-box */

   .form-box { 
   	width: 100%;
   }

   .form-box div > img {
   	width: 212px;
   	height: 91px;
   }

   .form-box h1 {
   	color: #555658;
   	border-bottom: 1px solid #d4d4d4;
   	padding-bottom: 1em;
   }

   .form-box h2,
   .subscription #main .form-box h2 {
   	color:#555658;
   	font-size: 1.7em;
   	padding-bottom: .5em;
   }

   .form-box div.wrap-1,
   .form-box div.wrap-2,
   .form-box div.wrap-3 {
   	width: 33.3%;
   	float: left;
   }



   .form-box div.wrap-1 {
   	padding-left: 0;
   	padding-right: 3em;
   }

   .form-box div.wrap-2 {

   }

   .form-box div.wrap-3 {
   	padding-left: 3em;
   	padding-right: 0;
   }

   .form-box strong,
   .form-box span {
   	color: #9d9d9d;
   }

   .form-box p {
   	color: #1e3451;
   }

   .form-box strong,
   .form-box span,
   .form-box p {
   	font-size: 1.2em;
   }
   .form-box label { width: 100%; }

   .form-box label span {
   	position: absolute;
   	top: 0;
   	left: 0;
   	bottom: 0;
   	right: 0;
   	background: #ededed;
   	text-align: center;
   	line-height: 45px;
   	text-transform: uppercase;
   	border: 1px solid #dfdfdf;
   	color: #555658;
   	min-height: 48px;
   }



   .form-box.signup {
   	width: 22em;
   }

   .form-box.editpr {
   	width: 25.3em;
   }

   .form-box.signup .connect-fb {
   	margin: 0;
   }

   .form-box.signup b,
   .form-box.editpr b {
   	font-size: 1.4em;
   	text-align: center;
   	display: block;
   	margin: 1em auto;
   	color: #555658;
   }

   .form-box.signup .link-help,
   .form-box.editpr .link-help {
   	margin-left: 4em;
   }

   .form-box.signup p,
   .form-box.editpr p {
   	color: #9d9d9d;
   	font-size: 1.4em;
   }

   .form-box.signup p a,
   .form-box.editpr p a {
   	color: #9d9d9d;
   }

   .form-box.signup label,
   .form-box.editpr label {
   	color: #9d9d9d;
   	font-weight: bold;
   	position:relative;
   	padding-left:1.5em;
   }

   .form-box.signup label input,
   .form-box.editpr label input {
   	position: absolute;
   	top: 0;
   	left: 0;
   }

   .form-box.signup label small,
   .form-box.editpr label small {
   	font-weight: normal;
   }


   /* popups */

   .overlay { 
   	position: fixed;
   	top: 0; right: 0; bottom: 0;  left: 0;

   	z-index: 100; 
   	background: rgba(0,0,0,.8)
   }

   .popup-wrap {
   	position: absolute;
   	z-index: 110;
   	top: 20%;
   	left: 35%;
   }

   .popup {
   	border-radius: 5px;
   	background: #ffffff;
   	padding: 3em;
   }

   .popup h1 { font-size: 2.1em; margin: 0; }
   .popup h2 { font-size: 1.7em; margin-top: 0;}
   .popup h3 { font-size: 1.9em; margin-top: 0; text-align: left; margin: 1em 0;}

   .popup form,
   .popup p {
   	text-align: left;
   }

   .popup-video {
   }

   .popup-premium {
   	position: relative;
   	width: 560px;
   	text-align: left;
   	background: #ffffff url(../img/logo.png) 3em 3em no-repeat;
   	min-height: 480px; 
   }

   .popup-premium div {
   	width: 290px;
   	padding-top: 5em;
   }

   .popup-premium ul {
   	width: 180px;
   	position: absolute;
   	top: 163px;
   	padding: 0;
   	left: 352px;
   }


   .popup-premium a.first-child {
   	position:absolute;
   	top: 420px;
   	left: 146px;
   }

   .popup-premium a.second-child {
   	position: absolute;
   	top: 420px;
   	left: 278px;
   }

   .popup-premium ul li {
   	font-size: 1.2em;
   	margin: 1.2em 0;
   }

   .popup-premium ul li.first-child {
   	margin-top: 0;
   }

   .popup-premium ul li span {
   	color: #828282;
   }

   .popup-premium h1 {
   	text-align: right;
   	color: #c7c7c7;
   	font-size: 2.1em;
   	padding-top: .5em;
   	text-transform: uppercase;
   }

   .popup-premium h2 {
   	margin-top: 2em;
   	text-align: center; 
   }

   .popup-premium h3 {
   	color: #555658;
   	font-size: 1.4em;
   	position: absolute;
   	top: 132px;
   	left: 340px;
   }

   .popup-premium div img {
   	width: 290px;
   	height: auto;
   	margin-bottom: 3em;
   }


   .popup-premium div small {
   	color: #828282;
   	font-size:1em;
   }

   form i            { font-style: normal; }
   .form-icon        { display: block; }
   .form-icon input,
   .form-icon select { display: block; background: transparent; padding-left: 2.5em; }

   .ic-name          { background: transparent url(../img/ic-profile.png) .8em 50% no-repeat; }
   .ic-pw            { background: transparent url(../img/ic-pw.png) .8em 50% no-repeat; }
   .ic-email         { background: transparent url(../img/ic-email.png) .8em 50% no-repeat; }


/* ==========================================================================
   Helper classes
   ========================================================================== */

   .left   { float: left; }
   .right  { float: right; }

   .button-image {
   	border: none;
   	background: transparent;
   	padding: 0;
   	margin: 0;
   }


   .fixscroll-fixed {
   	position: fixed;
   	top: 10px;
   	width: 300px;
   	z-index: 99;
   }

   .fixscroll-absolute {
   	position: absolute;
   }

/*
 * Image replacement
 */

 .ir {
 	background-color: transparent;
 	border: 0;
 	overflow: hidden;
 	/* IE 6/7 fallback */
 	*text-indent: -9999px;
 }

 .ir:before {
 	content: "";
 	display: block;
 	width: 0;
 	height: 150%;
 }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

 .hidden {
 	display: none !important;
 	visibility: hidden;
 }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

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

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

 .visuallyhidden.focusable:active,
 .visuallyhidden.focusable:focus {
 	clip: auto;
 	height: auto;
 	margin: 0;
 	overflow: visible;
 	position: static;
 	width: auto;
 }

/*
 * Hide visually and from screenreaders, but maintain layout
 */

 .invisible {
 	visibility: hidden;
 }


 .dossier360{
 	height: 370px !important;
 }
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

 .clearfix:before,
 .clearfix:after {
 	content: " "; /* 1 */
 	display: table; /* 2 */
 }

 .clearfix:after {
 	clear: both;
 }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

 .clearfix {
 	*zoom: 1;
 }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

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

   }


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

   }


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

   	#heading header {
   		width: 100%;
   		max-width: 100%;
   		padding: 0 40px;
   		text-align: center;
   	}

   	#heading header nav.primary {

   	}


   	#heading header form.search-form {
   		position: absolute;
   		right: 171px;

   	}

   	#heading header .subscribe-button {
   		right: 40px;
   	}

   	#newsmap.fullview {

   	}

   }


   @media screen and (min-width: 1290px) {
   	#main,
   	#ticker {
   		width: 1290px;
   	}

   	#main #articles {
   		width: 990px;
   	}

   	.single-article #articles aside.related,
   	.single-article .article-wraptwo {
   		width: 960px;
   	}






   	#articles #dossier360 { display: none; }

   	.single-article #articles article .article-img {
   		width: 98%;
   		height: auto;
   	}
   	.single-article #articles article {
   		width: 100%;
   		height: auto;
   		border: none;
   		padding-right: 30px;
   	}

   	.mondo #articles article {
   		width: 96%;
   	}  

   	.mondo #articles article .content {
   		width: 64%;
   	}

   	.mondo #articles article footer .readlater {
   		right: 40px;
   		left: auto;
   	}

   	.mondo #articles article footer .share {
   		right: 220px; 
   		left: auto;
   	}  

   	.mondo #articles article footer .date {
   		right: 368px;
   		left: auto;
   	}

   	#newsmap.fullview {
   		height: 985px; 
   		height: 883px;
   	}

   }



   @media screen and (min-width: 1620px) {
   	#main,
   	#ticker {
   		width: 1620px;
   	}

   	#main #articles {
   		width: 1320px;
   	}

   	.single-article #articles aside.related,
   	.single-article .article-wraptwo {
   		width: 1290px;
   	}




   	.single-article #articles article .article-img {
   		width: 98.4%;
   	}

   	.mondo #articles article {
   		width: 630px;

   	}  

   	.mondo #articles article .content {
   		width: 260px;
   	}


   	.mondo #articles article footer .readlater {
   		left: 500px;
   		right: auto;
   	}

   	.mondo #articles article footer .date {
   		left: 350px;
   		right: auto;
   	}

   	.mondo #articles article footer .share {
   		left: 420px;
   		right: auto;
   	}

   	#newsmap.fullview {
   		height: 985px; 
   		height: 883px;
   	}

   }

   .leaderboard {
   	max-height: 110px;margin: 0 25%;width:0%
   }

   @media only screen and (min-width: 35em) {
   	/* Style adjustments for viewports that meet the condition */
   }

   @media print,
   (-o-min-device-pixel-ratio: 5/4),
   (-webkit-min-device-pixel-ratio: 1.25),
   (min-resolution: 120dpi) {
   	/* Style adjustments for high resolution devices */
   }

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

   @media print {
   	* {
   		background: transparent !important;
   		color: #000 !important; /* Black prints faster: h5bp.com/s */
   		box-shadow: none !important;
   		text-shadow: none !important;
   	}

   	a,
   	a:visited {
   		text-decoration: underline;
   	}

   	a[href]:after {
   		content: " (" attr(href) ")";
   	}

   	abbr[title]:after {
   		content: " (" attr(title) ")";
   	}

    /*
     * Don't show links for images, or javascript/internal links
     */

     .ir a:after,
     a[href^="javascript:"]:after,
     a[href^="#"]:after {
     	content: "";
     }

     pre,
     blockquote {
     	border: 1px solid #999;
     	page-break-inside: avoid;
     }

     thead {
     	display: table-header-group; /* h5bp.com/t */
     }

     tr,
     img {
     	page-break-inside: avoid;
     }

     img {
     	max-width: 100% !important;
     }

     @page {
     	margin: 0.5cm;
     }

     p,
     h2,
     h3 {
     	orphans: 3;
     	widows: 3;
     }

     h2,
     h3 {
     	page-break-after: avoid;
     }
   }
   .iskluci_kopce{
    margin-right: 103px;
  }


  /* This is green paybox */
  #greenpaybox .paybox {
    width: 100%;
    font-family: "PT Sans", Arial, Helvetica, sans-serif;
    font-size: 12px !important;
    position: relative;
    display: block;
    background: #eee url(http://static1.worldcrunch.com/images/modal-gloss.png) no-repeat -200px -80px;
    padding: 30px 40px 34px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    moz-box-shadow: 1px 1px 10px #333 !important;
    webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8);
    box-shadow: 0 0 10px rgba(0,0,0,0.8);
    margin-bottom: 20px;
    min-height: 300px;


  }
  #greenpaybox .paybox p {
    font-size: 14px !important;
  }
  #greenpaybox .paybox .paybox-right {
    text-align: center;
    width: auto;
    float: right;
    width: 30%;
    display: inline-block;

  }
  #greenpaybox .paybox .paybox-left {
    width: 70%;
    float: left;
    padding-right: 20px;
    height: 100%;
    display: inline-block;

  }
  #greenpaybox .premium {
    position: absolute;
    margin-left: 270px;
    top: -12px;
  }
  #greenpaybox .payboxdown {
    display: none;
  }
  #greenpaybox a.green-button {
    display: block;
    background-color: #0adb17;
    border-radius: 5px;
    min-height: 42px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 42px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    border: 1px solid ##CCFF99;
    color: #fff;
  }
  #greenpaybox a.green-button:hover {
    background-color: #05a033;
  }

  #greenpaybox a.yellow-button {
    display: block;
    background-color: #ff8901;
    border-radius: 5px;
    border: 1px solid #c89151;
    min-height: 42px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 42px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
  }

  #greenpaybox a.yellow-button:hover {
    background-color: #ff7301;
  }

  #greenpaybox a.grey-button {
    display: block;
    background-color: #999;
    border-radius: 5px;
    border: 1px solid #666;
    min-height: 42px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 42px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
  }
  #greenpaybox a.grey-button:hover {
    background-color: #666;
  }

  #greenpaybox a.blue-button {

    display: block;
    background-color: #596C86;
    border-radius: 5px;
    border: 1px solid #596C83;
    min-height: 42px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 42px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
  }

  #greenpaybox .subscriptionplan ul li {
    text-decoration: none;
    float: left;
    display: block;
    list-style: none;
    width: 250px;
    text-align: center;
    border: 1px solid #FD8600;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
    background-color: #F9F9F9;
    moz-box-shadow: 1px 1px 5px #999 !important;
    webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
  }

  #greenpaybox .subscriptionplan ul li:hover {
    background-color: #FDFDFD;
  }

  #greenpaybox .subscriptionplan ul li input[type="checkbox"], input[type="radio"] {
    width: 22px;
    margin: 0 auto;
  }

  #greenpaybox .subscriptionplan ul li#large {

    width: 280px !important;
    padding: 20px;

    moz-box-shadow: 1px 1px 10px #999 !important;
    webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    box-shadow: 0 0 10px rgba(0,0,0,0.4);

  }

  #greenpaybox .subscriptionplan ul li#middle {

    margin-top: 15px;
    padding-bottom: 15px;

  }

  #greenpaybox .subscriptionplan ul li#smaller {
    margin-top: 25px;
    width: 220px !important;
    padding: 2px;
  }


  #greenpaybox .subscriptionplan ul li a {
    text-decoration: none;
    font-size: 22px;
    font-weight: bold;
    color: #ff8901;
  }

  #greenpaybox .subscriptionplan ul li p.title {
    text-decoration: none;
    font-size: 22px;
    font-weight: bold;
    color: #ff8901;
  }
  #greenpaybox .largetext {
    text-align: center !important;
    font-size: 16px !important;

  }

  #greenpaybox ul.buttons-line li {
    list-style: none;
    float: left;
    width: 200px;
    padding: 5px;
  }

  #greenpaybox .payboxdownsub {
    display: none;
  }

  #greenpaybox #loginformcall {
    text-decoration: underline;
    color: #558AC8;
    cursor: pointer;

  }
  #greenpaybox .loginformsub {
    display: none;
    text-align: center;
  }
  #greenpaybox .memberlogin {
    text-align: center;
    margin: 0 auto;
  }

  /* end of green paybox */


  /* This is green paybox */
  #greenpaybox .paybox {
    width: 100%;
    font-family: "PT Sans", Arial, Helvetica, sans-serif;
    font-size: 12px !important;
    position: relative;
    display: block;
    background: #eee url(http://static1.worldcrunch.com/images/modal-gloss.png) no-repeat -200px -80px;
    padding: 30px 40px 34px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    moz-box-shadow: 1px 1px 10px #333 !important;
    webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8);
    box-shadow: 0 0 10px rgba(0,0,0,0.8);
    margin-bottom: 20px;
    min-height: 300px;


  }
  #greenpaybox .paybox p {
    font-size: 14px !important;
  }
  #greenpaybox .paybox .paybox-right {
    text-align: center;
    width: auto;
    float: right;
    width: 30%;


  }
  #greenpaybox .paybox .paybox-left {
    width: 70%;
    float: left;
    padding-right: 20px;
    height: 100%;

  }
  #greenpaybox .premium {
    position: absolute;
    margin-left: 270px;
    top: -12px;
  }
  #greenpaybox .payboxdown {
    display: none;
  }
  #greenpaybox a.green-button {
    display: block;
    background-color: #0adb17;
    border-radius: 5px;
    min-height: 42px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 42px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    border: 1px solid ##CCFF99;
    color: #fff;
  }
  #greenpaybox a.green-button:hover {
    background-color: #05a033;
  }

  #greenpaybox a.yellow-button {
    display: block;
    background-color: linear-gradient(to bottom, #ffa119 0%, #fd8900 99%);
    border-radius: 5px;
    border: 1px solid #c89151;
    min-height: 42px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 42px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
  }

  #greenpaybox a.yellow-button:hover {
    background-color: #ff7301;
  }

  #greenpaybox a.grey-button {
    display: block;
    background-color: #999;
    border-radius: 5px;
    border: 1px solid #666;
    min-height: 42px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 42px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
  }
  #greenpaybox a.grey-button:hover {
    background-color: #666;
  }

  #greenpaybox a.blue-button {

    display: block;
    background-color: #596C86;
    border-radius: 5px;
    border: 1px solid #596C83;
    min-height: 42px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 42px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
  }

  #greenpaybox .subscriptionplan ul li {
    text-decoration: none;
    float: left;
    display: block;
    list-style: none;
    width: 250px;
    text-align: center;
    border: 1px solid #FD8600;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
    background-color: #F9F9F9;
    moz-box-shadow: 1px 1px 5px #999 !important;
    webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
  }

  #greenpaybox .subscriptionplan ul li:hover {
    background-color: #FDFDFD;
  }

  #greenpaybox .subscriptionplan ul li input[type="checkbox"], input[type="radio"] {
    width: 22px;
    margin: 0 auto;
  }

  #greenpaybox .subscriptionplan ul li#large {

    width: 280px !important;
    padding: 20px;

    moz-box-shadow: 1px 1px 10px #999 !important;
    webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    box-shadow: 0 0 10px rgba(0,0,0,0.4);

  }

  #greenpaybox .subscriptionplan ul li#middle {

    margin-top: 15px;
    padding-bottom: 15px;

  }

  #greenpaybox .subscriptionplan ul li#smaller {
    margin-top: 25px;
    width: 220px !important;
    padding: 2px;
  }


  #greenpaybox .subscriptionplan ul li a {
    text-decoration: none;
    font-size: 22px;
    font-weight: bold;
    color: #ff8901;
  }
  #greenpaybox .largetext {
    text-align: center !important;
    font-size: 16px !important;

  }

  #greenpaybox ul.buttons-line li {
    list-style: none;
    float: left;
    width: 200px;
    padding: 5px;
  }

  #greenpaybox .payboxdownsub {
    display: none;
  }

  #greenpaybox #loginformcall {
    text-decoration: underline;
    color: #558AC8;
    cursor: pointer;

  }
  #greenpaybox .loginformsub {
    display: none;
    text-align: center;
  }
  #greenpaybox .memberlogin {
    text-align: center;
    margin: 0 auto;
  }

  /* end of green paybox */



  /* This is orange paybox */
  #orangepaybox .paybox {
    font-family: "PT Sans", Arial, Helvetica, sans-serif;
    font-size: 12px !important;
    font-weight: 400;
    position: relative;
    display: inline-block !important;
    background: #eee url(http://static1.worldcrunch.com/images/modal-gloss.png) no-repeat -200px -80px;
    padding: 30px 40px 34px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    moz-box-shadow: 1px 1px 10px #333 !important;
    webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8);
    box-shadow: 0 0 10px rgba(0,0,0,0.8);
    margin-bottom: 20px;
    min-height: 300px;
    z-index: 20;

  }

  #orangepaybox .paybox p {
    font-size: 14px !important;
  }

  #orangepaybox .paybox .paybox-right {
    float: right;
    display: inline-block !important;
    overflow: hidden;
  }

  #orangepaybox .paybox .paybox-left {
    float: left;
    margin: 0 auto;
    display: inline-block !important;
  }

  #orangepaybox .premium {
    position: absolute;
    margin-left: 270px;
    top: -12px;
  }

  #orangepaybox .payboxdown {
    display: none;
  }

  #orangepaybox a.yellow-button {
    display: block;
    background: #ffa119; /* Old browsers */
    background: -moz-linear-gradient(top, #ffa119 0%, #fd8900 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa119), color-stop(99%, #fd8900)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffa119 0%, #fd8900 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffa119 0%, #fd8900 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffa119 0%, #fd8900 99%); /* IE10+ */
    background: linear-gradient(to bottom, #ffa119 0%, #fd8900 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa119', endColorstr='#fd8900', GradientType=0 ); /* IE6-9 */
    border-radius: 5px;
    border: 1px solid #fd8900;
    min-height: 30px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
  }

  #orangepaybox a.yellow-button:hover {
    background-color: #ff7301;
  }

  #orangepaybox a.grey-button {
    display: block;
    background-color: #999;
    border-radius: 5px;
    border: 1px solid #666;
    min-height: 42px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 42px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
  }

  #orangepaybox a.grey-button:hover {
    background-color: #666;
  }

  #orangepaybox .subscriptionplan ul li {
    text-decoration: none;
    float: left;
    display: block;
    list-style: none;
    width: 250px;
    height: 250px;
    padding: 15px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 1px;
    margin-right: 5px;
    background: #fbfbfb; /* Old browsers */
    border-radius: 5px;
    margin: 5px;
    margin-bottom: 50px !important;
  }

  #orangepaybox .subscriptionplan ul li:hover {
    background-color: #FDFDFD;
  }

  #orangepaybox .subscriptionplan ul li input[type="checkbox"], input[type="radio"] {
    width: 22px;
    margin: 0 auto;
  }

  #orangepaybox .subscriptionplan ul li#large {
    width: 39%;
    height: 100%;
  }

  #orangepaybox .subscriptionplan ul li#middle {
    width: 29%;
    height: 100%;
  }

  #orangepaybox .subscriptionplan ul li#smaller {
    width: 25%;
    height: 100%;
  }


  #smaller a, #middle a, #large a, #smaller a:visited, #middle a:visited, #large a:visited {
    text-decoration: none;
    font-size: 2em;
    color: #ffa119;
    padding: 10px !important;
    font-weight: 500;
  }

  #orangepaybox .subscriptionplan ul li p.title {

    text-decoration: none;
    font-size: 18px !important;
    font-weight: bold;
    color: #ff8901;
    text-align: center;
  }

  #orangepaybox .subscriptionplan ul li a {
    text-decoration: none;
    font-size: 22px;
    font-weight: bold;
    color: #ff8901;
  }

  #orangepaybox .largetext {
    text-align: center !important;
    font-size: 16px !important;
  }

  #orangepaybox ul.buttons-line li {
    list-style: none;
    float: left;
    width: 200px;
    padding: 5px;
  }

  #orangepaybox #loginformcall {
    text-decoration: underline;
    color: #558AC8;
    cursor: pointer;

  }

  #orangepaybox #registerformcall {
    text-decoration: underline;
    color: #558AC8;
    cursor: pointer;

  }

  #orangepaybox .loginformsub {
    display: none;
    text-align: center;
  }

  #orangepaybox .memberlogin {
    text-align: center;
    margin: 0 auto;
    clear: both;
  }

  #orangepaybox .img-responsive {
    vertical-align: middle !important;
    margin: 0 auto;
    margin-left: 2px;
  }
  #orangepaybox p.largetext {
    min-height: 110px;
  }
  @media screen and (max-width: 1290px) {
    #orangepaybox .img-responsive {
     display: none;
   }
   #orangepaybox p.largetext {
    min-height: 180px;
  }
}
/* end of orange paybox */ 



.dossiertitle {
   max-width: 300px;
}