#template-front-page .front-page-item {
  position:relative;
  z-index:5;
}
@media screen and (max-width: 500px) {
  #template-front-page {
    display:flex;
    flex-direction:column;
  }
  #template-front-page .front-page-item {
    flex-grow:0;
    flex-shrink:0;
    flex-basis:auto;
    order:3;
  }
  #template-front-page .front-page-item.front-page-first-item, #template-front-page .front-page-item.front-page-selected-posts-1, #template-front-page .front-page-item.front-page-last-popular-posts { order:1; }
  #template-front-page .front-page-item.front-page-events { order:2; }
  #template-front-page .extra-ad-wrapper { order:2; }
  #template-front-page .extra-ad-wrapper ~ .extra-ad-wrapper { order:3; }
  #template-front-page .extra-ad-wrapper ~ .extra-ad-wrapper ~ .extra-ad-wrapper { order:4; }
}
#template-front-page .front-page-last-popular-posts { margin-bottom:60px; }
#template-front-page .front-page-selected-posts {
  background:white;
  padding:80px 0 63px;
  position:relative;
  z-index:10;
}
#template-front-page .front-page-selected-posts .front-page-selected-posts-inner {
  display:flex;
  max-width:100%;
}
#template-front-page .front-page-selected-posts .front-page-selected-posts-inner .front-page-selected-post {
  flex-grow:1;
  flex-shrink:0;
  flex-basis:0;
}
#template-front-page .front-page-selected-posts .front-page-selected-posts-inner .front-page-selected-post:not(:last-child) { margin-right:40px; }
@media screen and (max-width: 1280px) {
  #template-front-page .front-page-selected-posts .front-page-selected-posts-inner .front-page-selected-post:nth-child(2) { margin-right:0; }
  #template-front-page .front-page-selected-posts .front-page-selected-posts-inner .front-page-selected-post:nth-child(3) { display:none; }
}
@media screen and (max-width: 720px) {
  #template-front-page .front-page-selected-posts { padding:40px 0; }
  #template-front-page .front-page-selected-posts .front-page-selected-posts-inner .front-page-selected-post .post-header-metas { display:none; }
}
@media screen and (max-width: 500px) {
  #template-front-page .front-page-selected-posts .front-page-selected-posts-inner .front-page-selected-post:nth-child(1) { margin-right:10px; }
  #template-front-page .front-page-selected-posts.front-page-selected-posts-2 { display:none; }
  #template-front-page .front-page-selected-posts.front-page-selected-posts-3 { order:4; }
}
@media screen and (max-width: 420px) {
  #template-front-page .front-page-selected-posts.front-page-selected-posts-3 { order:4; }
  #template-front-page .front-page-selected-posts.front-page-selected-posts-3 .front-page-selected-posts-inner { display:block; }
  #template-front-page .front-page-selected-posts.front-page-selected-posts-3 .front-page-selected-posts-inner .front-page-selected-post:not(:first-child) {
    margin-right:0;
    margin-bottom:40px;
  }
}
#template-front-page .front-page-item.extra-striped-image-wrapper {
  background:white;
  margin:0;
  z-index:2;
  width:100%;
}
#template-front-page .front-page-magazine {
  background:white;
  padding:71px 0 119px;
}
#template-front-page .front-page-magazine .front-page-magazine-inner {
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  padding-left:260px;
  position:relative;
  z-index:20;
  min-height:140px;
}
#template-front-page .front-page-magazine .front-page-magazine-inner:after {
  background:#f5f5f5;
  content:"";
  display:block;
  margin:auto;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:-1;
  width:100%;
  height:140px;
}
#template-front-page .front-page-magazine .front-page-magazine-inner .front-page-magazine-cover {
  margin:0;
  position:absolute;
  left:80px;
  top:-40px;
}
#template-front-page .front-page-magazine .front-page-magazine-inner .front-page-magazine-links {
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  flex-grow:0;
  flex-shrink:1;
  flex-basis:auto;
  justify-content:flex-end;
  margin-left:auto;
}
#template-front-page .front-page-magazine .front-page-magazine-inner .front-page-magazine-links .front-page-magazine-link {
  font-size:22px;
  line-height:30px;
  margin:5px 35px;
  background-image:linear-gradient(to top,white 0px,white 0px), linear-gradient(to top,transparent 0px,transparent 0px);
  background-position:left bottom 1px, left bottom 1px;
  background-repeat:no-repeat, no-repeat;
  background-size:0 10px, 100% 10px;
  transition:none 300ms ease-out;
  transition-property:background-size, color;
}
#template-front-page .front-page-magazine .front-page-magazine-inner .front-page-magazine-links .front-page-magazine-link:hover { background-size:100% 10px, 100% 10px; }
@media screen and (max-width: 1600px) {
  #template-front-page .front-page-magazine .front-page-magazine-inner { padding-left:180px; }
  #template-front-page .front-page-magazine .front-page-magazine-inner .front-page-magazine-cover { left:0; }
  #template-front-page .front-page-magazine .front-page-magazine-inner .front-page-magazine-links .front-page-magazine-link {
    font-size:18px;
    margin-left:25px;
    margin-right:25px;
  }
  #template-front-page .front-page-magazine .front-page-magazine-inner .front-page-magazine-links .front-page-magazine-link:nth-child(-n+4) { order:1; }
  #template-front-page .front-page-magazine .front-page-magazine-inner .front-page-magazine-links .front-page-magazine-link:nth-child(n+4) { order:3; }
}
@media screen and (max-width: 1320px) {
  #template-front-page .front-page-magazine .front-page-magazine-inner .front-page-magazine-links .front-page-magazine-link {
    font-size:16px;
    margin-left:10px;
    margin-right:10px;
  }
  #template-front-page .front-page-magazine .front-page-magazine-inner .front-page-magazine-links .front-page-magazine-link.front-page-magazine-link-previous { display:none; }
}
@media screen and (max-width: 1100px) {
  #template-front-page .front-page-magazine .front-page-magazine-inner { padding-left:180px; }
  #template-front-page .front-page-magazine .front-page-magazine-inner .front-page-magazine-cover {
    margin:0;
    position:absolute;
    left:40px;
    top:-30px;
  }
  #template-front-page .front-page-magazine .front-page-magazine-inner .front-page-magazine-links .front-page-magazine-link { margin:5px 10px; }
  #template-front-page .front-page-magazine .front-page-magazine-inner .front-page-magazine-links:after {
    content:"";
    flex:0 0 100%;
    order:2;
    width:100%;
    height:1px;
  }
}
@media screen and (max-width: 800px) {
  #template-front-page .front-page-magazine {
    padding:54px 0 0;
    margin-bottom:60px;
  }
  #template-front-page .front-page-magazine .front-page-magazine-inner {
    align-items:center;
    height:auto;
  }
  #template-front-page .front-page-magazine .front-page-magazine-inner:after { display:none; }
  #template-front-page .front-page-magazine .front-page-magazine-inner .front-page-magazine-cover {
    left:-10px;
    top:-5px;
  }
  #template-front-page .front-page-magazine .front-page-magazine-inner .front-page-magazine-links {
    display:block;
    flex-grow:1;
    flex-shrink:1;
    flex-basis:0;
  }
  #template-front-page .front-page-magazine .front-page-magazine-inner .front-page-magazine-links .front-page-magazine-link {
    display:block;
    font-size:18px;
    line-height:40px;
  }
}
@media screen and (max-width: 500px) {
  #template-front-page .front-page-magazine .front-page-magazine-inner { padding-left:90px; }
  #template-front-page .front-page-magazine .front-page-magazine-inner .front-page-magazine-cover { max-width:100px; }
}
#template-front-page .front-page-events {
  display:flex;
  justify-content:space-around;
  align-items:flex-start;
  padding-bottom:20px;
}
#template-front-page .front-page-events .tabs-inner { margin-right:80px; }
#template-front-page .front-page-events .extra-ad-wrapper-half-page {
  padding:0;
  margin-bottom:120px;
  position:sticky;
  top:30px;
}
@media (max-width: 960px) {
  #template-front-page .front-page-events { display:block; }
}
@media (min-width: 961px) {
  #template-front-page .front-page-events:not(.no-ad) .tabs-inner { max-width:calc(100% - 400px); }
}
#template-front-page .front-page-participate {
  background:white;
  padding:51px 0 40px;
}
#template-front-page .front-page-participate .front-page-participate-wrapper { display:flex; }
#template-front-page .front-page-participate .front-page-participate-column {
  flex-grow:1;
  flex-shrink:1;
  flex-basis:0;
  margin:0 20px;
  padding:45px 60px 35px;
  position:relative;
  z-index:1;
  max-width:100%;
}
#template-front-page .front-page-participate .front-page-participate-column:nth-child(1) { margin-left:0; }
#template-front-page .front-page-participate .front-page-participate-column:nth-child(3) { margin-right:0; }
#template-front-page .front-page-participate .front-page-participate-column.front-page-participate-submit:after {
  background-color:#e5e5e5;
  content:"";
  display:block;
  margin:auto;
  position:absolute;
  top:30px;
  right:-21px;
  bottom:30px;
  left:auto;
  width:1px;
  height:auto;
  z-index:-1;
}
#template-front-page .front-page-participate .front-page-participate-title {
  font-size:26px;
  font-weight:400;
  line-height:30px;
  margin-bottom:8px;
}
#template-front-page .front-page-participate .front-page-participate-title .tabs-transition-text {
  display:inline-block;
  line-height:30px;
}
#template-front-page .front-page-participate .front-page-participate-title .tabs-transition-text .tabs-transition-text-inner {
  display:inline;
  background-image:linear-gradient(to top,white 0px,white 0px), linear-gradient(to top,transparent 0px,transparent 0px);
  background-position:left bottom 2px, left bottom 2px;
  background-repeat:no-repeat, no-repeat;
  background-size:0 10px, 100% 10px;
  transition:none 300ms ease-out;
  transition-property:background-size, color;
}
#template-front-page .front-page-participate .front-page-participate-contests { background:#f5f5f5; }
#template-front-page .front-page-participate .front-page-participate-contests .tabs-post-wrapper {
  position:relative;
  z-index:1;
}
#template-front-page .front-page-participate .front-page-participate-contests:after {
  background:#f5f5f5;
  content:"";
  display:block;
  position:absolute;
  top:0;
  right:-20px;
  width:20px;
  height:100%;
}
#template-front-page .front-page-participate .front-page-participate-contests .front-page-participate-contest-link:hover .front-page-participate-title .tabs-transition-text .tabs-transition-text-inner { background-size:100% 10px, 100% 10px; }
#template-front-page .front-page-participate .front-page-participate-contests .front-page-participate-title { padding-right:30px; }
#template-front-page .front-page-participate .front-page-participate-contests .front-page-participate-contest-excerpt {
  font-size:16px;
  line-height:20px;
  margin-bottom:12px;
}
#template-front-page .front-page-participate .front-page-participate-contests .front-page-participate-contest-excerpt .tabs-transition-text { display:inline-block; }
#template-front-page .front-page-participate .front-page-participate-contests .front-page-participate-contest-metas {
  color:#909090;
  font-family:'Lato', sans-serif;
  font-size:12px;
  font-weight:400;
  line-height:20px;
  text-transform:uppercase;
}
#template-front-page .front-page-participate .front-page-participate-contests .front-page-participate-contest-metas .tabs-transition-text { display:inline-block; }
#template-front-page .front-page-participate .front-page-participate-contests .pagination {
  display:flex;
  position:absolute;
  top:57px;
  right:40px;
  z-index:2;
}
#template-front-page .front-page-participate .front-page-participate-contests .pagination .tabs-navigation-tab {
  background-color:transparent;
  border:1px solid #000000;
  border-radius:100%;
  display:block;
  margin-left:12px;
  width:13px;
  height:13px;
  transition:background-color 300ms ease-in-out;
}
#template-front-page .front-page-participate .front-page-participate-contests .pagination .tabs-navigation-tab.tabs-navigation-tab-active { background-color:#000000; }
@media screen and (max-width: 1600px) {
  #template-front-page .front-page-participate .front-page-participate-column {
    padding-left:30px;
    padding-right:30px;
  }
  #template-front-page .front-page-participate .front-page-participate-column.front-page-participate-contests .pagination { right:20px; }
}
@media screen and (max-width: 1280px) {
  #template-front-page .front-page-participate .front-page-participate-wrapper { flex-wrap:wrap; }
  #template-front-page .front-page-participate .front-page-participate-wrapper .front-page-participate-contests { flex-basis:100%; }
}
@media screen and (max-width: 960px) {
  #template-front-page .front-page-participate .front-page-participate-wrapper { display:block; }
  #template-front-page .front-page-participate .front-page-participate-wrapper .front-page-participate-contests .pagination { right:20px; }
  #template-front-page .front-page-participate .front-page-participate-column.front-page-participate-submit:after { display:none; }
}
@media screen and (max-width: 720px) {
  #template-front-page .front-page-participate { padding:76px 0 20px; }
  #template-front-page .front-page-participate .front-page-participate-wrapper { display:block; }
  #template-front-page .front-page-participate .front-page-participate-wrapper .front-page-participate-column {
    margin:0;
    padding:29px 0 0;
  }
  #template-front-page .front-page-participate .front-page-participate-wrapper .front-page-participate-column .front-page-participate-title {
    font-size:24px;
    line-height:25px;
    margin-bottom:16px;
  }
  #template-front-page .front-page-participate .front-page-participate-wrapper .front-page-participate-column.front-page-participate-contests { padding:27px 60px 39px 20px; }
  #template-front-page .front-page-participate .front-page-participate-wrapper .front-page-participate-column.front-page-participate-contests:after { display:none; }
  #template-front-page .front-page-participate .front-page-participate-wrapper .front-page-participate-column.front-page-participate-contests .front-page-participate-title { margin-bottom:7px; }
  #template-front-page .front-page-participate .front-page-participate-wrapper .front-page-participate-column.front-page-participate-contests .pagination {
    top:37px;
    right:20px;
  }
  #template-front-page .front-page-participate .front-page-participate-wrapper .front-page-participate-column.front-page-participate-submit:after { display:none; }
}
@media screen and (max-width: 500px) {
  #template-front-page .front-page-participate { padding:16px 0 20px; }
}
