/*!
 * Project:   Fake News
 * Date:      2014/08/20
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { overflow-y: scroll; font-size: 100.01%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #f3f3f3; font-size: 62.5%; }

body, textarea, input, select, option, button { color: #777; font: 16px/1.375 Lato,Helvetica Neue,Helvetica,Arial,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
div, form, blockquote, article, aside, details, figcaption, figure, footer, header, menu, nav, section, ul, ol, dl, dt, dd, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin: 0 0 22px; } :last-child { margin-bottom: 0 !important; } .last-child { margin-bottom: 0 !important; }
body > :not(.root-a), body > :not(.root-a) div, body > :not(.root-a) form { margin-bottom: 0; }

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

@media screen and (max-width: 599px) {
body, textarea, input, select, option, button { font-size: 13px; line-height: 1.385; }
div, form, blockquote, article, aside, details, figcaption, figure, footer, header, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 18px; }
}

/*!
 * Layout
/* ---------------------------------------- */

.root-a { position: relative; overflow: hidden; width: 100%; min-width: 320px; margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
 .root-a *, .root-a *:before, .root-a *:after { -moz-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit; }
 .root-a .contain { max-width: 960px; margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px; }

@media screen and (max-width: 999px) {
.root-a .contain { max-width: 768px; }
}
@media screen and (max-width: 767px) {
.root-a .contain { max-width: 600px; padding-left: 20px; padding-right: 20px; }
}
@media screen and (max-width: 599px) {
.root-a .contain { padding-left: 15px; padding-right: 15px; }
}
@media screen and (max-width: 359px) {
.root-a .contain { max-width: 320px;}
}

/*!
 * Elements
/* ---------------------------------------- */

.adbreak-a { position: relative; overflow: hidden; margin: 0; padding: 150px 0; background: #f2be3e; text-align: center; }
.adbreak-a + .-arrow:before { border-top-color: #f2be3e; }
 .adbreak-a .wrap { font-size: 0; letter-spacing: -1em; }
  .adbreak-a .item { display: inline-block; margin: 0 20px; font-size: 16px; letter-spacing: 0; vertical-align: top; }
.adbreak-a.-inpage { margin-bottom: 40px; padding: 0; background: none; }

@media screen and (max-width: 767px) {
.adbreak-a .item { margin: 0 20px 20px; }
}
@media screen and (max-width: 599px) {
.adbreak-a { padding: 70px 0 50px; }
.adbreak-a .item { margin: 0 0 12px; }
}
@media screen and (max-width: 359px) {
.adbreak-a { margin-left: -5px; margin-right: -5px; }
}

/* blog  paging */

.adjacent-a { list-style: none; width: 100%; margin-top: 30px; padding: 0 15px; }
 .adjacent-a:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
 .adjacent-a li { float: left; }
  .adjacent-a li.prev { float: right; }
  .adjacent-a li:before { display: none; }

/* article list (image grid) */

.articles-a { margin: -30px -15px 40px; font-size: 0; letter-spacing: -1em; }
 .articles-a article { display: inline-block; position: relative; width: 33.33%; margin: 30px 0 0; border: 1px solid transparent; border-width: 0 15px; background: #fff; background-clip: padding-box; font-size: 14px; letter-spacing: 0; vertical-align: top; }
 .articles-a article.is-new { -webkit-animation: pulse 4s infinite; animation: pulse 4s infinite; }
 .articles-a article.is-new:hover { -webkit-animation-play-state: paused; animation-play-state: paused; }
  .articles-a article > a { display: block; color: #222; text-decoration: none !important; text-align: left; }
  .articles-a article figure { margin: 0 0 10px; }
  .articles-a article a figure img { -webkit-transition: all 0.35s; transition: all 0.35s; }
  .articles-a article a figure img { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; }
  .no-touch .articles-a article a:hover figure img { -webkit-transform: scale(1.1) translate(-50%, -50%); -ms-transform: scale(1.1) translate(-50%, -50%); transform: scale(1.1) translate(-50%, -50%); }
  .articles-a article .hx { margin: 0 10px 0; padding: 0 0 40px; color: #999; font-size: 13px; line-height: 18px; font-weight: normal; text-transform: none; }
   .articles-a article .hx br { display: none; }
   .articles-a article .hx strong { color: #333; font-size: 15px; font-weight: normal; }
  .articles-a article .likes { position: absolute; left: 0; bottom: 0; right: 0; padding: 5px 10px; background: #e3e3e3; font-size: 12px; line-height: 15px; text-align: right; }
  .articles-a article.is-new .likes { background-color: #58a6d2; color: #fff; font-weight: bold; }
   .articles-a article.is-new .likes:before { content: 'NÓWKA SZTUKA!'; }
   .articles-a article .likes span { display: block; }
   .articles-a article.is-new .likes span { display: none; }
    .articles-a article .likes span:before { display: inline-block; content: '\e801'; margin: 0 5px 0 0; font: 13px/1 Fontello; }
 .articles-a article.slot { width: 100%; margin-bottom: -5px; background: none; }

  .articles-a.nolikes article .hx { padding-bottom: 17px; }
  .articles-a.nolikes article .likes { height: 5px; padding: 0; background-color: #e3e3e3; }
   .articles-a.nolikes article .likes:before { content: ''; }
   .articles-a.nolikes article .likes span { display: none; }

@-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 5% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 10% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 5% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 10% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }

@media screen and (max-width: 1023px) {
.articles-a article.slot { border-width: 0 5px; }
 .articles-a article .likes,
 .articles-a.nolikes article .likes { background: #ccc; }
}
@media screen and (max-width: 767px) {
.articles-a article { width: 50%; }
}
@media screen and (max-width: 599px) {
.articles-a { margin: -20px -10px 30px; }
 .articles-a article { margin-top: 20px; border-width: 0 10px; }
}
@media screen and (max-width: 479px) {
.articles-a article { width: 100%; }
}

/* browser warning */

.browser-a { margin: 42px 0 0; padding: 15px 40px; border-top: 1px solid #232323; background: #b22; color: #fff; font-size: 13px; line-height: 20px; text-align: center; }
 .browser-a p { margin-bottom: 0; }
 .browser-a a { color: #fff !important; text-decoration: underline; }

/* global content */

.content-a { margin-bottom: 0; }

/* article list (lite) */

.entries-a { width: 100%; margin: 0 0 30px; }
 .entries-a .tools { margin: 0 0 30px; padding: 10px 15px; border-left: 2px solid #9accba; background: #c8eade; color: #333; line-height: 30px; }
  .entries-a .tools:after { display: table; clear: both; content: ''; }
  .entries-a .tools .filter { float: left; margin: 0; }
  .entries-a .tools .sort { float: right; margin: 0; }
   .entries-a .tools small { float: left; padding: 2px 20px 0 0; font-size: 12px; font-weight: normal; opacity: 0.5; }
   .entries-a .tools span { visibility: hidden; padding: 0 5px; }
   .entries-a .tools strong { display: inline-block; position: relative; font-weight: normal; cursor: pointer; opacity: 0.25; }
    .entries-a .tools strong:before { display: none; position: absolute; left: 50%; top: 100%; content: ''; margin: 4px 0 0 -6px; border: 1px solid transparent; border-width: 8px 6px; border-bottom-color: #f3f3f3; }
    .entries-a .tools strong:before { -webkit-transform: scale(0.999); -ms-transform: scale(0.999); transform: scale(0.999); }
   .entries-a .tools strong.active { opacity: 1; }
    .entries-a .tools strong.active:before { display: block; }
   .entries-a .tools select { width: 200px; }
 .entries-a .like { margin: 0 0 15px; padding: 10px 5px; border-left: 2px solid #93b9d2; background: #c3ddee; color: #333; line-height: 30px; text-align: center; }
  .entries-a .like p { display: inline-block; margin: 0 10px 0 0; }
  .entries-a .like .fanlike-a { margin-top: 5px; vertical-align: top; }
 .entries-a .warning { margin: -20px 0 30px; padding: 15px 17px; background: #b22; color: #fff; text-align: center; }
 .entries-a.touched .warning { display: none; }
 .entries-a ul { list-style: none; margin: -10px -20px 20px; padding: 0; text-align: left; }
  .entries-a li { display: inline-block; width: 100%; margin: 0; padding: 0; border: 1px solid transparent; border-width: 10px 20px 0; font-size: 12px; line-height: 1.3; }
   .entries-a li:before { display: none; }
   .entries-a a { display: block; position: relative; padding: 15px 30px 15px 15px; border-left: 2px solid #ddd; background: #fff; color: inherit; text-decoration: none !important; }
   .entries-a a, .entries-a a:before { -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-transform: translateX(0.1px); -ms-transform: translateX(0.1px); transform: translateX(0.1px); }
   .no-touch .entries-a a:hover { border-left-color: #aaa; color: inherit; }
   .no-touch .entries-a a:hover { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
    .entries-a a:before { position: absolute; right: 10px; top: 50%; content: ''; margin: -6px 0 0 ; border: 1px solid transparent; border-width: 6px 8px; border-left-color: #aaa; }
    .entries-a a:before { -webkit-transform: scale(0.9999); -ms-transform: scale(0.9999); transform: scale(0.9999); }
    .no-touch .entries-a a:hover:before { border-left-color: #666; }
    .entries-a strong { color: #111; font-size: 16px; line-height: 1.1; font-weight: 900; }
     .entries-a strong:after { padding: 0 1px; content: ' '; }
    .entries-a br { display: none; }
  .entries-a li.sense { }
   .entries-a li.sense span { display: block; position: relative; padding: 15px 15px 11px 15px; border-left: 2px solid #ddd; background: #fff; color: inherit; text-decoration: none !important; text-align: center; }
   .entries-a li.sense span, .entries-a li.sense span:before { -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-transform: translateX(0.1px); -ms-transform: translateX(0.1px); transform: translateX(0.1px); }
    .entries-a li.sense span:before { display: none; position: absolute; right: 10px; top: 50%; content: ''; margin: -6px 0 0 ; border: 1px solid transparent; border-width: 6px 8px; border-left-color: #aaa; }

@media screen and (max-width: 999px) {
 .entries-a strong { display: block; margin-bottom: 3px !important; }
.entries-a li.sense { border-width: 10px 10px 0; }
 .entries-a li.sense span { padding: 0; border: none; background: none; }
}
@media screen and (max-width: 599px) {
.entries-a .tools { border-left: none; }
.entries-a .tools .filter { float: none; margin: 0 0 10px; padding-left: 60px; }
 .entries-a .tools .filter small { float: left; width: 55px; margin: 0 0 0 -60px; }
 .entries-a .tools .filter select { width: 100%; }
.entries-a .tools .sort { float: none; text-align: right; }
 .entries-a .tools .sort small { padding-right: 30px; }
.entries-a a { padding: 10px 15px; border-left: none; box-shadow: 0 0 1px rgba(0,0,0,0.75); }
 .entries-a a:before { display: none; }
 .entries-a strong { display: inline; margin-bottom: 0 !important; }
}
@media screen and (max-width: 479px) {
 .entries-a .like { padding-bottom: 15px; line-height: 1.3; }
  .entries-a .like p { display: block; margin: 0 0 10px; }
   .entries-a .like p span { display: block; }
  .entries-a .like .fanlike-a { margin-top: 0; }
}

/* error message */

.error-a { }
 .error-a > .wrap { position: absolute; left: 0; right: 0; top: 50%; text-align: center; }
 .error-a > .wrap { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/* fanlike */

.fanlike-a { display: inline-block; overflow: hidden; width: 119px; height: 22px; }
 .fanlike-a > div { display: block; margin: -36px 0 0 -66px; }

/* featured stories section */

.featured-a { position: relative; margin: 0; background: #f3f3f3; }
.featured-a + .-arrow:before { border-top-color: #f3f3f3; }
 .featured-a > .contain { margin-bottom: 0; text-align: center; }
 .featured-a .button-a { display: block; }
 .featured-a > .contain > * { -webkit-backface-visibility: hidden; } /* ios8 chrome visibility fix */
 .featured-a sup { font-size: 9px; line-height: 1; vertical-align: top; }
 .featured-a .gender { margin-top: -10px; color: #999; font-size: 13px; }

@media screen and (max-width: 999px) {
.featured-a { background-color: #e3e3e3; }
.featured-a + .-arrow:before { border-top-color: #e3e3e3; }
}
@media screen and (max-width: 479px) {
.featured-a .button-a { display: block; }
.featured-a .gender { font-size: 12px; }
}

/* follow paragraph with arrow */

.follow-a { position: relative; color: #111; font-size: 12px; text-transform: uppercase; text-align: center; }
 .follow-a:before { position: absolute; left: 50%; top: 100%; content: ''; margin: 10px 0 0 -10px; border: 1px solid transparent; border-width: 10px; border-top-color: #333; }
 .follow-a:before { -webkit-transform: scale(0.999); -ms-transform: scale(0.999); transform: scale(0.999); }
 .follow-a:before { -webkit-animation: follow 1s ease infinite; animation: follow 1s ease infinite; }

@-webkit-keyframes follow { 0%, 100% { -webkit-transform: translate3d(0, 1px, 0) scale(0.999); opacity: 0.5; } 50% { -webkit-transform: translate3d(0, 15px, 0) scale(0.999); opacity: 1; } }
@keyframes follow { 0%, 100% { transform: translate3d(0, 1px, 0) scale(0.999); opacity: 0.5; } 50% { transform: translate3d(0, 15px, 0) scale(0.999); opacity: 1; } }

@media screen and (max-width: 599px) {
.follow-a { margin-bottom: 30px !important; }
}

/* global footer */

.footer-a { position: relative; margin-bottom: 0; padding: 50px 0; background: #333; color: #fff; font-size: 14px; text-align: center; }
 .footer-a:before { position: absolute; left: 0; right: 0; top: 100%; content: ''; height: 500px; background: #333; }
 .footer-a .time { position: absolute; left: 0; right: 0; bottom: 10px; margin: 0; color: #777; font-size: 11px; }
 .footer-a .socials-a { margin: -70px 0 20px; }

@media screen and (max-width: 599px) {
.footer-a { font-size: 11px; }
}

/* help section */

.help-a { overflow: hidden; margin: 0; background: #333; text-align: center; }
.help-a + .-arrow:before { border-top-color: #333; }
 .help-a .hx { color: #fff; text-transform: uppercase; }
 .help-a p { max-width: 850px; margin: 0 auto 50px; color: #aaa; }
  .help-a p strong { color: #fff; font-weight: normal; }
 .help-a ul { list-style: none; margin: 0; padding: 0; font-size: 0; letter-spacing: -.35em; }
  .help-a li { display: inline-block; position: relative; width: 130px; padding: 0; color: #aaa; font-size: 13px; letter-spacing: 0; vertical-align: top; }
   .help-a li:first-child:before { display: none; }
  .help-a li ~ li { margin-left: 170px; }
   .help-a li ~ li:before { display: block; position: absolute; left: -30px; top: 44px; content: ''; width: 4px; height: 4px; border-radius: 50%; border: none; background: #fff; opacity: 0.25; }
   .help-a li ~ li:before { box-shadow: -15px 0 0 #fff, -30px 0 0 #fff, -45px 0 0 #fff, -60px 0 0 #fff, -75px 0 0 #fff, -90px 0 0 #fff; }
   .help-a li ~ li:after { position: absolute; left: -30px; top: 41px; content: ''; border: 6px solid transparent; border-left-color: #fff; opacity: 0.25; }
   .help-a li a { display: block; color: inherit; text-decoration: none; }
   .help-a li strong { display: block; margin: 0 0 5px !important; color: #fff; font: 900 16px/1 Lato,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; }
    .help-a li strong:before { display: block; float: none; content: ''; width: 96px; height: 96px; margin: 0 auto 25px; padding: 0; border: none; border-radius: 50%; background: #ef499d url(../images/help-a-icons-a.png) 50% 50% no-repeat; background-size: cover; }
    .help-a li strong:before { -webkit-animation: helps 3s infinite; animation: helps 3s infinite; }
    .help-a li + li strong:before { background-image: url(../images/help-a-icons-b.png); background-color: #f2be3e; }
    .help-a li + li strong:before { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
    .help-a li + li + li strong:before { background-image: url(../images/help-a-icons-c.png); background-color: #67b8cb; }
    .help-a li + li + li strong:before { -webkit-animation-delay: 1s; animation-delay: 1s; }

@-webkit-keyframes helps { 0%, 40%, 100% { -webkit-transform: rotate(0deg) scale(1); } 20% { -webkit-transform: rotate(15deg) scale(1.1); } }
@keyframes helps { 0%, 40%, 100% { transform: rotate(0deg) scale(1); } 20% { transform: rotate(15deg) scale(1.1); } }

@media screen and (max-width: 999px) {
.help-a li ~ li { margin-left: 140px; }
 .help-a li ~ li:before { left: -20px; }
 .help-a li ~ li:after { left: -20px; }
}
@media screen and (max-width: 767px) {
.help-a li ~ li { margin-left: 80px; }
.help-a li ~ li:before { left: -10px; box-shadow: -15px 0 0 #fff, -30px 0 0 #fff; }
}
@media screen and (max-width: 599px) {
.help-a p { margin-bottom: 30px; }
 .help-a p strong { display: block; margin-top: 15px; }
.help-a li ~ li { margin-left: 55px; }
 .help-a li ~ li:before { display: none; }
 .help-a li ~ li:after { display: none; }
}
@media screen and (max-width: 532px) {
.help-a li { display: block; width: auto; margin: 0 auto; }
.help-a li ~ li { margin: 30px auto 0; }
 .help-a li ~ li:before,
 .help-a li ~ li:after { display: none; }
}

/* forced image aspect ratio */

.img-a { display: block; position: relative; overflow: hidden; height: 0; padding-top: 52.5%; background: url(../images/spinner-a.gif) 50% 50% no-repeat; text-align: center; }
 .img-a img { display: block; position: absolute; left: 0; top: 0; min-width: 100%; min-height: 100%; }
 .img-a.nocover img { min-width: 0; min-height: 0; max-width: 100%; max-height: 100%; }
 :root .img-a img { left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

/* intro section */

.intro-a { position: relative; overflow: hidden; height: 100vh; margin: 0 auto; padding: 85px 30px 0; text-align: center; }
.ios .intro-a { height: auto; max-height: 720px; }
 .intro-a:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; content: ''; background: #dee0e3 url(../images/intro-a-bg-a.svg) 50% 50% no-repeat; background-size: cover; opacity: 0.5; }
 .intro-a:before {  -webkit-filter: grayscale(50%); -moz-filter: grayscale(50%); filter: grayscale(50%); }
  .intro-a .hx { margin: 0 0 10px; color: #111; font: 900 28px/1.1 Lato,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; }
   .intro-a .hx:before { display: block; content: ''; width: 128px; height: 128px; margin: 0 auto 30px; border-radius: 50%; background: #b2ccd1 url(../images/intro-a-icon-a.png) 50% 100% no-repeat; }
   .intro-a .hx:before { width: 450px; height: 210px; margin-bottom: 20px; border-radius: 0; background: url(../images/intro-a-pic-a.png) 50% 0 no-repeat; background-size: contain; }
   .intro-a .hx span { display: block; font-size: 36px; }
   .intro-a .hx small { font-size: inherit; }
  .intro-a p { max-width: 770px; margin: 0 auto 20px; padding: 0 60px; color: #444; font: 300 16px/1.5 Lato,Helvetica Neue,Helvetica,Arial,sans-serif; }
  .intro-a .wrap { }
   .intro-a .wrap a { }
    .intro-a .wrap a > span { position: absolute; left: 50%; bottom: 80px; z-index: 10; display: block; overflow: hidden; width: 70px; height: 70px; margin: 0 0 0 -35px; color: #fff; font: 0/1 Fontello; text-indent: 321%; white-space: nowrap; opacity: 0; }
     .intro-a .wrap a > span:before { display: block; content: '\e816'; font-size: 70px; text-indent: 0; text-align: center; }
    .intro-a .wrap a > span { -webkit-transition: all 0.35s; transition: all 0.35s; }
    .no-touch .intro-a .wrap a:hover > span { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); opacity: 0.75; }
   .intro-a figure { display: inline-block; position: relative; overflow: hidden; margin: 35px 0 0; padding: 30px 25px 0; border-radius: 20px 20px 0 0; background: #1c1c1c; }
   .intro-a figure { -webkit-transition: all 0.35s; transition: all 0.35s; }
   .no-touch .intro-a a:hover figure { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
    .intro-a figure:before { position: absolute; left: 50%; top: 10px; content: ''; width: 10px; height: 10px; margin: 0 0 0 -5px; border-radius: 50%; background: #444; }
    .intro-a figure:after { position: absolute; left: 85%; right: -50%; top: 0; bottom: 0; content: ''; background: -webkit-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0)); background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0)); opacity: 0.1; }
    .intro-a figure:after { -webkit-transform: skewX(30deg); -ms-transform: skewX(30deg); transform: skewX(30deg); }
    .intro-a figure img { display: block; width: 100%; }
    .intro-a figure img { -webkit-transition: all 0.35s; transition: all 0.35s; }
    .no-touch .intro-a a:hover figure img { opacity: 0.5; }

@media screen and (max-width: 999px) {
.ios .intro-a { height: auto; max-height: 980px; }
 .intro-a .wrap a > span { display: none; }
 .intro-a p { padding: 0 50px; }
 .intro-a figure { margin-top: 15px; }
 .no-touch .intro-a a:hover figure { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
@media screen and (max-width: 767px) {
.intro-a, .ios .intro-a { height: 650px; }
 .intro-a:before { background-attachment: scroll; }
}
@media screen and (max-width: 599px) {
.intro-a, .ios .intro-a { height: 600px; padding: 75px 15px 0; }
 .intro-a .hx { font-size: 22px; }
  .intro-a .hx:before { width: 96px; height: 96px; margin-bottom: 25px; }
  .intro-a .hx:before { width: 100%; height: auto; padding-top: 45%; margin-bottom: 25px; }
 .intro-a p { padding: 0; font-size: 14px; }
.intro-a figure { margin-top: 0; }
}
@media screen and (max-width: 479px) {
.intro-a, .ios .intro-a { height: 575px; }
.intro-a .hx { font-size: 18px; }
 .intro-a .hx span { display: block; margin-top: 3px; font-size: 26px; }
.intro-a figure { padding: 15px 15px 0; border-radius: 10px 10px 0 0; }
 .intro-a figure:before { top: 5px; width: 5px; height: 5px; margin: 0 0 0 -2px; }
}

/* links section */

.links-a { margin: 0; background: #67b8cb; color: #fff; text-align: center; }
.links-a + .-arrow:before { border-top-color: #67b8cb; }
 .links-a > .contain { margin-bottom: 0; }
  .links-a > .contain .hx { color: #fff; }
  .links-a ul { position: relative; left: 50px; list-style: none; counter-reset: links; margin: 30px 0 0; padding: 0; font-size: 0; letter-spacing: -.35em; }
   .links-a li { display: inline-block; counter-increment: links; width: 33.33%; border: 1px solid transparent; border-width: 20px 10px 0 45px; font-size: 12px; letter-spacing: 0; text-align: left; vertical-align: top; }
    .links-a li:before { display: none; }
     .links-a li a { display: block; color: inherit; text-decoration: none !important; }
      .links-a li a:before { float: left; content: counter(links); width: 30px; height: 30px; margin: 3px 0 0 -45px; border-radius: 50%; background: rgba(255,255,255,0.5); color: #67b8cb; font: 900 16px/30px Lato,Helvetica Neue,Helvetica,Arial,sans-serif; text-align: center; }
      .links-a li a:before { -webkit-transition: all 0.35s; transition: all 0.35s; }
      .no-touch .links-a li a:hover:before { background: #fff; }
     .links-a li strong { display: block; font-size: 14px; }

@media screen and (max-width: 999px) {
.links-a ul { left: 40px; }
 .links-a li { width: 50%; }
}
@media screen and (max-width: 767px) {
.links-a ul { left: 20px; }
}
@media screen and (max-width: 599px) {
.links-a ul { margin-top: 20px; left: 0; }
 .links-a li { width: 100%; }
}

/* responsive map */

.map-a { position: relative; overflow: hidden; height: 0; padding-bottom: 90%; /* (width / height = padding-bottom) */ }
 .map-a iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* page template */

.page-a { margin: 0; padding: 105px 0 70px; }
 .page-a > header { margin-bottom: 40px; text-align: center; }
  .page-a > header:after { display: block; overflow: hidden; content: ''; width: 6px; height: 6px; margin: 40px auto 0; padding: 0; border: none; border-radius: 50%; background: #333; box-shadow: -15px 0 0 #333, 15px 0 0 #333; }
  .page-a > header .hx { margin: 0 0 15px; color: #111; font: 900 28px/1.1 Lato,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; }
  .page-a > header p { margin: 0 auto 20px; padding: 0; color: #444; font: 300 18px/1.33 Lato,Helvetica Neue,Helvetica,Arial,sans-serif; }
  .page-a > header p.date { margin-top: -10px; font-size: 14px; }
 .page-a > section { }

@media screen and (max-width: 599px) {
.page-a { margin: 0; padding: 75px 0 50px; }
 .page-a > header { margin-bottom: 30px; }
  .page-a > header:after { margin-top: 30px; }
  .page-a > header .hx { font-size: 22px; }
  .page-a > header p { font-size: 12px; }
  .page-a > header p.date { font-size: 12px; }
}

/* social icons */

.socials-a { list-style: none; margin: 0 0 25px; padding: 0; font-size: 0; letter-spacing: -1em; }
 .socials-a li { display: inline-block; margin: 0; vertical-align: top; font-size: 14px; letter-spacing: 0; }
 .socials-a li ~ li { margin-left: 10px; }
  .socials-a li:before { display: none; }
  .socials-a a { display: block; position: relative; width: 40px; height: 40px; color: #fff !important; font: 23px/43px Fontello; }
   .socials-a a:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; width: 100%; height: 100%; border-radius: 50%; background: #333; text-align: center; }
   .socials-a .facebook a:before { padding-right: 1px; content: '\e80c'; }
   .socials-a .twitter a:before { content: '\e80b'; }
   .socials-a .google a:before { content: '\e80a'; }
   .socials-a span { display: none; }

/* story template */

.story-a { }
 .story-a h1 { font-size: 24px; }
 .story-a h2 { font-size: 20px; }

@media screen and (max-width: 599px) {
.story-a h1 { font-size: 18px; line-height: 1.22; }
.story-a h2 { font-size: 16px; line-height: 1.25; }
.story-a h3 { font-size: 14px; line-height: 1.28; }
.story-a h4,
.story-a h5,
.story-a h6 { font-size: 13px; line-height: 1.23; }
}

/* terms section */

.terms-a { margin: 0; background: #4abc96; color: #fff; }
.terms-a + .-arrow:before { border-top-color: #4abc96; }
 .terms-a > .contain { margin-bottom: 0; }
  .terms-a > .contain > .hx { color: inherit; }
  .terms-a h3 { margin-bottom: 18px; color: #333; font-size: 22px; }
  .terms-a ol { max-width: 850px; margin: 30px 0 50px auto; padding: 0; text-align: left; }
   .terms-a ol li { margin: 0 0 15px; padding: 5px 0 0 45px; line-height: 20px; }
    .terms-a ol li:before { content: counter(ordered); width: 30px; height: 30px; margin: -5px 0 0 -45px; border-radius: 50%; background: rgba(0,0,0,0.15); font: 900 16px/30px Lato,Helvetica Neue,Helvetica,Arial,sans-serif; text-align: center; }
.terms-a.-inpage { margin-bottom: 40px; background: none; color: #333; }
 .terms-a.-inpage > .wrap { padding: 0; }
  .terms-a.-inpage ol { width: 100%; }

@media screen and (max-width: 599px) {
.terms-a.-inpage { text-align: left; }
 .terms-a ol { margin-bottom: 35px; }
  .terms-a ol li { margin-bottom: 10px; padding-top: 0; padding-left: 35px; }
   .terms-a ol li:before { width: 24px; height: 24px; margin: -1px 0 0 -35px; font-size: 12px; line-height: 24px; }
}

/* theme switch */

.themes-a { list-style: none; margin: -10px 0 20px; padding: 0; font-size: 0; letter-spacing: -1em; }
 .themes-a li { display: inline-block; margin: 0; padding: 5px; font-size: 14px; letter-spacing: 0; vertical-align: top; }
  .themes-a li:before { display: none; }
  .themes-a li a { display: block; position: relative; min-width: 85px; padding: 5px 10px 6px; border: 1px solid #aaa; background: #eee; color: #777; text-decoration: none !important; }
  .no-touch .themes-a li a:hover { border-color: #333; color: #333; }
  .themes-a li.active a { border-color: #333; background-color: #fff; color: #333; }
   .themes-a li.active a:before { position: absolute; left: 50%; top: 100%; content: ''; margin: 0 0 0 -8px; border: 8px solid transparent; border-top: 8px solid; }
   .gecko .themes-a li.active a:before { margin-top: 1px; }
   .themes-a li.active a:after { position: absolute; left: 50%; top: 100%; content: ''; margin: 0 0 0 -7px; border: 7px solid transparent; border-top: 7px solid #fff; }
   .themes-a li.oriet a span { margin: 0 1.5px 0 0.5px; letter-spacing: -1.5px; }
   .themes-a li.naternat a span { margin-right: -0.5px; letter-spacing: -0.5px; }
   .themes-a li.vvvp a span { letter-spacing: -1px; }

@media screen and (max-width: 532px) {
.themes-a li { width: 49.99%; max-width: 150px; }
 .themes-a li.active a:before,
 .themes-a li.active a:after { display: none; }
}
@media screen and (max-width: 359px) {
.themes-a li a { min-width: 0; }
}

/* global header */

.top-a { position: fixed; left: 0; top: 0; right: 0; z-index: 100; min-width: 320px; min-height: 40px; margin: 0; background: #333; background: rgba(0,0,0,0.85); color: #fff; }
 .top-a .toggler { display: none; position: relative; top: 0; float: right; width: 40px; height: 40px; margin: 0 -10px 0 0; text-decoration: none !important; text-indent: -10001px; }
  .top-a .toggler:before, .top-a .toggler:after { position: absolute; left: 10px; top: 14px; content: ''; width: 20px; height: 2px; margin: 0; background: #fff; box-shadow: 0 5px 0 #fff; }
  .top-a .toggler:before, .top-a .toggler:after { -webkit-transition: all 0.15s; transition: all 0.15s; }
  .top-a .toggler:after { top: 24px; box-shadow: none; }
  .navon .top-a .toggler:before, .navon .top-a .toggler:after { top: 19px; box-shadow: none; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  .navon .top-a .toggler:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
 .top-a .contain { position: relative; margin-bottom: 0; }
  .top-a .logo { float: left; margin: 0; color: #fff; font-size: 20px; font-weight: 900; line-height: 40px; }
   .top-a .logo a { color: inherit; text-decoration: none !important; }
   .top-a .logo small { font-size: 12px; font-weight: bold; }
  .top-a .nav { float: right; margin: 0; }
   .top-a .nav ul { list-style: none; margin: 0; padding: 0; }
    .top-a .nav li { float: left; font-size: 12px; line-height: 42px; font-weight: 900; text-transform: uppercase; }
    .top-a .nav li.home { display: none; }
    .top-a .nav li.home + li ~ li { margin-left: 35px; }
     .top-a .nav li:before { display: none; }
     .top-a .nav li a { display: block; color: #ddd; text-decoration: none !important; }
     .top-a .nav li.active > a, .no-touch .top-a .nav li a:hover, .no-touch .top-a .nav li a:focus, .no-touch .top-a .nav li a:active { color: #fff; }

@media screen and (max-width: 767px) {
.top-a .toggler { display: block; }
.top-a .logo { float: none; }
.top-a .nav { display: none; float: none; }
.navon .top-a .nav { display: block; }
 .top-a .nav li { display: block; position: relative; float: none; text-align: center; }
 .top-a .nav li.home { display: block; }
  .top-a .nav li:after { display: block; position: absolute; left: -100%; right: -100%; top: 0; content: ''; height: 1px; background: #333; }
 .top-a .nav li ~ li { margin-left: 0 !important; }
}
@media screen and (max-width: 599px) {
.top-a .logo { font-size: 18px; }
 .top-a .logo small { font-size: 9px; }
}

/* responsive video */

.video-a { position: relative; overflow: hidden; height: 0; padding: 30px 0 56.25%; }
 .video-a iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*!
 * Extensions
/* ---------------------------------------- */

.-arrow { position: relative; }
 .-arrow:before { position: absolute; left: 50%; top: 0; content: ''; margin: 0 0 0 -100px; border: 1px solid transparent; border-width: 30px 100px; border-top-color: #333; }
 .-arrow:before { -webkit-transform: scale(0.9999); -ms-transform: scale(0.9999); transform: scale(0.9999); }

@media screen and (max-width: 599px) {
.-arrow:before { margin-left: -50px; border-width: 15px 50px; }
}

.-padding { padding-top: 85px; padding-bottom: 85px; }

@media screen and (max-width: 768px) {
.-padding { padding-top: 65px; padding-bottom: 65px; }
}
@media screen and (max-width: 599px) {
.-padding { padding-top: 50px; padding-bottom: 40px; }
.content-a > :last-child.-padding,
.content-a > :last-child > .-padding { padding-bottom: 50px; }
}

/*!
 * Buttons
/* ---------------------------------------- */

.button-a, button, input[type="submit"], input[type="button"], input[type="reset"] { display: inline-block; position: relative; padding: 15px 20px; border: none; background: #fe504f; color: #fff !important; font: 14px/20px Lato,Helvetica Neue,Helvetica,Arial,sans-serif; text-decoration: none !important; text-transform: uppercase; text-align: center; }
 .button-a span { display: block; position: relative; z-index: 2; }
 .button-a:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; content: ''; background: #000; opacity: 0; }
 .button-a:after { -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
 .no-touch .button-a:hover:after { opacity: 0.15; }
.button-a.block { display: block; width: 100%; }

/*!
 * Helpers
/* ---------------------------------------- */

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

.alignright { float: right; margin: 0 0 20px 20px; }
.alignleft { float: left; margin: 0 20px 20px 0; }
 .alignright img, .alignleft img { display: block; max-width: none; }

[hidden] { display: none !important; }

.tal { text-align: left !important; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }

.ie8 .hide-desktop { display: none !important; }

@media screen and (min-width: 1px) { .hide { display: none !important; } }
@media screen and (min-width: 1024px) { .show-desktop { display: block !important; } .hide-desktop { display: none !important; } }
@media screen and (max-width: 1023px) { .show-tablet { display: block !important; } .hide-tablet { display: none !important; } }
@media screen and (max-width: 599px) { .show-mobile { display: block !important; } .hide-mobile { display: none !important; } }

/*!
 * Defaults
/* ---------------------------------------- */

form { }
 label { cursor: pointer; vertical-align: middle; }
 label:first-child { display: block; margin: 0 0 5px; }
  label em { color: #f00; }
 input[type=text], input[type=password], input[type=search], input[type=email], input[type=tel], textarea, select { width: 100%; height: 30px; padding: 0 9px; border: 1px solid #ccc; border-radius: 0; background: #fff; vertical-align: top; font-size: 14px; line-height: 28px; }
 input[type="checkbox"], input[type="radio"] { padding: 0; }
 textarea { overflow: auto; height: auto; padding: 4px 4px 4px 9px; line-height: 1.2; resize: vertical; }
 select { padding: 3px 15px 3px 8px; background: #fff url(../images/select-a.png) 100% 50% no-repeat; line-height: normal; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
 select::-ms-expand { display: none; }
 .ie9 select, .ie8 select { padding-right: 8px; padding-left: 6px; background-image: none; }
 .ie8 select { padding-top: 5px; padding-bottom: 5px; }
 .gecko select { padding-left: 4px; }
 button, input[type="submit"], input[type="button"], input[type="reset"] { overflow: visible; cursor: pointer; -webkit-appearance: button; } button::-moz-focus-inner { padding: 0; border: none; }
 button[disabled], input[disabled] { cursor: default; }

:root .tick { position: absolute; left: -10001px; }
:root .tick + label { vertical-align: top; }
 :root .tick + label:before { display: inline-block; content: ''; width: 16px; height: 16px; margin: 2px 10px 0 0; padding: 3px; border: 1px solid #ccc; background: #fff; background-clip: content-box; vertical-align: top; }
 :root .tick[type=radio] + label:before { border-radius: 50%; }
 :root .tick:checked + label:before { background-color: #444; }

::-webkit-input-placeholder { color: #aaa; font-style: normal; opacity: 1; }
:-ms-input-placeholder { color: #aaa !important; font-style: normal; opacity: 1; }
:-moz-placeholder { color: #aaa; font-style: normal; opacity: 1; }
::-moz-placeholder { color: #aaa; font-style: normal; opacity: 1; }
.placeholder, .placeholdersjs { color: #aaa !important; font-style: normal; opacity: 1; }
select:invalid { color: #aaa; }

table { display: table; border-collapse: collapse; border-spacing: 0; }
 table th, table td { padding: 5px 10px; border: 1px solid #eee; }

h1, h2, h3, h4, h5, h6 { color: #111; font: 900 10px/1.1 Lato,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; }
h1 { margin-bottom: 14px; font-size: 28px; }
h2 { margin-bottom: 14px; font-size: 28px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }

@media screen and (max-width: 599px) {

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

}

ul, ol, dd, blockquote { padding-left: 40px; }
 ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

blockquote { padding: 20px; background: #fff; font-style: italic; }

ol, ul { list-style: none; counter-reset: ordered; }
 li { counter-increment: ordered; }
  ol li:before { position: absolute; content: counter(ordered) '.'; width: 15px; margin: 0 0 0 -30px; }
  ul li:before { float: left; overflow: hidden; content: '\2022'; margin: 0 0 0 -25px; color: #333; }

@media screen and (max-width: 599px) {
ul, ol, dd, blockquote { padding-left: 20px; }
 ol li:before { margin-left: -20px; }
 ul li:before { margin-left: -20px; }
}

dl { }
 dt { margin-bottom: 11px; color: #111; font-weight: 900; }
 dd { padding-left: 0; }

a { background: transparent; color: #fe504f; text-decoration: none; }
a, a:before, a:after, label, button { -webkit-transition: border 0.25s, background 0.25s, color 0.25s, box-shadow 0.25s, opacity 0.25s; transition: border 0.25s, background 0.25s, color 0.25s, box-shadow 0.25s, opacity 0.25s; }
a:hover, a:focus, a:active { color: #fe504f; text-decoration: underline; }
 a span { cursor: pointer; }

img { max-width: 100%; border-width: 0; opacity: 1; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }
img { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
img[data-src] { opacity: 0; }

pre { padding: 10px; border: 1px solid #ccc; background: #f3f3f3; font: 12px/1.2 Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code { padding: 2px 4px; background-color: #f9f2f4; color: #c7254e; font-size: 80%; white-space: nowrap; }

strong { color: #333; font-weight: bolder; }

hr { overflow: hidden; display: block; content: ''; width: 6px; height: 6px; margin: 30px auto; padding: 0; border: none; border-radius: 50%; background: #333; box-shadow: -15px 0 0 #333, 15px 0 0 #333; }