article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline;zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:1em;line-height:1.4}html,button,input,select,textarea{font-family:sans-serif;color:#222}body{line-height:1.5;margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}mark{color:#000;background:#ff0}code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}pre{white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}fieldset{border:0;margin:0;padding:0}legend{border:0;white-space:normal;margin-left:-7px;padding:0}button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;height:13px;width:13px;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:""}a img{border:none}.ir{border:0;overflow:hidden;text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0000);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;overflow:visible;position:static;width:auto;margin:0}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}p,pre,dl,menu,ol,ul{margin:1em 0}figure,form{margin:0}table,td,th,audio,canvas,img,video{vertical-align:middle}::-moz-selection,::selection{text-shadow:none;background:#b3d4fc}

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

/* Set row and container */
.container:before,
.container:after { display: table; content: " "; }
.container:after { clear: both; }
.row { width: 100%; max-width:992px; margin:0 auto; position:relative; }

/* Clearfix */
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.row:after, .group:after, .clearfix:after { content: " "; display: table; clear: both }

.clearfix.mobile:after { display: none; }
.clearfix.tablet:after { display: none; }


/* Helpers */
.left { float: left !important; }
.right { float: right !important; }
.responsive-img { display: block; height: auto; max-width: 100%; }

/* Font */
body { font-family: 'Lato', sans-serif; }
a { text-decoration: none; }
/* Header */
#header.container { border-bottom: 1px solid #edecfa; height:87px; }
#header a#logo { background: url("../gfx/logo.png"); display:block; width:510px; height:41px; top:20px; position:absolute; }
#header a#logo em { display:none; }
#header span#header-date { font-size:12px; color:#1c7ed7; top: 36px; right:128px; text-transform: uppercase; position:absolute; }

#header-mobile { display:none; position:relative; }
#header-mobile.container { border-bottom: 1px solid #edecfa; height: 60px; }
#header-mobile a#mobile-logo { background: transparent 0 0 / 250px auto no-repeat url("../gfx/logo.png"); display:block; width:250px; height:20px; top:20px; right: 12px;  position:absolute; }
#header-mobile a#mobile-logo em { display:none; }
#header-mobile span#mobile-header-date { display:none; font-size:12px; color:#1c7ed7; top: 36px; right:128px; text-transform: uppercase; position:absolute; }


#header-mobile span#mobile-menu-trigger { width:20px; height: 20px; top: 22px; left: 12px; background: transparent no-repeat url("../gfx/mobile-trigger.png"); display: block; position:absolute; cursor:pointer; }
#header-mobile span#mobile-menu-trigger em { display:none; }



.header-sm { display:block; position:absolute; }
.header-sm em { display:none; }

#sm-google { background: url("../gfx/sm-sprite.png") -65px 0 no-repeat transparent; width: 33px; height: 29px; top: 30px; right:0px;}
#sm-facebook { background: url("../gfx/sm-sprite.png") -32px 0 no-repeat transparent; width: 33px; height: 29px; top: 30px; right:33px;}
#sm-twitter { background: url("../gfx/sm-sprite.png") 0 0 no-repeat transparent; width: 33px; height: 29px; top: 30px; right:66px; }


/* Menu */
#menu ul { list-style: none; padding: 0; margin: 0; }
#menu ul li { float: left; margin: 0; border-right: 1px solid #edecfa; }
#menu ul li.first { border-left: 1px solid #efeeed;}
#menu ul li.selected { background-color:#efeeed; font-weight:bold; }
#menu ul li a { color: #757581; display: block; padding:14px 21px; text-transform:uppercase; border-top: 2px solid #fff; text-decoration:none; font-size:12px;}
#menu ul li.selected a {border-top: 2px solid #efeeed;}
#menu ul li a:hover { border-top: 2px solid #efeeed; }

/* Mobile menu */
#menu-mobile { display:none; }
#mobile-menu-header {  display:none; text-align:center; text-transform:uppercase; padding:5px 0; border: none; color: #535362; }
#mobile-menu-footer { background-color: #a5a29b; position: relative; }
#mobile-menu-footer span { display:block; margin: 0 15px; padding: 12px 6px; border-top:1px solid #878682; color: #878682; }
#mobile-menu-footer a { display: block; position: absolute; }
#mobile-menu-footer a.sm-google { background: url("../gfx/sm-sprite.png") -65px 0 no-repeat transparent; width: 33px; height: 29px; top: 8px; right:6px;}
#mobile-menu-footer a.sm-facebook { background: url("../gfx/sm-sprite.png") -32px 0 no-repeat transparent; width: 33px; height: 29px; top: 8px; right:39px;}
#mobile-menu-footer a.sm-twitter { background: url("../gfx/sm-sprite.png") 0 0 no-repeat transparent; width: 33px; height: 29px; top: 8px; right:72px; }

#menu-mobile ul { list-style: none; padding: 0; margin: 0; }
#menu-mobile li { width: 100%; background-color: #a5a29b; }
#menu-mobile ul li a { margin-left: 25px; border: none; border-left:2px solid #a5a29b; color: #fff; display: block; padding: 15px 21px 15px 12px; text-transform:uppercase; text-decoration:none; font-size:12px; font-weight:bold; }
#menu-mobile ul li.selected { background-color:#6d6d79; }

/* Path */
#path .row { text-transform:uppercase; padding:5px 0 5px 5px; color: #fff; font-size:24px; font-weight:200; }


/* Overview */
#overview.container { background-color: #efeeed; }
#overview .row { background-color: #fff; }
#overview .pattern { position:relative; }

.block { background-color: #fff; display:inline-block; border-bottom:5px solid #fff; position:absolute; top:0; left:0; cursor:pointer; overflow:hidden; }
.img-con { width:100%; text-align:center; position: relative; overflow:hidden; }
.img-con img { position: absolute; top: 50%; left: 50%; width: 496px; height: 340px; margin-top: -170px; margin-left: -248px; }
.block h1,
.block .h1 { color: #868695; margin: 17px 15px 0 10px; line-height: 22px; font-size: 19px; font-weight: bold; height: 44px; max-height: 44px; overflow: hidden;}
.block h1 a,
.block .h1 a{ color: #868695; }

.block .text-con { color: #535362; margin: 10px 15px 30px 10px; line-height: 16px; font-size: 13px; height: 63px; max-height: 63px; overflow: hidden;}
.block .text-con p { margin:0; }
.block div.label { background: url("../gfx/label.png"); width:20px; height:30px; position: relative; top: -30px; margin-bottom: -30px; left: 28px; }

.block div.share { display:block; position: absolute; bottom: 0px; height: 30px; width:100%; }
.block div.share a { display: inline-block; width: 18px; height: 18px; position: absolute; top: 8px;}
.block div.share a em { display: none; }
.block div.share a.tw { background: url("../gfx/sm-sprite-tiny.png")  2px 0 no-repeat transparent; left:10px; }
.block div.share a.fb { background: url("../gfx/sm-sprite-tiny.png")  -20px 0 no-repeat transparent; left:32px; }
.block div.share a.gplus { background: url("../gfx/sm-sprite-tiny.png")  -40px 0 no-repeat transparent; left:50px; }
.block div.share a.reactions { background: url("../gfx/sm-sprite-tiny.png")  -60px 0 no-repeat transparent; right:36px; text-decoration: none; color: #535362;}
.block div.share a.reactions em { display: block; font-size:10px; text-align:right; width: 32px; text-decoration:none; color: #535362; padding-top: 3px;}

#overview .block-2-3 { width:496px; height: 510px; }
#overview .block-1-3 { width:248px; height: 510px; }
#overview .block-2-2 { width:496px; height: 340px; }
#overview .block-1-2 { width:248px; height: 340px; }
#overview .block-1-1 { width:248px; height: 170px; }

#overview .block-2-3 .img-con,
#overview .block-1-3 .img-con { height: 340px; }

#overview .block-2-2 .img-con,
#overview .block-1-2 .img-con,
#overview .block-1-1 .img-con { height: 170px; }

#overview .block-1-2 .img-con img,
#overview .block-1-1 .img-con img { width: 248px; height: 170px; margin-top: -85px; margin-left: -124px; }

#overview .block-1-1.weather,
#overview .block-1-1.advertorial,
#overview .block-1-2.advertorial,
#overview .block-2-2.advertorial { border-bottom: 0px; }
#overview .block-1-3.advertorial { border-bottom: 0px; }

#overview .block-2-2.advertorial .img-con { height: 340px; }

#overview .skip {border-bottom: 0px; background: #bebebe; }

/* Overview Pattern Top */
#overview .pattern-top { height:510px; }
#overview .pattern-top .article-1 { top:0px; left:0px; }
#overview .pattern-top .article-2 { top:170px; left:496px; }
#overview .pattern-top .article-3 { top:0px; left:744px; }
#overview .pattern-top .article-4 { top:0px; left:496px; }

/* Overview Pattern 1 */
#overview .pattern-1 { height:850px; }
#overview .pattern-1 .article-1 { top:0px; left:0px; }
#overview .pattern-1 .article-2 { top:0px; left:248px; }
#overview .pattern-1 .article-3 { top:0px; left:496px; }
#overview .pattern-1 .article-4 { top:0px; left:744px; }

#overview .pattern-1 .article-5 { top:340px; left:0px; }
#overview .pattern-1 .article-6 { top:340px; left:496px; }

#overview .pattern-1 .article-7 { top:510px; left:0; }
#overview .pattern-1 .article-8 { top:510px; left:248px;}
#overview .pattern-1 .article-9 { top:510px; left:496px;}

/* Load more */
#loadmore { height: 152px; }
#loadmore.container { background-color: #efeeed; }
#loadmore a { display:block; margin: 60px auto 0 auto; width: 149px; border: 1px solid #858594; color: #858594; text-align:center; text-transform:uppercase; font-size: 12px; padding: 10px 0; }

/* Footer */
#footer.container  { background: #525260; }
#footer .logo  { background: url("../gfx/logo-footer.png") 0px 18px no-repeat transparent; border-bottom:1px solid #fff; height:56px; margin-left:10px;}
#footer .privacy  { border-top:1px solid #fff; height:50px; color:#fff; padding:10px 0 0 0; margin-left:10px; margin-top:32px; }
#footer .privacy a {  font-size: 13px; color:#fff; text-decoration:none; }
#footer .privacy span { padding: 0 15px; }

#footer .blocks .fblock { float: left; width: 238px; margin-left:10px; }
#footer .blocks .fblock .title { font-weight:700; font-size:15px; color: #fff; margin-top:24px; margin-bottom: 17px;}
#footer .blocks .fblock .text_con { font-size:13px; color: #fff; }

/* Weather */
.weather_con { background: #efeeed; width:248px; height:170px; color: #a4a29b; position:relative; }
.weather_con .temp_today { color: #a4a29b; font-size:50px; position:absolute; top:30px; left: 30px; }
.weather_con .icon_today { position:absolute; top: 41px; left: 150px; }
.weather_con .line { border-top: 1px solid #c9c8c4; border-bottom: 1px solid #e4e3e1; position: absolute; top: 110px; left:10px; width: 235px;}
.weather_con .small { color: #a4a29b; font-size:16px; position:absolute; top: 131px; left: 19px; text-transform:uppercase; }
.weather_con .temp_tomorrow { color: #a4a29b; font-size:30px; position:absolute; top: 120px; left: 100px;}
.weather_con .icon_tomorrow { position:absolute; top: 90px; left: 150px; top: 118px; left: 175px;}
.weather_con .icon_tomorrow img { width: 75%; }


/* Content / Article */
#article_con.container { background-color: #efeeed; }
#article_con .content_con { background-color: #fff;  width: 650px; color: #535362; font-size: 14px; float:left; margin: 0 0 39px 0; }
#article_con .content_con table { color: #535362; font-size: 14px; }
#article_con .content_con .img-con { height:452px; }
#article_con .content_con .img-con img { width: 650px; margin-left: -325px; height:auto; top:0; margin-top: auto; }
#article_con .content_con .text_con { margin: 0 10px;  }

#article_con .content_con h1,
#article_con .content_con .h1 { color: #868695; font-weight: bold; font-size: 30px; }
#article_con .content_con h2,
#article_con .content_con .h2 { color: #868695; }

#article_con .content_con .info { font-size: 13px; }
#article_con .content_con .label { display: inline-block; width: 109px; }
#article_con .content_con .value { color: #9f9fab; }

#article_con .meta { border-top:1px solid #eee; border-bottom: 5px solid #eee; padding:6px 10px 16px 10px; margin:39px 0 0 0; }
#article_con .meta div.tags a { display:inline-block; margin: 10px 10px 0 0; padding: 2px 10px; background-color: #eee; color:#fff; text-transform:uppercase; font-size: 13px; }

#article_con .meta div.share { position: relative; height: 28px; }
#article_con .meta div.share a { display: inline-block; width: 18px; height: 18px; position: absolute; top: 17px; }
#article_con .meta div.share a em { display: none; }
#article_con .meta div.share a.tw { background: url("../gfx/sm-sprite-tiny.png")  2px 0 no-repeat transparent; left:0px; }
#article_con .meta div.share a.fb { background: url("../gfx/sm-sprite-tiny.png")  -20px 0 no-repeat transparent; left:22px; }
#article_con .meta div.share a.gplus { background: url("../gfx/sm-sprite-tiny.png")  -40px 0 no-repeat transparent; left:40px; }
#article_con .meta div.share a.reactions { background: url("../gfx/sm-sprite-tiny.png")  -60px 0 no-repeat transparent; right:36px; text-decoration: none; color: #535362;}
#article_con .meta div.share a.reactions em { display: block; font-size:10px; text-align:right; width: 32px; text-decoration:none; color: #535362; padding-top: 3px;}

#article_con .articles_list { float: right; width: 342px; }
#article_con .articles_list .block.sidebar { display:block; width: 320px; position: relative; margin-left: 20px; height: 405px;}
#article_con .articles_list .block.sidebar .img-con { height: 233px; }